@charset "utf-8";
@media screen and (max-width: 1024px) {
    .difdb_cls, .footer-t, .index-global-contact .box .dd .line, .index-global-contact .box.on, .index-global-wrap.b, .index-magazine-foot, .sBranch-list .item .dd .line, .sContact-intro .section.txt, .sContact-intro .section.txt .s2 .line, .sI1000-section1 .contain, .sInvestment-report .wW, .sJoin-benefit .contain, .sJoin-college .col, .sMacare-detail .section .txt .content, .sMacare-detail .section .txt .tail, .sMax-section1 .w, .sMix-section1 .contain, .sProduct-category .intro, .sProduct-filter-dd .section .wrapIn, .sProduct-instrument-detail-my1 .w, .sProduct-instrument-detail-my2 .dd, .sProduct-instrument-detail-my2 .dt, .sProduct-instrument-detail-my3 .w, .sProduct-instrument-detail-my4 .body, .sProduct-instrument-detail-my4 .body .line, .sProduct-instrument-intro .w, .sProduct-instrument-modules-my2, .sProduct-project-configuration .head, .sProduct-reagent-section .head, .sProduct-reagent-section .section.s1, .sProduct-reagent-section .section.s2, .sProduct-reagent-section .section.s4, .sProduct-reagent-section .section.s5, .sProducts-instrument-s2 .contain, .sProducts-instrument-s3 .contain, .sProducts-instrument-s5 .w, .sProducts-instrument-s7 .contain, .sProducts-instrument-s8 .body, .sProducts-instrument-s8 .body .line, .sService-idea .w {
        display: block !important
    }
}

.pf100 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pa100 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pr100 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.no-Safari .fwl {
    font-weight: lighter
}

.diflr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.diflr:after {
    display: none
}

@media screen and (max-width: 1024px) {
    .diflr {
        display: block
    }

    .diflr > .left, .diflr > .right {
        width: 100% !important
    }
}

.tfn {
    -webkit-transform: none !important;
    transform: none !important
}

.tsn {
    -webkit-transition: none !important;
    transition: none !important
}

.tsi {
    -webkit-transition: inherit !important;
    transition: inherit !important
}

@media screen and (min-width: 1025px) {
    .btn.btn-flip, .btn.btn-more, .btn.btn-more:after, .ctr.ctr-arrow:after, .linkc1, .pcts, .sMagazine-all-list .item .oList .oLi .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }
}

.bgc0 {
    background-color: #000
}

.bgcf {
    background-color: #fff
}

.bgct {
    background-color: transparent
}

.bgca {
    background-color: #aaa
}

.bgcc {
    background-color: #ccc
}

.bgce {
    background-color: #eee
}

.bgcf1 {
    background-color: #f1f1f1
}

.bgcf5 {
    background-color: #f5f5f5
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=)
}

select {
    background-size: 12px auto;
    background-position: calc(100% - 12px) 50%;
    background-repeat: no-repeat
}

@-webkit-keyframes fadeInRightm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(33%, 0, 0);
        transform: translate3d(33%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(33%, 0, 0);
        transform: translate3d(33%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightm {
    -webkit-animation-name: fadeInRightm;
    animation-name: fadeInRightm
}

@-webkit-keyframes fadeInLeftm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-33%, 0, 0);
        transform: translate3d(-33%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-33%, 0, 0);
        transform: translate3d(-33%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftm {
    -webkit-animation-name: fadeInLeftm;
    animation-name: fadeInLeftm
}

@-webkit-keyframes fadeInUpm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -33%, 0);
        transform: translate3d(0, -33%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -33%, 0);
        transform: translate3d(0, -33%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpm {
    -webkit-animation-name: fadeInUpm;
    animation-name: fadeInUpm
}

@-webkit-keyframes fadeInDownm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 33%, 0);
        transform: translate3d(0, 33%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownm {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 33%, 0);
        transform: translate3d(0, 33%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownm {
    -webkit-animation-name: fadeInDownm;
    animation-name: fadeInDownm
}

@-webkit-keyframes fadeIns {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIns {
    0% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

.fadeIns {
    -webkit-animation-name: fadeIns;
    animation-name: fadeIns
}

@-webkit-keyframes dotShake {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
        transform: translate3d(-8%, 0, 0) rotate(-4deg)
    }
    30% {
        -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
        transform: translate3d(6.6%, 0, 0) rotate(2deg)
    }
    45% {
        -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
        transform: translate3d(-5.5%, 0, 0) rotate(-2deg)
    }
    60% {
        -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
        transform: translate3d(4.5%, 0, 0) rotate(1deg)
    }
    75% {
        -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
        transform: translate3d(-2%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes dotShake {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
        transform: translate3d(-8%, 0, 0) rotate(-4deg)
    }
    30% {
        -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
        transform: translate3d(6.6%, 0, 0) rotate(2deg)
    }
    45% {
        -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
        transform: translate3d(-5.5%, 0, 0) rotate(-2deg)
    }
    60% {
        -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
        transform: translate3d(4.5%, 0, 0) rotate(1deg)
    }
    75% {
        -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
        transform: translate3d(-2%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.dotShake {
    -webkit-animation-name: dotShake;
    animation-name: dotShake
}

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: none !important;
        transform: none !important
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: none !important;
        transform: none !important
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotate360 {
    -webkit-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes rotateInYm {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInYm {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInYm {
    -webkit-animation-name: rotateInYm;
    animation-name: rotateInYm
}

@-webkit-keyframes AniStriking {
    0%, 50%, to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25%, 75% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
}

@keyframes AniStriking {
    0%, 50%, to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25%, 75% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
}

.AniStriking {
    -webkit-animation-name: AniStriking;
    animation-name: AniStriking
}

@-webkit-keyframes AniOpStriking {
    0%, 50%, to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25%, 75% {
        opacity: .7;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
}

@keyframes AniOpStriking {
    0%, 50%, to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25%, 75% {
        opacity: .7;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
}

.AniOpStriking {
    -webkit-animation-name: AniOpStriking;
    animation-name: AniOpStriking
}

@-webkit-keyframes AniDotScaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100%, 50% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes AniDotScaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100%, 50% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.AniDotScaleOut {
    -webkit-animation-name: AniDotScaleOut;
    animation-name: AniDotScaleOut
}

@-webkit-keyframes animateStay {

0
,
100
%
{
    opacity: 1
}
}
@keyframes animateStay {

0
,
100
%
{
    opacity: 1
}
}
.animateStay {
    -webkit-animation-name: animateStay;
    animation-name: animateStay
}

@-webkit-keyframes AniNone {

0
,
100
%
{
    -webkit-transform: none !important
;
    transform: none !important
;
    opacity: 1
;
    visibility: visible
}
}
@keyframes AniNone {

0
,
100
%
{
    -webkit-transform: none !important
;
    transform: none !important
;
    opacity: 1
;
    visibility: visible
}
}
.AniNone {
    -webkit-animation-name: AniNone;
    animation-name: AniNone;
    opacity: 1
}

.AniCalmdown {
    -webkit-animation-name: AniCalmdown;
    animation-name: AniCalmdown;
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none
}

.waitAniBlock {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important
}

.waitAniBlock:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    background-color: currentColor
}

.waitAniBlock:before {
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%)
}

.waitAniBlock._dirv:before {
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%)
}

.waitAniBlock.AniStart .hideBlock {
    -webkit-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.waitAniBlock.AniStart:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s cubic-bezier(0, 0, .3, .6) 0s;
    transition: all .5s cubic-bezier(0, 0, .3, .6) 0s;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.waitAniBlock.AniStart._dirv:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.waitAniBlock.AniDid .hideBlock {
    -webkit-transition: all 0s ease-out 10ms;
    transition: all 0s ease-out 10ms;
    opacity: 1;
    visibility: visible
}

.waitAniBlock.AniDid:before {
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    -webkit-transition: all 480ms cubic-bezier(0, 0, 0, .8) 0s;
    transition: all 480ms cubic-bezier(0, 0, 0, .8) 0s;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0
}

.waitAniBlock.AniDid._dirv:before {
    -webkit-transform: translateY(105%);
    transform: translateY(105%)
}

.maxw100 {
    max-width: 100%
}

.maxh100 {
    max-height: 100%
}

.minw100 {
    min-width: 100%
}

.minh100 {
    min-height: 100%
}

.whi {
    width: inherit;
    height: inherit
}

.hScroll {
    width: 100%;
    font-size: 0;
    white-space: nowrap
}

.hScroll .overview, .hScroll .scrollBox {
    display: inline-block;
    vertical-align: top
}

.wap .hScroll {
    overflow-x: auto;
    overflow-y: hidden
}

.vScroll {
    height: 100%
}

.wap .vScroll {
    overflow-y: auto;
    overflow-x: hidden
}

.oScroll {
    width: 100%;
    height: 100%
}

.invisible {
    visibility: hidden;
    position: absolute !important;
    z-index: -1
}

.ensp {
    display: inline-block;
    vertical-align: middle;
    width: .5em;
    height: 1px
}

.cnsp {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1px
}

.pa100.link {
    position: absolute !important;
    z-index: 8;
    text-indent: -9999px;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    text-align: left !important
}

.enter, .reset {
    position: relative;
    overflow: hidden
}

.enter .iptBtn, .reset .iptBtn {
    display: block;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: rgba(255, 255, 255, 0);
    font-size: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.kong {
    pointer-events: none
}

.aniSpan {
    position: static !important;
    min-height: 1px;
    display: block
}

.scs.hbgOn img, .scst.hbgOn img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media screen and (min-width: 1025px) {
    .scs img, .scst img {
        -webkit-transition-duration: 330ms;
        transition-duration: 330ms
    }

    .scs:hover img, .scst:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1024px) {
    .scs:active img, .scst:active img {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
}

.scst {
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0
}

.en {
    word-break: keep-all
}

.tdu {
    text-decoration: underline
}

.oh {
    position: relative;
    overflow: hidden
}

.oh2 {
    position: relative;
    overflow: visible
}

.ma {
    margin-left: auto;
    margin-right: auto
}

.dib {
    display: inline-block;
    vertical-align: top
}

.vab {
    vertical-align: bottom
}

.vam {
    vertical-align: middle
}

.vat {
    vertical-align: top
}

.dct, .unsel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.insel {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.op0 {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.op1 {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.tapList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.tapList:after {
    display: none
}

.tapList .item {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lhd5 {
    height: .5em
}

.reject {
    cursor: not-allowed
}

.poss {
    position: static !important
}

.emptyList {
    text-align: center;
    font-size: 120%;
    background-color: #f5f5f5;
    color: #222;
    font-weight: 700
}

.hidePoint {
    position: absolute;
    height: 0;
    visibility: hidden;
    top: 0;
    left: 0
}

.viewport {
    position: relative
}

.pc .viewport {
    overflow: hidden
}

#think_page_trace_open {
    display: none !important
}

.lazybox {
    z-index: 1
}

.lazybox:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .6) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    -webkit-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.lazybox._loaded:before {
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.c1 {
    color: #0098eb
}

.bgc1 {
    background-color: #0098eb
}

.c2 {
    color: #0098eb
}

.bgc2 {
    background-color: #0098eb
}

.c3 {
    color: #272b37
}

.bgc3 {
    background-color: #272b37
}

.c4 {
    color: #cdb17c
}

.bgc4 {
    background-color: #cdb17c
}

.ca {
    color: #272b37
}

.cb {
    color: #666
}

.cs {
    color: grey
}

html {
    min-width: 450px
}

body {
    color: #666;
    font: 14px/1 inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

a {
    color: #272b37
}

a.on {
    color: #0098eb
}

@media screen and (min-width: 1025px) {
    a:hover {
        color: #0098eb
    }
}

@media screen and (max-width: 1024px) {
    a:active {
        color: #0098eb
    }
}

.vmbox {
    font-size: 14px;
    line-height: 1
}

.imax {
    line-height: 1.5625;
    color: #272b37;
    text-align: justify
}

::-moz-selection {
    background: #cc3e00;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #cc3e00;
    color: #fff;
    text-shadow: none
}

.scroll-wrap {
    background-color: #fff
}

.lazybox:before {
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (max-width: 1024px) {
    .lazybox:before {
        margin: -16px 0 0 -16px;
        width: 32px;
        height: 32px
    }
}

.lazybox._s:before {
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px
}

.lazybox._loading:before {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.load-error {
    background-image: url(../images/based/error.gif)
}

.pc ::-webkit-scrollbar {
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, .1)
}

.pc ::-webkit-scrollbar-thumb {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .25)
}

.pc ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .05);
    border-radius: 8px
}

.pc ::-webkit-scrollbar-corner {
    background: 0 0;
    height: 0;
    width: 0
}

.btn.ca {
    color: #272b37
}

@media screen and (min-width: 1025px) {
    .ptb_h {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (max-width: 1024px) {
    .ptb_h {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media screen and (min-width: 1025px) {
    .ptb_h_pc {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (min-width: 1025px) {
    .hidePoint {
        margin-top: -2rem
    }

    .header {
        height: 2rem;
        line-height: 2rem
    }
}

@media screen and (max-width: 1024px) {
    .scroll-wrap {
        padding-top: 64px
    }

    .hidePoint {
        margin-top: -64px
    }

    .header {
        height: 64px;
        line-height: 64px
    }
}

@media screen and (min-width: 1025px) {
    .linkc1:hover {
        color: #0098eb !important
    }
}

@media screen and (max-width: 1024px) {
    .linkc1:active {
        color: #0098eb !important
    }
}

.link_h {
    z-index: 1;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    padding: 5px 0;
    line-height: 1
}

.link_h:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: #ff653c solid 1px;
    border-bottom: #ff987c solid 1px
}

.index-global-search .line, .sBranch-filter .subpage-head .line, .sDevelopment-events .subpage-head .line, .sInvestment-report .wW .left .line, .sProduct-project-configuration .head .left .line, .selectLine {
    line-height: 0
}

.index-global-search .line label, .sBranch-filter .subpage-head .line label, .sDevelopment-events .subpage-head .line label, .sInvestment-report .wW .left .line label, .sProduct-project-configuration .head .left .line label, .selectLine label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    line-height: 24px;
    font-size: 15px;
    color: grey
}

.index-global-search .line select, .sBranch-filter .subpage-head .line select, .sDevelopment-events .subpage-head .line select, .sInvestment-report .wW .left .line select, .sProduct-project-configuration .head .left .line select, .selectLine select {
    display: inline-block;
    vertical-align: middle;
    min-width: 9em;
    height: 2em;
    line-height: 1.875em;
    border-radius: 2em;
    border: #272b37 solid 1px;
    padding: 0 2em 0 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #272b37;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=);
    background-size: 12px auto;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .index-global-search .line label, .sBranch-filter .subpage-head .line label, .sDevelopment-events .subpage-head .line label, .sInvestment-report .wW .left .line label, .sProduct-project-configuration .head .left .line label, .selectLine label {
        padding-left: 0
    }
}

.sProduct-filter-dt .line label, .selectLine2 label {
    padding: 0 8px;
    line-height: 30px;
    font-size: 15px;
    color: grey
}

.sProduct-filter-dt .line select, .selectLine2 select {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    min-width: 10em;
    height: 2.4em;
    line-height: 2.3em;
    border-radius: 2.4em;
    background-color: #efefef;
    border: #272b37 solid 1px;
    padding: 0 2em 0 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #272b37;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=);
    background-size: 12px auto;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .sProduct-filter-dt .line label, .selectLine2 label {
        padding-left: 0
    }
}

@media screen and (max-width: 640px) {
    .sProduct-filter-dt .line select, .selectLine2 select {
        font-size: 14px !important
    }
}

.maxmw {
    width: auto;
    width: calc(100% - 30px);
    margin-left: auto !important;
    margin-right: auto !important
}

.container, .w {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 78.125vw
}

@media screen and (max-width: 1440px) {
    .container, .w {
        width: 81.25vw
    }
}

@media screen and (max-width: 1280px) {
    .container, .w {
        width: 84.375vw
    }
}

.container.wW, .w.wW {
    width: 93.75vw
}

@media screen and (max-width: 1024px) {
    .container, .w {
        width: auto !important;
        width: calc(100% - 30px) !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

.index-magazine-wrap, .wWp {
    width: 93.75vw;
    padding: 0 7.8125vw
}

@media screen and (max-width: 1440px) {
    .index-magazine-wrap, .wWp {
        padding: 0 6.25vw
    }
}

@media screen and (max-width: 1280px) {
    .index-magazine-wrap, .wWp {
        padding: 0 4.6875vw
    }
}

@media screen and (max-width: 1024px) {
    .index-magazine-wrap, .wWp {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

:root {
    --paddingWw: 7.8125vw;
    --paddingW: 10.9375vw
}

@media screen and (max-width: 1440px) {
    :root {
        --paddingWw: 6.25vw;
        --paddingW: 9.375vw
    }
}

@media screen and (max-width: 1280px) {
    :root {
        --paddingWw: 4.6875vw;
        --paddingW: 7.8125vw
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --paddingWw: 1.2rem;
        --paddingW: 15px
    }
}

@font-face {
    font-family: inter_r;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/inter_r.eot?#iefix) format('embedded-opentype'), url(fonts/inter_r.woff2) format('woff2'), url(fonts/inter_r.woff) format('woff'), url(fonts/inter_r.ttf) format('truetype'), url(fonts/inter_r.svg#inter_r) format('svg')
}

.fen_ir {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

@font-face {
    font-family: inter_i;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/inter_i.eot?#iefix) format('embedded-opentype'), url(fonts/inter_i.woff2) format('woff2'), url(fonts/inter_i.woff) format('woff'), url(fonts/inter_i.ttf) format('truetype'), url(fonts/inter_i.svg#inter_i) format('svg')
}

.fen_ii {
    font-family: inter_i, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

html {
    font-size: 50px
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 45px
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 40px
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 35px
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 30px
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 25px
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size: 20px
    }
}

@media screen and (max-width: 1024px) {
    .fzRes {
        font-size: 100px
    }
}

@media screen and (max-width: 749px) {
    .fzRes {
        font-size: 90px
    }
}

@media screen and (max-width: 699px) {
    .fzRes {
        font-size: 85px
    }
}

@media screen and (max-width: 649px) {
    .fzRes {
        font-size: 80px
    }
}

@media screen and (max-width: 599px) {
    .fzRes {
        font-size: 75px
    }
}

@media screen and (max-width: 549px) {
    .fzRes {
        font-size: 70px
    }
}

@media screen and (max-width: 499px) {
    .fzRes {
        font-size: 65px
    }
}

@media screen and (max-width: 449px) {
    .fzRes {
        font-size: 60px
    }
}

.fz72, .sAbout-trace-wrap.t .left, .sDevelopment-banner .dt, .sJoin-banner .word, .sMagazine-all-list .item .year, .sMagazine-banner .head .dt, .sMax-section3 .dt .txt .sdt, .sMax-section4 .head .sdt, .sMix-section3 .dt .txt .sdt, .sProduct-banner .wrapIn .word .p1, .sProduct-filter-dt .head .sdt, .sProduct-instrument-detail-my4 .head > .this, .sProduct-instrument-modules-my3 .head > .this, .sProduct-project-flow .head .sdt, .sProduct-project-layout .dt .txt .sdt, .sProducts-instrument-s4 .project .head > .this, .sProducts-instrument-s8 .head > .this {
    font-size: 1.44rem
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .fz72, .sAbout-trace-wrap.t .left, .sDevelopment-banner .dt, .sJoin-banner .word, .sMagazine-all-list .item .year, .sMagazine-banner .head .dt, .sMax-section3 .dt .txt .sdt, .sMax-section4 .head .sdt, .sMix-section3 .dt .txt .sdt, .sProduct-banner .wrapIn .word .p1, .sProduct-filter-dt .head .sdt, .sProduct-instrument-detail-my4 .head > .this, .sProduct-instrument-modules-my3 .head > .this, .sProduct-project-flow .head .sdt, .sProduct-project-layout .dt .txt .sdt, .sProducts-instrument-s4 .project .head > .this, .sProducts-instrument-s8 .head > .this {
        font-size: 3.75vw
    }
}

.fz60, .index-magazine-head .en, .sJoin-switch .item .word .who {
    font-size: 60px
}

@media screen and (max-width: 1600px) {
    .fz60, .index-magazine-head .en, .sJoin-switch .item .word .who {
        font-size: 52px
    }
}

@media screen and (max-width: 1440px) {
    .fz60, .index-magazine-head .en, .sJoin-switch .item .word .who {
        font-size: 48px
    }
}

@media screen and (max-width: 1280px) {
    .fz60, .index-magazine-head .en, .sJoin-switch .item .word .who {
        font-size: 44px
    }
}

@media screen and (max-width: 1024px) {
    .fz60, .index-magazine-head .en, .sJoin-switch .item .word .who {
        font-size: 40px
    }
}

@media screen and (max-width: 768px) {
    .fz60, .index-magazine-head .en, .sJoin-switch .item .word .who {
        font-size: 36px
    }
}

.fz48, .sAbout-banner .word, .sAbout-idea-wrap.b .dt, .sAbout-intro-wrap .left .logo, .sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn, .sJoin-benefit .left .sdt, .sJoin-head .sdt, .sJoin-switch .item .word, .sMacare-detail .section .txt .content .left .sdt, .sMacare-detail .section .txt .content .right:before, .sMacare-intro-head .left .sdt, .sMacare-intro-head .right:before, .sMagazine-recent .head, .sMax-section1 .left .sdt, .sMix-section1 [ysq-scrollEle-aftLine] .wrapIn, .sMix-section2-fns .oList .oLi .icon, .sMix-section2-head, .sMix-section2-parts .item .txt .sdt .p1, .sProduct-category .intro .left .sdt > .this, .sProduct-category .intro .right.col1:before, .sProduct-category .video .word, .sProduct-instrument-detail-my1 .right .dt, .sProduct-instrument-detail-my2 .dt .left .this, .sProduct-instrument-detail-my3 .right .dt, .sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p3, .sProduct-instrument-intro .txt .sdt, .sProduct-instrument-modules-my2 .left, .sProduct-instrument-video .word, .sProduct-project-configuration .head .left .this, .sProduct-project-intro .left .sdt, .sProduct-project-video .word .en, .sProduct-reagent-relative .head, .sProducts-instrument-s2 .txtBox .sdt, .sProducts-instrument-s3 .txtBox .sdt, .sProducts-instrument-s4 .expend .head .this, .sProducts-instrument-s5 .txtBox .dt, .sProducts-instrument-s6 .head, .sProducts-instrument-s7 .txtBox .sdt, .sSustainable .subpage-banner .p1, .sSustainable-framework-head .dt, .sSustainable-practice-head .dt, .sSustainable-strategy-head .dt, .sView .wrapIn .fns, .sView-head, .subpage-head .this, .videoBox .word {
    font-size: 48px
}

@media screen and (max-width: 1600px) {
    .fz48, .sAbout-banner .word, .sAbout-idea-wrap.b .dt, .sAbout-intro-wrap .left .logo, .sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn, .sJoin-benefit .left .sdt, .sJoin-head .sdt, .sJoin-switch .item .word, .sMacare-detail .section .txt .content .left .sdt, .sMacare-detail .section .txt .content .right:before, .sMacare-intro-head .left .sdt, .sMacare-intro-head .right:before, .sMagazine-recent .head, .sMax-section1 .left .sdt, .sMix-section1 [ysq-scrollEle-aftLine] .wrapIn, .sMix-section2-fns .oList .oLi .icon, .sMix-section2-head, .sMix-section2-parts .item .txt .sdt .p1, .sProduct-category .intro .left .sdt > .this, .sProduct-category .intro .right.col1:before, .sProduct-category .video .word, .sProduct-instrument-detail-my1 .right .dt, .sProduct-instrument-detail-my2 .dt .left .this, .sProduct-instrument-detail-my3 .right .dt, .sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p3, .sProduct-instrument-intro .txt .sdt, .sProduct-instrument-modules-my2 .left, .sProduct-instrument-video .word, .sProduct-project-configuration .head .left .this, .sProduct-project-intro .left .sdt, .sProduct-project-video .word .en, .sProduct-reagent-relative .head, .sProducts-instrument-s2 .txtBox .sdt, .sProducts-instrument-s3 .txtBox .sdt, .sProducts-instrument-s4 .expend .head .this, .sProducts-instrument-s5 .txtBox .dt, .sProducts-instrument-s6 .head, .sProducts-instrument-s7 .txtBox .sdt, .sSustainable .subpage-banner .p1, .sSustainable-framework-head .dt, .sSustainable-practice-head .dt, .sSustainable-strategy-head .dt, .sView .wrapIn .fns, .sView-head, .subpage-head .this, .videoBox .word {
        font-size: 44px
    }
}

@media screen and (max-width: 1440px) {
    .fz48, .sAbout-banner .word, .sAbout-idea-wrap.b .dt, .sAbout-intro-wrap .left .logo, .sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn, .sJoin-benefit .left .sdt, .sJoin-head .sdt, .sJoin-switch .item .word, .sMacare-detail .section .txt .content .left .sdt, .sMacare-detail .section .txt .content .right:before, .sMacare-intro-head .left .sdt, .sMacare-intro-head .right:before, .sMagazine-recent .head, .sMax-section1 .left .sdt, .sMix-section1 [ysq-scrollEle-aftLine] .wrapIn, .sMix-section2-fns .oList .oLi .icon, .sMix-section2-head, .sMix-section2-parts .item .txt .sdt .p1, .sProduct-category .intro .left .sdt > .this, .sProduct-category .intro .right.col1:before, .sProduct-category .video .word, .sProduct-instrument-detail-my1 .right .dt, .sProduct-instrument-detail-my2 .dt .left .this, .sProduct-instrument-detail-my3 .right .dt, .sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p3, .sProduct-instrument-intro .txt .sdt, .sProduct-instrument-modules-my2 .left, .sProduct-instrument-video .word, .sProduct-project-configuration .head .left .this, .sProduct-project-intro .left .sdt, .sProduct-project-video .word .en, .sProduct-reagent-relative .head, .sProducts-instrument-s2 .txtBox .sdt, .sProducts-instrument-s3 .txtBox .sdt, .sProducts-instrument-s4 .expend .head .this, .sProducts-instrument-s5 .txtBox .dt, .sProducts-instrument-s6 .head, .sProducts-instrument-s7 .txtBox .sdt, .sSustainable .subpage-banner .p1, .sSustainable-framework-head .dt, .sSustainable-practice-head .dt, .sSustainable-strategy-head .dt, .sView .wrapIn .fns, .sView-head, .subpage-head .this, .videoBox .word {
        font-size: 40px
    }
}

@media screen and (max-width: 1280px) {
    .fz48, .sAbout-banner .word, .sAbout-idea-wrap.b .dt, .sAbout-intro-wrap .left .logo, .sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn, .sJoin-benefit .left .sdt, .sJoin-head .sdt, .sJoin-switch .item .word, .sMacare-detail .section .txt .content .left .sdt, .sMacare-detail .section .txt .content .right:before, .sMacare-intro-head .left .sdt, .sMacare-intro-head .right:before, .sMagazine-recent .head, .sMax-section1 .left .sdt, .sMix-section1 [ysq-scrollEle-aftLine] .wrapIn, .sMix-section2-fns .oList .oLi .icon, .sMix-section2-head, .sMix-section2-parts .item .txt .sdt .p1, .sProduct-category .intro .left .sdt > .this, .sProduct-category .intro .right.col1:before, .sProduct-category .video .word, .sProduct-instrument-detail-my1 .right .dt, .sProduct-instrument-detail-my2 .dt .left .this, .sProduct-instrument-detail-my3 .right .dt, .sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p3, .sProduct-instrument-intro .txt .sdt, .sProduct-instrument-modules-my2 .left, .sProduct-instrument-video .word, .sProduct-project-configuration .head .left .this, .sProduct-project-intro .left .sdt, .sProduct-project-video .word .en, .sProduct-reagent-relative .head, .sProducts-instrument-s2 .txtBox .sdt, .sProducts-instrument-s3 .txtBox .sdt, .sProducts-instrument-s4 .expend .head .this, .sProducts-instrument-s5 .txtBox .dt, .sProducts-instrument-s6 .head, .sProducts-instrument-s7 .txtBox .sdt, .sSustainable .subpage-banner .p1, .sSustainable-framework-head .dt, .sSustainable-practice-head .dt, .sSustainable-strategy-head .dt, .sView .wrapIn .fns, .sView-head, .subpage-head .this, .videoBox .word {
        font-size: 38px
    }
}

@media screen and (max-width: 1024px) {
    .fz48, .sAbout-banner .word, .sAbout-idea-wrap.b .dt, .sAbout-intro-wrap .left .logo, .sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn, .sJoin-benefit .left .sdt, .sJoin-head .sdt, .sJoin-switch .item .word, .sMacare-detail .section .txt .content .left .sdt, .sMacare-detail .section .txt .content .right:before, .sMacare-intro-head .left .sdt, .sMacare-intro-head .right:before, .sMagazine-recent .head, .sMax-section1 .left .sdt, .sMix-section1 [ysq-scrollEle-aftLine] .wrapIn, .sMix-section2-fns .oList .oLi .icon, .sMix-section2-head, .sMix-section2-parts .item .txt .sdt .p1, .sProduct-category .intro .left .sdt > .this, .sProduct-category .intro .right.col1:before, .sProduct-category .video .word, .sProduct-instrument-detail-my1 .right .dt, .sProduct-instrument-detail-my2 .dt .left .this, .sProduct-instrument-detail-my3 .right .dt, .sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p3, .sProduct-instrument-intro .txt .sdt, .sProduct-instrument-modules-my2 .left, .sProduct-instrument-video .word, .sProduct-project-configuration .head .left .this, .sProduct-project-intro .left .sdt, .sProduct-project-video .word .en, .sProduct-reagent-relative .head, .sProducts-instrument-s2 .txtBox .sdt, .sProducts-instrument-s3 .txtBox .sdt, .sProducts-instrument-s4 .expend .head .this, .sProducts-instrument-s5 .txtBox .dt, .sProducts-instrument-s6 .head, .sProducts-instrument-s7 .txtBox .sdt, .sSustainable .subpage-banner .p1, .sSustainable-framework-head .dt, .sSustainable-practice-head .dt, .sSustainable-strategy-head .dt, .sView .wrapIn .fns, .sView-head, .subpage-head .this, .videoBox .word {
        font-size: 36px
    }
}

@media screen and (max-width: 768px) {
    .fz48, .sAbout-banner .word, .sAbout-idea-wrap.b .dt, .sAbout-intro-wrap .left .logo, .sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn, .sJoin-benefit .left .sdt, .sJoin-head .sdt, .sJoin-switch .item .word, .sMacare-detail .section .txt .content .left .sdt, .sMacare-detail .section .txt .content .right:before, .sMacare-intro-head .left .sdt, .sMacare-intro-head .right:before, .sMagazine-recent .head, .sMax-section1 .left .sdt, .sMix-section1 [ysq-scrollEle-aftLine] .wrapIn, .sMix-section2-fns .oList .oLi .icon, .sMix-section2-head, .sMix-section2-parts .item .txt .sdt .p1, .sProduct-category .intro .left .sdt > .this, .sProduct-category .intro .right.col1:before, .sProduct-category .video .word, .sProduct-instrument-detail-my1 .right .dt, .sProduct-instrument-detail-my2 .dt .left .this, .sProduct-instrument-detail-my3 .right .dt, .sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p3, .sProduct-instrument-intro .txt .sdt, .sProduct-instrument-modules-my2 .left, .sProduct-instrument-video .word, .sProduct-project-configuration .head .left .this, .sProduct-project-intro .left .sdt, .sProduct-project-video .word .en, .sProduct-reagent-relative .head, .sProducts-instrument-s2 .txtBox .sdt, .sProducts-instrument-s3 .txtBox .sdt, .sProducts-instrument-s4 .expend .head .this, .sProducts-instrument-s5 .txtBox .dt, .sProducts-instrument-s6 .head, .sProducts-instrument-s7 .txtBox .sdt, .sSustainable .subpage-banner .p1, .sSustainable-framework-head .dt, .sSustainable-practice-head .dt, .sSustainable-strategy-head .dt, .sView .wrapIn .fns, .sView-head, .subpage-head .this, .videoBox .word {
        font-size: 30px
    }
}

@media screen and (max-width: 640px) {
    .fz48, .sAbout-banner .word, .sAbout-idea-wrap.b .dt, .sAbout-intro-wrap .left .logo, .sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn, .sJoin-benefit .left .sdt, .sJoin-head .sdt, .sJoin-switch .item .word, .sMacare-detail .section .txt .content .left .sdt, .sMacare-detail .section .txt .content .right:before, .sMacare-intro-head .left .sdt, .sMacare-intro-head .right:before, .sMagazine-recent .head, .sMax-section1 .left .sdt, .sMix-section1 [ysq-scrollEle-aftLine] .wrapIn, .sMix-section2-fns .oList .oLi .icon, .sMix-section2-head, .sMix-section2-parts .item .txt .sdt .p1, .sProduct-category .intro .left .sdt > .this, .sProduct-category .intro .right.col1:before, .sProduct-category .video .word, .sProduct-instrument-detail-my1 .right .dt, .sProduct-instrument-detail-my2 .dt .left .this, .sProduct-instrument-detail-my3 .right .dt, .sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p3, .sProduct-instrument-intro .txt .sdt, .sProduct-instrument-modules-my2 .left, .sProduct-instrument-video .word, .sProduct-project-configuration .head .left .this, .sProduct-project-intro .left .sdt, .sProduct-project-video .word .en, .sProduct-reagent-relative .head, .sProducts-instrument-s2 .txtBox .sdt, .sProducts-instrument-s3 .txtBox .sdt, .sProducts-instrument-s4 .expend .head .this, .sProducts-instrument-s5 .txtBox .dt, .sProducts-instrument-s6 .head, .sProducts-instrument-s7 .txtBox .sdt, .sSustainable .subpage-banner .p1, .sSustainable-framework-head .dt, .sSustainable-practice-head .dt, .sSustainable-strategy-head .dt, .sView .wrapIn .fns, .sView-head, .subpage-head .this, .videoBox .word {
        font-size: 24px
    }
}

.ctr.ctr-arrow, .fz40, .sProduct-recommend-tab .Tt .txt .en {
    font-size: 40px
}

@media screen and (max-width: 1440px) {
    .ctr.ctr-arrow, .fz40, .sProduct-recommend-tab .Tt .txt .en {
        font-size: 36px
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-arrow, .fz40, .sProduct-recommend-tab .Tt .txt .en {
        font-size: 32px
    }
}

@media screen and (max-width: 768px) {
    .ctr.ctr-arrow, .fz40, .sProduct-recommend-tab .Tt .txt .en {
        font-size: 28px
    }
}

.fz36, .modal-aboutIntro .name, .sDevelopment-banner .df .col .sdt, .sDevelopment-recent-swiper .item .txt .date, .sMacare-intro-head .right .sdt {
    font-size: 36px
}

@media screen and (max-width: 1440px) {
    .fz36, .modal-aboutIntro .name, .sDevelopment-banner .df .col .sdt, .sDevelopment-recent-swiper .item .txt .date, .sMacare-intro-head .right .sdt {
        font-size: 32px
    }
}

@media screen and (max-width: 1024px) {
    .fz36, .modal-aboutIntro .name, .sDevelopment-banner .df .col .sdt, .sDevelopment-recent-swiper .item .txt .date, .sMacare-intro-head .right .sdt {
        font-size: 28px
    }
}

@media screen and (max-width: 768px) {
    .fz36, .modal-aboutIntro .name, .sDevelopment-banner .df .col .sdt, .sDevelopment-recent-swiper .item .txt .date, .sMacare-intro-head .right .sdt {
        font-size: 24px
    }
}

.btn.btn-play, .fz32, .index-global-head .sdt, .index-magazine-head .cn, .index-product-head .line, .sAbout-idea-wrap.b .dd .col .sdt, .sAbout-intro-wrap .right .sdt > .this, .sAbout-tech-list .item .txt .sdt > .this, .sAbout-trace-wrap.t .right .sdt, .sBranch-list .item .dt span, .sContact-intro .section.txt .left, .sDevelopment-events-swiper .item .txt .year, .sI1000-section2 .item .line, .sInvestment-contact .head .this, .sInvestment-contact-list .item .sdt, .sInvestment-report .wW .left .this, .sInvestment-report-list .item .sdt, .sJoin-college .col .txtBox .dt .this, .sJoin-train-rotateMove .item .full .sdt, .sMacare-detail .section .txt .left, .sMacare-intro-head .left .sdd, .sMax-section2-entirety .list .item .line, .sMax-section2-entirety .list .item .wrapIn .sdt, .sMax-section2-parts .item .txt .sdt .cn, .sMax-section3 .dd .name > span, .sMax-section4 .list .item .txt .sdt, .sMix-section2-entirety .item, .sMix-section2-entirety .item .line, .sMix-section2-parts .item .txt .sdt .cn, .sNews-hotspot-swiper .item .txt .title, .sNews-list .item .txt._posl .date, .sNews-list .item .txt._posl .title, .sProduct-3dview .name .cn, .sProduct-banner .wrapIn .word .p2, .sProduct-filter-dd .section .left .sdt, .sProduct-filter-dt .head .sdd, .sProduct-instrument-detail-my1 .right .dd .col .sdt, .sProduct-instrument-detail-my2 .dt .right .col .sdt, .sProduct-instrument-detail-my3 .right .dd .col .sdt, .sProduct-instrument-modules-my1 .item .line, .sProduct-instrument-modules-my1 .item .wrapIn .sdt, .sProduct-instrument-modules-my2 .right .txt .col .sdt, .sProduct-instrument-modules-my3 .body .line .left, .sProduct-list .item:nth-child(1) .txt .cn .p2, .sProduct-list .item:nth-child(1) .txt .en, .sProduct-project-configuration-list .item .col .type, .sProduct-project-equipment-my1 .item .line, .sProduct-project-equipment-my1 .item .wrapIn .sdt, .sProduct-project-equipment-my2 .item .scene ._hide.s1 .p1, .sProduct-project-equipment-my2 .item .txt .sdt .cn, .sProduct-project-flow .list .item .txt .sdt, .sProduct-project-intro .right, .sProduct-project-layout .dd .name > span, .sProduct-project-video .word .cn, .sProduct-reagent-section .body .dt, .sProduct-reagent-section .head .intro .col .ppty > .this, .sProduct-reagent-section .section.s2 .right .col .sdt .en, .sProduct-reagent-section .section.s3, .sProduct-reagent-section .section.s5 .right .col .pointer, .sProduct-reagent-section .section.s5 .right .col .sdt .en, .sProduct-recommend-tab .Tt .txt .cn .p2, .sProducts-instrument-s1 .dt .cn, .sProducts-instrument-s2 .txtBox .sdd .col .xdt, .sProducts-instrument-s3 .txtBox .sdd .col .xdt, .sProducts-instrument-s4 .expend .body .txt .col .sdt, .sProducts-instrument-s4 .project .body .line .left, .sProducts-instrument-s5 .txtBox .dd .col .sdt, .sProducts-instrument-s6-swiper .item .txt .sdt, .sProducts-instrument-s7 .txtBox .sdd .col .xdt, .sService-idea-list .item .txt .sdt, .sService-team-list .item .txt .sdd .p1 .tel, .sService-team-list .item .txt .sdt, .sSustainable-practice-pb .line .col .txt .title, .sSustainable-practice-section .head .sdt .this, .sSustainable-practice-switch .Tt .txt .sdt, .sSustainable-report .sInvestment-report-list .item .sdd, .subpage-qnav .item .txt .sdt > .this {
    font-size: 32px
}

@media screen and (max-width: 1440px) {
    .btn.btn-play, .fz32, .index-global-head .sdt, .index-magazine-head .cn, .index-product-head .line, .sAbout-idea-wrap.b .dd .col .sdt, .sAbout-intro-wrap .right .sdt > .this, .sAbout-tech-list .item .txt .sdt > .this, .sAbout-trace-wrap.t .right .sdt, .sBranch-list .item .dt span, .sContact-intro .section.txt .left, .sDevelopment-events-swiper .item .txt .year, .sI1000-section2 .item .line, .sInvestment-contact .head .this, .sInvestment-contact-list .item .sdt, .sInvestment-report .wW .left .this, .sInvestment-report-list .item .sdt, .sJoin-college .col .txtBox .dt .this, .sJoin-train-rotateMove .item .full .sdt, .sMacare-detail .section .txt .left, .sMacare-intro-head .left .sdd, .sMax-section2-entirety .list .item .line, .sMax-section2-entirety .list .item .wrapIn .sdt, .sMax-section2-parts .item .txt .sdt .cn, .sMax-section3 .dd .name > span, .sMax-section4 .list .item .txt .sdt, .sMix-section2-entirety .item, .sMix-section2-entirety .item .line, .sMix-section2-parts .item .txt .sdt .cn, .sNews-hotspot-swiper .item .txt .title, .sNews-list .item .txt._posl .date, .sNews-list .item .txt._posl .title, .sProduct-3dview .name .cn, .sProduct-banner .wrapIn .word .p2, .sProduct-filter-dd .section .left .sdt, .sProduct-filter-dt .head .sdd, .sProduct-instrument-detail-my1 .right .dd .col .sdt, .sProduct-instrument-detail-my2 .dt .right .col .sdt, .sProduct-instrument-detail-my3 .right .dd .col .sdt, .sProduct-instrument-modules-my1 .item .line, .sProduct-instrument-modules-my1 .item .wrapIn .sdt, .sProduct-instrument-modules-my2 .right .txt .col .sdt, .sProduct-instrument-modules-my3 .body .line .left, .sProduct-list .item:nth-child(1) .txt .cn .p2, .sProduct-list .item:nth-child(1) .txt .en, .sProduct-project-configuration-list .item .col .type, .sProduct-project-equipment-my1 .item .line, .sProduct-project-equipment-my1 .item .wrapIn .sdt, .sProduct-project-equipment-my2 .item .scene ._hide.s1 .p1, .sProduct-project-equipment-my2 .item .txt .sdt .cn, .sProduct-project-flow .list .item .txt .sdt, .sProduct-project-intro .right, .sProduct-project-layout .dd .name > span, .sProduct-project-video .word .cn, .sProduct-reagent-section .body .dt, .sProduct-reagent-section .head .intro .col .ppty > .this, .sProduct-reagent-section .section.s2 .right .col .sdt .en, .sProduct-reagent-section .section.s3, .sProduct-reagent-section .section.s5 .right .col .pointer, .sProduct-reagent-section .section.s5 .right .col .sdt .en, .sProduct-recommend-tab .Tt .txt .cn .p2, .sProducts-instrument-s1 .dt .cn, .sProducts-instrument-s2 .txtBox .sdd .col .xdt, .sProducts-instrument-s3 .txtBox .sdd .col .xdt, .sProducts-instrument-s4 .expend .body .txt .col .sdt, .sProducts-instrument-s4 .project .body .line .left, .sProducts-instrument-s5 .txtBox .dd .col .sdt, .sProducts-instrument-s6-swiper .item .txt .sdt, .sProducts-instrument-s7 .txtBox .sdd .col .xdt, .sService-idea-list .item .txt .sdt, .sService-team-list .item .txt .sdd .p1 .tel, .sService-team-list .item .txt .sdt, .sSustainable-practice-pb .line .col .txt .title, .sSustainable-practice-section .head .sdt .this, .sSustainable-practice-switch .Tt .txt .sdt, .sSustainable-report .sInvestment-report-list .item .sdd, .subpage-qnav .item .txt .sdt > .this {
        font-size: 28px
    }
}

@media screen and (max-width: 1024px) {
    .btn.btn-play, .fz32, .index-global-head .sdt, .index-magazine-head .cn, .index-product-head .line, .sAbout-idea-wrap.b .dd .col .sdt, .sAbout-intro-wrap .right .sdt > .this, .sAbout-tech-list .item .txt .sdt > .this, .sAbout-trace-wrap.t .right .sdt, .sBranch-list .item .dt span, .sContact-intro .section.txt .left, .sDevelopment-events-swiper .item .txt .year, .sI1000-section2 .item .line, .sInvestment-contact .head .this, .sInvestment-contact-list .item .sdt, .sInvestment-report .wW .left .this, .sInvestment-report-list .item .sdt, .sJoin-college .col .txtBox .dt .this, .sJoin-train-rotateMove .item .full .sdt, .sMacare-detail .section .txt .left, .sMacare-intro-head .left .sdd, .sMax-section2-entirety .list .item .line, .sMax-section2-entirety .list .item .wrapIn .sdt, .sMax-section2-parts .item .txt .sdt .cn, .sMax-section3 .dd .name > span, .sMax-section4 .list .item .txt .sdt, .sMix-section2-entirety .item, .sMix-section2-entirety .item .line, .sMix-section2-parts .item .txt .sdt .cn, .sNews-hotspot-swiper .item .txt .title, .sNews-list .item .txt._posl .date, .sNews-list .item .txt._posl .title, .sProduct-3dview .name .cn, .sProduct-banner .wrapIn .word .p2, .sProduct-filter-dd .section .left .sdt, .sProduct-filter-dt .head .sdd, .sProduct-instrument-detail-my1 .right .dd .col .sdt, .sProduct-instrument-detail-my2 .dt .right .col .sdt, .sProduct-instrument-detail-my3 .right .dd .col .sdt, .sProduct-instrument-modules-my1 .item .line, .sProduct-instrument-modules-my1 .item .wrapIn .sdt, .sProduct-instrument-modules-my2 .right .txt .col .sdt, .sProduct-instrument-modules-my3 .body .line .left, .sProduct-list .item:nth-child(1) .txt .cn .p2, .sProduct-list .item:nth-child(1) .txt .en, .sProduct-project-configuration-list .item .col .type, .sProduct-project-equipment-my1 .item .line, .sProduct-project-equipment-my1 .item .wrapIn .sdt, .sProduct-project-equipment-my2 .item .scene ._hide.s1 .p1, .sProduct-project-equipment-my2 .item .txt .sdt .cn, .sProduct-project-flow .list .item .txt .sdt, .sProduct-project-intro .right, .sProduct-project-layout .dd .name > span, .sProduct-project-video .word .cn, .sProduct-reagent-section .body .dt, .sProduct-reagent-section .head .intro .col .ppty > .this, .sProduct-reagent-section .section.s2 .right .col .sdt .en, .sProduct-reagent-section .section.s3, .sProduct-reagent-section .section.s5 .right .col .pointer, .sProduct-reagent-section .section.s5 .right .col .sdt .en, .sProduct-recommend-tab .Tt .txt .cn .p2, .sProducts-instrument-s1 .dt .cn, .sProducts-instrument-s2 .txtBox .sdd .col .xdt, .sProducts-instrument-s3 .txtBox .sdd .col .xdt, .sProducts-instrument-s4 .expend .body .txt .col .sdt, .sProducts-instrument-s4 .project .body .line .left, .sProducts-instrument-s5 .txtBox .dd .col .sdt, .sProducts-instrument-s6-swiper .item .txt .sdt, .sProducts-instrument-s7 .txtBox .sdd .col .xdt, .sService-idea-list .item .txt .sdt, .sService-team-list .item .txt .sdd .p1 .tel, .sService-team-list .item .txt .sdt, .sSustainable-practice-pb .line .col .txt .title, .sSustainable-practice-section .head .sdt .this, .sSustainable-practice-switch .Tt .txt .sdt, .sSustainable-report .sInvestment-report-list .item .sdd, .subpage-qnav .item .txt .sdt > .this {
        font-size: 24px
    }
}

@media screen and (max-width: 768px) {
    .btn.btn-play, .fz32, .index-global-head .sdt, .index-magazine-head .cn, .index-product-head .line, .sAbout-idea-wrap.b .dd .col .sdt, .sAbout-intro-wrap .right .sdt > .this, .sAbout-tech-list .item .txt .sdt > .this, .sAbout-trace-wrap.t .right .sdt, .sBranch-list .item .dt span, .sContact-intro .section.txt .left, .sDevelopment-events-swiper .item .txt .year, .sI1000-section2 .item .line, .sInvestment-contact .head .this, .sInvestment-contact-list .item .sdt, .sInvestment-report .wW .left .this, .sInvestment-report-list .item .sdt, .sJoin-college .col .txtBox .dt .this, .sJoin-train-rotateMove .item .full .sdt, .sMacare-detail .section .txt .left, .sMacare-intro-head .left .sdd, .sMax-section2-entirety .list .item .line, .sMax-section2-entirety .list .item .wrapIn .sdt, .sMax-section2-parts .item .txt .sdt .cn, .sMax-section3 .dd .name > span, .sMax-section4 .list .item .txt .sdt, .sMix-section2-entirety .item, .sMix-section2-entirety .item .line, .sMix-section2-parts .item .txt .sdt .cn, .sNews-hotspot-swiper .item .txt .title, .sNews-list .item .txt._posl .date, .sNews-list .item .txt._posl .title, .sProduct-3dview .name .cn, .sProduct-banner .wrapIn .word .p2, .sProduct-filter-dd .section .left .sdt, .sProduct-filter-dt .head .sdd, .sProduct-instrument-detail-my1 .right .dd .col .sdt, .sProduct-instrument-detail-my2 .dt .right .col .sdt, .sProduct-instrument-detail-my3 .right .dd .col .sdt, .sProduct-instrument-modules-my1 .item .line, .sProduct-instrument-modules-my1 .item .wrapIn .sdt, .sProduct-instrument-modules-my2 .right .txt .col .sdt, .sProduct-instrument-modules-my3 .body .line .left, .sProduct-list .item:nth-child(1) .txt .cn .p2, .sProduct-list .item:nth-child(1) .txt .en, .sProduct-project-configuration-list .item .col .type, .sProduct-project-equipment-my1 .item .line, .sProduct-project-equipment-my1 .item .wrapIn .sdt, .sProduct-project-equipment-my2 .item .scene ._hide.s1 .p1, .sProduct-project-equipment-my2 .item .txt .sdt .cn, .sProduct-project-flow .list .item .txt .sdt, .sProduct-project-intro .right, .sProduct-project-layout .dd .name > span, .sProduct-project-video .word .cn, .sProduct-reagent-section .body .dt, .sProduct-reagent-section .head .intro .col .ppty > .this, .sProduct-reagent-section .section.s2 .right .col .sdt .en, .sProduct-reagent-section .section.s3, .sProduct-reagent-section .section.s5 .right .col .pointer, .sProduct-reagent-section .section.s5 .right .col .sdt .en, .sProduct-recommend-tab .Tt .txt .cn .p2, .sProducts-instrument-s1 .dt .cn, .sProducts-instrument-s2 .txtBox .sdd .col .xdt, .sProducts-instrument-s3 .txtBox .sdd .col .xdt, .sProducts-instrument-s4 .expend .body .txt .col .sdt, .sProducts-instrument-s4 .project .body .line .left, .sProducts-instrument-s5 .txtBox .dd .col .sdt, .sProducts-instrument-s6-swiper .item .txt .sdt, .sProducts-instrument-s7 .txtBox .sdd .col .xdt, .sService-idea-list .item .txt .sdt, .sService-team-list .item .txt .sdd .p1 .tel, .sService-team-list .item .txt .sdt, .sSustainable-practice-pb .line .col .txt .title, .sSustainable-practice-section .head .sdt .this, .sSustainable-practice-switch .Tt .txt .sdt, .sSustainable-report .sInvestment-report-list .item .sdd, .subpage-qnav .item .txt .sdt > .this {
        font-size: 20px
    }
}

.fz32vw {
    font-size: 32px
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .fz32vw {
        font-size: 1.66666667vw
    }
}

@media screen and (max-width: 1024px) {
    .fz32vw {
        font-size: 24px
    }
}

@media screen and (max-width: 768px) {
    .fz32vw {
        font-size: 20px
    }
}

.fz28, .index-global-contact .box .dt span, .sProduct-3dview .name .en, .sProducts-instrument-s1 .dt .en {
    font-size: 28px
}

@media screen and (max-width: 1440px) {
    .fz28, .index-global-contact .box .dt span, .sProduct-3dview .name .en, .sProducts-instrument-s1 .dt .en {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .fz28, .index-global-contact .box .dt span, .sProduct-3dview .name .en, .sProducts-instrument-s1 .dt .en {
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .fz28, .index-global-contact .box .dt span, .sProduct-3dview .name .en, .sProducts-instrument-s1 .dt .en {
        font-size: 18px
    }
}

.ctr.ctr-hotspot, .fz24, .index-magazine-foot .left .sdt, .sContact-intro .section.txt .s1 .p1, .sJoin-train-rotateMove .item .mini .btn-unfold, .sMagazine-recent-tab .Tt .box, .sSustainable .subpage-banner .btn, .sSustainable-framework-scene .point .dt .this, .sSustainable-strategy-swiper .item .txt .sdt {
    font-size: 24px
}

@media screen and (max-width: 1440px) {
    .ctr.ctr-hotspot, .fz24, .index-magazine-foot .left .sdt, .sContact-intro .section.txt .s1 .p1, .sJoin-train-rotateMove .item .mini .btn-unfold, .sMagazine-recent-tab .Tt .box, .sSustainable .subpage-banner .btn, .sSustainable-framework-scene .point .dt .this, .sSustainable-strategy-swiper .item .txt .sdt {
        font-size: 20px
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-hotspot, .fz24, .index-magazine-foot .left .sdt, .sContact-intro .section.txt .s1 .p1, .sJoin-train-rotateMove .item .mini .btn-unfold, .sMagazine-recent-tab .Tt .box, .sSustainable .subpage-banner .btn, .sSustainable-framework-scene .point .dt .this, .sSustainable-strategy-swiper .item .txt .sdt {
        font-size: 18px
    }
}

#loadState, .btn.btn-rtarr, .footer-t .fnav > .col, .fz20, .index-global-wrap, .index-magazine-body, .index-magazine-wrap, .index-product-rotateMove, .index-product-rotateMove .item .behind, .index-product-rotateMove .item .front, .index-product-rotateMove .item .front:before, .index-product-rotateMove .item .wrapIn, .sAbout-idea-wrap.b .dd .col .sdd, .sAbout-trace-list .item .pic, .sAbout-trace-list .item .txt, .sBranch-list .empty, .sBranch-list .item, .sContact-intro .section.txt .s2 .th, .sContact-intro .section.txt .s3 .p1, .sDevelopment-banner .dd, .sDevelopment-events .subpage-head .line label, .sDevelopment-events-swiper .item .txt .p, .sDevelopment-events-swiper .line, .sDevelopment-events-swiper-controler, .sI1000-section1 .right .imax, .sInvestment-contact-list .item .sdd, .sInvestment-report-list .item .sdd, .sJoin-activity-list .col .txt, .sJoin-banner .snav .link2, .sJoin-benefit .left .sdd, .sJoin-benefit-swiper .item .txt, .sJoin-head .sdd, .sJoin-train-rotateMove, .sJoin-train-rotateMove .item .word, .sMacare-detail .section .txt .content .right p, .sMacare-intro-head .right .sdd, .sMagazine-all-list .item .oList, .sMagazine-banner .head .dd, .sMagazine-recent-tab .Tg .viewport, .sMagazine-recent-tab .Tg .viewport .btn, .sMagazine-recent-tab .Tt .box .sdf .btn-read, .sMax-section1 .right, .sMax-section3 .dt .txt .sdd, .sMax-section4 .head, .sMax-section4 .steps .item > span, .sMix-section1 .right .imax, .sNews-hotspot-swiper .item .txt .date, .sNews-list .item .txt._flb, .sProduct-category .intro .right .col .sdt, .sProduct-filter-dt .line select, .sProduct-instrument-detail-my2 .dd .col .txt .sdt, .sProduct-list .item:nth-child(1) .txt .cn .p1, .sProduct-list .item:nth-child(1n+2) .txt .cn .p2, .sProduct-list .item:nth-child(1n+2) .txt .en, .sProduct-nav .link2, .sProduct-project-flow .head, .sProduct-project-flow .steps .item > span, .sProduct-project-layout .dt .txt .sdd, .sProduct-project-spe .col .txt .sdt, .sProduct-reagent-section .head .intro .col .param, .sProduct-reagent-section .section.s1 .sdt, .sProduct-reagent-section .section.s2 .right .col, .sProduct-reagent-section .section.s2 .right .col .sdt .cn, .sProduct-reagent-section .section.s4 .line, .sProduct-reagent-section .section.s5 .right .col, .sProduct-reagent-section .section.s5 .right .col .sdt .cn, .sProduct-reagent-table .thead .td, .sProduct-recommend-tab .Tt .txt .cn .p1, .sService-idea-list .item .txt .sdd, .selectLine2 select {
    font-size: 20px
}

@media screen and (max-width: 1440px) {
    #loadState, .btn.btn-rtarr, .footer-t .fnav > .col, .fz20, .index-global-wrap, .index-magazine-body, .index-magazine-wrap, .index-product-rotateMove, .index-product-rotateMove .item .behind, .index-product-rotateMove .item .front, .index-product-rotateMove .item .front:before, .index-product-rotateMove .item .wrapIn, .sAbout-idea-wrap.b .dd .col .sdd, .sAbout-trace-list .item .pic, .sAbout-trace-list .item .txt, .sBranch-list .empty, .sBranch-list .item, .sContact-intro .section.txt .s2 .th, .sContact-intro .section.txt .s3 .p1, .sDevelopment-banner .dd, .sDevelopment-events .subpage-head .line label, .sDevelopment-events-swiper .item .txt .p, .sDevelopment-events-swiper .line, .sDevelopment-events-swiper-controler, .sI1000-section1 .right .imax, .sInvestment-contact-list .item .sdd, .sInvestment-report-list .item .sdd, .sJoin-activity-list .col .txt, .sJoin-banner .snav .link2, .sJoin-benefit .left .sdd, .sJoin-benefit-swiper .item .txt, .sJoin-head .sdd, .sJoin-train-rotateMove, .sJoin-train-rotateMove .item .word, .sMacare-detail .section .txt .content .right p, .sMacare-intro-head .right .sdd, .sMagazine-all-list .item .oList, .sMagazine-banner .head .dd, .sMagazine-recent-tab .Tg .viewport, .sMagazine-recent-tab .Tg .viewport .btn, .sMagazine-recent-tab .Tt .box .sdf .btn-read, .sMax-section1 .right, .sMax-section3 .dt .txt .sdd, .sMax-section4 .head, .sMax-section4 .steps .item > span, .sMix-section1 .right .imax, .sNews-hotspot-swiper .item .txt .date, .sNews-list .item .txt._flb, .sProduct-category .intro .right .col .sdt, .sProduct-filter-dt .line select, .sProduct-instrument-detail-my2 .dd .col .txt .sdt, .sProduct-list .item:nth-child(1) .txt .cn .p1, .sProduct-list .item:nth-child(1n+2) .txt .cn .p2, .sProduct-list .item:nth-child(1n+2) .txt .en, .sProduct-nav .link2, .sProduct-project-flow .head, .sProduct-project-flow .steps .item > span, .sProduct-project-layout .dt .txt .sdd, .sProduct-project-spe .col .txt .sdt, .sProduct-reagent-section .head .intro .col .param, .sProduct-reagent-section .section.s1 .sdt, .sProduct-reagent-section .section.s2 .right .col, .sProduct-reagent-section .section.s2 .right .col .sdt .cn, .sProduct-reagent-section .section.s4 .line, .sProduct-reagent-section .section.s5 .right .col, .sProduct-reagent-section .section.s5 .right .col .sdt .cn, .sProduct-reagent-table .thead .td, .sProduct-recommend-tab .Tt .txt .cn .p1, .sService-idea-list .item .txt .sdd, .selectLine2 select {
        font-size: 18px
    }
}

@media screen and (max-width: 1024px) {
    #loadState, .btn.btn-rtarr, .footer-t .fnav > .col, .fz20, .index-global-wrap, .index-magazine-body, .index-magazine-wrap, .index-product-rotateMove, .index-product-rotateMove .item .behind, .index-product-rotateMove .item .front, .index-product-rotateMove .item .front:before, .index-product-rotateMove .item .wrapIn, .sAbout-idea-wrap.b .dd .col .sdd, .sAbout-trace-list .item .pic, .sAbout-trace-list .item .txt, .sBranch-list .empty, .sBranch-list .item, .sContact-intro .section.txt .s2 .th, .sContact-intro .section.txt .s3 .p1, .sDevelopment-banner .dd, .sDevelopment-events .subpage-head .line label, .sDevelopment-events-swiper .item .txt .p, .sDevelopment-events-swiper .line, .sDevelopment-events-swiper-controler, .sI1000-section1 .right .imax, .sInvestment-contact-list .item .sdd, .sInvestment-report-list .item .sdd, .sJoin-activity-list .col .txt, .sJoin-banner .snav .link2, .sJoin-benefit .left .sdd, .sJoin-benefit-swiper .item .txt, .sJoin-head .sdd, .sJoin-train-rotateMove, .sJoin-train-rotateMove .item .word, .sMacare-detail .section .txt .content .right p, .sMacare-intro-head .right .sdd, .sMagazine-all-list .item .oList, .sMagazine-banner .head .dd, .sMagazine-recent-tab .Tg .viewport, .sMagazine-recent-tab .Tg .viewport .btn, .sMagazine-recent-tab .Tt .box .sdf .btn-read, .sMax-section1 .right, .sMax-section3 .dt .txt .sdd, .sMax-section4 .head, .sMax-section4 .steps .item > span, .sMix-section1 .right .imax, .sNews-hotspot-swiper .item .txt .date, .sNews-list .item .txt._flb, .sProduct-category .intro .right .col .sdt, .sProduct-filter-dt .line select, .sProduct-instrument-detail-my2 .dd .col .txt .sdt, .sProduct-list .item:nth-child(1) .txt .cn .p1, .sProduct-list .item:nth-child(1n+2) .txt .cn .p2, .sProduct-list .item:nth-child(1n+2) .txt .en, .sProduct-nav .link2, .sProduct-project-flow .head, .sProduct-project-flow .steps .item > span, .sProduct-project-layout .dt .txt .sdd, .sProduct-project-spe .col .txt .sdt, .sProduct-reagent-section .head .intro .col .param, .sProduct-reagent-section .section.s1 .sdt, .sProduct-reagent-section .section.s2 .right .col, .sProduct-reagent-section .section.s2 .right .col .sdt .cn, .sProduct-reagent-section .section.s4 .line, .sProduct-reagent-section .section.s5 .right .col, .sProduct-reagent-section .section.s5 .right .col .sdt .cn, .sProduct-reagent-table .thead .td, .sProduct-recommend-tab .Tt .txt .cn .p1, .sService-idea-list .item .txt .sdd, .selectLine2 select {
        font-size: 16px
    }
}

.fz18, .header .fns .item .btn .this, .index-global-contact .box .dd .col .sdt, .index-magazine-body .item .txt .date, .modal-nav .contain .link, .sBranch-list .item .dd .col .sdt, .sContact-intro .section.txt .s2 .col .sdt, .sMagazine-all-list .item .oList .oLi .txt .date, .sMix-section2-parts .item .txt .sdd .line .xdt, .sMix-section3 .dt .txt .sdd, .sProduct-category .intro .right .col .p, .sProduct-category .intro .th {
    font-size: 18px
}

@media screen and (max-width: 1440px) {
    .fz18, .header .fns .item .btn .this, .index-global-contact .box .dd .col .sdt, .index-magazine-body .item .txt .date, .modal-nav .contain .link, .sBranch-list .item .dd .col .sdt, .sContact-intro .section.txt .s2 .col .sdt, .sMagazine-all-list .item .oList .oLi .txt .date, .sMix-section2-parts .item .txt .sdd .line .xdt, .sMix-section3 .dt .txt .sdd, .sProduct-category .intro .right .col .p, .sProduct-category .intro .th {
        font-size: 16px
    }
}

.fz16, .imax, .index-global-contact .box .dd .col .sdd, .index-global-head .sdd, .index-global-search .line select, .index-magazine-body .item .txt .btn, .index-magazine-foot .left .sdd, .sAbout-intro-wrap .right .sdd, .sAbout-tech-list .item .txt .sdd, .sAbout-trace-wrap.t .right .sdd, .sBranch-filter .subpage-head .line select, .sBranch-list .item .dd .col .sdd, .sContact-intro .section.txt .s1 .p2, .sContact-intro .section.txt .s2 .col .sdd, .sContact-intro .section.txt .s3 .p2, .sDevelopment-banner .deadline, .sDevelopment-banner .df .col .sdd, .sDevelopment-events .subpage-head .line select, .sDevelopment-recent .subpage-head .aside, .sDevelopment-recent-swiper .item .txt .title, .sI1000-section1 .right .oList .oLi .td, .sI1000-section2 .item .wrapIn .txt, .sInvestment-report .wW .left .line select, .sJoin-college .col .txtBox .dd, .sJoin-train-rotateMove .item .full .sdd, .sMacare-intro-head .left .sdf, .sMagazine-all-list .item .oList .oLi .txt .btn-read, .sMax-section2-entirety .list .item .wrapIn .sdd .p, .sMax-section2-parts .item .txt .sdd .line, .sMax-section4 .list .item .txt .sdd, .sMix-section1 .right .oList .oLi .td, .sMix-section2-entirety .item .wrapIn .txt, .sMix-section2-fns .oList, .sMix-section2-parts .item .txt .sdd .line .xdd, .sNews-list .item .txt._flb .date, .sNews-list .item .txt._posl .abstract, .sProduct-category .intro .left .sdd, .sProduct-category .intro .right .col .sdd, .sProduct-category .intro .td, .sProduct-filter-dd .section .left .sdd, .sProduct-instrument-detail-my1 .right .dd .col .sdd, .sProduct-instrument-detail-my2 .dt .right .col .sdd, .sProduct-instrument-detail-my3 .right .dd .col .sdd, .sProduct-instrument-intro .hideTxt .sdd .col .p2, .sProduct-instrument-intro .ltxt .sdd .col .p2, .sProduct-instrument-intro .txt .sdd, .sProduct-instrument-modules-my1 .item .wrapIn .sdd, .sProduct-instrument-modules-my2 .right .txt .col .sdd, .sProduct-list .item:nth-child(1n+2) .txt .cn .p1, .sProduct-project-configuration .head .left .line select, .sProduct-project-configuration .head .right .tips, .sProduct-project-configuration-list .item .col, .sProduct-project-equipment-my1 .item .wrapIn .sdd, .sProduct-project-equipment-my2 .item .scene ._hide.s1 .p2, .sProduct-project-equipment-my2 .item .scene ._hide.s2 .sec, .sProduct-project-equipment-my2 .item .txt .sdd .line, .sProduct-project-flow .list .item .txt .sdd, .sProduct-reagent-section .section.s1 .sdd, .sProduct-reagent-section .section.s2 .right .col .sdd, .sProduct-reagent-section .section.s5 .right .col .sdd, .sProduct-reagent-table .tbody .td, .sProducts-instrument-s1 .dd, .sProducts-instrument-s2 .txtBox .sdd .col .xdd, .sProducts-instrument-s3 .txtBox .sdd .col .xdd, .sProducts-instrument-s4 .expend .body .txt .col .sdd, .sProducts-instrument-s5 .txtBox .dd .col .sdd, .sProducts-instrument-s6-swiper .item .txt .sdd, .sProducts-instrument-s7 .txtBox .sdd .col .xdd, .sService-team-list .item .txt .sdd .p1, .sService-team-list .item .txt .sdd .p2, .sSustainable-framework-head .dd, .sSustainable-practice-pb .line .col .txt .abstract, .sSustainable-practice-section .head .sdd, .sSustainable-practice-switch .Tt .txt .sdd, .sSustainable-strategy-head .dd, .selectLine select, .subpage-qnav .item .txt .sdd {
    font-size: 16px
}

@media screen and (max-width: 1440px) {
    .fz16, .imax, .index-global-contact .box .dd .col .sdd, .index-global-head .sdd, .index-global-search .line select, .index-magazine-body .item .txt .btn, .index-magazine-foot .left .sdd, .sAbout-intro-wrap .right .sdd, .sAbout-tech-list .item .txt .sdd, .sAbout-trace-wrap.t .right .sdd, .sBranch-filter .subpage-head .line select, .sBranch-list .item .dd .col .sdd, .sContact-intro .section.txt .s1 .p2, .sContact-intro .section.txt .s2 .col .sdd, .sContact-intro .section.txt .s3 .p2, .sDevelopment-banner .deadline, .sDevelopment-banner .df .col .sdd, .sDevelopment-events .subpage-head .line select, .sDevelopment-recent .subpage-head .aside, .sDevelopment-recent-swiper .item .txt .title, .sI1000-section1 .right .oList .oLi .td, .sI1000-section2 .item .wrapIn .txt, .sInvestment-report .wW .left .line select, .sJoin-college .col .txtBox .dd, .sJoin-train-rotateMove .item .full .sdd, .sMacare-intro-head .left .sdf, .sMagazine-all-list .item .oList .oLi .txt .btn-read, .sMax-section2-entirety .list .item .wrapIn .sdd .p, .sMax-section2-parts .item .txt .sdd .line, .sMax-section4 .list .item .txt .sdd, .sMix-section1 .right .oList .oLi .td, .sMix-section2-entirety .item .wrapIn .txt, .sMix-section2-fns .oList, .sMix-section2-parts .item .txt .sdd .line .xdd, .sNews-list .item .txt._flb .date, .sNews-list .item .txt._posl .abstract, .sProduct-category .intro .left .sdd, .sProduct-category .intro .right .col .sdd, .sProduct-category .intro .td, .sProduct-filter-dd .section .left .sdd, .sProduct-instrument-detail-my1 .right .dd .col .sdd, .sProduct-instrument-detail-my2 .dt .right .col .sdd, .sProduct-instrument-detail-my3 .right .dd .col .sdd, .sProduct-instrument-intro .hideTxt .sdd .col .p2, .sProduct-instrument-intro .ltxt .sdd .col .p2, .sProduct-instrument-intro .txt .sdd, .sProduct-instrument-modules-my1 .item .wrapIn .sdd, .sProduct-instrument-modules-my2 .right .txt .col .sdd, .sProduct-list .item:nth-child(1n+2) .txt .cn .p1, .sProduct-project-configuration .head .left .line select, .sProduct-project-configuration .head .right .tips, .sProduct-project-configuration-list .item .col, .sProduct-project-equipment-my1 .item .wrapIn .sdd, .sProduct-project-equipment-my2 .item .scene ._hide.s1 .p2, .sProduct-project-equipment-my2 .item .scene ._hide.s2 .sec, .sProduct-project-equipment-my2 .item .txt .sdd .line, .sProduct-project-flow .list .item .txt .sdd, .sProduct-reagent-section .section.s1 .sdd, .sProduct-reagent-section .section.s2 .right .col .sdd, .sProduct-reagent-section .section.s5 .right .col .sdd, .sProduct-reagent-table .tbody .td, .sProducts-instrument-s1 .dd, .sProducts-instrument-s2 .txtBox .sdd .col .xdd, .sProducts-instrument-s3 .txtBox .sdd .col .xdd, .sProducts-instrument-s4 .expend .body .txt .col .sdd, .sProducts-instrument-s5 .txtBox .dd .col .sdd, .sProducts-instrument-s6-swiper .item .txt .sdd, .sProducts-instrument-s7 .txtBox .sdd .col .xdd, .sService-team-list .item .txt .sdd .p1, .sService-team-list .item .txt .sdd .p2, .sSustainable-framework-head .dd, .sSustainable-practice-pb .line .col .txt .abstract, .sSustainable-practice-section .head .sdd, .sSustainable-practice-switch .Tt .txt .sdd, .sSustainable-strategy-head .dd, .selectLine select, .subpage-qnav .item .txt .sdd {
        font-size: 14px
    }
}

.footer-t .backToTop, .footer-t .fnav > .col .link2, .fz15, .sAbout-tech-list .item .txt .sdt .btn-rtarr, .subpage-qnav .item .txt .sdt .btn-rtarr {
    font-size: 15px
}

@media screen and (max-width: 1440px) {
    .footer-t .backToTop, .footer-t .fnav > .col .link2, .fz15, .sAbout-tech-list .item .txt .sdt .btn-rtarr, .subpage-qnav .item .txt .sdt .btn-rtarr {
        font-size: 13px
    }
}

.fz14 {
    font-size: 14px
}

@media screen and (max-width: 1440px) {
    .fz14 {
        font-size: 12px
    }
}

@media screen and (min-width: 1025px) {
    .m-link, .pc-hide {
        display: none !important
    }
}

@media screen and (max-width: 1024px) {
    .m-hide {
        display: none !important
    }

    .m-link {
        display: block;
        z-index: 11;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, .05)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInRights {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(35px, 0, 0);
        transform: translate3d(35px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRights {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(35px, 0, 0);
        transform: translate3d(35px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRights {
    -webkit-animation-name: fadeInRights;
    animation-name: fadeInRights
}

@-webkit-keyframes fadeInLefts {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-35px, 0, 0);
        transform: translate3d(-35px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLefts {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-35px, 0, 0);
        transform: translate3d(-35px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLefts {
    -webkit-animation-name: fadeInLefts;
    animation-name: fadeInLefts
}

@-webkit-keyframes fadeInUps {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -35px, 0);
        transform: translate3d(0, -35px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUps {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -35px, 0);
        transform: translate3d(0, -35px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUps {
    -webkit-animation-name: fadeInUps;
    animation-name: fadeInUps
}

@-webkit-keyframes fadeInDowns {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 35px, 0);
        transform: translate3d(0, 35px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDowns {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 35px, 0);
        transform: translate3d(0, 35px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDowns {
    -webkit-animation-name: fadeInDowns;
    animation-name: fadeInDowns
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes zoomIns {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.77, .77, .77);
        transform: scale3d(.77, .77, .77)
    }
    100%, 50% {
        opacity: 1
    }
}

@keyframes zoomIns {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.77, .77, .77);
        transform: scale3d(.77, .77, .77)
    }
    100%, 50% {
        opacity: 1
    }
}

.zoomIns {
    -webkit-animation-name: zoomIns;
    animation-name: zoomIns
}

@-webkit-keyframes clipInLeft {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
    100% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }
}

@keyframes clipInLeft {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
    100% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }
}

.clipInLeft {
    -webkit-animation-name: clipInLeft;
    animation-name: clipInLeft
}

@-webkit-keyframes clipInUp {
    0% {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0)
    }
    100% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }
}

@keyframes clipInUp {
    0% {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0)
    }
    100% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }
}

.clipInUp {
    -webkit-animation-name: clipInUp;
    animation-name: clipInUp
}

.AnflashOver {
    position: relative;
    overflow: hidden;
    -webkit-animation-duration: 333ms;
    animation-duration: 333ms
}

.AnflashOver:before {
    -webkit-animation-name: AnflashOver;
    animation-name: AnflashOver;
    -webkit-animation-duration: 333ms;
    animation-duration: 333ms;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    content: "";
    position: absolute;
    overflow: hidden;
    width: 80px;
    height: 150px;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%)
}

@-webkit-keyframes AnflashOver {
    0% {
        -webkit-transform: skewX(-25deg) translateX(-149px);
        transform: skewX(-25deg) translateX(-149px)
    }
    to {
        left: 100%;
        -webkit-transform: skewX(-25deg) translateX(149px);
        transform: skewX(-25deg) translateX(149px)
    }
}

@keyframes AnflashOver {
    0% {
        -webkit-transform: skewX(-25deg) translateX(-149px);
        transform: skewX(-25deg) translateX(-149px)
    }
    to {
        left: 100%;
        -webkit-transform: skewX(-25deg) translateX(149px);
        transform: skewX(-25deg) translateX(149px)
    }
}

@-webkit-keyframes fadeOutUps {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes fadeOutUps {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

.fadeOutUps {
    -webkit-animation-name: fadeOutUps;
    animation-name: fadeOutUps
}

@-webkit-keyframes zoomOuts {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    50%, to {
        opacity: 0
    }
}

@keyframes zoomOuts {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    50%, to {
        opacity: 0
    }
}

.zoomOuts {
    -webkit-animation-name: zoomOuts;
    animation-name: zoomOuts
}

.ysqUEO .aBtnMask {
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
}

.ysqUEO .aBtnMask:after {
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none
}

@media screen and (min-width: 1025px) {
    .ysqUEO .aBtnMask:after {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ysqUEO .aBtnMask:hover:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width: 1024px) {
    .ysqUEO .aBtnMask:active:after {
        -webkit-transition: all 10ms ease-out 0s;
        transition: all 10ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }
}

.ysqUEO .aBtnSc {
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
}

.ysqUEO .aBtnSc:after {
    background-color: rgba(255, 255, 255, .1);
    content: " ";
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    width: 120%;
    padding-bottom: 120%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .ysqUEO .aBtnSc:hover:after {
        -webkit-transition: all 350ms ease-in 0s;
        transition: all 350ms ease-in 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 1024px) {
    .ysqUEO .aBtnSc:active:after {
        -webkit-transition: all 10ms ease-in 0s;
        transition: all 10ms ease-in 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.ysqUEO .aBtnlr {
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
}

@media screen and (min-width: 1025px) {
    .ysqUEO .aBtnlr {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }
}

.ysqUEO .aBtnlr:after {
    background-color: #0098eb;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    content: " ";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    pointer-events: none
}

@media screen and (min-width: 1025px) {
    .ysqUEO .aBtnlr:hover {
        color: #fff
    }

    .ysqUEO .aBtnlr:hover:after {
        width: 100%;
        left: 0;
        -webkit-transition: left 0s ease-out 0s, width .4s ease-out 0s;
        transition: left 0s ease-out 0s, width .4s ease-out 0s
    }
}

@media screen and (max-width: 1024px) {
    .ysqUEO .aBtnlr:active {
        color: #fff
    }

    .ysqUEO .aBtnlr:active:after {
        width: 100%;
        left: 0;
        -webkit-transition: left 0s ease-out 0s, width 10ms ease-out 0s;
        transition: left 0s ease-out 0s, width 10ms ease-out 0s
    }
}

.formItem {
    position: relative
}

.formItem .aftPD {
    position: absolute;
    left: 100%;
    top: 0;
    color: red;
    margin-left: 8px;
    white-space: nowrap;
    font-size: 14px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.formItem .skin::-webkit-input-placeholder {
    color: #999
}

.formItem .skin:-moz-placeholder {
    color: #999
}

.formItem .skin::-moz-placeholder {
    color: #999
}

.formItem .skin:-ms-input-placeholder {
    color: #999
}

.formItem .skin._focus {
    border-color: #2e9fd9 !important
}

.formItem.red .skin {
    color: red;
    bord2er-color: red
}

.formItem.red .skin::-webkit-input-placeholder {
    color: red
}

.formItem.red .skin:-moz-placeholder {
    color: red
}

.formItem.red .skin::-moz-placeholder {
    color: red
}

.formItem.red .skin:-ms-input-placeholder {
    color: red
}

.TAlert {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto
}

.TAlert .contain {
    opacity: 0;
    -webkit-transition: all 330ms ease-out 0s;
    transition: all 330ms ease-out 0s;
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

.TAlert.showUp .contain {
    opacity: 1;
    -webkit-transform: none !important;
    transform: none !important
}

.TAlert.hideOut .contain {
    opacity: 0;
    -webkit-transform: scale(.2) !important;
    transform: scale(.2) !important
}

.TAlert .contain {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    z-index: 9;
    background-color: #fff
}

.TAlert .contain .foot {
    position: relative;
    width: 100%
}

.TAlert.nohead .foot, .TAlert.nohead .head {
    display: none !important
}

.TAlert .contain {
    width: 414px;
    max-width: 90%;
    text-align: left;
    line-height: 1.4333;
    font-size: 16px;
    border-radius: 10px;
    color: #272b37
}

.TAlert .contain .Tclose {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #272b37
}

.TAlert .contain .Tclose s {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 21.6px;
    font-size: 12px;
    color: #fff;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
}

.ysqUEO .TAlert .contain .Tclose s {
    overflow: hidden;
    text-indent: 120%
}

.ysqUEO .TAlert .contain .Tclose s:after, .ysqUEO .TAlert .contain .Tclose s:before {
    pointer-events: none !important;
    content: " ";
    position: absolute;
    left: 6px;
    width: 12px;
    height: 1px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    color: inherit;
    background-color: currentColor
}

.ysqUEO .TAlert .contain .Tclose s:before {
    top: 10px;
    -webkit-transform: rotate(45deg) translate(2.38172798px, 0);
    transform: rotate(45deg) translate(2.38172798px, 0);
    top: 5.5px
}

.ysqUEO .TAlert .contain .Tclose s:after {
    bottom: 10px;
    -webkit-transform: rotate(-45deg) translate(2.38172798px, 0);
    transform: rotate(-45deg) translate(2.38172798px, 0);
    bottom: 5.5px
}

@media screen and (min-width: 1025px) {
    .ysqUEO .TAlert .contain .Tclose s:after, .ysqUEO .TAlert .contain .Tclose s:before {
        -webkit-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s
    }

    .TAlert .contain .Tclose s:hover {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .TAlert .contain .Tclose s:active {
        color: #fff
    }
}

.TAlert .contain .Tclose s:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.TAlert .contain .head {
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
    min-height: 24px
}

.TAlert .contain .body {
    padding: 20px;
    font-size: 14px;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center
}

.TAlert .contain .body:after {
    display: none
}

.TAlert .contain .foot {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TAlert .contain .foot:after {
    display: none
}

.TAlert .contain .foot .btn {
    position: relative;
    overflow: hidden;
    z-index: 2;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 20px;
    border: #dbdbdb solid 1px;
    border-radius: 24px;
    text-align: center;
    margin: 0 10px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.TAlert .contain .foot .btn:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    left: 100%;
    width: 0;
    bottom: 0;
    height: 100%
}

@media screen and (min-width: 1025px) {
    .TAlert .contain .foot .btn:hover:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
        transition: left 0s ease-out 0s, width 220ms ease-out 0s
    }
}

@media screen and (max-width: 1024px) {
    .TAlert .contain .foot .btn:active:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 0s ease-out 0s;
        transition: left 0s ease-out 0s, width 0s ease-out 0s
    }
}

.TAlert .contain .foot .btn.close {
    border-color: #dbdbdb
}

.TAlert .contain .foot .btn.close:after {
    background-color: #dbdbdb
}

@media screen and (min-width: 1025px) {
    .TAlert .contain .foot .btn.close:hover {
        color: #fff;
        border-color: #dbdbdb
    }
}

@media screen and (max-width: 1024px) {
    .TAlert .contain .foot .btn.close:active {
        color: #fff;
        border-color: #dbdbdb
    }
}

.TAlert .contain .foot .btn.enter, .TAlert .contain .foot .btn.w100 {
    border-color: #0098eb;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.TAlert .contain .foot .btn.enter:after, .TAlert .contain .foot .btn.w100:after {
    background-color: #0098eb
}

@media screen and (min-width: 1025px) {
    .TAlert .contain .foot .btn.enter:hover, .TAlert .contain .foot .btn.w100:hover {
        color: #fff;
        border-color: #0098eb
    }
}

@media screen and (max-width: 1024px) {
    .TAlert .contain .foot .btn.enter:active, .TAlert .contain .foot .btn.w100:active {
        color: #fff;
        border-color: #0098eb
    }
}

.TAlert .contain .foot .btn.w100 {
    width: auto !important
}

.TAlert.modal-qrcode .contain {
    width: auto;
    overflow: visible
}

.TAlert.modal-qrcode .contain .head {
    padding: 0;
    border-bottom: none
}

.TAlert.modal-qrcode .contain .head .this {
    display: none
}

.TAlert.modal-qrcode .contain .Tclose {
    top: -40px;
    right: -5px
}

.TAlert.modal-qrcode .contain .Tclose s {
    color: #fff
}

.TAlert.modal-qrcode .contain .pic {
    width: 160px;
    height: 160px
}

.TAlert.modal-qrcode .contain .pic + p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px
}

.TAlert.modal-qrcode .contain .foot {
    display: none !important
}

.pageListBox {
    padding-top: 1.2rem;
    padding-bottom: 1.6rem
}

.pageListBox .pageList {
    position: relative;
    line-height: 36px;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    overflow-x: hidden
}

.pageListBox .pageList ul {
    position: relative;
    float: none !important
}

.pageListBox .pageList ul, .pageListBox .pageList ul li {
    display: inline-block;
    vertical-align: top
}

.pageListBox .pageList ul li {
    margin: 0 4px;
    font-size: 14px
}

.pageListBox .pageList a {
    display: block;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04);
    min-width: 8px;
    height: 36px;
    padding: 0 14px;
    font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
    color: #333;
    font-size: 14px;
    z-index: 2;
    position: relative;
    background-color: #f5f5f5;
    color: #333;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.pageListBox .pageList a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: #ddd solid 1px;
    z-index: -1
}

.pageListBox .pageList a.selected {
    background-color: #0098eb;
    color: #fff
}

.pageListBox .pageList a.selected:after {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.pageListBox .pageList a:active:after {
    -webkit-transition: all 0s ease-out 0s !important;
    transition: all 0s ease-out 0s !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-color: #fff
}

@media screen and (min-width: 1025px) {
    .pageListBox .pageList a:hover {
        background-color: #0098eb;
        color: #fff
    }

    .pageListBox .pageList a:hover:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }
}

@media screen and (max-width: 1024px) {
    .pageListBox .pageList {
        overflow-x: auto;
        overflow-y: hidden
    }

    .pageListBox .pageList a:active {
        background-color: #0098eb;
        color: #fff;
        -webkit-transition: none !important;
        transition: none !important
    }

    .pageListBox .pageList a:active:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }
}

@media screen and (max-width: 768px) {
    .pageListBox .pageList ul li {
        margin-left: 4px;
        margin-right: 4px
    }
}

.scrollAjax .pageList {
    display: none
}

.loadDiv {
    position: relative;
    padding: 1.4rem 0;
    border-bottom: grey solid 1px;
    text-align: center
}

#loadState {
    position: relative;
    padding: 1.5em 0;
    cursor: pointer;
    letter-spacing: .04em;
    padding-left: .04em;
    color: #272b37
}

@media screen and (max-width: 640px) {
    #loadState {
        font-size: 16px
    }
}

#loadState.off {
    color: #999;
    cursor: default;
    cursor: not-allowed;
    -webkit-transition: none !important;
    transition: none !important
}

#loadState.off:after {
    display: none
}

#loadState.ing {
    color: #666
}

#loadState.ing:after {
    content: " ";
    -webkit-animation-name: dotMove;
    animation-name: dotMove;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: steps(4);
    animation-timing-function: steps(4);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: 0 0;
    width: auto
}

@-webkit-keyframes dotMove {
    0%, 100% {
        content: "."
    }
    33% {
        content: ".."
    }
    66% {
        content: "..."
    }
}

@keyframes dotMove {
    0%, 100% {
        content: "."
    }
    33% {
        content: ".."
    }
    66% {
        content: "..."
    }
}

#loadState.retry {
    cursor: pointer
}

#loadState.retry:after {
    content: " ";
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    width: 1em;
    height: 1em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    background-image: url(../images/btn-moreRarr.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 1025px) {
    #loadState.retry:hover:after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.btn-closeX {
    z-index: 30;
    width: 28px;
    height: 28px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04);
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 50%;
    background-color: #252b39
}

.btn.btn-closeX s {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 25.2px;
    font-size: 16px;
    color: #fff;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.ysqUEO .btn.btn-closeX s {
    overflow: hidden;
    text-indent: 120%
}

.ysqUEO .btn.btn-closeX s:after, .ysqUEO .btn.btn-closeX s:before {
    pointer-events: none !important;
    content: " ";
    position: absolute;
    left: 6px;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    color: inherit;
    background-color: currentColor
}

.ysqUEO .btn.btn-closeX s:before {
    top: 10px;
    -webkit-transform: rotate(45deg) translate(3.10660172px, 0);
    transform: rotate(45deg) translate(3.10660172px, 0);
    top: 5px
}

.ysqUEO .btn.btn-closeX s:after {
    bottom: 10px;
    -webkit-transform: rotate(-45deg) translate(3.10660172px, 0);
    transform: rotate(-45deg) translate(3.10660172px, 0);
    bottom: 5px
}

@media screen and (min-width: 1025px) {
    .ysqUEO .btn.btn-closeX s:after, .ysqUEO .btn.btn-closeX s:before {
        -webkit-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s
    }

    .btn.btn-closeX s:hover {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .btn.btn-closeX s:active {
        color: #fff
    }
}

@media screen and (min-width: 1025px) {
    .btn.btn-closeX s:hover {
        -webkit-transform: rotate(-270deg) scale(.9);
        transform: rotate(-270deg) scale(.9)
    }

    .btn.btn-closeX s:active {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transition: 0s;
        transition: 0s
    }
}

@media screen and (max-width: 1024px) {
    .btn.btn-closeX > s {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

.btn.btn-more {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
    border-radius: 34px
}

.btn.btn-more:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border: #0098eb solid 1px
}

.btn.btn-more:after {
    content: " ";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #0098eb
}

@media screen and (min-width: 1025px) {
    .btn.btn-more:hover {
        color: #fff
    }

    .btn.btn-more:hover:after {
        width: 100%;
        left: 0;
        -webkit-transition: left 0s ease-out 0s, width .4s ease-out 0s;
        transition: left 0s ease-out 0s, width .4s ease-out 0s
    }
}

@media screen and (max-width: 1024px) {
    .btn.btn-more:active {
        color: #fff
    }

    .btn.btn-more:active:after {
        width: 100%;
        left: 0;
        -webkit-transition: left 0s ease-out 0s, width 10ms ease-out 0s;
        transition: left 0s ease-out 0s, width 10ms ease-out 0s
    }
}

.btn.btn-flip {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #272b37;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.btn.btn-flip:after {
    display: none
}

.btn.btn-flip > s {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.btn.btn-flip > s:nth-child(1n+2) {
    margin-left: 3px
}

@media screen and (min-width: 1025px) {
    .btn.btn-flip:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .btn.btn-flip:hover > s:nth-child(1n+2) {
        margin-left: 4px
    }
}

.btn.btn-rtarr {
    color: #0098eb;
    text-indent: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 1.5em;
    min-height: 1.2em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.btn.btn-rtarr:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.2em;
    height: 1.2em;
    -webkit-transition: all 80ms ease-out 0s;
    transition: all 80ms ease-out 0s;
    background-image: url(../images/btn-moreRarr.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.btn.btn-rtarr > .this {
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 1;
    font-size: 1em;
    height: 1.2em;
    line-height: 1em
}

.btn.btn-rtarr > .this:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #0098eb
}

@media screen and (min-width: 1025px) {
    .btn.btn-rtarr:hover:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.btn.btn-play {
    color: #0098eb;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 2em;
    min-height: 1.5em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.btn.btn-play:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.5em;
    height: 1.5em;
    -webkit-transition: all 80ms ease-out 0s;
    transition: all 80ms ease-out 0s;
    background-image: url(../images/btns-play.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.btn.btn-play > .this {
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 1;
    font-size: 1em;
    height: 1.5em;
    line-height: 1.25em;
    color: #fff
}

.btn.btn-play > .this:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #0098eb
}

@media screen and (min-width: 1025px) {
    .btn.btn-play:hover:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 640px) {
    .btn.btn-play {
        font-size: 18px
    }
}

.btn.btn-read {
    position: relative;
    z-index: 1;
    line-height: 1;
    padding-right: 1.4em;
    padding-bottom: .3em;
    color: #272b37;
    white-space: nowrap;
    -webkit-perspective: 100;
    perspective: 100
}

.btn.btn-read:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 1.4em;
    background-color: #0098eb;
    height: 2px
}

.btn.btn-read:after {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    right: 0;
    bottom: 0;
    width: 1.1em;
    height: 1.1em;
    background-image: url(../images/btn-read.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 1025px) {
    .btn.btn-read:hover:after {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg)
    }
}

.btn.btn-backToWorld {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    z-index: 80;
    border-radius: 50%;
    display: none
}

.btn.btn-backToWorld:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #272b37;
    border-radius: inherit
}

@media screen and (min-width: 1025px) {
    .btn.btn-backToWorld:after {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }
}

@media screen and (min-width: 1025px) {
    .btn.btn-backToWorld:hover:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 1024px) {
    .btn.btn-backToWorld:active:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.ctr[role=button] {
    display: block !important
}

.ctr[aria-disabled=true] {
    display: none !important
}

.ctr.ctr-arrow {
    position: absolute;
    top: 50%;
    margin-top: -.9em;
    width: 1.8em;
    height: 1.8em
}

.ctr.ctr-arrow:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/btn-arrow3.png);
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: auto 100%
}

.ctr.ctr-arrow s {
    display: none
}

.ctr.ctr-arrow.prev:after {
    background-position: 0 0
}

.ctr.ctr-arrow.next:after {
    background-position: right 0
}

@media screen and (min-width: 1025px) {
    .ctr.ctr-arrow:hover:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-arrow:active:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.ctr.ctr-hotspot {
    width: 2em;
    height: 2em
}

.ctr.ctr-hotspot:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/btn-arrow3.png);
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: auto 2em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.ctr.ctr-hotspot s {
    display: none
}

.ctr.ctr-hotspot.prev:after {
    background-position: 0 0
}

.ctr.ctr-hotspot.next:after {
    background-position: right 0
}

@media screen and (min-width: 1025px) {
    .ctr.ctr-hotspot:hover:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-hotspot:active:after {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.ctr.ctr-navLR {
    z-index: 20;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 100%;
    background-color: #0098eb;
    color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.ctr.ctr-navLR s {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: SimSun, '宋体', '宋体_GB2312' !important;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    pointer-events: none
}

.ysqUEO .ctr.ctr-navLR s {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    padding: inherit
}

.ysqUEO .ctr.ctr-navLR s:after, .ysqUEO .ctr.ctr-navLR s:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

@media screen and (min-width: 1025px) {
    .ctr.ctr-navLR:hover {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-navLR:active {
        color: #fff
    }
}

@media screen and (min-width: 1025px) {
    .ysqUEO .ctr.ctr-navLR:hover s:after, .ysqUEO .ctr.ctr-navLR:hover s:before {
        background-color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-navLR:active s:after, .ctr.ctr-navLR:active s:before {
        background-color: #fff
    }
}

.ysqUEO .ctr.ctr-navLR.prev s:after, .ysqUEO .ctr.ctr-navLR.prev s:before {
    margin-left: -3px;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-navLR.prev s:before {
    -webkit-transform: rotate(-35deg) translateX(-1px);
    transform: rotate(-35deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.prev s:after {
    -webkit-transform: rotate(35deg) translateX(-1px);
    transform: rotate(35deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.next s:after, .ysqUEO .ctr.ctr-navLR.next s:before {
    margin-left: -7px;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-navLR.next s:before {
    -webkit-transform: rotate(-35deg) translateX(1px);
    transform: rotate(-35deg) translateX(1px)
}

.ysqUEO .ctr.ctr-navLR.next s:after {
    -webkit-transform: rotate(35deg) translateX(1px);
    transform: rotate(35deg) translateX(1px)
}

@media screen and (min-width: 1025px) {
    .ysqUEO .ctr.ctr-navLR.prev:hover s:before {
        -webkit-transform: rotate(-42deg) translateX(-1px);
        transform: rotate(-42deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-navLR.prev:hover s:after {
        -webkit-transform: rotate(42deg) translateX(-1px);
        transform: rotate(42deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-navLR.next:hover s:before {
        -webkit-transform: rotate(-42deg) translateX(1px);
        transform: rotate(-42deg) translateX(1px)
    }

    .ysqUEO .ctr.ctr-navLR.next:hover s:after {
        -webkit-transform: rotate(42deg) translateX(1px);
        transform: rotate(42deg) translateX(1px)
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-navLR.prev:active s:before {
        -webkit-transform: rotate(-42deg) translateX(-1px);
        transform: rotate(-42deg) translateX(-1px)
    }

    .ctr.ctr-navLR.prev:active s:after {
        -webkit-transform: rotate(42deg) translateX(-1px);
        transform: rotate(42deg) translateX(-1px)
    }

    .ctr.ctr-navLR.next:active s:before {
        -webkit-transform: rotate(-42deg) translateX(1px);
        transform: rotate(-42deg) translateX(1px)
    }

    .ctr.ctr-navLR.next:active s:after {
        -webkit-transform: rotate(42deg) translateX(1px);
        transform: rotate(42deg) translateX(1px)
    }
}

.ctr.ctr-navLR.prev {
    left: 0
}

.ctr.ctr-navLR.next {
    right: 0
}

.ctr.ctr-navLR.reject {
    display: none
}

.ctr.ctr-fang {
    display: none;
    z-index: 20;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 48px;
    height: 80px;
    -webkit-transition: all 480ms ease-out 0s, all 320ms ease-out 0s;
    transition: all 480ms ease-out 0s, all 320ms ease-out 0s;
    color: #fff
}

.ctr.ctr-fang:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: -1;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.ctr.ctr-fang.prev {
    left: 0
}

.ctr.ctr-fang.next {
    right: 0
}

@media screen and (min-width: 1025px) {
    .ctr.ctr-fang:hover {
        color: #fff
    }

    .ctr.ctr-fang:hover:after {
        background-color: #0098eb !important
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-fang {
        width: 32px;
        height: 48px;
        margin-top: -24px
    }

    .ctr.ctr-fang s {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .ctr.ctr-fang:active {
        color: #fff;
        -webkit-transition: 0s;
        transition: 0s
    }

    .ctr.ctr-fang:active:after {
        background-color: #0098eb !important;
        -webkit-transition: 0s;
        transition: 0s
    }
}

@media screen and (max-width: 640px) {
    .ctr.ctr-fang {
        width: 28px;
        height: 40px;
        margin-top: -20px
    }
}

.ctr.ctr-fang s {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: SimSun, '宋体', '宋体_GB2312' !important;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    pointer-events: none
}

.ysqUEO .ctr.ctr-fang s {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    padding: inherit
}

.ysqUEO .ctr.ctr-fang s:after, .ysqUEO .ctr.ctr-fang s:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

@media screen and (min-width: 1025px) {
    .ctr.ctr-fang:hover {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-fang:active {
        color: #fff
    }
}

@media screen and (min-width: 1025px) {
    .ysqUEO .ctr.ctr-fang:hover s:after, .ysqUEO .ctr.ctr-fang:hover s:before {
        background-color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-fang:active s:after, .ctr.ctr-fang:active s:before {
        background-color: #fff
    }
}

.ysqUEO .ctr.ctr-fang.prev s:after, .ysqUEO .ctr.ctr-fang.prev s:before {
    margin-left: -6px;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-fang.prev s:before {
    -webkit-transform: rotate(-40deg) translateX(-1px);
    transform: rotate(-40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-fang.prev s:after {
    -webkit-transform: rotate(40deg) translateX(-1px);
    transform: rotate(40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-fang.next s:after, .ysqUEO .ctr.ctr-fang.next s:before {
    margin-left: -10px;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-fang.next s:before {
    -webkit-transform: rotate(-40deg) translateX(1px);
    transform: rotate(-40deg) translateX(1px)
}

.ysqUEO .ctr.ctr-fang.next s:after {
    -webkit-transform: rotate(40deg) translateX(1px);
    transform: rotate(40deg) translateX(1px)
}

@media screen and (min-width: 1025px) {
    .ysqUEO .ctr.ctr-fang.prev:hover s:before {
        -webkit-transform: rotate(-50deg) translateX(-1px);
        transform: rotate(-50deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-fang.prev:hover s:after {
        -webkit-transform: rotate(50deg) translateX(-1px);
        transform: rotate(50deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-fang.next:hover s:before {
        -webkit-transform: rotate(-50deg) translateX(1px);
        transform: rotate(-50deg) translateX(1px)
    }

    .ysqUEO .ctr.ctr-fang.next:hover s:after {
        -webkit-transform: rotate(50deg) translateX(1px);
        transform: rotate(50deg) translateX(1px)
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-fang.prev:active s:before {
        -webkit-transform: rotate(-50deg) translateX(-1px);
        transform: rotate(-50deg) translateX(-1px)
    }

    .ctr.ctr-fang.prev:active s:after {
        -webkit-transform: rotate(50deg) translateX(-1px);
        transform: rotate(50deg) translateX(-1px)
    }

    .ctr.ctr-fang.next:active s:before {
        -webkit-transform: rotate(-50deg) translateX(1px);
        transform: rotate(-50deg) translateX(1px)
    }

    .ctr.ctr-fang.next:active s:after {
        -webkit-transform: rotate(50deg) translateX(1px);
        transform: rotate(50deg) translateX(1px)
    }
}

.ctr.ctr-yuan {
    display: none;
    z-index: 20;
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    color: #0098eb;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.ctr.ctr-yuan:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: solid 1px #0098eb;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    color: #0098eb;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none
}

.ctr.ctr-yuan.prev {
    left: 0
}

.ctr.ctr-yuan.next {
    right: 0
}

@media screen and (min-width: 1025px) {
    .ctr.ctr-yuan:hover {
        background-color: #0098eb !important;
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-yuan:active {
        background-color: #0098eb !important;
        color: #fff;
        -webkit-transition: 0s;
        transition: 0s
    }
}

.ctr.ctr-yuan s {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: SimSun, '宋体', '宋体_GB2312' !important;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    pointer-events: none
}

.ysqUEO .ctr.ctr-yuan s {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    padding: inherit
}

.ysqUEO .ctr.ctr-yuan s:after, .ysqUEO .ctr.ctr-yuan s:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    margin-top: -1px;
    background-color: #0098eb;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

@media screen and (min-width: 1025px) {
    .ctr.ctr-yuan:hover {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-yuan:active {
        color: #fff
    }
}

@media screen and (min-width: 1025px) {
    .ysqUEO .ctr.ctr-yuan:hover s:after, .ysqUEO .ctr.ctr-yuan:hover s:before {
        background-color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-yuan:active s:after, .ctr.ctr-yuan:active s:before {
        background-color: #fff
    }
}

.ysqUEO .ctr.ctr-yuan.prev s:after, .ysqUEO .ctr.ctr-yuan.prev s:before {
    margin-left: -4px;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.ysqUEO .ctr.ctr-yuan.prev s:before {
    -webkit-transform: rotate(-40deg) translateX(-1px);
    transform: rotate(-40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-yuan.prev s:after {
    -webkit-transform: rotate(40deg) translateX(-1px);
    transform: rotate(40deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-yuan.next s:after, .ysqUEO .ctr.ctr-yuan.next s:before {
    margin-left: -8px;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0
}

.ysqUEO .ctr.ctr-yuan.next s:before {
    -webkit-transform: rotate(-40deg) translateX(1px);
    transform: rotate(-40deg) translateX(1px)
}

.ysqUEO .ctr.ctr-yuan.next s:after {
    -webkit-transform: rotate(40deg) translateX(1px);
    transform: rotate(40deg) translateX(1px)
}

@media screen and (min-width: 1025px) {
    .ysqUEO .ctr.ctr-yuan.prev:hover s:before {
        -webkit-transform: rotate(-50deg) translateX(-1px);
        transform: rotate(-50deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-yuan.prev:hover s:after {
        -webkit-transform: rotate(50deg) translateX(-1px);
        transform: rotate(50deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-yuan.next:hover s:before {
        -webkit-transform: rotate(-50deg) translateX(1px);
        transform: rotate(-50deg) translateX(1px)
    }

    .ysqUEO .ctr.ctr-yuan.next:hover s:after {
        -webkit-transform: rotate(50deg) translateX(1px);
        transform: rotate(50deg) translateX(1px)
    }
}

@media screen and (max-width: 1024px) {
    .ctr.ctr-yuan.prev:active s:before {
        -webkit-transform: rotate(-50deg) translateX(-1px);
        transform: rotate(-50deg) translateX(-1px)
    }

    .ctr.ctr-yuan.prev:active s:after {
        -webkit-transform: rotate(50deg) translateX(-1px);
        transform: rotate(50deg) translateX(-1px)
    }

    .ctr.ctr-yuan.next:active s:before {
        -webkit-transform: rotate(-50deg) translateX(1px);
        transform: rotate(-50deg) translateX(1px)
    }

    .ctr.ctr-yuan.next:active s:after {
        -webkit-transform: rotate(50deg) translateX(1px);
        transform: rotate(50deg) translateX(1px)
    }
}

.pagination.pagination-banner {
    line-height: 0;
    font-size: 0;
    z-index: 3;
    white-space: nowrap
}

.pagination.pagination-banner .btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255, 255, 255, .4)
}

.pagination.pagination-banner .btn:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    background-color: #0098eb
}

.pagination.pagination-banner .btn em {
    display: none
}

.pagination.pagination-banner .btn:hover {
    border-color: rgba(248, 75, 3, .6)
}

.pagination.pagination-banner .btn.on {
    border-color: #0098eb;
    background-color: #0098eb
}

.pagination.pagination-banner .btn.on:after {
    top: 0;
    height: 100%;
    -webkit-transition: top 0s ease-out 0s, height 220ms ease-out 0s, left 0s ease-out 0s, width 220ms ease-out 0s;
    transition: top 0s ease-out 0s, height 220ms ease-out 0s, left 0s ease-out 0s, width 220ms ease-out 0s;
    left: 0;
    width: 100%
}

@media screen and (min-width: 1025px) {
    .pagination.pagination-banner .btn {
        display: block;
        width: .2rem;
        height: .8rem
    }

    .pagination.pagination-banner .btn:after {
        left: 0;
        top: 100%;
        width: 100%;
        height: 0
    }

    .pagination.pagination-banner .btn:nth-child(1n+2) {
        margin-top: .3rem
    }
}

@media screen and (max-width: 1024px) {
    .pagination.pagination-banner .btn {
        display: inline-block;
        vertical-align: top;
        width: .8rem;
        height: .2rem
    }

    .pagination.pagination-banner .btn:after {
        left: 100%;
        bottom: 0;
        width: 0;
        height: 100%
    }

    .pagination.pagination-banner .btn:nth-child(1n+2) {
        margin-left: .4rem
    }
}

.pagination.pagination-hotspot {
    line-height: 0;
    font-size: 0;
    z-index: 3;
    white-space: nowrap
}

.pagination.pagination-hotspot .btn {
    position: relative;
    z-index: 1;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #c9c9c9;
    width: .8rem;
    height: .2rem;
    display: inline-block;
    vertical-align: top
}

.pagination.pagination-hotspot .btn:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    background-color: #0098eb
}

.pagination.pagination-hotspot .btn em {
    display: none
}

.pagination.pagination-hotspot .btn:hover {
    border-color: rgba(248, 75, 3, .6)
}

.pagination.pagination-hotspot .btn.on {
    border-color: #0098eb;
    background-color: #0098eb
}

.pagination.pagination-hotspot .btn.on:after {
    top: 0;
    height: 100%;
    -webkit-transition: top 0s ease-out 0s, height 220ms ease-out 0s, left 0s ease-out 0s, width 220ms ease-out 0s;
    transition: top 0s ease-out 0s, height 220ms ease-out 0s, left 0s ease-out 0s, width 220ms ease-out 0s;
    left: 0;
    width: 100%
}

.pagination.pagination-hotspot .btn:after {
    left: 100%;
    bottom: 0;
    width: 0;
    height: 100%
}

.pagination.pagination-hotspot .btn:nth-child(1n+2) {
    margin-left: .4rem
}

.pagination.pagination-yuan {
    line-height: 0;
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
    white-space: nowrap
}

.pagination.pagination-yuan .btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    width: 10px;
    height: 10px;
    -webkit-transition: all 480ms ease-out 0s, all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s, all 480ms ease-out 0s;
    border: 10px 10px 0 0;
    border-style: solid;
    border-color: #fff;
    margin: 0 6px;
    border-radius: 10px
}

.pagination.pagination-yuan .btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #0098eb;
    border-radius: inherit
}

.pagination.pagination-yuan .btn em {
    display: none
}

.pagination.pagination-yuan .btn.on {
    background-color: #0098eb;
    border-color: #0098eb
}

.pagination.pagination-changtiao {
    font-size: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 3;
    text-align: center;
    white-space: nowrap
}

.pagination.pagination-changtiao .btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    width: 22px;
    height: 3px;
    background-color: #ccc;
    border-radius: 5px;
    margin: 0 2px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.pagination.pagination-changtiao .btn em {
    display: none
}

.pagination.pagination-changtiao .btn.on {
    width: 3px;
    background-color: #0098eb
}

.pagination.pagination-daxiaoYuan {
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
    white-space: nowrap
}

.pagination.pagination-daxiaoYuan .btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    width: 16px;
    height: 16px;
    margin: 0 0 0 16px
}

.pagination.pagination-daxiaoYuan .btn:after, .pagination.pagination-daxiaoYuan .btn:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pagination.pagination-daxiaoYuan .btn:before {
    margin-left: -2px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #0098eb
}

.pagination.pagination-daxiaoYuan .btn:after {
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border: #0098eb solid 1px;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.pagination.pagination-daxiaoYuan .btn em {
    display: none
}

.pagination.pagination-daxiaoYuan .btn.on:after {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.modal-nav {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .2)
}

.modal-nav .btn-closeX {
    position: absolute;
    right: 3.125vw;
    top: 1.5625vw;
    margin-right: 6px;
    margin-top: 6px
}

.modal-nav .contain {
    z-index: 3;
    background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, .99), rgba(255, 255, 255, .66), rgba(255, 255, 255, .4));
    border-radius: 0 0 15px 15px
}

.modal-nav .scene {
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.modal-nav .scene .aimer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transition: visibility 1.15s ease-out 0s;
    transition: visibility 1.15s ease-out 0s
}

.modal-nav .scene .aimer:after, .modal-nav .scene .aimer:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-color: #0098eb;
    border-style: solid;
    -webkit-transition: all 80ms ease-out 0s;
    transition: all 80ms ease-out 0s;
    opacity: 0
}

.modal-nav .scene .aimer:before {
    width: 10vw;
    height: 1px;
    border-width: 0 100vw
}

.modal-nav .scene .aimer:after {
    width: 1px;
    height: 10vw;
    border-width: 100vw 0
}

.modal-nav .scene .aimer > s {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-image: radial-gradient(circle at 50% 50%, #0098eb 0, rgba(255, 77, 0, .75) 20%, rgba(255, 77, 0, 0) 65%);
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.modal-nav .scene .aimer._active {
    visibility: visible;
    -webkit-transition: visibility .2s ease-out 0s;
    transition: visibility .2s ease-out 0s
}

.modal-nav .scene .aimer._active:after, .modal-nav .scene .aimer._active:before {
    opacity: 1;
    -webkit-transition: all 150ms ease-out 0s;
    transition: all 150ms ease-out 0s
}

.modal-nav .scene .aimer._active:before {
    width: 0
}

.modal-nav .scene .aimer._active:after {
    height: 0
}

.modal-nav .scene .aimer._active > s {
    -webkit-transition: all 250ms ease-out .1s;
    transition: all 250ms ease-out .1s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.ysqUEO .modal-nav .contain {
    opacity: 0;
    -webkit-transition: all 330ms ease-out 0s;
    transition: all 330ms ease-out 0s
}

.ysqUEO .modal-nav .contain:before {
    content: " ";
    z-index: 8;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.ysqUEO .modal-nav.showUp .contain {
    opacity: 1;
    -webkit-transform: none !important;
    transform: none !important
}

.ysqUEO .modal-nav.showUp .contain:before {
    -webkit-transition: all 250ms ease-out .5s;
    transition: all 250ms ease-out .5s;
    opacity: 0;
    visibility: hidden
}

.ysqUEO .modal-nav.hideOut .contain {
    opacity: 0
}

.ysqUEO .modal-nav .contain {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ysqUEO .modal-nav.hideOut .contain {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important
}

@media screen and (min-width: 1025px) {
    .modal-nav .contain {
        overflow: hidden auto;
        min-height: 70vh;
        max-height: 80vh;
        padding-bottom: 3.125vw
    }

    .modal-nav .scene {
        left: 0;
        right: 0
    }

    .modal-nav .firNav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .modal-nav .firNav:after {
        display: none
    }

    .modal-nav .firNav .link {
        display: inline-block;
        vertical-align: top;
        color: #272b37;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        white-space: nowrap;
        padding: 0 4px
    }

    .modal-nav .firNav .link:hover {
        color: #0098eb
    }

    .modal-nav .firNav .firItem .link1 {
        height: 40px;
        line-height: 40px;
        margin: 1.5625vw 0;
        font-weight: 700
    }

    .modal-nav .firNav .firItem:nth-child(1n+2) {
        margin-left: 3.125vw
    }

    .modal-nav .firNav .firItem.on .link1 {
        color: #0098eb
    }

    .modal-nav .firNav .secNav .secItem {
        line-height: 30px
    }

    .modal-nav .firNav .secNav .secItem:nth-child(1n+2) {
        margin-top: .4rem
    }

    .modal-nav .firNav .secNav .secItem .link2 {
        opacity: .75
    }
}

@media screen and (min-width: 1440px) {
    .modal-nav .scene {
        left: 10.9375%;
        right: 10.9375%
    }
}

@media screen and (min-width: 1600px) {
    .modal-nav .scene {
        left: 8.59375%;
        right: 8.59375%
    }
}

@media screen and (max-width: 1024px) {
    .modal-nav {
        min-width: 0
    }

    .modal-nav .contain {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .modal-nav .contain .close {
        right: 15px
    }

    .modal-nav .firNav {
        position: fixed;
        z-index: 29;
        right: 0;
        width: 100%;
        overflow-y: auto;
        text-align: center;
        padding: calc(40px + 20px + 3.125vw) 15px;
        height: auto;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #0098eb;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, .9)
    }

    .modal-nav .firNav .link {
        display: block;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, .05)
    }

    .modal-nav .firNav .firItem {
        position: relative;
        overflow: hidden;
        padding: 0 8px;
        width: 100%;
        line-height: 2.5em;
        font-size: 20px;
        min-height: 2.5em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .modal-nav .firNav .firItem.on > .link {
        color: #0098eb
    }

    .modal-nav .firNav .firItem.on .secNav {
        display: block
    }

    .modal-nav .firNav .firItem.on .ctr {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .modal-nav .firNav .secNav {
        padding: 12px 0 !important;
        line-height: 40px;
        font-size: 18px;
        display: none
    }

    .modal-nav .firNav .secNav .col {
        display: block
    }

    .modal-nav .firNav .secNav .secItem {
        line-height: 40px;
        display: block;
        white-space: nowrap;
        color: #777
    }

    .modal-nav .firNav .secNav .secItem.on {
        text-decoration: underline
    }

    .modal-nav .firNav .secNav .secItem .link2 {
        opacity: .6
    }

    .modal-nav .firNav .secNav .secItem .link2:active {
        opacity: .8
    }

    .modal-nav .firNav .secNav + .ctr {
        display: block
    }

    .modal-nav .firNav .link {
        color: #272b37
    }
}

@media screen and (max-width: 640px) {
    .modal-nav .firNav .firItem {
        font-size: 18px
    }
}

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

.ysqUEO .modal-aboutIntro .contain {
    opacity: 0;
    -webkit-transition: all 330ms ease-out 0s;
    transition: all 330ms ease-out 0s;
    -webkit-transform: scale(1) translate(-50%, 0);
    transform: scale(1) translate(-50%, 0)
}

.ysqUEO .modal-aboutIntro .contain:before {
    content: " ";
    z-index: 8;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.ysqUEO .modal-aboutIntro .close {
    pointer-events: none
}

.ysqUEO .modal-aboutIntro.showUp .contain {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.ysqUEO .modal-aboutIntro.showUp .contain:before {
    -webkit-transition: all 250ms ease-out .5s;
    transition: all 250ms ease-out .5s;
    opacity: 0;
    visibility: hidden
}

.ysqUEO .modal-aboutIntro.showUp .close {
    pointer-events: auto;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.ysqUEO .modal-aboutIntro.hideOut .contain {
    opacity: 0;
    -webkit-transform: scale(1) translate(-50%, -120%) !important;
    transform: scale(1) translate(-50%, -120%) !important
}

.ysqUEO .modal-aboutIntro.hideOut .Tclose {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.modal-aboutIntro .contain {
    z-index: 20;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 15px;
    padding: 6.25vw;
    background-color: #fff;
    width: 750px;
    overflow: hidden
}

.modal-aboutIntro .contain:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/about_intro.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #dbdee2
}

.modal-aboutIntro .contain .btn-closeX {
    position: absolute;
    right: .8rem;
    top: .8rem
}

.modal-aboutIntro .name {
    color: #272b37;
    padding-right: 50px
}

.modal-aboutIntro .content {
    margin-top: 1rem;
    font-size: 15px;
    line-height: 1.6
}

@media screen and (max-width: 1024px) {
    .modal-aboutIntro .contain {
        width: 80%;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 45px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .modal-aboutIntro .contain .btn-closeX {
        right: 30px;
        top: 45px
    }
}

.ysqTag-yModal {
    min-width: 450px
}

.bdra15 {
    border-radius: 15px
}

.swiper-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

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

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

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

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    -webkit-transition-property: all;
    transition-property: all
}

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

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

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

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.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 {
    -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-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

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

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

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container:before {
    pointer-events: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background-color: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background-color: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0;
    cursor: not-allowed;
    opacity: .5 !important
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px 44px 25px 44px
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background-color: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: 12px;
            padding-right: 12px
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 2px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

[data-fancybox-close]:hover svg {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.albums_temp_bgf .fancybox-content {
    background-color: #fff !important
}

.fancy_zoomer {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.fancy_zoomer:after, .fancy_zoomer:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    display: block
}

.fancy_zoomer:before {
    z-index: 2;
    background-color: rgba(0, 0, 0, .2);
    border-radius: inherit
}

.fancy_zoomer:after {
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg width=\'32\' height=\'32\' viewBox=\'0 0 32 32\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M28.727 28.312l-4.341-4.341C26.619 21.635 28 18.479 28 15c0-7.168-5.832-13-13-13S2 7.832 2 15s5.832 13 13 13c2.969 0 5.701-1.012 7.892-2.694l4.42 4.42a.998.998 0 0 0 1.707-.707 1 1 0 0 0-.292-.707zM4 15C4 8.935 8.935 4 15 4s11 4.935 11 11-4.935 11-11 11S4 21.065 4 15z\' fill=\'%23fff\'/%3E%3Cpath d=\'M19.556 14H16v-3.5a1 1 0 0 0-2 0V14h-3.5a1 1 0 0 0 0 2H14v3.5a1 1 0 0 0 2 0V16h3.556a1 1 0 0 0 0-2z\' fill=\'%23fff\'/%3E%3C/svg%3E");
    background-size: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media screen and (min-width: 1025px) {
    .fancy_zoomer:hover:after, .fancy_zoomer:hover:before {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media screen and (max-width: 1024px) {
    .fancy_zoomer:active:after, .fancy_zoomer:active:before {
        -webkit-transition: all 50ms ease-out 0s;
        transition: all 50ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media screen and (max-width: 1024px) {
    .fancybox-slide {
        padding: 32px
    }

    .fancybox-infobar {
        height: 32px;
        line-height: 32px;
        min-width: 32px;
        font-size: 12px;
        white-space: nowrap
    }

    .fancybox-infobar > span {
        margin: 0 -.1em
    }

    .fancybox-button {
        width: 32px;
        height: 32px;
        padding: 6px
    }

    .fancybox-caption {
        padding: 48px 32px 10px 32px
    }

    .fancybox-navigation .fancybox-button {
        width: 64px;
        height: 94px
    }
}

.mouse_cursor {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    margin: -1.5625vw 0 0 -1.5625vw;
    z-index: 100;
    border-radius: 50%;
    display: none
}

.mouse_cursor_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999991;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.mouse_cursor._drag {
    background-color: #272b37;
    text-align: center
}

.mouse_cursor._drag:after {
    content: "拖动";
    text-align: center;
    font-size: 1.04166667vw;
    color: #fff
}

.wrapper_3d {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    line-height: 1
}

.wrapper_3d #scene_3d {
    width: 100% !important;
    height: 100% !important;
    font-size: 50px
}

.wrapper_3d #scene_3d center {
    font-size: 14px
}

.wrapper_3d #scene_3d:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -16px;
    bottom: 15px;
    width: 32px;
    height: 32px;
    background-image: url(../images/icon-3d.svg);
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0) rotateY(-360deg);
    transform: scale(0) rotateY(-360deg);
    -webkit-transform-origin: 50% 50% -15px;
    transform-origin: 50% 50% -15px
}

.wrapper_3d #scene_3d._loaded {
    cursor: move
}

.wrapper_3d #scene_3d._loaded #turntable {
    overflow: visible !important;
    -webkit-transition: all 320ms ease-out .2s;
    transition: all 320ms ease-out .2s;
    opacity: 1 !important
}

@media screen and (max-width: 1024px) {
    .wrapper_3d #scene_3d {
        font-size: 30px
    }

    .wrapper_3d #scene_3d center {
        font-size: 12px
    }

    .wrapper_3d #scene_3d._loaded:after {
        -webkit-transition: all 250ms ease-out .3s;
        transition: all 250ms ease-out .3s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }
}

.sAbout-banner .word, .sJoin-switch .item .word, .sProduct-category .video .word, .sProduct-instrument-video .word, .videoBox .word {
    text-align: center;
    line-height: 0;
    white-space: nowrap
}

.sAbout-banner .word .who, .sJoin-switch .item .word .who, .sProduct-category .video .word .who, .sProduct-instrument-video .word .who, .videoBox .word .who {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 1em;
    margin-bottom: 1.2rem
}

.sAbout-banner .word .btn-play, .sJoin-switch .item .word .btn-play, .sProduct-category .video .word .btn-play, .sProduct-instrument-video .word .btn-play, .videoBox .word .btn-play {
    width: auto;
    height: auto
}

.sAbout-banner .word .AniStart + .btn-play, .sJoin-switch .item .word .AniStart + .btn-play, .sProduct-category .video .word .AniStart + .btn-play, .sProduct-instrument-video .word .AniStart + .btn-play, .videoBox .word .AniStart + .btn-play {
    -webkit-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-.8rem);
    transform: translateX(-50%) translateY(-.8rem)
}

.sAbout-banner .word .AniDid + .btn-play, .sJoin-switch .item .word .AniDid + .btn-play, .sProduct-category .video .word .AniDid + .btn-play, .sProduct-instrument-video .word .AniDid + .btn-play, .videoBox .word .AniDid + .btn-play {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 1025px) {
    .sAbout-banner .word, .sJoin-switch .item .word, .sProduct-category .video .word, .sProduct-instrument-video .word, .videoBox .word {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .sAbout-banner .word .btn-play, .sJoin-switch .item .word .btn-play, .sProduct-category .video .word .btn-play, .sProduct-instrument-video .word .btn-play, .videoBox .word .btn-play {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 100%
    }
}

@media screen and (max-width: 1024px) {
    .sAbout-banner, .sJoin-switch .item, .sProduct-category .video, .sProduct-instrument-video, .videoBox {
        font-size: 0 !important;
        padding: 25% 0 !important;
        height: auto !important
    }

    .sAbout-banner .word, .sJoin-switch .item .word, .sProduct-category .video .word, .sProduct-instrument-video .word, .videoBox .word {
        position: relative;
        text-align: center
    }

    .sAbout-banner .word .who, .sJoin-switch .item .word .who, .sProduct-category .video .word .who, .sProduct-instrument-video .word .who, .videoBox .word .who {
        max-width: 88%;
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .sAbout-banner .word .btn-play, .sJoin-switch .item .word .btn-play, .sProduct-category .video .word .btn-play, .sProduct-instrument-video .word .btn-play, .videoBox .word .btn-play {
        display: inline-block;
        vertical-align: top
    }
}

[ysq-scrollEle-aftLine] [ysq-this] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1
}

[ysq-scrollEle-aftLine] [ysq-this]:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    height: .08rem;
    background-color: #0098eb;
    left: 0;
    width: 100%
}

@media screen and (min-width: 1025px) {
    [ysq-scrollEle-aftLine].AniStart [ysq-this]:after {
        left: 100%;
        width: 0;
        -webkit-transition: all .2s ease-out .1s;
        transition: all .2s ease-out .1s
    }

    [ysq-scrollEle-aftLine].AniDid [ysq-this]:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 330ms ease-out 0s;
        transition: left 0s ease-out 0s, width 330ms ease-out 0s
    }
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 40
}

.header .contain {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%
}

.header .bg {
    display: none;
    z-index: 5
}

.header .logo {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px
}

.header .logo img {
    display: block;
    height: 100%
}

.header .secNav {
    display: none
}

.header .fns {
    position: absolute;
    right: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    z-index: 2
}

.header .fns:after {
    display: none
}

.header .fns .item {
    z-index: 1;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.header .fns .item:after {
    display: none
}

.header .fns .item:nth-child(1n+2) {
    margin-left: .5rem
}

.header .fns .item .btn {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: currentColor;
    color: #fff;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.header .fns .item .btn:after {
    display: none
}

.header .fns .item .btn .icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle
}

.header .fns .item .btn .this {
    display: inline-block;
    vertical-align: middle;
    color: #0098eb
}

.header .fns .item .hide {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -50px;
    width: 100px;
    white-space: nowrap;
    padding-top: 10px;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

.header .fns .item .hide .cbox {
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1)
}

.header .fns .item .hide .btn {
    display: block;
    color: #666;
    padding: .12rem .4rem;
    font-size: 16px;
    line-height: 1.5;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.header .fns .item .hide .btn.on {
    color: #0098eb;
    font-weight: 700
}

@media screen and (min-width: 1025px) {
    .header .fns .item .hide .btn:hover {
        color: #0098eb;
        font-weight: 700
    }
}

@media screen and (max-width: 1024px) {
    .header .fns .item .hide .btn:active {
        color: #0098eb;
        font-weight: 700;
        -webkit-transition: all 40ms ease-out 0s;
        transition: all 40ms ease-out 0s
    }
}

.header .fns .item .hide._show {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.header .navbtn {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 1px;
    margin-right: -5px;
    padding: 5px;
    z-index: 45;
    position: absolute;
    overflow: hidden;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .05)
}

.header .navbtn s {
    position: absolute;
    left: 5px;
    display: block;
    width: 40px;
    height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.header .navbtn s:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background-color: #282d3a;
    background-color: #0098eb
}

.header .navbtn .i1 {
    top: 13px
}

.header .navbtn .i2 {
    top: 50%;
    margin-top: -1.5px;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0
}

.header .navbtn .i3 {
    bottom: 13px
}

@media screen and (min-width: 1025px) {
    .header .navbtn {
        -webkit-transition: all .3s ease-out .3s;
        transition: all .3s ease-out .3s
    }
}

@media screen and (max-width: 1024px) {
    .header .navbtn {
        padding: 5px;
        width: 32px;
        height: 32px
    }

    .header .navbtn s {
        left: 5px;
        width: 32px;
        height: 2px
    }

    .header .navbtn .i1 {
        top: 11px
    }

    .header .navbtn .i2 {
        margin-top: -1px
    }

    .header .navbtn .i3 {
        bottom: 11px
    }
}

@media screen and (min-width: 1025px) {
    .header {
        -webkit-transition: -webkit-transform 320ms ease-out 0s;
        transition: -webkit-transform 320ms ease-out 0s;
        transition: transform 320ms ease-out 0s;
        transition: transform 320ms ease-out 0s, -webkit-transform 320ms ease-out 0s
    }

    ._navShow .header._fixedNav {
        -webkit-transform: translateY(-105%);
        transform: translateY(-105%)
    }

    .header .fns .item .btn {
        font-size: 32px
    }

    .header .fns .item:hover .icon {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .header._fixedNav {
        position: fixed;
        -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .15);
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, .15);
        background-color: #fff;
        -webkit-transition: all 320ms ease-out 0s, background 0s ease-out 0s;
        transition: all 320ms ease-out 0s, background 0s ease-out 0s
    }

    .header._skinbgf {
        background-color: #fff
    }

    .header._foldNav {
        -webkit-transition: -webkit-transform .2s ease-out .3s;
        transition: -webkit-transform .2s ease-out .3s;
        transition: transform .2s ease-out .3s;
        transition: transform .2s ease-out .3s, -webkit-transform .2s ease-out .3s;
        -webkit-transform: translateY(-105%);
        transform: translateY(-105%)
    }
}

@media screen and (max-width: 1024px) {
    .header {
        background-color: #fff;
        position: fixed;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15)
    }

    .header .fns {
        right: 48px
    }

    .header .fns .item .btn {
        font-size: 28px
    }
}

@media screen and (min-width: 1025px) {
    .header._skinfff .logo {
        -webkit-filter: contrast(50%) grayscale(100%) brightness(1000);
        filter: contrast(50%) grayscale(100%) brightness(1000)
    }

    .header._skinfff .navbtn > s:before {
        background-color: #fff
    }
}

.header._skinfff._fixedNav .logo, .header._skinfff._fixedNav_b .logo {
    -webkit-filter: none !important;
    filter: none !important
}

.header._skinfff._fixedNav .navbtn > s:before, .header._skinfff._fixedNav_b .navbtn > s:before {
    background-color: #282d3a
}

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

.index-section {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 2;
    padding-bottom: 1.8rem
}

@media screen and (max-width: 1024px) {
    .index-section {
        padding-bottom: 40px
    }

    .index-section:last-child {
        padding-bottom: 60px !important
    }
}

.index-banner {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 1em;
    font-size: 100vh;
    background-color: #83939f;
    margin-bottom: 3rem
}

.index-banner .shade {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px
}

.index-banner .item {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #83939f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.index-banner .item:after {
    display: none
}

.index-banner .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s
}

.index-banner .item.on .bg {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 3s ease-out 0s;
    transition: all 3s ease-out 0s
}

.index-banner .item .contain {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 6;
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-banner .item .contain .word {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 100%;
    object-position: 50% 100%;

}

.index-banner .item.leave .contain {
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%)
}

.index-banner .item.come .contain {
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0
}

.index-banner .item.on .contain {
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

@media screen and (min-width: 1025px) {
    .index-banner .pagination-banner {
        position: absolute;
        right: 3.125vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1024px) {
    .index-banner {
        margin-bottom: 50px;
        padding-bottom: 56.25%;
        font-size: 0 !important
    }

    .index-banner .pagination-banner {
        position: absolute;
        left: 0;
        bottom: .6rem;
        width: 100%;
        text-align: center
    }
}

.index-product-head {
    text-align: center;
    color: #272b37;
    margin-bottom: 1.6rem
}

.index-product-head .line {
    line-height: 1.5em
}

.index-product-head .btn-more {
    margin-top: .6rem
}

@media screen and (max-width: 1024px) {
    .index-product-head {
        margin-bottom: 30px
    }

    .index-product-head .btn-more {
        margin-top: 20px
    }
}

.index-product-rotateMove {
    position: relative
}

.index-product-rotateMove .item.moveItem.base {
    padding: 0;
    width: 0;
    height: 0;
    top: 16.1em;
    left: 31.3em;
    overflow: hidden
}

.index-product-rotateMove .item.moveItem.L1.pOn {
    padding: 0;
    width: 21.7em;
    height: 26.2em;
    top: 3em;
    left: 0
}

.index-product-rotateMove .item.moveItem.L1.pOn .wrapIn .front:before {
    opacity: .25
}

.index-product-rotateMove .item.moveItem.L0 {
    padding: 0;
    width: 26.7em;
    height: 32.2em;
    top: 0;
    left: 17.95em
}

.index-product-rotateMove .item.moveItem.L0 .wrapIn .front:before {
    opacity: 0
}

.index-product-rotateMove .item.moveItem.L1.nOn {
    padding: 0;
    width: 21.7em;
    height: 26.2em;
    top: 3em;
    left: 40.9em
}

.index-product-rotateMove .item.moveItem.L1.nOn .wrapIn .front:before {
    opacity: .25
}

.index-product-rotateMove .shade {
    left: 50%;
    width: 62.6em;
    height: 32.2em;
    margin-left: -31.3em;
    overflow: visible;
    z-index: 1
}

.index-product-rotateMove .shade:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .6) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    -webkit-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.index-product-rotateMove .shade._loaded:before {
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.index-product-rotateMove .shade:before {
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (max-width: 1024px) {
    .index-product-rotateMove .shade:before {
        margin: -16px 0 0 -16px;
        width: 32px;
        height: 32px
    }
}

.index-product-rotateMove .shade._s:before {
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px
}

.index-product-rotateMove .shade._loading:before {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.index-product-rotateMove .shade:before {
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px
}

.index-product-rotateMove .box {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    z-index: 1;
    height: 100%;
    white-space: nowrap
}

.index-product-rotateMove .item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: auto;
    height: 32.2em;
    cursor: pointer;
    -webkit-transition: all 480ms ease-out 0s, z-index 0s ease-out 0s;
    transition: all 480ms ease-out 0s, z-index 0s ease-out 0s
}

.index-product-rotateMove .item.moveItem {
    position: absolute;
    left: 0;
    top: 0;
    will-change: left, top
}

.index-product-rotateMove .item .wrapIn {
    position: relative;
    border-radius: 1.5em;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none
}

.index-product-rotateMove .item .behind, .index-product-rotateMove .item .front {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #fff;
    -webkit-box-shadow: 0 0 .52083333vw 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 .52083333vw 1px rgba(0, 0, 0, .2)
}

.index-product-rotateMove .item .behind .txt, .index-product-rotateMove .item .front .txt {
    padding: 2em 1.5em;
    color: #272b37;
    font-size: .9em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-product-rotateMove .item .behind .txt .en, .index-product-rotateMove .item .front .txt .en {
    height: 1em;
    opacity: .4;
    position: relative;
    overflow: hidden;
    max-width: 100%
}

.index-product-rotateMove .item .behind .txt .cn, .index-product-rotateMove .item .front .txt .cn {
    margin-top: .5em;
    line-height: 1.5
}

.index-product-rotateMove .item .behind .txt .cn .p1, .index-product-rotateMove .item .front .txt .cn .p1 {
    font-size: .75em
}

.index-product-rotateMove .item .behind .txt .cn .p2, .index-product-rotateMove .item .front .txt .cn .p2 {
    font-size: 1em
}

.index-product-rotateMove .item .behind .figure, .index-product-rotateMove .item .front .figure {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-product-rotateMove .item .behind .figure .pic, .index-product-rotateMove .item .front .figure .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.index-product-rotateMove .item .behind .figure .pic._l, .index-product-rotateMove .item .front .figure .pic._l {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-product-rotateMove .item .behind .figure .pic._p, .index-product-rotateMove .item .front .figure .pic._p {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.index-product-rotateMove .item .behind .btn-flip, .index-product-rotateMove .item .front .btn-flip {
    position: absolute;
    right: 1.75em;
    top: 2em;
    z-index: 9
}

.index-product-rotateMove .item .front {
    z-index: 3;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-product-rotateMove .item .front:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.5em;
    background-color: #d5d5d5;
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.index-product-rotateMove .item .front .figure {
    position: absolute;
    left: 0;
    bottom: 0
}

.index-product-rotateMove .item .front .btn-flip {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.index-product-rotateMove .item .behind {
    z-index: 1;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.index-product-rotateMove .item .behind .description {
    position: absolute;
    left: 1.5em;
    right: 7em;
    bottom: 2.5em;
    white-space: normal
}

.index-product-rotateMove .item .behind .description p {
    z-index: 1;
    position: relative;
    font-size: .75em;
    color: #272b37;
    line-height: 1.33333333
}

.index-product-rotateMove .item .behind .description p:nth-child(1n+2) {
    margin-top: 1em
}

.index-product-rotateMove .item .behind .btn-rtarr {
    position: absolute;
    right: 1.5em;
    bottom: 2em;
    padding-right: 1.8em;
    height: 1.8em
}

.index-product-rotateMove .item .behind .btn-rtarr:after {
    width: 1.8em;
    height: 1.8em
}

.index-product-rotateMove .item._flip .front {
    z-index: 1;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.index-product-rotateMove .item._flip .behind {
    z-index: 3;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.index-product-rotateMove .item._flip .behind .btn-flip {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.index-product-rotateMove .item.on {
    z-index: 6;
    cursor: auto
}

.index-product-rotateMove .item.on .wrapIn {
    pointer-events: auto
}

.index-product-rotateMove .item.on .behind, .index-product-rotateMove .item.on .front {
    -webkit-box-shadow: 0 0 1.04166667vw 1px rgba(0, 0, 0, .35);
    box-shadow: 0 0 1.04166667vw 1px rgba(0, 0, 0, .35)
}

.index-product-rotateMove .item.on .txt {
    font-size: 1em
}

.index-product-rotateMove .item.on .figure .pic._l {
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.index-product-rotateMove .item.on .figure .pic._p {
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-product-rotateMove .item.on .front .btn-flip {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-product-rotateMove .pagination-rotateMove {
    margin-top: .6rem
}

.index-product-rotateMove .ctr-arrow {
    display: block;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    z-index: 8
}

.index-product-rotateMove._loaded .shade:before {
    -webkit-transition: all 250ms ease-out .4s;
    transition: all 250ms ease-out .4s;
    opacity: 0;
    visibility: hidden
}

.index-product-rotateMove._loaded .box {
    -webkit-transition: all 250ms ease-out .4s;
    transition: all 250ms ease-out .4s;
    opacity: 1;
    visibility: visible
}

.index-product-rotateMove._loaded .ctr-arrow {
    -webkit-transition: opacity 250ms ease-out .5s;
    transition: opacity 250ms ease-out .5s;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1440px) {
    .index-product-rotateMove {
        font-size: 16px
    }
}

@media screen and (min-width: 1025px) {
    .index-product-rotateMove .item:hover .front .figure {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

    .index-product-rotateMove .item:hover .front .figure .pic._l {
        -webkit-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .index-product-rotateMove .item:hover .front .figure .pic._p {
        -webkit-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .index-product-rotateMove .item .behind .txt {
        position: relative;
        z-index: 8
    }

    .index-product-rotateMove .item .behind .description {
        z-index: 8
    }

    .index-product-rotateMove .item .behind .btn-flip:hover {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    .index-product-rotateMove .ctr-arrow.prev {
        right: 100%;
        margin-right: -1.5625vw
    }

    .index-product-rotateMove .ctr-arrow.next {
        left: 100%;
        margin-left: -1.5625vw
    }
}

@media screen and (max-width: 1024px) {
    .index-product-rotateMove {
        font-size: 100px
    }
}

@media screen and (max-width: 749px) {
    .index-product-rotateMove {
        font-size: 90px
    }
}

@media screen and (max-width: 699px) {
    .index-product-rotateMove {
        font-size: 85px
    }
}

@media screen and (max-width: 649px) {
    .index-product-rotateMove {
        font-size: 80px
    }
}

@media screen and (max-width: 599px) {
    .index-product-rotateMove {
        font-size: 75px
    }
}

@media screen and (max-width: 549px) {
    .index-product-rotateMove {
        font-size: 70px
    }
}

@media screen and (max-width: 499px) {
    .index-product-rotateMove {
        font-size: 65px
    }
}

@media screen and (max-width: 449px) {
    .index-product-rotateMove {
        font-size: 60px
    }
}

@media screen and (max-width: 1024px) {
    .index-product-rotateMove .shade {
        width: 7.2em;
        margin-left: -3.6em;
        height: 6.8em
    }

    .index-product-rotateMove .item.moveItem.base {
        padding: 0;
        width: 0;
        height: 0;
        top: 3.4em;
        left: 3.6em
    }

    .index-product-rotateMove .item.moveItem.L1.pOn {
        padding: 0;
        width: 4.4em;
        height: 5.3em;
        top: .75em;
        left: -1.2em
    }

    .index-product-rotateMove .item.moveItem.L0 {
        padding: 0;
        width: 5.6em;
        height: 6.8em;
        top: 0;
        left: .8em
    }

    .index-product-rotateMove .item.moveItem.L1.nOn {
        padding: 0;
        width: 4.4em;
        height: 5.3em;
        top: .75em;
        left: 4em
    }

    .index-product-rotateMove .item {
        -webkit-transition: all 320ms ease-out 0s, z-index 0s ease-out 0s;
        transition: all 320ms ease-out 0s, z-index 0s ease-out 0s
    }

    .index-product-rotateMove .item .behind .txt, .index-product-rotateMove .item .front .txt {
        padding: 1.5em 1.25em
    }

    .index-product-rotateMove .item .behind .txt .en, .index-product-rotateMove .item .front .txt .en {
        font-size: 14px
    }

    .index-product-rotateMove .item .behind .btn-flip, .index-product-rotateMove .item .front .btn-flip {
        right: 1em;
        top: 1.5em
    }

    .index-product-rotateMove .item .behind .btn-flip > s:nth-child(1n+2), .index-product-rotateMove .item .front .btn-flip > s:nth-child(1n+2) {
        margin-left: 2px
    }

    .index-product-rotateMove .item .behind .description {
        bottom: 1.5em;
        right: 3.5em;
        left: 1em
    }

    .index-product-rotateMove .ctr-arrow.prev {
        left: 0
    }

    .index-product-rotateMove .ctr-arrow.next {
        right: 0
    }
}

.index-magazine-wrap {
    position: relative;
    z-index: 2;
    border-radius: .75em;
    background-color: #ececec;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

@media screen and (max-width: 1024px) {
    .index-magazine-wrap {
        padding: 1.4rem 1rem
    }
}

.index-magazine-head {
    color: #272b37;
    position: relative;
    z-index: 1
}

.index-magazine-head .en {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    font-weight: 700;
    color: grey
}

.index-magazine-head .cn {
    margin-top: .2rem;
    color: #272b37
}

.index-magazine-head .btn-more {
    margin-top: .6rem
}

.index-magazine-head .year {
    z-index: -1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -3.125vw;
    opacity: .7;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    font-size: 18.75vw;
    color: #fff;
    letter-spacing: -.05em
}

@media screen and (max-width: 480px) {
    .index-magazine-head .en {
        font-size: 32px
    }

    .index-magazine-head .year {
        font-size: 15vw;
        margin-top: .1em
    }
}

.index-magazine-body {
    margin-top: 1.2rem;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.index-magazine-body:after {
    display: none
}

.index-magazine-body .item {
    position: relative;
    z-index: 2;
    width: 17.75em;
    height: 24em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em;
    border-radius: 6px
}

.index-magazine-body .item:nth-child(2) {
    z-index: 5
}

.index-magazine-body .item:nth-child(1n+2) {
    margin-left: 1.5em
}

.index-magazine-body .item .bg {
    background-color: #fff;
    -webkit-box-shadow: 0 0 .5em 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 .5em 1px rgba(0, 0, 0, .15);
    border-radius: inherit
}

.index-magazine-body .item .txt {
    padding: .6em 0;
    line-height: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    color: #272b37
}

.index-magazine-body .item .txt:after {
    display: none
}

.index-magazine-body .item .txt .date {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.index-magazine-body .item .txt .btn {
    position: relative;
    z-index: 1;
    padding-right: 1.625em;
    color: #272b37
}

.index-magazine-body .item .txt .btn:after {
    -webkit-transform-origin: 50% 50% -5px;
    transform-origin: 50% 50% -5px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    right: 2px;
    top: 50%;
    margin-top: -7px;
    width: 12px;
    height: 14px;
    background-image: url(../images/btn-TriRarr.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.index-magazine-body .item .txt .btn:hover:after {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.index-magazine-body .item .pic {
    width: 16.75em;
    height: 20.9em;
    font-size: 1em;
    border-radius: 3px;
    background-color: #fff
}

@media screen and (min-width: 1025px) {
    .index-magazine-body .item {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-magazine-body .item:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.index-magazine-body.AniStart {
    -webkit-transform: translateY(-1.5625vw);
    transform: translateY(-1.5625vw);
    -webkit-transition: all 320ms ease-out 50ms;
    transition: all 320ms ease-out 50ms
}

.index-magazine-body.AniStart .item, .index-magazine-body.AniStart .item .bg, .index-magazine-body.AniStart .item .pic, .index-magazine-body.AniStart .item .txt {
    -webkit-transition: all 320ms ease-out 50ms;
    transition: all 320ms ease-out 50ms
}

.index-magazine-body.AniStart .item:nth-child(1n+2) {
    margin-left: -6em
}

.index-magazine-body.AniStart .item:nth-child(2) .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.index-magazine-body.AniStart .item .bg, .index-magazine-body.AniStart .item .txt {
    opacity: 0
}

.index-magazine-body.AniStart .item .pic {
    border-radius: .5em;
    -webkit-box-shadow: 0 0 .5em 1px rgba(0, 0, 0, .35);
    box-shadow: 0 0 .5em 1px rgba(0, 0, 0, .35);
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.index-magazine-body.AniDid {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.index-magazine-body.AniDid .item, .index-magazine-body.AniDid .item .bg, .index-magazine-body.AniDid .item .pic, .index-magazine-body.AniDid .item .txt {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.index-magazine-body.AniDid .item:nth-child(1n+2) {
    margin-left: 1.5em
}

.index-magazine-body.AniDid .item .bg, .index-magazine-body.AniDid .item .txt {
    opacity: 1
}

.index-magazine-body.AniDid .item .pic {
    border-radius: 3px;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

@media screen and (max-width: 1440px) {
    .index-magazine-body {
        font-size: 16px
    }
}

@media screen and (max-width: 1280px) {
    .index-magazine-body {
        font-size: 14px
    }
}

@media screen and (max-width: 1024px) {
    .index-magazine-body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 1rem
    }

    .index-magazine-body .item {
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .index-magazine-body .item:nth-child(1n+1) {
        width: 32%;
        margin-left: 2%;
        margin-top: 0
    }

    .index-magazine-body .item:nth-child(3n+1) {
        margin-left: 0
    }

    .index-magazine-body .item:nth-child(1n+4) {
        margin-top: 0
    }

    .index-magazine-body .item .txt .btn:after {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .index-magazine-body .item .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 128.57142857%
    }
}

@media screen and (max-width: 640px) {
    .index-magazine-body {
        display: block;
        overflow-x: auto;
        margin-right: -4.6875vw;
        padding: 10px;
        margin-left: -10px;
        margin-right: -10px;
        font-size: 0
    }

    .index-magazine-body .item {
        min-width: 240px;
        margin-left: 20px;
        display: inline-block;
        vertical-align: top;
        font-size: 14px
    }
}

.index-magazine-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-top: 1.2rem
}

.index-magazine-foot:after {
    display: none
}

.index-magazine-foot .left {
    width: 480px;
    max-width: 100%;
    color: #272b37
}

.index-magazine-foot .left .sdt {
    line-height: 1.5
}

.index-magazine-foot .left .sdd {
    margin-top: .4rem;
    line-height: 1.875em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 7.5em;
    text-align: justify
}

@media screen and (max-width: 1024px) {
    .index-magazine-foot {
        text-align: center;
        margin-top: 25px
    }

    .index-magazine-foot .left {
        width: 100%
    }

    .index-magazine-foot .left .sdd {
        margin-top: 15px
    }

    .index-magazine-foot .right {
        width: 100%;
        margin-top: .8rem
    }
}

.index-global-wrap {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .index-global-wrap {
        padding: 1.2rem !important
    }
}

.index-global-wrap.t {
    border-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    background-color: #ececec
}

.index-global-wrap.b {
    border-radius: 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #fff;
    border: #ececec solid 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.index-global-wrap.b:after {
    display: none
}

.index-global-head {
    color: #272b37
}

.index-global-head .sdt {
    line-height: 1.25
}

.index-global-head .sdd {
    margin-top: .5rem;
    line-height: 1.875
}

.index-global-map {
    position: relative;
    z-index: 2;
    height: 12rem;
    margin-top: .8rem
}

.index-global-map, .index-global-map .map, .index-global-map canvas {
    background-color: #ececec !important
}

.index-global-map .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.index-global-search .line:nth-child(1n+2) {
    margin-top: 1rem;
    display: none
}

@media screen and (max-width: 1024px) {
    .index-global-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .index-global-search:after {
        display: none
    }

    .index-global-search .line:nth-child(1n+2) {
        margin-top: 0;
        margin-left: .6rem
    }
}

.index-global-contact {
    position: relative;
    z-index: 1;
    margin-left: 5%
}

.index-global-contact .box {
    width: 100%
}

.index-global-contact .box.on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.index-global-contact .box.on:after {
    display: none
}

.index-global-contact .box .hr {
    height: 2px;
    margin: .3rem 0
}

.index-global-contact .box .dt span {
    padding: 6px 0;
    color: #272b37;
    line-height: 32px;
    display: inline-block;
    vertical-align: top
}

.index-global-contact .box .dt .hr {
    background-color: #0098eb
}

.index-global-contact .box .dd {
    margin-left: 3.125vw
}

.index-global-contact .box .dd .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.index-global-contact .box .dd .line:after {
    display: none
}

.index-global-contact .box .dd .col {
    padding-left: 54px;
    padding-top: 2px;
    line-height: 1.5;
    min-height: 32px
}

.index-global-contact .box .dd .col:nth-child(1n+2) {
    margin-left: .8rem
}

.index-global-contact .box .dd .col .icoImg {
    float: left;
    margin-top: -2px;
    margin-left: -40px;
    width: 32px;
    height: 32px
}

.index-global-contact .box .dd .col .sdt {
    font-family: inter_i, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    color: #272b37;
    height: 20px;
    line-height: 20px
}

.index-global-contact .box .dd .col .sdd > a {
    color: #272b37
}

.index-global-contact .box .dd .hr {
    background-color: #ececec
}

.index-global-contact .pagination-banner .btn {
    border: solid 1px #c9c9c9
}

@media screen and (min-width: 1025px) {
    .index-global-contact .data-name {
        padding-right: 1em;
        min-width: 12em;
        max-width: 14em;
        display: inline-block;
        vertical-align: top
    }

    .index-global-contact .data-add {
        max-width: 16em
    }

    .index-global-contact .data-tel {
        white-space: nowrap
    }

    .index-global-contact .data-email {
        white-space: nowrap
    }

    .index-global-contact .data-fax {
        white-space: nowrap
    }

    .index-global-contact .wTelFax {
        display: inline-block;
        width: 7em;
        min-height: 1px;
        white-space: nowrap
    }

    .index-global-contact .pagination-banner {
        position: absolute;
        left: 100%;
        margin-left: .8rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .index-global-contact .pagination-banner .btn {
        width: .16rem;
        height: .6rem
    }

    .index-global-contact .pagination-banner .btn:nth-child(1n+2) {
        margin-top: .2rem
    }
}

@media screen and (max-width: 1024px) {
    .index-global-contact {
        margin-left: 0
    }

    .index-global-contact .box {
        margin-top: 1.2rem
    }

    .index-global-contact .box .dt span {
        padding-right: 0;
        line-height: 32px
    }

    .index-global-contact .box .dd {
        margin-left: 0;
        margin-top: 1rem
    }

    .index-global-contact .box .dd .hr {
        display: none
    }

    .index-global-contact .box .dd .col {
        padding-left: 44px;
        border-bottom: #ececec solid 2px;
        padding-bottom: 12px;
        padding-top: 12px
    }

    .index-global-contact .box .dd .col:nth-child(1n+2) {
        margin-left: 0
    }

    .index-global-contact .pagination-banner {
        margin-top: 1rem;
        width: 100%;
        text-align: center
    }
}

.footer {
    position: relative;
    z-index: 2;
    /*
    background-color: #f0f0ee;*/

    padding: 2.4rem 0
}

.footer-t {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.footer-t:after {
    display: none
}

.footer-t .fme {
    width: 360px
}

.footer-t .fme .logo {
    height: 80px;
    -webkit-filter: grayscale(100%) brightness(1.35);
    filter: grayscale(100%) brightness(1.35)
}

.footer-t .fme .abstract {
    margin-top: .5rem;
    font-size: 16px;
    line-height: 1.875;
    color: grey
}

@media screen and (max-width: 1200px) {
    .footer-t .fme {
        width: 30%
    }
}

@media screen and (max-width: 1024px) {
    .footer-t .fme {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .footer-t .fme .abstract {
        font-size: 14px
    }
}

.footer-t .fnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.footer-t .fnav:after {
    display: none
}

@media screen and (max-width: 1024px) {
    .footer-t .fnav {
        display: block
    }
}

.footer-t .fnav > .col:nth-child(1n+2) {
    margin-left: 4.6875vw
}

.footer-t .fnav > .col .item:nth-child(1n+2) {
    margin-top: 1.2rem
}

.footer-t .fnav > .col .line {
    height: 1.5em;
    line-height: 1.5em;
    white-space: nowrap
}

.footer-t .fnav > .col .link {
    display: inline-block;
    vertical-align: top
}

.footer-t .fnav > .col .link1 {
    font-size: 16px
}

.footer-t .fnav > .col .link2 {
    opacity: .7
}

.footer-t .fnav > .col .secNav {
    margin-top: 1.5em
}

.footer-t .fnav > .col .secNav .line:nth-child(1n+2) {
    margin-top: .75em
}

.footer-t .fnav > .col:nth-child(3) .item:nth-child(3) {
    padding-top: .75em
}
/*
.footer-t .fnav > .col:nth-child(4) .item:nth-child(1) .secNav {
    min-height: 8.25em
}*/

@media screen and (max-width: 1440px) {
    .footer-t .fnav > .col:nth-child(1n+2) {
        margin-left: 2.60416667vw
    }
}

@media screen and (max-width: 1024px) {
    .footer-t .fnav {
        width: 100%;
        text-align: center;
        margin-top: 1.2rem
    }

    .footer-t .fnav > .col {
        display: inline;
        margin: 0 !important
    }

    .footer-t .fnav > .col .item {
        display: inline-block;
        vertical-align: top;
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-left: 5px;
        margin-right: 5px
    }

    .footer-t .fnav > .col .link1 {
        font-size: 14px
    }

    .footer-t .fnav .secNav {
        display: none
    }
}

.footer-t .backToTop {
    padding: .2rem 0;
    width: 96px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #272b37;
    border-radius: 6px;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .footer-t .backToTop {
        position: absolute;
        left: 0;
        bottom: 0
    }
}

@media screen and (max-width: 1024px) {
    .footer-t .backToTop {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: .9rem
    }
}

@media screen and (max-width: 1024px) {
    .footer-t .fme .abstract {
        margin-top: 20px
    }

    .footer-t .backToTop {
        margin-top: 25px
    }
}

.footer-b {
    margin-top: 1.2rem
}

.footer-b .hr {
    background-color: #787877
}

.footer-b .contain {
    margin-top: .8rem;
    margin-bottom: -.8rem;
    line-height: 1.5;
    text-align: center
}

.footer-b .contain, .footer-b .contain a {
    color: #666
}

@media screen and (max-width: 1024px) {
    .footer-b {
        margin-top: 40px
    }
}

@media screen and (max-width: 1024px) {
    .footer-b {
        margin-top: 40px
    }
}

.subpage {
    color: #272b37
}

.subpage-banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 16rem;
    background-color: #bed2eb
}

.subpage-banner .bg {
    -webkit-animation-name: bg_breath;
    animation-name: bg_breath;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bg_breath {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes bg_breath {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.subpage-wrap {
    position: relative;
    z-index: 3;
    padding: 1.8rem 0;
    background-color: #fff
}

.subpage-wrap.pt0 {
    padding-top: 0 !important
}

.subpage-wrap #sA_subpage + .subpage-qnav {
    margin-top: -1.8rem;
    padding: 1.8rem 0 1.2rem
}

.subpage-wrap .subpage-qnav:last-child {
    padding: 1.2rem 0 1.8rem
}

@media screen and (max-width: 1024px) {
    .subpage-wrap {
        padding: 2rem 0
    }
}

.subpage-head {
    margin-bottom: 1.2rem
}

.subpage-head .this {
    color: #272b37
}

@media screen and (max-width: 640px) {
    .subpage-head .this {
        font-size: 24px
    }
}

.subpage-qnav .w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.subpage-qnav .w:after {
    display: none
}

.subpage-qnav .item {
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 49%
}

.subpage-qnav .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 68.70748299%;
    background-color: #eee;
    border-radius: 15px
}

.subpage-qnav .item .txt {
    margin-top: 1rem;
    padding-bottom: .2rem
}

.subpage-qnav .item .txt .sdt > .this {
    color: #272b37
}

.subpage-qnav .item .txt .sdt .btn-rtarr {
    margin-left: .3rem;
    vertical-align: bottom
}

.subpage-qnav .item .txt .sdd {
    margin-top: .4rem;
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .subpage-qnav .item {
        width: 48.5%
    }
}

@media screen and (max-width: 640px) {
    .subpage-qnav .item .txt .sdt > .this {
        font-size: 18px
    }

    .subpage-qnav .item .txt .sdt .btn-rtarr {
        font-size: 14px
    }

    .footer-t .fme .logo {
        height: 50px;
    }
}

.sAbout-banner {
    z-index: 2;
    position: relative;
    overflow: hidden;
    background-color: #eee;
    font-size: 100vh;
    padding-bottom: 1em
}

.sAbout-banner .bg {
    -webkit-animation-name: bg_breath;
    animation-name: bg_breath;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sAbout-wrap .subpage-qnav {
    padding: 0 !important
}

.sAbout-section {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2rem

}

.sAbout-section:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .sAbout-section .index-magazine-wrap, .sAbout-section .wWp {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

.sAbout-intro-wrap {
    border-radius: 15px;
    background-image: url(../images/about_intro.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #dbdee2
}

.sAbout-intro-wrap .wrapIn {
    padding-top: 1rem;
    padding-bottom:1rem;
}

.sAbout-intro-wrap .left {
    width: 50%
}

.sAbout-intro-wrap .left .logo {
    height: 1.5em;
    display: block
}

.sAbout-intro-wrap .right {
    color: #272b37;
    width: 100%;
    will-change: transform;
    text-align: right
}

.sAbout-intro-wrap .right .dib {
    text-align: left;
}

.sAbout-intro-wrap .right ._lt1 {
    text-indent: -1em;
    font-family: '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sAbout-intro-wrap .right .line:nth-child(1n+2) {
    margin-top: .8rem
}

.sAbout-intro-wrap .right .sdt > .this {
    text-align: left;
    margin-right: .25em
}

.sAbout-intro-wrap .right .sdt .btn-rtarr {
    vertical-align: bottom;
    margin-top: 10px
}

.sAbout-intro-wrap .right .sdd {
    margin-top: 10px;
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .sAbout-intro-wrap .left {
        width: 100%
    }

    .sAbout-intro-wrap .right {
        text-align: left;
        margin-top: 2.4rem
    }

    .sAbout-intro-wrap .right ._lt1 {
        text-indent: 0
    }

    .sAbout-intro-wrap .right .sdd {
        margin-top: 15px
    }
}

@media screen and (max-width: 640px) {
    .sAbout-intro-wrap .right .sdt > .this {
        font-size: 18px
    }
}

.sAbout-idea-wrap.t {
    border-radius: 15px;
    background-image: url(../images/bgs-about-idea.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 43.75%;
    background-color: #d2d6d5
}

.sAbout-idea-wrap.b {
    margin-top: 1.2rem;
    color: #272b37
}

.sAbout-idea-wrap.b .dd {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sAbout-idea-wrap.b .dd:after {
    display: none
}

.sAbout-idea-wrap.b .dd .col {
    width: 30%;
    width: calc(33% - 20px);
    border-top: #9a9a99 solid 1px;
    padding-top: .6rem;
    line-height: 1.5
}

.sAbout-idea-wrap.b .dd .col .sdd {
    margin-top: .3rem
}

.sAbout-idea-wrap.b .dd .col .sdd .dib {
    margin-right: .5em
}

@media screen and (max-width: 1024px) {
    .sAbout-idea-wrap.b {
        margin-top: 40px
    }

    .sAbout-idea-wrap.b .dt {
        font-size: 24px
    }

    .sAbout-idea-wrap.b .dd {
        display: block
    }

    .sAbout-idea-wrap.b .dd .col {
        width: 100%;
        padding-top: 20px
    }

    .sAbout-idea-wrap.b .dd .col:nth-child(1n+2) {
        margin-top: 20px
    }

    .sAbout-idea-wrap.b .dd .col .sdt {
        font-size: 18px
    }

    .sAbout-idea-wrap.b .dd .col .sdd {
        font-size: 14px;
        margin-top: 5px
    }
}

.sAbout-tech-wrap.t {
    border-radius: 15px;
    background-image: url(../images/bgs-about-tech.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 8.56rem;
    background-color: #010001
}

.sAbout-tech-wrap.b {
    /*
    margin-top: 1.2rem;
    */
    color: #272b37
}

.sAbout-tech-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sAbout-tech-list:after {
    display: none
}

.sAbout-tech-list .item {
    width: 24%;
    position: relative;
    overflow: hidden;
    z-index: 2;
    white-space: normal
}

.sAbout-tech-list .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 66.25%;
    background-color: #eee;
    border-radius: 15px
}

.sAbout-tech-list .item .txt {
    margin-top: 1rem;
    color: #272b37
}

.sAbout-tech-list .item .txt .sdt {
    padding-bottom: .4rem;
    border-bottom: #d6d6d6 solid 1px
}

.sAbout-tech-list .item .txt .sdt > .this {
    margin-right: .3rem
}

.sAbout-tech-list .item .txt .sdt .btn-rtarr {
    margin-top: 6px;
    vertical-align: bottom
}

.sAbout-tech-list .item .txt .sdd {
    margin-top: .4rem;
    line-height: 1.5;
    padding-right: 5.20833333vw
}

@media screen and (max-width: 1024px) {
    .sAbout-tech-list {
        overflow-x: auto
    }

    .sAbout-tech-list .item {
        min-width: 280px
    }

    .sAbout-tech-list .item:nth-child(1n+2) {
        margin-left: 25px
    }

    .sAbout-tech-list .item .txt .sdd {
        padding-right: 5px
    }
}

.sAbout-trace-wrap.t {
    border-radius: 15px;
    background-image: url(../images/about-trace.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #040105
}

.sAbout-trace-wrap.t .wrapIn {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.sAbout-trace-wrap.t .left {
    width: 50%;
    color: #fff;
}

.sAbout-trace-wrap.t .right {
    margin-top: 3.6rem;
    color: #fff;
    margin-left: auto;
    margin-right: 2rem;
    will-change: transform;
    text-align: right
}

.sAbout-trace-wrap.t .right .dib {
    text-align: left
}

.sAbout-trace-wrap.t .right ._lt1 {
    text-indent: -1em
}

.sAbout-trace-wrap.t .right .line:nth-child(1n+2) {
    margin-top: .8rem
}

.sAbout-trace-wrap.t .right .sdt {
    margin-right: -1em
}

.sAbout-trace-wrap.t .right .sdt > .this {
    text-align: left;
    line-height: 1.5
}

.sAbout-trace-wrap.t .right .sdd {
    margin-top: 10px;
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .sAbout-trace-wrap.t .left {
        width: 100%
    }

    .sAbout-trace-wrap.t .right {
        text-align: left;
        margin-top: 2.4rem;
        width: 100%;
        margin-right: 0
    }

    .sAbout-trace-wrap.t .right .sdt {
        margin-right: 0
    }

    .sAbout-trace-wrap.t .right .sdd {
        margin-top: 15px
    }
}

@media screen and (max-width: 640px) {
    .sAbout-trace-wrap.t .left {
        font-size: 28px
    }

    .sAbout-trace-wrap.t .right .sdt > .this {
        font-size: 18px
    }
}

.sAbout-trace-wrap.b {
    margin-top: 1.2rem
}

@media screen and (max-width: 1024px) {
    .sAbout-trace-wrap.b {
        margin-top: 40px
    }
}

.sAbout-trace-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sAbout-trace-list:after {
    display: none
}

.sAbout-trace-list ._divide {
    width: 100%;
    height: 0;
    margin: 2.5% 0
}

.sAbout-trace-list ._pad {
    width: 1px;
    height: 1px
}

.sAbout-trace-list .item {
    color: #272b37;
    position: relative;
    overflow: hidden;
    padding-bottom: .6rem;
    z-index: 1;
    width: 30%
}

.sAbout-trace-list .item:nth-child(1n+6) {
    width: 23%
}

.sAbout-trace-list .item:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 5.5rem;
    border-top: #eaeef1 solid 1px;
    border-bottom: #f0f3f5 solid 1px
}

.sAbout-trace-list .item .pic {
    width: 9em;
    height: 6em;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent
}

.sAbout-trace-list .item .pic img {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

@media screen and (min-width: 1025px) {
    .sAbout-trace-list .item .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }
}

.sAbout-trace-list .item .txt {
    margin-top: .8rem;
    text-align: center;
    line-height: 1.5
}

@media screen and (min-width: 1025px) {
    .sAbout-trace-list .item:hover .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1440px) {
    .sAbout-trace-list .item .txt {
        font-size: 16px
    }
}

@media screen and (max-width: 1280px) {
    .sAbout-trace-list .item .txt {
        font-size: 14px
    }
}

@media screen and (max-width: 1024px) {
    .sAbout-trace-list ._divide {
        display: none
    }

    .sAbout-trace-list ._pad {
        display: none
    }

    .sAbout-trace-list .item br {
        display: none
    }

    .sAbout-trace-list .item:nth-child(1n+1) {
        width: 46%
    }

    .sAbout-trace-list .item:nth-child(1n+4) {
        margin-top: 30px
    }
}

.sDevelopment-banner {
    z-index: 2;
    position: relative;
    overflow: hidden;
    font-size: 100vh;
    min-height: 1em;
    background-color: #e5eaf2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 2% 0
}

.sDevelopment-banner:after {
    display: none
}

.sDevelopment-banner .dct {
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 5%;
    max-width: 100%;
    width: 30rem
}

.sDevelopment-banner .w {
    font-size: 14px;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .sDevelopment-banner .w {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (max-width: 1024px) {
    .sDevelopment-banner .w {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.sDevelopment-banner .dt {
    color: #cdb17c
}

.sDevelopment-banner .dd {
    margin-top: .8rem;
    line-height: 1.5
}

.sDevelopment-banner .df {
    margin-top: 14.58333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sDevelopment-banner .df:after {
    display: none
}

.sDevelopment-banner .df .col {
    width: 360px;
    min-width: 25%;
    max-width: 30%;
    white-space: normal
}

.sDevelopment-banner .df .col:nth-child(1n+2) {
    margin-left: 5%
}

.sDevelopment-banner .df .col .sdt {
    white-space: nowrap
}

.sDevelopment-banner .df .col .sdt .num {
    font-size: 2.05555556em;
    color: #cdb17c;
    font-weight: 700;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sDevelopment-banner .df .col .sdt .unit {
    margin-left: 10px;
    font-size: .88888889em;
    display: inline-block;
    vertical-align: middle
}

.sDevelopment-banner .df .col .sdd {
    line-height: 1.5;
    margin-top: .6rem
}

.sDevelopment-banner .deadline {
    margin-top: 1.6rem;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    color: #272b37;
    opacity: .5;
    text-align: left;
    line-height: 2
}

@media screen and (max-width: 1280px) {
    .sDevelopment-banner .df .col .sdt {
        font-size: 28px
    }

    .sDevelopment-banner .df .col .sdt .num {
        font-size: 2em
    }
}

@media screen and (max-width: 1024px) {
    .sDevelopment-banner {
        font-size: 0 !important;
        padding: 10% 0;
        height: auto
    }

    .sDevelopment-banner .w {
        padding: 0
    }

    .sDevelopment-banner .df .col:nth-child(1n+2) {
        margin-left: 15px
    }

    .sDevelopment-banner .df .col .sdt {
        font-size: 20px
    }

    .sDevelopment-banner .df .col .sdt .unit {
        display: block;
        margin-top: 10px;
        margin-left: 0
    }
}

@media screen and (max-width: 640px) {
    .sDevelopment-banner .dt {
        font-size: 28px
    }

    .sDevelopment-banner .dd {
        margin-top: 25px
    }

    .sDevelopment-banner .df .col .sdd {
        font-size: 12px
    }
}

.sDevelopment-recent {
    margin-bottom: 1.2rem;
    padding-bottom: 1.6rem;
    background-color: #fff
}

.sDevelopment-recent .subpage-head {
    width: 7rem
}

.sDevelopment-recent .subpage-head .aside {
    margin-top: .6rem;
    color: #272b37;
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .sDevelopment-recent .subpage-head {
        width: 100%
    }
}

.sDevelopment-recent-swiper {
    position: relative;
    z-index: 1;
    margin-top: 6.25vw;
    margin-right: 0;
    margin-left: 7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sDevelopment-recent-swiper .item {
    width: 7rem;
    height: 15.6rem;
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.sDevelopment-recent-swiper .item .pic {
    width: 100%;
    height: 100%
}

.sDevelopment-recent-swiper .item .pic:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    pointer-events: none;
    background-size: 100% 200%;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .4) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .4) 80%, rgba(0, 0, 0, .8))
}

.sDevelopment-recent-swiper .item .txt {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    padding: 30px 20px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.sDevelopment-recent-swiper .item .txt .date {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sDevelopment-recent-swiper .item .txt .title {
    margin-top: 15px;
    line-height: 1.5;
    margin-right: 2em
}

.sDevelopment-recent-swiper .pagination-hotspot {
    position: absolute;
    left: -7rem;
    bottom: 0
}

.sDevelopment-recent-swiper .ctr-arrow.prev {
    right: 100%;
    margin-right: 1rem
}

.sDevelopment-recent-swiper .ctr-arrow.next {
    left: 100%;
    margin-left: 1rem
}

@media screen and (min-width: 1025px) {
    .sDevelopment-recent-swiper .item:hover .pic:after {
        background-position: 0 -100%
    }

    .sDevelopment-recent-swiper .item:hover .txt {
        top: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media screen and (max-width: 1024px) {
    .sDevelopment-recent-swiper {
        padding-bottom: 40px;
        margin-left: 0;
        overflow: hidden
    }

    .sDevelopment-recent-swiper .pagination-hotspot {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .sDevelopment-recent-swiper .ctr-arrow {
        display: none
    }
}

.sDevelopment-events {
    position: relative;
    overflow: hidden;
    background-image: -webkit-linear-gradient(0deg, #ecebe3, #c9c8ae);
    font-size: 14px !important;
    padding: 2rem 0 3.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sDevelopment-events .w {
    font-size: 14px
}

@media screen and (max-width: 1024px) {
    .sDevelopment-events {
        padding: 2rem 0
    }
}

.sDevelopment-events .subpage-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-bottom: 6.25vw
}

.sDevelopment-events .subpage-head:after {
    display: none
}

.sDevelopment-events .subpage-head .line {
    margin-left: 1rem
}

.sDevelopment-events .subpage-head .line label {
    color: #272b37
}

.sDevelopment-events .subpage-head .line select.skin {
    background-color: #dfded0
}

@media screen and (max-width: 1024px) {
    .sDevelopment-events .subpage-head {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sDevelopment-events .subpage-head .line select.skin {
        background-color: transparent
    }
}

.sDevelopment-events-wrap {
    position: relative;
    padding-left: 17.1875vw;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

@media screen and (max-width: 1024px) {
    .sDevelopment-events-wrap {
        padding-left: 0
    }

    .sDevelopment-events-wrap .controller {
        display: none
    }
}

.sDevelopment-events-swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .10416667vw
}

.sDevelopment-events-swiper .swiper-container {
    padding-left: 10px;
    padding-top: 10px
}

.sDevelopment-events-swiper .line {
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6em;
    margin-bottom: 31px;
    border-top: dashed 2px #fff
}

.sDevelopment-events-swiper .line .progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    border-top: dashed 2px #ff3200;
    width: 0%
}

.sDevelopment-events-swiper .item {
    width: 400px;
    -webkit-transition: color 320ms ease-out 0s;
    transition: color 320ms ease-out 0s;
    color: #949494
}

.sDevelopment-events-swiper .item .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3)
}

.sDevelopment-events-swiper .item .img > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sDevelopment-events-swiper .item .img._n {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    background: 0 0
}

.sDevelopment-events-swiper .item .img._n img {
    display: none !important
}

.sDevelopment-events-swiper .item .txt {
    text-align: center;
    margin-top: 1.2rem
}

.sDevelopment-events-swiper .item .txt .year {
    height: 1.5em;
    line-height: 1.5em;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    cursor: pointer
}

.sDevelopment-events-swiper .item .txt .year .this {
    font-size: 1em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sDevelopment-events-swiper .item .txt .dot {
    position: relative;
    z-index: 1;
    margin-top: 15px;
    margin-bottom: 30px;
    border-radius: 50%;
    background-color: #fff;
    width: 25px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.sDevelopment-events-swiper .item .txt .dot:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #949494;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sDevelopment-events-swiper .item .txt .p {
    line-height: 1.5;
    min-height: 6em;
    padding: 0 10%
}

.sDevelopment-events-swiper .item.actived {
    color: #272b37
}

.sDevelopment-events-swiper .item.actived .img {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sDevelopment-events-swiper .item.actived .year .this {
    font-size: 1.5em
}

.sDevelopment-events-swiper .item.actived .dot:before {
    background-color: #ff3200
}

.sDevelopment-events-swiper .img {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

@media screen and (max-width: 1024px) {
    .sDevelopment-events-swiper .swiper-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px
    }

    .sDevelopment-events-swiper .item {
        opacity: .5
    }

    .sDevelopment-events-swiper .item .img {
        height: 28.125vw;
        margin-left: auto;
        margin-right: auto
    }

    .sDevelopment-events-swiper .item .txt .p {
        min-height: 0
    }

    .sDevelopment-events-swiper .item.on {
        opacity: 1
    }

    .sDevelopment-events-swiper .line {
        left: -25vw
    }

    .sDevelopment-events-swiper .line .progress {
        padding-left: 25vw
    }
}

.sDevelopment-events-swiper-controler {
    z-index: 3;
    position: absolute;
    left: 0;
    width: 17.1875vw;
    bottom: 6em;
    margin-bottom: 42px
}

.sDevelopment-events-swiper-controler .swiper-container {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 12em
}

.sDevelopment-events-swiper-controler .item {
    font-size: 1.6em;
    color: #949494;
    text-align: center;
    line-height: 1.5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 1024px) {
    .sDevelopment-events-swiper-controler {
        display: none
    }
}

.sMagazine-banner {
    z-index: 2;
    position: relative;
    overflow: hidden;
    font-size: 100vh;
    height: 1em;
    background-color: #d4d5d0;
    background-image: url(../images/bgs-magazine.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-height: 46.78935185vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 1025px) {
    .sMagazine-banner {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (max-width: 1024px) {
    .sMagazine-banner {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.sMagazine-banner .bg .dct {
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 1%;
    max-width: 100%;
    width: 30rem
}

.sMagazine-banner .head {
    padding-top: .8rem;
    color: #272b37;
    text-align: left;
    height: 100%
}

.sMagazine-banner .head .dd {
    margin-top: .6rem;
    line-height: 1.5
}

.sMagazine-banner .scene {
    z-index: 3
}

.sMagazine-banner .scene .item .link {
    font-size: 10px
}

.sMagazine-banner .scene .item .pic {
    background-color: transparent;
    border-radius: 15px;
    font-size: 1em;
    overflow: visible;
    width: 100%;
    height: 0 !important;
    padding-bottom: 128.57142857%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
}

@media screen and (min-width: 1025px) {
    .sMagazine-banner .bg.AniDid {
        -webkit-animation-name: zoomOuts;
        animation-name: zoomOuts;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .sMagazine-banner .head.AniDid {
        -webkit-animation-name: fadeOutUps;
        animation-name: fadeOutUps;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .sMagazine-banner .scene {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 1em
    }

    .sMagazine-banner .scene .item {
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 50%;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .sMagazine-banner .scene .item .wrapIn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 17.70833333vw
    }

    .sMagazine-banner .scene .item:nth-child(1n+5) .wrapIn {
        width: 11.71875vw
    }

    .sMagazine-banner .scene .item:nth-child(1n+5) .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 128.57142857%
    }

    .sMagazine-banner .scene .item .wrapIn {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMagazine-banner .scene .item.i1 {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }

    .sMagazine-banner .scene .item.i1 .wrapIn {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .sMagazine-banner .scene.AniDid .item {
        -webkit-transition: all .4s ease-out .5s;
        transition: all .4s ease-out .5s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }

    .sMagazine-banner .scene.AniDid .item .wrapIn {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s;
        -webkit-transform-origin: 50% 50% 0;
        transform-origin: 50% 50% 0
    }

    .sMagazine-banner .scene.AniDid .item.i1 {
        top: 24.53703704%;
        z-index: 19
    }

    .sMagazine-banner .scene.AniDid .item.i2 {
        top: 74.07407407%;
        z-index: 18
    }

    .sMagazine-banner .scene.AniDid .item.i3 {
        top: 38.42592593%;
        left: 26.82291667%;
        z-index: 17
    }

    .sMagazine-banner .scene.AniDid .item.i4 {
        top: 38.42592593%;
        left: 73.17708333%;
        z-index: 16
    }

    .sMagazine-banner .scene.AniDid .item.i5 {
        top: 48.61111111%;
        left: 9.11458333%;
        z-index: 15
    }

    .sMagazine-banner .scene.AniDid .item.i6 {
        top: 80.55555556%;
        left: 26.82291667%;
        z-index: 14
    }

    .sMagazine-banner .scene.AniDid .item.i7 {
        top: 80.55555556%;
        left: 73.17708333%;
        z-index: 13
    }

    .sMagazine-banner .scene.AniDid .item.i8 {
        top: 48.61111111%;
        left: 91.14583333%;
        z-index: 12
    }
}

@media screen and (max-width: 1024px) {
    .sMagazine-banner {
        font-size: 0 !important;
        padding: 10% 15px;
        height: auto
    }

    .sMagazine-banner:after, .sMagazine-banner:before {
        display: none !important
    }

    .sMagazine-banner .head {
        padding-top: 0;
        width: 100% !important
    }

    .sMagazine-banner .scene {
        white-space: nowrap;
        font-size: 0;
        padding: 0 15px;
        margin: 1.2rem -15px 0
    }

    .sMagazine-banner .scene .item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 8rem
    }

    .sMagazine-banner .scene .item:nth-child(1n+2) {
        margin-left: .6rem
    }
}

.sMagazine-section {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2rem
}

.sMagazine-section:last-child {
    margin-bottom: 0
}

.sMagazine-section .index-magazine-wrap, .sMagazine-section .wWp {
    background-color: #f1f2f5;
    border-radius: 15px
}

@media screen and (max-width: 1024px) {
    .sMagazine-section .index-magazine-wrap, .sMagazine-section .wWp {
        padding: 1.2rem
    }
}

.sMagazine-recent .index-magazine-wrap, .sMagazine-recent .wWp {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.sMagazine-recent .head {
    color: #272b37;
    padding-bottom: .4rem;
    border-bottom: #000 solid 1px;
    margin-bottom: 1.2rem
}

.sMagazine-recent-tab {
    position: relative;
    overflow: hidden;
    padding-left: 42.66666667%;
    padding-right: 17.33333333%;
    height: 9.76rem
}

.sMagazine-recent-tab .Tt {
    position: relative;
    z-index: 1
}

.sMagazine-recent-tab .Tt .box {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #272b37;
    line-height: 1.5;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sMagazine-recent-tab .Tt .box.on {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 9
}

.sMagazine-recent-tab .Tt .box.leave {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

.sMagazine-recent-tab .Tt .box.come {
    -webkit-transform: translateX(20%);
    transform: translateX(20%)
}

.sMagazine-recent-tab .Tt .box .sdt {
    line-height: 2
}

.sMagazine-recent-tab .Tt .box .sdd {
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
    height: 4.5em
}

.sMagazine-recent-tab .Tt .box .sdf {
    margin-top: 1rem
}

.sMagazine-recent-tab .Tg {
    position: absolute;
    left: 42.66666667%;
    bottom: 4px;
    z-index: 4
}

.sMagazine-recent-tab .Tg .viewport {
    width: 16em;
    overflow: hidden !important
}

.sMagazine-recent-tab .Tg .viewport .overview {
    padding-right: 100%
}

.sMagazine-recent-tab .Tg .viewport .btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    height: 2em;
    line-height: 1.4em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    width: 11em
}

.sMagazine-recent-tab .Tg .viewport .btn:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: #cbcbcb solid .08rem;
    width: 5em;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.sMagazine-recent-tab .Tg .viewport .btn > span {
    font-size: .8em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    color: #cbcbcb
}

.sMagazine-recent-tab .Tg .viewport .btn.on:before {
    border-bottom-color: #0098eb;
    width: 10em
}

.sMagazine-recent-tab .Tg .viewport .btn.on > span {
    font-size: 1em;
    color: #272b37
}

.sMagazine-recent-tab .Tg .ctr-hotspot {
    position: absolute;
    bottom: -.16666667em
}

.sMagazine-recent-tab .Tg .ctr-hotspot.prev {
    left: -1.6rem
}

.sMagazine-recent-tab .Tg .ctr-hotspot.next {
    right: -1.6rem
}

@media screen and (max-width: 1024px) {
    .sMagazine-recent-tab {
        padding-bottom: 80px;
        padding-right: 0;
        padding-left: 50%;
        height: auto
    }

    .sMagazine-recent-tab .Tg {
        left: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 48px;
        padding-right: 48px
    }

    .sMagazine-recent-tab .Tg .viewport {
        width: 100%
    }

    .sMagazine-recent-tab .Tg .viewport .overview {
        padding-right: 0
    }

    .sMagazine-recent-tab .Tg .viewport .btn {
        width: 108px;
        line-height: 24px
    }

    .sMagazine-recent-tab .Tg .viewport .btn:before {
        width: 92px
    }

    .sMagazine-recent-tab .Tg .viewport .btn > span {
        font-size: 14px
    }

    .sMagazine-recent-tab .Tg .viewport .btn.on:before {
        width: 92px
    }

    .sMagazine-recent-tab .Tg .viewport .btn.on > span {
        font-size: 16px
    }

    .sMagazine-recent-tab .Tg .ctr-hotspot {
        bottom: 0
    }

    .sMagazine-recent-tab .Tg .ctr-hotspot.prev {
        left: 0
    }

    .sMagazine-recent-tab .Tg .ctr-hotspot.next {
        right: 0
    }
}

.sMagazine-recent-switch {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 7.68rem;
    height: 9.76rem
}

@media screen and (max-width: 1024px) {
    .sMagazine-recent-switch {
        position: relative;
        float: left;
        margin-left: -100%;
        width: 90%;
        height: auto
    }

    .sMagazine-recent-switch .shade {
        width: 100%;
        height: 0 !important;
        padding-bottom: 128.57142857%
    }
}

.sMagazine-recent-next {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15%
}

.sMagazine-recent-next .shade {
    width: 100%;
    height: 0 !important;
    padding-bottom: 128.57142857%
}

@media screen and (max-width: 1024px) {
    .sMagazine-recent-next {
        display: none !important
    }
}

.sMagazine-recent-clone {
    border-radius: 10px;
    overflow: hidden
}

.sMagazine-recent-clone .item {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #eee
}

.sMagazine-recent-clone .item .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sMagazine-all .index-magazine-wrap, .sMagazine-all .wWp {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.sMagazine-all-list .item .year {
    color: #272b37;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    padding: .5rem 0;
    border-bottom: #88898a solid 1px
}

.sMagazine-all-list .item:nth-child(1n+2) {
    margin-top: .8rem
}

.sMagazine-all-list .item .oList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 10px;
    margin: .4rem -10px 0
}

.sMagazine-all-list .item .oList:after {
    display: none
}

.sMagazine-all-list .item .oList .oLi {
    position: relative;
    padding: 4px;
    border-radius: 6px;
    width: 23.33333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sMagazine-all-list .item .oList .oLi .txt {
    padding: .9em 6px .6em;
    line-height: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    color: #272b37
}

.sMagazine-all-list .item .oList .oLi .txt:after {
    display: none
}

.sMagazine-all-list .item .oList .oLi .txt .date {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sMagazine-all-list .item .oList .oLi .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 128.57142857%;
    border-radius: 3px;
    background-color: #fff
}

@media screen and (min-width: 1025px) {
    .sMagazine-all-list .item .oList .oLi {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMagazine-all-list .item .oList .oLi:hover {
        background-color: #fff;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1024px) {
    .sMagazine-all-list .item .oList {
        overflow-x: auto;
        overflow-y: hidden
    }

    .sMagazine-all-list .item .oList .oLi {
        min-width: 12rem;
        white-space: nowrap;
        background-color: #fff;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
    }

    .sMagazine-all-list .item .oList .oLi:nth-child(1n+2) {
        margin-left: .6rem
    }
}

.sMagazine-all .loadDiv {
    border-bottom: none;
    margin-bottom: -1.6rem
}

.sProduct {
    padding-bottom: 0 !important
}

@media screen and (min-width: 1025px) {
    .sProduct {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.sProduct-banner {
    z-index: 2;
    position: relative;
    overflow: hidden;
    font-size: 100vh;
    height: calc(1em - 60px - 2rem);
    background-color: #aaa
}

.sProduct-banner .wrapIn {
    position: relative;
    z-index: 1;
    font-size: 14px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sProduct-banner .wrapIn:after {
    display: none
}

.sProduct-banner .wrapIn .word {
    color: #fff;
    text-align: left
}

.sProduct-banner .wrapIn .word .p1 {
    letter-spacing: .025em;
    padding-left: .025em
}

.sProduct-banner .wrapIn .word .p2 {
    margin-top: .5rem;
    letter-spacing: .01em;
    padding-left: .01em
}

@media screen and (max-width: 1024px) {
    .sProduct-banner {
        font-size: 0 !important;
        padding: 0;
        height: auto;
        margin-top: 0
    }

    .sProduct-banner .wrapIn {
        padding: 25% 15px
    }
}

.sProduct-nav {
    position: relative;
    z-index: 5;
    height: 60px;
    min-height: 60px;
    width: 100%;
    padding: 0 17.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 60px;
    text-align: right;
    background-color: #efefed;
    font-size: 0
}

.sProduct-nav .link2 {
    position: relative;
    overflow: hidden;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    color: #272b37
}

.sProduct-nav .link2:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    left: 100%;
    bottom: 0;
    width: 0;
    height: .08rem;
    background-color: #0098eb
}

.sProduct-nav .link2:nth-child(1n+2) {
    margin-left: .8rem
}

.sProduct-nav .link2.on:after {
    left: 0;
    width: 100%;
    -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
    transition: left 0s ease-out 0s, width 220ms ease-out 0s
}

.sProduct-nav .ctr-navLR.prev {
    left: 10.9375vw;
    margin-left: 0
}

.sProduct-nav .ctr-navLR.next {
    right: 10.9375vw;
    margin-right: 0
}

@media screen and (max-width: 1440px) {
    .sProduct-nav .link2:nth-child(1n+2) {
        margin-left: .6rem
    }

    .sProduct-nav .ctr-navLR.prev {
        left: 9.375vw
    }

    .sProduct-nav .ctr-navLR.next {
        right: 9.375vw
    }
}

@media screen and (max-width: 1280px) {
    .sProduct-nav .ctr-navLR.prev {
        left: 7.8125vw
    }

    .sProduct-nav .ctr-navLR.next {
        right: 7.8125vw
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-nav {
        padding: 0 15px;
        height: 48px;
        min-height: 48px;
        line-height: 48px;
        text-align: center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }

    .sProduct-nav .ctr-navLR {
        display: none
    }
}

.sProduct-recommend {
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-color: #fff
}

.sProduct-recommend .dct {
    position: relative;
    text-align: center;
    z-index: -1;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    font-weight: 700;
    color: rgba(239, 239, 237, .35);
    font-size: 15.625vw;
    white-space: nowrap;
    width: 100%;
    letter-spacing: -.025em;
    opacity: 0 !important;
    z-index: -111
}

.sProduct-recommend .dct._op0 {
    opacity: 0;
    visibility: hidden
}

.sProduct-recommend .wrapper_3d {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.sProduct-recommend-tab {
    position: relative;
    z-index: 9;
    padding-bottom: 1.6rem
}

.sProduct-recommend-tab .ctr-arrow {
    display: block;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    z-index: 8;
    top: -.925em;
    margin-top: -19%
}

.sProduct-recommend-tab .ctr-arrow.prev {
    left: 4.6875vw
}

.sProduct-recommend-tab .ctr-arrow.next {
    right: 4.6875vw
}

.sProduct-recommend-tab .Tt {
    margin-top: 35%;
    -webkit-perspective: 100;
    perspective: 100;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sProduct-recommend-tab .Tt .box {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sProduct-recommend-tab .Tt .box.on {
    position: relative;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 9
}

.sProduct-recommend-tab .Tt .box.leave {
    -webkit-transform: translateY(-25%) translateZ(-10px) !important;
    transform: translateY(-25%) translateZ(-10px) !important;
    opacity: 0 !important
}

.sProduct-recommend-tab .Tt .box.come {
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}

.sProduct-recommend-tab .Tt .txt {
    position: relative;
    z-index: 5;
    padding: 0 15px;
    text-align: center
}

.sProduct-recommend-tab .Tt .txt .en {
    height: 1em;
    opacity: .4;
    position: relative;
    overflow: hidden;
    max-width: 100%
}

.sProduct-recommend-tab .Tt .txt .cn {
    margin-top: .3rem;
    line-height: 1.5
}

.sProduct-recommend-tab .Tt .txt .btn-more {
    margin-top: .6rem
}

.sProduct-recommend-tab .Tg {
    display: none
}

.sProduct-recommend-tab._loaded .ctr-arrow {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1024px) {
    .sProduct-recommend-tab .Tt {
        margin-top: 42%
    }

    .sProduct-recommend-tab .ctr-arrow {
        margin-top: -25%
    }
}

@media screen and (max-width: 640px) {
    .sProduct-recommend-tab .ctr-arrow {
        font-size: 20px
    }

    .sProduct-recommend-tab .ctr-arrow.prev {
        left: 15px
    }

    .sProduct-recommend-tab .ctr-arrow.next {
        right: 15px
    }

    .sProduct-recommend-tab .Tt .txt .en {
        font-size: 20px
    }

    .sProduct-recommend-tab .Tt .txt .cn .p2 {
        font-size: 18px
    }
}

.sProduct-filter-dt {
    margin-bottom: 1.2rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    border-radius: 15px;
    background-color: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-filter-dt:after {
    display: none
}

.sProduct-filter-dt .head .sdd {
    margin-top: .6rem
}

.sProduct-filter-dt .line select {
    background-color: #efefef
}

.sProduct-filter-dd .section {
    position: relative;
    overflow: hidden;
    border-bottom: #bfbfbf solid 2px;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sProduct-filter-dd .section:nth-child(1n+2) {
    margin-top: .6rem
}

.sProduct-filter-dd .section .wrapIn {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-filter-dd .section .wrapIn:after {
    display: none
}

.sProduct-filter-dd .section .left {
    width: 24%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 1rem
}

.sProduct-filter-dd .section .left .sdd {
    margin-top: .4rem;
    line-height: 1.75;
    min-height: 7em
}

.sProduct-filter-dd .section .left .sdf {
    margin-top: 1rem
}

.sProduct-filter-dd .section .left .sdf .btn-rtarr {
    color: #272b37
}

.sProduct-filter-dd .section .left .sdf .btn-rtarr:after, .sProduct-filter-dd .section .left .sdf .btn-rtarr > span:after {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sProduct-filter-dd .section .right {
    width: 64%;
    padding-top: 2%
}

.sProduct-filter-dd .section .right .swiper-pagination-bullets {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .sProduct-filter-dd .section .right .item .txt {
        opacity: .4;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-filter-dd .section:hover {
        background-color: #efefef;
        border-radius: 15px;
        border-bottom-color: transparent
    }

    .sProduct-filter-dd .section:hover .left .sdf .btn-rtarr {
        color: #0098eb
    }

    .sProduct-filter-dd .section:hover .left .sdf .btn-rtarr:after, .sProduct-filter-dd .section:hover .left .sdf .btn-rtarr > span:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-filter-dd .section:hover .right .item .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sProduct-filter-dd .section:hover .right .item .figure .pic._l + ._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-filter-dd .section:hover .right .item .txt {
        opacity: 1
    }

    .sProduct-filter-dd .section:hover .right .swiper-pagination-bullets {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width: 1600px) {
    .sProduct-filter-dd .section .right {
        width: 69.33333333%
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-filter-dd .section {
        background-color: #efefef;
        border-radius: 15px;
        border-bottom-color: transparent
    }

    .sProduct-filter-dd .section:nth-child(1n+2) {
        margin-top: 20px
    }

    .sProduct-filter-dd .section .left {
        width: 100%;
        padding-right: 0
    }

    .sProduct-filter-dd .section .right {
        width: 100%;
        margin-top: 1rem;
        padding-top: 0
    }

    .sProduct-filter-dd .section .left {
        padding: 1.5625vw 1.5625vw 0
    }

    .sProduct-filter-dd .section .left .sdd {
        min-height: 0
    }

    .sProduct-filter-dd .section .left .sdf .btn-rtarr {
        color: #0098eb
    }

    .sProduct-filter-dd .section .left .sdf .btn-rtarr:after, .sProduct-filter-dd .section .left .sdf .btn-rtarr > span:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-filter-dd .section .right .item .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sProduct-filter-dd .section .right .item .figure .pic._l + ._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-filter-dd .section .right .item .txt {
        opacity: 1
    }

    .sProduct-filter-dd .section .right .swiper-pagination-bullets {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }
}

.sProduct-filter-swiper {
    width: 100%
}

.sProduct-filter-swiper .pagination-hotspot {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0
}

.sProduct-filter-swiper .pagination-hotspot .btn {
    width: 1rem
}

.sProduct-filter-swiper .pagination-hotspot .btn:nth-child(1n+2) {
    margin-left: 5px
}

.sProduct-filter-swiper._loaded .pagination-hotspot {
    display: block
}

@media screen and (max-width: 1024px) {
    .sProduct-filter-swiper {
        padding-bottom: 1rem
    }

    .sProduct-filter-swiper .pagination-hotspot {
        width: 100%;
        text-align: center;
        bottom: auto;
        top: 100%
    }
}

.sProduct-filter-swiper .item {
    width: 47.5%;
    margin-right: 5%
}

.sProduct-filter-swiper .item .figure {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    width: auto
}

.sProduct-filter-swiper .item .figure .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1025px) {
    .sProduct-filter-swiper .item .figure .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }
}

.sProduct-filter-swiper .item .figure .pic._l {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.sProduct-filter-swiper .item .figure .pic._l + ._p {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sProduct-filter-swiper .item .txt {
    padding: .6rem 12% 0;
    color: #272b37;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sProduct-filter-swiper .item .txt .en {
    height: 16px;
    opacity: .9;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    font-size: 16px
}

.sProduct-filter-swiper .item .txt .cn {
    margin-top: .5em;
    line-height: 1.25;
    max-width: 320px
}

.sProduct-filter-swiper .item .txt .cn .p1 {
    font-size: 12px
}

.sProduct-filter-swiper .item .txt .cn .p2 {
    font-size: 16px
}

@media screen and (min-width: 1025px) {
    .sProduct-filter-swiper .item:hover .figure .pic._p img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-filter-swiper .item .txt .en {
        height: 14px;
        margin-left: auto;
        margin-right: auto
    }

    .sProduct-filter-swiper .item .txt .cn .p2 {
        font-size: 14px
    }

    .sProduct-filter-swiper .item:active .figure .pic._p img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.sProduct-filter-swiper.cp2 .item {
    width: auto;
    white-space: nowrap;
    padding: 1.5625vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0
}

.sProduct-filter-swiper.cp2 .item:nth-child(1) {
    min-width: 0
}

.sProduct-filter-swiper.cp2 .item:nth-child(1n+1) {
    margin-right: 5.75vw
}

.sProduct-filter-swiper.cp2 .item:last-child {
    margin-right: 0
}

.sProduct-filter-swiper.cp2 .item .figure {
    height: 5rem;
    padding-bottom: 0;
    overflow: visible
}

.sProduct-filter-swiper.cp2 .item .figure .pic {
    overflow: visible;
    position: relative
}

.sProduct-filter-swiper.cp2 .item .figure .pic img {
    position: relative;
    width: auto;
    height: 100%;
    -o-object-fit: unset;
    object-fit: unset;
    display: block;
    margin-left: 0;
    width: auto !important
}

.sProduct-filter-swiper.cp2 .item .figure .pic._l + ._p {
    position: absolute
}

.sProduct-filter-swiper.cp2 .item .txt {
    padding: 0;
    margin-top: .6rem;
    white-space: normal
}

@media screen and (max-width: 1024px) {
    .sProduct-filter-swiper.cp2 .item {
        width: 100%;
        text-align: center
    }

    .sProduct-filter-swiper.cp2 .item .figure {
        height: 200px
    }

    .sProduct-filter-swiper.cp2 .item .figure .pic._l {
        opacity: 0;
        position: absolute !important
    }

    .sProduct-filter-swiper.cp2 .item .figure .pic._p {
        position: relative !important
    }

    .sProduct-filter-swiper.cp2 .item:nth-child(1n+1) {
        margin-left: 0 !important
    }

    .sProduct-filter-swiper.cp2 .item .figure .pic {
        margin-left: auto;
        margin-right: auto
    }

    .sProduct-filter-swiper.cp2 .item .figure .pic img {
        margin-left: auto;
        margin-right: auto
    }
}

.sProduct-category .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 2rem 0
}

.sProduct-category .intro:after {
    display: none
}

.sProduct-category .intro .th {
    font-weight: 700;
    line-height: 2em;
    margin-bottom: 5px
}

.sProduct-category .intro .td {
    line-height: 2
}

.sProduct-category .intro .left {
    width: 43.33333333%;
    padding-bottom: .6rem
}

.sProduct-category .intro .left .sdt .icoImg {
    display: block;
    height: 1.3rem;
    margin-bottom: .3rem
}

.sProduct-category .intro .left .sdd {
    margin-top: 1rem;
    line-height: 2
}

.sProduct-category .intro .left.w1 {
    width: 20rem
}

.sProduct-category .intro .right {
    padding-top: 1.6rem;
    width: 12.6rem;
    padding-bottom: .6rem;
    margin-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-category .intro .right:after {
    display: none
}

.sProduct-category .intro .right .col {
    width: 230px;
    max-width: 45%;
    line-height: 1.5;
    margin-bottom: 1rem
}

.sProduct-category .intro .right .col .sdt {
    white-space: nowrap
}

.sProduct-category .intro .right .col .sdd {
    margin-top: 10px;
    color: #b0b0b0
}

.sProduct-category .intro .right.row3 .col {
    width: 30%
}

.sProduct-category .intro .right.col1 {
    display: block
}

.sProduct-category .intro .right.col1:before {
    content: " ";
    display: block;
    width: 1px;
    height: 1em;
    margin-bottom: 1em
}

@media screen and (max-width: 1024px) {
    .sProduct-category .intro .left {
        width: 100% !important
    }

    .sProduct-category .intro .left .sdd {
        margin-top: 20px
    }

    .sProduct-category .intro .right {
        margin-left: 0;
        padding-top: 0;
        margin-top: .4rem;
        width: auto;
        font-size: 0
    }

    .sProduct-category .intro .right .col {
        width: auto;
        display: inline-block;
        vertical-align: top;
        width: 45%
    }

    .sProduct-category .intro .right .col .sdt {
        white-space: normal
    }

    .sProduct-category .intro .right.row3 {
        width: 100%;
        margin-right: -10%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sProduct-category .intro .right.row3 .col {
        width: auto;
        margin-right: 10%
    }

    .sProduct-category .intro .right.col1:before {
        display: none;
        margin-bottom: 0
    }
}

.sProduct-category .video {
    position: relative;
    overflow: hidden;
    z-index: 2;
    height: 18rem;
    max-height: 100vh;
    margin-left: auto;
    margin-right: auto
}

.sProduct-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-list-wrapOut {
    position: relative;
    overflow: hidden;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    background-color: #f0f4f7
}

.sProduct-list:after {
    display: none
}

.sProduct-list .item {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #f9faff;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProduct-list .item .figure {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    overflow: visible
}

.sProduct-list .item .figure .pic {
    position: absolute;
    left: 5%;
    top: 5%;
    right: 5%;
    bottom: 5%;
    overflow: visible
}

.sProduct-list .item .figure .pic._l {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.sProduct-list .item .figure .pic._p {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .sProduct-list .item .figure .pic._p img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }
}

.sProduct-list .item .txt {
    position: relative;
    color: #272b37;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sProduct-list .item .txt .en {
    opacity: .9;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 1em
}

.sProduct-list .item .txt .cn {
    margin-top: .5em;
    line-height: 1.25
}

@media screen and (min-width: 1025px) {
    .sProduct-list .item:nth-child(1) {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        padding: 1.4rem 1rem
    }

    .sProduct-list .item:nth-child(1):after {
        display: none
    }

    .sProduct-list .item:nth-child(1):before {
        content: " ";
        position: absolute;
        left: 0;
        top: 2rem;
        bottom: 2rem;
        width: .12rem;
        background-color: #0098eb;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    .sProduct-list .item:nth-child(1) .figure {
        width: 49.33333333%;
        padding-bottom: 27.75%
    }

    .sProduct-list .item:nth-child(1) .txt .cn {
        margin-top: .4rem
    }

    .sProduct-list .item:nth-child(1) .txt .btn-more {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .sProduct-list .item:nth-child(1n+2) {
        width: 49%;
        padding: 1.2rem 1rem .8rem;
        margin-top: .6rem
    }

    .sProduct-list .item:nth-child(1n+2) .txt {
        margin-top: 1.2rem;
        padding-right: 2.8rem
    }

    .sProduct-list .item:nth-child(1n+2) .txt .btn-more {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .sProduct-list .item .txt {
        opacity: .4;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-list .item:hover:before {
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-list .item:hover .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sProduct-list .item:hover .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-list .item:hover .txt {
        opacity: 1
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-list .item {
        width: 100%;
        padding: 1.4rem 1rem
    }

    .sProduct-list .item .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sProduct-list .item .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-list .item .txt .en {
        font-size: 18px
    }

    .sProduct-list .item .txt .cn {
        margin-top: .4rem
    }

    .sProduct-list .item .txt .cn .p1 {
        font-size: 14px
    }

    .sProduct-list .item .txt .cn .p2 {
        font-size: 18px
    }

    .sProduct-list .item .txt .btn-more {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .sProduct-list .item:nth-child(1n+2) {
        margin-top: .8rem
    }
}

@media screen and (max-width: 1024px) and (min-width: 641px) {
    .sProduct-list .item:nth-child(1n+1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sProduct-list .item:nth-child(1n+1):after {
        display: none
    }

    .sProduct-list .item:nth-child(1n+1) .figure {
        width: 49.33333333%;
        padding-bottom: 27.75%
    }
}

@media screen and (max-width: 640px) {
    .sProduct-list .item .txt {
        margin-top: 1.2rem;
        text-align: center
    }

    .sProduct-list .item .txt .btn-more {
        position: relative;
        margin-top: .6rem;
        margin-left: auto;
        margin-right: auto
    }
}

.sProduct-reagent-switch {
    z-index: 2;
    position: relative;
    overflow: hidden;
    font-size: 100vh;
    height: calc(1em - 60px - 2rem);
    background-color: #fbfbfb
}

.sProduct-reagent-switch .shade {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sProduct-reagent-switch .item {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #fbfbfb
}

.sProduct-reagent-switch .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s
}

.sProduct-reagent-switch .item.on .bg {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 3s ease-out 0s;
    transition: all 3s ease-out 0s
}

.sProduct-reagent-switch .pagination-hotspot {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 3.125%;
    width: 100%;
    text-align: center;
    z-index: 5
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-switch {
        font-size: 0 !important;
        padding: 0;
        height: 0;
        padding-bottom: 47.39583333%
    }
}

.sProduct-reagent-section {
    position: relative;
    border-bottom: grey solid 1px
}

.sProduct-reagent-section + .sProduct-reagent-section {
    margin-top: 1.2rem
}

.sProduct-reagent-section ~ .loadDiv {
    border-bottom: none
}

.sProduct-reagent-section .head {
    background-color: #f2f5f8;
    border-radius: 15px;
    padding-top: 1.2rem;
    padding-bottom: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-reagent-section .head:after {
    display: none
}

.sProduct-reagent-section .head .name {
    width: 34%
}

.sProduct-reagent-section .head .intro {
    width: 58%
}

.sProduct-reagent-section .head .name {
    font-size: .96rem;
    line-height: 1.25em;
    margin-right: 1.6rem
}

.sProduct-reagent-section .head .name > .this {
    position: relative;
    z-index: 1;
    padding-bottom: .25em;
    display: inline-block;
    vertical-align: top;
    min-width: 8em
}

.sProduct-reagent-section .head .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-reagent-section .head .intro:after {
    display: none
}

.sProduct-reagent-section .head .intro .col {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important
}

.sProduct-reagent-section .head .intro .col:nth-child(2n+1) {
    width: 48.27586207%
}

.sProduct-reagent-section .head .intro .col:nth-child(2n+2) {
    width: 51.72413793%;
    padding-left: 8%
}

.sProduct-reagent-section .head .intro .col .ppty {
    font-size: .96rem;
    min-height: 1.5em;
    line-height: 1.25em
}

.sProduct-reagent-section .head .intro .col .ppty > .this {
    display: inline-block;
    vertical-align: middle
}

.sProduct-reagent-section .head .intro .col .param {
    margin-top: 2px;
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-section .head .name {
        margin-right: 0;
        width: 100%
    }

    .sProduct-reagent-section .head .intro {
        width: 100%;
        margin-top: 1rem;
        display: block
    }

    .sProduct-reagent-section .head .intro .col:nth-child(1n+1) {
        width: 100%;
        max-width: 100%
    }

    .sProduct-reagent-section .head .intro .col:nth-child(1n+2) {
        margin-top: .6rem;
        padding-left: 0
    }

    .sProduct-reagent-section .head .intro .col .ppty {
        height: auto;
        display: inline
    }

    .sProduct-reagent-section .head .intro .col .ppty > .this {
        display: block;
        line-height: 1.5
    }

    .sProduct-reagent-section .head .intro .col .param {
        margin-top: 5px
    }
}

@media screen and (max-width: 640px) {
    .sProduct-reagent-section .head .name {
        font-size: 24px
    }

    .sProduct-reagent-section .head .intro .col .ppty > .this {
        font-size: 18px
    }

    .sProduct-reagent-section .head .intro .col .param {
        font-size: 14px
    }
}

.sProduct-reagent-section .mfigure {
    text-align: center
}

.sProduct-reagent-section .mfigure > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 8.56rem;
    max-width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-section .mfigure > img {
        height: auto
    }
}

.sProduct-reagent-section .body {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sProduct-reagent-section .body .dt {
    padding: .3rem 0;
    border-bottom: #f2f5f8 solid .12rem;
    margin-bottom: .4rem
}

.sProduct-reagent-section .section + .section {
    margin-top: 1.2rem
}

.sProduct-reagent-section .section.s1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    line-height: 1.5
}

.sProduct-reagent-section .section.s1:after {
    display: none
}

.sProduct-reagent-section .section.s1 .left {
    width: 34%
}

.sProduct-reagent-section .section.s1 .right {
    width: 58%
}

.sProduct-reagent-section .section.s1 .sdd {
    margin-top: 5px;
    margin-right: -1rem
}

.sProduct-reagent-section .section.s1 .sdd > .dib {
    margin-right: 1rem
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-section .section.s1 .left {
        width: 100%
    }

    .sProduct-reagent-section .section.s1 .right {
        width: 100%;
        margin-top: .6rem
    }

    .sProduct-reagent-section .section.s1 .right .sdd {
        margin-right: -.6rem
    }

    .sProduct-reagent-section .section.s1 .right .sdd > .dib {
        margin-right: .6rem
    }
}

.sProduct-reagent-section .section.s2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-reagent-section .section.s2:after {
    display: none
}

.sProduct-reagent-section .section.s2 .left {
    width: 34%
}

.sProduct-reagent-section .section.s2 .right {
    width: 58%
}

.sProduct-reagent-section .section.s2 .left .figure {
    display: block;
    width: 116%;
    margin-left: -8%
}

.sProduct-reagent-section .section.s2 .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-reagent-section .section.s2 .right:after {
    display: none
}

.sProduct-reagent-section .section.s2 .right .col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: #f2f5f8 solid 2px;
    padding-top: .2rem;
    padding-bottom: .2rem
}

.sProduct-reagent-section .section.s2 .right .col .sdt .en {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    line-height: 1.25
}

.sProduct-reagent-section .section.s2 .right .col .sdt .cn {
    line-height: 1.5;
    margin-top: 5px
}

.sProduct-reagent-section .section.s2 .right .col .sdd {
    margin-top: .4rem;
    color: #a0a0a0;
    line-height: 1.5
}

.sProduct-reagent-section .section.s2 .right .col:nth-child(2n+1) {
    width: 48.27586207%
}

.sProduct-reagent-section .section.s2 .right .col:nth-child(2n+1) .sdd {
    margin-right: 14.28571429%
}

.sProduct-reagent-section .section.s2 .right .col:nth-child(2n+2) {
    width: 51.72413793%;
    padding-left: 10.34482759%
}

.sProduct-reagent-section .section.s2 .right .col:nth-child(1n+3) {
    margin-top: .4rem
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-section .section.s2 .left {
        width: 100%
    }

    .sProduct-reagent-section .section.s2 .right {
        width: 100%;
        display: block
    }

    .sProduct-reagent-section .section.s2 .right .col {
        width: 100%;
        padding: .8rem 0
    }

    .sProduct-reagent-section .section.s2 .right .col:nth-child(1n+1) {
        width: 100%;
        padding-left: 0
    }

    .sProduct-reagent-section .section.s2 .right .col:nth-child(1n+1) .sdd {
        margin-right: 0
    }

    .sProduct-reagent-section .section.s2 .right .col:nth-child(1n+3) {
        margin-top: 0
    }
}

.sProduct-reagent-section .section.s3 {
    line-height: 1.5;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

@media screen and (max-width: 640px) {
    .sProduct-reagent-section .section.s3 {
        font-size: 18px
    }
}

.sProduct-reagent-section .section.s4 {
    border-top: #f2f5f8 solid 2px;
    padding: .2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-reagent-section .section.s4:after {
    display: none
}

.sProduct-reagent-section .section.s4 .left {
    width: 44%
}

.sProduct-reagent-section .section.s4 .right {
    width: 50%
}

.sProduct-reagent-section .section.s4 .right img {
    max-width: 100%;
    display: block
}

.sProduct-reagent-section .section.s4 .line {
    position: relative;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    padding-left: 4em;
    line-height: 1.5
}

.sProduct-reagent-section .section.s4 .line:nth-child(1n+2) {
    margin-top: 1em
}

.sProduct-reagent-section .section.s4 .line .sdt {
    float: left;
    margin-left: -4em
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-section .section.s4 {
        padding-top: .8rem
    }

    .sProduct-reagent-section .section.s4 .left {
        width: 100%
    }

    .sProduct-reagent-section .section.s4 .right {
        width: 100%;
        margin-top: .8rem
    }
}

.sProduct-reagent-section .section.s5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-reagent-section .section.s5:after {
    display: none
}

.sProduct-reagent-section .section.s5 .left {
    width: 32%;
    padding-top: 8%
}

.sProduct-reagent-section .section.s5 .left .figure {
    display: block;
    max-width: 100%
}

.sProduct-reagent-section .section.s5 .right {
    position: relative;
    width: 58%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-reagent-section .section.s5 .right:after {
    display: none
}

.sProduct-reagent-section .section.s5 .right .col {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
    padding-bottom: .4rem
}

.sProduct-reagent-section .section.s5 .right .col .pointer {
    position: absolute;
    left: -3.125vw;
    width: 3.125vw;
    top: .4rem;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    color: #f2f5f8;
    text-align: center
}

.sProduct-reagent-section .section.s5 .right .col .sdt .en {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sProduct-reagent-section .section.s5 .right .col .sdt .cn {
    line-height: 1.5;
    margin-top: 5px
}

.sProduct-reagent-section .section.s5 .right .col .sdd {
    margin-top: .4rem;
    color: #a0a0a0;
    line-height: 1.5
}

.sProduct-reagent-section .section.s5 .right .col:nth-child(1n+2) {
    border-top: #f2f5f8 solid 2px;
    margin-top: .4rem
}

@media screen and (min-width: 1025px) {
    .sProduct-reagent-section .section.s5 .right .col:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding-left: 0
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 51.72413793%;
        padding-left: 10.34482759%
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(2) .pointer {
        left: 1.5625vw
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 48.27586207%
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(3) .sdd {
        margin-right: 14.28571429%
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 48.27586207%
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(4) .sdd {
        margin-right: 14.28571429%
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: 51.72413793%;
        padding-left: 10.34482759%
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(5) .pointer {
        left: 1.5625vw
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-section .section.s5 .left {
        width: 100%
    }

    .sProduct-reagent-section .section.s5 .right {
        width: 100%;
        display: block
    }

    .sProduct-reagent-section .section.s5 .right .col {
        width: 100%;
        padding: .8rem 0
    }

    .sProduct-reagent-section .section.s5 .right .col .pointer {
        width: auto;
        top: .8rem;
        color: #ccc;
        left: 0
    }

    .sProduct-reagent-section .section.s5 .right .col .pointer:after {
        content: "-";
        margin-left: 5px
    }

    .sProduct-reagent-section .section.s5 .right .col .sdt .en {
        padding-left: 1.5em
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(1n+1) {
        width: 100%;
        padding-left: 0
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(1n+1) .sdd {
        margin-right: 0
    }

    .sProduct-reagent-section .section.s5 .right .col:nth-child(1n+3) {
        margin-top: 0
    }
}

.sProduct-reagent-relative {
    margin-top: .8rem
}

.sProduct-reagent-relative .head {
    color: #272b37
}

.sProduct-reagent-relative .body {
    margin-top: 1.2rem
}

.sProduct-reagent-table {
    width: 100%
}

.sProduct-reagent-table .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-reagent-table .tr:after {
    display: none
}

.sProduct-reagent-table .td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProduct-reagent-table .td.td1 {
    text-align: center;
    width: 60px
}

.sProduct-reagent-table .td.td2 {
    text-align: left;
    width: 240px
}

.sProduct-reagent-table .td.td3 {
    text-align: left;
    width: 100px
}

.sProduct-reagent-table .td.td4 {
    text-align: left;
    width: 100px
}

.sProduct-reagent-table .td.td5 {
    text-align: center;
    width: 90px
}

.sProduct-reagent-table .td.td6 {
    text-align: center;
    width: 160px
}

.sProduct-reagent-table .td.td7 {
    text-align: left;
    width: 160px
}

.sProduct-reagent-table .thead .tr {
    border-bottom: #3f3f3f solid 2px
}

.sProduct-reagent-table .thead .td {
    line-height: 1.5;
    padding: 10px;
    color: #272b37;
    white-space: nowrap
}

.sProduct-reagent-table .tbody .tr {
    border-bottom: #f6f8fa solid 2px
}

.sProduct-reagent-table .tbody .td {
    line-height: 1.5;
    padding: .6rem 10px;
    color: #a0a0a0
}

@media screen and (min-width: 1441px) {
    .sProduct-reagent-table .td.td2 {
        margin-left: -4vw
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-reagent-table {
        overflow-x: auto
    }

    .sProduct-reagent-table .tbody, .sProduct-reagent-table .thead {
        min-width: 790px
    }

    .sProduct-reagent-table .td.td2 {
        width: 150px
    }
}

.sProduct-3dview {
    position: relative;
    z-index: 2
}

.sProduct-3dview .name {
    color: #272b37;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    z-index: 6
}

.sProduct-3dview .name .en {
    opacity: .8;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 1em
}

.sProduct-3dview .name .cn {
    margin-top: .3125em;
    line-height: 1.5
}

.sProduct-3dview .name .cn .p1 {
    font-size: .75em
}

.sProduct-3dview .name .cn .p2 {
    font-size: 1em
}

.sProduct-3dview._no3d {
    height: auto;
    padding-bottom: 1.6rem
}

.sProduct-3dview._no3d .name {
    position: relative;
    -webkit-transform: none !important;
    transform: none !important;
    top: 0;
    left: 0
}

.sProduct-3dview._no3d .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 42.66666667%;
    background-color: #fff;
    margin-top: 1.6rem
}

@media screen and (min-width: 1025px) {
    .sProduct-3dview {
        height: 0;
        padding-bottom: 50%
    }

    .sProduct-3dview .name {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .sProduct-3dview .wrapper_3d {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-3dview {
        height: auto;
        padding-bottom: 0
    }

    .sProduct-3dview .name {
        position: relative
    }
}

.sProduct-instrument-video {
    z-index: 2;
    position: relative;
    overflow: hidden;
    font-size: 100vh;
    height: 300px;
    background-color: #fbfbfb
}

.sProduct-instrument-intro {
    position: relative;
    overflow: hidden;
    padding: 2rem 0;
    background-color: #f1f1f1
}

.sProduct-instrument-intro .w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-instrument-intro .w:after {
    display: none
}

.sProduct-instrument-intro .left {
    width: 50%;
    position: relative;
    z-index: 2
}

.sProduct-instrument-intro .left .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 56.25%;
    background-color: transparent
}

.sProduct-instrument-intro .left .pic img {
    -o-object-fit: contain;
    object-fit: contain
}

.sProduct-instrument-intro .left .hideTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-left: 16.66666667%;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(20%);
    transform: translateX(20%)
}

.sProduct-instrument-intro .left .hideTxt .sdt {
    text-align: left
}

.sProduct-instrument-intro .txt {
    padding: .8rem 0
}

.sProduct-instrument-intro .txt .sdt {
    text-align: right
}

.sProduct-instrument-intro .txt .sdt .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sProduct-instrument-intro .txt .sdt .wrapIn span {
    letter-spacing: .05em
}

.sProduct-instrument-intro .txt .sdd {
    margin-top: 2.8rem;
    line-height: 1.5
}

.sProduct-instrument-intro .right {
    margin-right: 8.33333333%;
    width: 30%
}

.sProduct-instrument-intro .hideTxt .sdd, .sProduct-instrument-intro .ltxt .sdd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-instrument-intro .hideTxt .sdd:after, .sProduct-instrument-intro .ltxt .sdd:after {
    display: none
}

.sProduct-instrument-intro .hideTxt .sdd .col, .sProduct-instrument-intro .ltxt .sdd .col {
    line-height: 1.5
}

.sProduct-instrument-intro .hideTxt .sdd .col:nth-child(1n+2), .sProduct-instrument-intro .ltxt .sdd .col:nth-child(1n+2) {
    margin-left: 3.125vw
}

.sProduct-instrument-intro .hideTxt .sdd .col .p1, .sProduct-instrument-intro .ltxt .sdd .col .p1 {
    color: #272b37
}

.sProduct-instrument-intro .hideTxt .sdd .col .p2, .sProduct-instrument-intro .ltxt .sdd .col .p2 {
    margin-top: .2rem
}

.sProduct-instrument-intro .hideTxt .sdd .col .p3, .sProduct-instrument-intro .ltxt .sdd .col .p3 {
    margin-top: .2rem;
    color: #0098eb;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sProduct-instrument-intro .hideTxt .sdd .col .p3 sub, .sProduct-instrument-intro .ltxt .sdd .col .p3 sub {
    font-size: .33333333em;
    vertical-align: baseline
}

@media screen and (min-width: 1025px) {
    .sProduct-instrument-intro .left .pic {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-instrument-intro:hover .left .pic {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    .sProduct-instrument-intro:hover .left .hideTxt {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }

    .sProduct-instrument-intro .right .sdt > .wrapIn span:nth-child(1n+2) {
        margin-left: .5em
    }
}

@media screen and (max-width: 1600px) {
    .sProduct-instrument-intro .txt .sdd {
        margin-top: 1.6rem
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-instrument-intro .left {
        width: 100%
    }

    .sProduct-instrument-intro .txt {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 1rem
    }

    .sProduct-instrument-intro .txt .sdt {
        text-align: center
    }

    .sProduct-instrument-intro .txt .sdt > .wrapIn {
        padding-left: .5em;
        padding-right: .5em
    }

    .sProduct-instrument-intro .txt .sdt > .wrapIn p {
        display: inline
    }

    .sProduct-instrument-intro .txt .sdd {
        margin-top: .8rem;
        text-align: center
    }

    .sProduct-instrument-intro .ltxt .sdd {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sProduct-instrument-intro .ltxt .sdd .col {
        width: 200px
    }
}

.sProduct-instrument-modules {
    position: relative;
    overflow: hidden;
    background-color: #f4f6f9;
    border-radius: 15px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 1.2rem
}

.sProduct-instrument-modules-my1 {
    z-index: 1;
    position: relative
}

.sProduct-instrument-modules-my1 .scene {
    position: relative;
    z-index: 2
}

.sProduct-instrument-modules-my1 .scene .pic {
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sProduct-instrument-modules-my1 .scene .pic.m-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 49.33333333%
}

.sProduct-instrument-modules-my1 .scene .pic.pc-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 66.66666667%
}

.sProduct-instrument-modules-my1 .scene .dots {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.sProduct-instrument-modules-my1 .scene .dots .dot {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0098eb;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin: -10px 0 0 -10px
}

.sProduct-instrument-modules-my1 .scene .dots .dot:nth-child(1) {
    left: 21.66666667%;
    top: 58.33333333%
}

.sProduct-instrument-modules-my1 .scene .dots .dot:nth-child(2) {
    left: 78.88888889%;
    top: 62.5%
}

.sProduct-instrument-modules-my1 .scene .dots .dot:nth-child(3) {
    left: 55.55555556%;
    top: 76.66666667%
}

.sProduct-instrument-modules-my1 .item {
    position: absolute;
    z-index: 3
}

.sProduct-instrument-modules-my1 .item .wrapIn {
    position: relative
}

.sProduct-instrument-modules-my1 .item .wrapIn .sdt {
    position: relative;
    z-index: 1;
    padding: 10px 0
}

.sProduct-instrument-modules-my1 .item .wrapIn .sdt:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: #0098eb solid .08rem
}

.sProduct-instrument-modules-my1 .item .wrapIn .sdd {
    margin-top: 10px;
    line-height: 1.5
}

.sProduct-instrument-modules-my1 .item .line {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sProduct-instrument-modules-my1 .item .line .dot {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0098eb
}

.sProduct-instrument-modules-my1 .item .line > span {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.sProduct-instrument-modules-my1 .item .line ._v {
    height: 100%;
    width: 4vw
}

.sProduct-instrument-modules-my1 .item .line ._v:after {
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 500px;
    height: 1px;
    background-color: #202121
}

.sProduct-instrument-modules-my1 .item .line ._h {
    width: calc(100% - 4vw);
    height: 1px;
    background-color: #202121
}

.sProduct-instrument-modules-my1 .item.i1 {
    top: 16.21621622%;
    left: 0;
    width: 34.66666667%
}

.sProduct-instrument-modules-my1 .item.i1 .wrapIn {
    width: 240px
}

.sProduct-instrument-modules-my1 .item.i1 .wrapIn .sdt {
    margin-right: 15px
}

.sProduct-instrument-modules-my1 .item.i1 .line {
    top: 1em;
    margin-top: 20px;
    right: 0;
    width: calc(100% - 240px - 15px);
    height: 9.32291667vw;
    height: 9.25vw
}

.sProduct-instrument-modules-my1 .item.i1 .line ._v {
    left: 0;
    top: 0
}

.sProduct-instrument-modules-my1 .item.i1 .line ._v:after {
    left: 0;
    top: 0;
    -webkit-transform: rotate(1.16264722rad);
    transform: rotate(1.16264722rad);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0
}

.sProduct-instrument-modules-my1 .item.i1 .line ._h {
    bottom: 1px;
    right: 0
}

.sProduct-instrument-modules-my1 .item.i1 .line .dot {
    right: -3px;
    bottom: -2px
}

.sProduct-instrument-modules-my1 .item.i2 {
    top: 16.21621622%;
    right: 0;
    width: 34.66666667%
}

.sProduct-instrument-modules-my1 .item.i2 .wrapIn {
    width: 220px
}

.sProduct-instrument-modules-my1 .item.i2 .wrapIn .sdt {
    margin-left: 15px
}

.sProduct-instrument-modules-my1 .item.i2 .line {
    top: 1em;
    margin-top: 20px;
    left: 0;
    width: calc(100% - 220px - 15px);
    height: 11.04166667vw;
    height: 11vw
}

.sProduct-instrument-modules-my1 .item.i2 .line ._v {
    right: 0;
    top: 0
}

.sProduct-instrument-modules-my1 .item.i2 .line ._v:after {
    left: 0;
    bottom: 0;
    -webkit-transform: rotate(-1.22202532rad);
    transform: rotate(-1.22202532rad);
    -webkit-transform-origin: 0 100% 0;
    transform-origin: 0 100% 0
}

.sProduct-instrument-modules-my1 .item.i2 .line ._h {
    bottom: 1px;
    left: 0
}

.sProduct-instrument-modules-my1 .item.i2 .line .dot {
    left: -3px;
    bottom: -2px
}

.sProduct-instrument-modules-my1 .item.i2 .wrapIn {
    margin-left: auto;
    margin-right: 0;
    text-align: right
}

.sProduct-instrument-modules-my1 .item.i3 {
    bottom: 2.7027027%;
    left: 0;
    width: 52%
}

.sProduct-instrument-modules-my1 .item.i3 .wrapIn {
    width: 240px
}

.sProduct-instrument-modules-my1 .item.i3 .wrapIn .sdt {
    margin-right: 15px
}

.sProduct-instrument-modules-my1 .item.i3 .line {
    bottom: 100%;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    margin-bottom: -20px;
    right: 0;
    width: calc(100% - 240px - 15px);
    height: 6.97916667vw;
    height: 7vw
}

.sProduct-instrument-modules-my1 .item.i3 .line ._v {
    left: 0;
    top: 0
}

.sProduct-instrument-modules-my1 .item.i3 .line ._v:after {
    right: 0;
    top: 0;
    -webkit-transform: rotate(-1.05165021rad);
    transform: rotate(-1.05165021rad);
    -webkit-transform-origin: 100% 100% 0;
    transform-origin: 100% 100% 0
}

.sProduct-instrument-modules-my1 .item.i3 .line ._h {
    top: 1px;
    right: 0
}

.sProduct-instrument-modules-my1 .item.i3 .line .dot {
    right: -3px;
    top: -2px
}

@media screen and (max-width: 1440px) {
    .sProduct-instrument-modules-my1 .item.i1 .wrapIn {
        width: 220px
    }

    .sProduct-instrument-modules-my1 .item.i1 .wrapIn .sdt {
        margin-right: 10px
    }

    .sProduct-instrument-modules-my1 .item.i1 .line {
        width: calc(100% - 220px - 10px)
    }

    .sProduct-instrument-modules-my1 .item.i2 .wrapIn {
        width: 220px
    }

    .sProduct-instrument-modules-my1 .item.i2 .wrapIn .sdt {
        margin-left: 10px
    }

    .sProduct-instrument-modules-my1 .item.i2 .line {
        width: calc(100% - 220px - 10px)
    }

    .sProduct-instrument-modules-my1 .item.i3 .wrapIn {
        width: 220px
    }

    .sProduct-instrument-modules-my1 .item.i3 .wrapIn .sdt {
        margin-right: 10px
    }

    .sProduct-instrument-modules-my1 .item.i3 .line {
        width: calc(100% - 220px - 10px)
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-instrument-modules-my1 .item {
        position: relative;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important
    }

    .sProduct-instrument-modules-my1 .item:nth-child(1n+2) {
        margin-top: .6rem
    }

    .sProduct-instrument-modules-my1 .item .wrapIn {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important
    }

    .sProduct-instrument-modules-my1 .item .wrapIn .sdt {
        margin: 0 !important
    }

    .sProduct-instrument-modules-my1 .item .wrapIn .sdt:before {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #0098eb;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px
    }

    .sProduct-instrument-modules-my1 .item .line {
        display: none
    }

    .sProduct-instrument-modules-my1 .item.i1 .sdt:before {
        content: "1"
    }

    .sProduct-instrument-modules-my1 .item.i2 .sdt:before {
        content: "2"
    }

    .sProduct-instrument-modules-my1 .item.i3 .sdt:before {
        content: "3"
    }
}

.sProduct-instrument-modules-my1.AniStart .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sProduct-instrument-modules-my1.AniStart .item.i1 {
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem)
}

.sProduct-instrument-modules-my1.AniStart .item.i2 {
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem)
}

.sProduct-instrument-modules-my1.AniStart .item.i3 {
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem)
}

.sProduct-instrument-modules-my1.AniDid .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sProduct-instrument-modules-my1.AniDid .item.i1 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.sProduct-instrument-modules-my1.AniDid .item.i2 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.sProduct-instrument-modules-my1.AniDid .item.i3 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

@media screen and (min-width: 1025px) {
    .sProduct-instrument-modules-my1 .item .dot {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-instrument-modules-my1 .item:hover .dot {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8);
        box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8)
    }
}

.sProduct-instrument-modules-my2 {
    margin-top: 1.6rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-instrument-modules-my2:after {
    display: none
}

.sProduct-instrument-modules-my2 .left {
    padding-top: 1.6rem;
    width: 28%;
    line-height: 1.25
}

.sProduct-instrument-modules-my2 .right {
    width: 72%
}

.sProduct-instrument-modules-my2 .right .scene {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 44.44444444%
}

.sProduct-instrument-modules-my2 .right .scene .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sProduct-instrument-modules-my2 .right .scene .pic > img {
    opacity: 0
}

.sProduct-instrument-modules-my2 .right .scene .pic._loaded > img {
    opacity: 1
}

.sProduct-instrument-modules-my2 .right .scene .pic.line {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%)
}

.sProduct-instrument-modules-my2 .right .scene .line {
    z-index: 4
}

.sProduct-instrument-modules-my2 .right .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 1.2rem .8rem
}

.sProduct-instrument-modules-my2 .right .txt:after {
    display: none
}

.sProduct-instrument-modules-my2 .right .txt .col {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem
}

.sProduct-instrument-modules-my2 .right .txt .col .sdt .this {
    z-index: 2;
    position: relative;
    overflow: hidden;
    width: 7em;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 15px
}

.sProduct-instrument-modules-my2 .right .txt .col .sdt .this:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: .08rem;
    background-color: #0098eb
}

.sProduct-instrument-modules-my2 .right .txt .col .sdd {
    margin-top: 10px;
    line-height: 1.5
}

@media screen and (min-width: 1025px) {
    .sProduct-instrument-modules-my2 .right .txt .col .sdt .this:after {
        left: 100%;
        width: 0;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-instrument-modules-my2 .right .txt .col:hover .sdt .this:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
        transition: left 0s ease-out 0s, width 220ms ease-out 0s
    }
}

.sProduct-instrument-modules-my2 .right.AniStart .scene .pic.line {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -webkit-transition: 0s;
    transition: 0s
}

.sProduct-instrument-modules-my2 .right.AniDid .scene .pic.line {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

@media screen and (min-width: 1025px) {
    .sProduct-instrument-modules-my2 .right.AniDid .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-instrument-modules-my2 .right.AniDid:hover .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-instrument-modules-my2 .left {
        width: 100%
    }

    .sProduct-instrument-modules-my2 .left br {
        display: none
    }

    .sProduct-instrument-modules-my2 .right {
        width: 100%;
        margin-top: .8rem
    }

    .sProduct-instrument-modules-my2 .right .txt {
        padding-left: 0;
        padding-right: 0
    }

    .sProduct-instrument-modules-my2 .right .txt .col {
        width: 48%;
        padding: 0
    }
}

.sProduct-instrument-modules-my3 {
    margin-top: 1.6rem
}

.sProduct-instrument-modules-my3 .head {
    margin-bottom: 1rem
}

.sProduct-instrument-modules-my3 .body .line {
    border-top: #a0a3aa solid 1px;
    padding: 15px 0
}

.sProduct-instrument-modules-my3 .body .line:nth-child(1n+2) {
    margin-top: .4rem
}

.sProduct-instrument-modules-my3 .body .line .left {
    line-height: 1.5
}

.sProduct-instrument-modules-my3 .body .line .right {
    margin-top: 15px
}

.sProduct-instrument-modules-my3 .body .line .right img {
    display: block;
    margin-left: auto;
    margin-right: 0;
    max-width: 100%
}

.sProduct-instrument-detail {
    margin-top: 1.2rem
}

.sProduct-instrument-detail-my1 .w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 15px;
    border: #f4f6f9 solid .12rem;
    position: relative;
    overflow: hidden
}

.sProduct-instrument-detail-my1 .w:after {
    display: none
}

.sProduct-instrument-detail-my1 .left {
    width: 32%
}

.sProduct-instrument-detail-my1 .left .pic {
    background-color: #eee
}

.sProduct-instrument-detail-my1 .left .pic.m-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 166.66666667%
}

.sProduct-instrument-detail-my1 .left .pic.pc-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 40%
}

.sProduct-instrument-detail-my1 .right {
    width: 53.33333333%;
    padding: 1.2rem
}

.sProduct-instrument-detail-my1 .right .dt {
    line-height: 1.25
}

.sProduct-instrument-detail-my1 .right .dt > .this {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .05em;
    padding-left: .3rem
}

.sProduct-instrument-detail-my1 .right .dd {
    margin-top: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-instrument-detail-my1 .right .dd:after {
    display: none
}

.sProduct-instrument-detail-my1 .right .dd .col {
    width: 45%;
    line-height: 1.5;
    padding-left: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProduct-instrument-detail-my1 .right .dd .col:nth-child(1n+3) {
    margin-top: .8rem
}

.sProduct-instrument-detail-my1 .right .dd .col .sdd {
    margin-top: .3rem
}

@media screen and (min-width: 1025px) {
    .sProduct-instrument-detail-my1 .w .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-instrument-detail-my1 .w:hover .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1600px) {
    .sProduct-instrument-detail-my1 .left {
        width: 36%
    }

    .sProduct-instrument-detail-my1 .right .dd {
        margin-top: 1.2rem
    }

    .sProduct-instrument-detail-my1 .right .dd .col {
        width: 47.5%
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-instrument-detail-my1 .left {
        width: 100%
    }

    .sProduct-instrument-detail-my1 .left .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 100%
    }

    .sProduct-instrument-detail-my1 .right {
        padding: 1.2rem;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sProduct-instrument-detail-my1 .right .dd {
        margin-top: 1rem;
        display: block
    }

    .sProduct-instrument-detail-my1 .right .dd .col:nth-child(1n+1) {
        width: 100%
    }

    .sProduct-instrument-detail-my1 .right .dd .col:nth-child(1n+2) {
        margin-top: .8rem
    }
}

.sProduct-instrument-detail-my2 {
    margin-top: 1.2rem
}

.sProduct-instrument-detail-my2 .dt {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-instrument-detail-my2 .dt:after {
    display: none
}

.sProduct-instrument-detail-my2 .dt .left {
    width: 26.66666667%
}

.sProduct-instrument-detail-my2 .dt .left .this {
    padding-bottom: .4rem;
    line-height: 1.25
}

.sProduct-instrument-detail-my2 .dt .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 66.66666667%;
    padding-top: .4rem
}

.sProduct-instrument-detail-my2 .dt .right:after {
    display: none
}

.sProduct-instrument-detail-my2 .dt .right .col {
    max-width: 240px;
    line-height: 1.5;
    width: auto
}

.sProduct-instrument-detail-my2 .dt .right .col .sdd {
    margin-top: .2rem
}

.sProduct-instrument-detail-my2 .dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-instrument-detail-my2 .dd:after {
    display: none
}

.sProduct-instrument-detail-my2 .dd .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-color: #f1f1f1;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 49%
}

.sProduct-instrument-detail-my2 .dd .col:after {
    display: none
}

.sProduct-instrument-detail-my2 .dd .col .pic {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    height: 0 !important;
    padding-bottom: 44.23963134%
}

.sProduct-instrument-detail-my2 .dd .col .txt {
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    line-height: 1.5
}

.sProduct-instrument-detail-my2 .dd .col .txt:after {
    display: none
}

.sProduct-instrument-detail-my2 .dd .col .txt .wrapIn {
    width: 90%
}

.sProduct-instrument-detail-my2 .dd .col .txt .icoImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1.92rem;
    height: 1.92rem;
    border-radius: 50%;
    background-color: #272b37
}

.sProduct-instrument-detail-my2 .dd .col .txt .sdt {
    margin-top: 5%
}

.sProduct-instrument-detail-my2 .dd .col .txt .sdd {
    margin-top: 4%;
    width: 220px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1025px) {
    .sProduct-instrument-detail-my2 .dd .col {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-instrument-detail-my2 .dd .col:hover {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
}

@media screen and (max-width: 1600px) {
    .sProduct-instrument-detail-my2 .dt .left {
        width: auto
    }

    .sProduct-instrument-detail-my2 .dt .right {
        width: 76%
    }

    .sProduct-instrument-detail-my2 .dd .col .txt .icoImg {
        width: 1.6rem;
        height: 1.6rem
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-instrument-detail-my2 .dt .left {
        width: 100%
    }

    .sProduct-instrument-detail-my2 .dt .left br {
        display: none
    }

    .sProduct-instrument-detail-my2 .dt .right {
        width: 100%;
        padding-top: .8rem;
        display: block
    }

    .sProduct-instrument-detail-my2 .dt .right .col {
        width: 100%;
        max-width: 100%
    }

    .sProduct-instrument-detail-my2 .dt .right .col:nth-child(1n+2) {
        margin-top: .6rem
    }

    .sProduct-instrument-detail-my2 .dd .col {
        width: 100%
    }

    .sProduct-instrument-detail-my2 .dd .col:nth-child(1n+2) {
        margin-top: .8rem
    }

    .sProduct-instrument-detail-my2 .dd .col .txt .icoImg {
        width: 60px;
        height: 60px
    }

    .sProduct-instrument-detail-my2 .dd .col .txt .sdt {
        margin-top: 15px
    }

    .sProduct-instrument-detail-my2 .dd .col .txt .sdd {
        margin-top: 10px;
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .sProduct-instrument-detail-my2 .dd .col {
        display: block
    }

    .sProduct-instrument-detail-my2 .dd .col .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 88.47926267%
    }

    .sProduct-instrument-detail-my2 .dd .col .txt {
        width: 100%;
        padding: 1.2rem 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.sProduct-instrument-detail-my3 {
    margin-top: 1.2rem
}

.sProduct-instrument-detail-my3 .w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 15px;
    border: #f4f6f9 solid .12rem;
    position: relative;
    overflow: hidden
}

.sProduct-instrument-detail-my3 .w:after {
    display: none
}

.sProduct-instrument-detail-my3 .left {
    width: 49%
}

.sProduct-instrument-detail-my3 .left .pic {
    background-color: #eee
}

.sProduct-instrument-detail-my3 .left .pic.m-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 95.23809524%
}

.sProduct-instrument-detail-my3 .left .pic.pc-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 50%
}

.sProduct-instrument-detail-my3 .right {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 1.2rem
}

.sProduct-instrument-detail-my3 .right:after {
    display: none
}

.sProduct-instrument-detail-my3 .right .dt {
    line-height: 1.25
}

.sProduct-instrument-detail-my3 .right .dt > .this {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .05em
}

.sProduct-instrument-detail-my3 .right .dd {
    margin-top: 1.6rem
}

.sProduct-instrument-detail-my3 .right .dd .col {
    line-height: 1.5
}

.sProduct-instrument-detail-my3 .right .dd .col:nth-child(1n+2) {
    margin-top: 1rem
}

.sProduct-instrument-detail-my3 .right .dd .col .sdd {
    margin-top: .3rem
}

@media screen and (min-width: 1025px) {
    .sProduct-instrument-detail-my3 .w .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-instrument-detail-my3 .w:hover .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1600px) {
    .sProduct-instrument-detail-my3 .right .dd {
        margin-top: 1.2rem
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-instrument-detail-my3 .left {
        width: 100%
    }

    .sProduct-instrument-detail-my3 .left .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 100%
    }

    .sProduct-instrument-detail-my3 .right {
        padding: 1.2rem;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block
    }

    .sProduct-instrument-detail-my3 .right .dd {
        margin-top: 1rem;
        display: block
    }

    .sProduct-instrument-detail-my3 .right .dd .col:nth-child(1n+1) {
        width: 100%
    }

    .sProduct-instrument-detail-my3 .right .dd .col:nth-child(1n+2) {
        margin-top: .8rem
    }
}

.sProduct-instrument-detail-my4 {
    margin-top: 1.6rem
}

.sProduct-instrument-detail-my4 .head {
    margin-bottom: 1rem
}

.sProduct-instrument-detail-my4 .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-instrument-detail-my4 .body:after {
    display: none
}

.sProduct-instrument-detail-my4 .body .line {
    width: 48%;
    border-top: #eee solid 1px;
    padding: 20px 0;
    line-height: 25px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProduct-instrument-detail-my4 .body .line:after {
    display: none
}

.sProduct-instrument-detail-my4 .body .line:nth-child(1n+3) {
    margin-top: 20px
}

.sProduct-instrument-detail-my4 .body .line .ppty {
    font-size: 16px
}

.sProduct-instrument-detail-my4 .body .line .param {
    font-size: 15px;
    color: #9b9b9b;
    width: 380px;
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .sProduct-instrument-detail-my4 .body, .sProduct-instrument-detail-my4 .head {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .sProduct-instrument-detail-my4 .body .line {
        width: 100%;
        padding: 15px 0
    }

    .sProduct-instrument-detail-my4 .body .line:nth-child(1n+2) {
        margin-top: 15px
    }

    .sProduct-instrument-detail-my4 .body .line .param {
        margin-top: 10px
    }
}

.sProduct-project-video {
    z-index: 2;
    position: relative;
    overflow: hidden;
    font-size: 100vh;
    height: calc(1em - 60px - 2rem);
    background-color: #fbfbfb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sProduct-project-video:after {
    display: none
}

.sProduct-project-video .word {
    line-height: 1;
    font-size: 14px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sProduct-project-video .word .en {
    height: 1em;
    position: relative;
    overflow: hidden;
    max-width: 90%;
    -webkit-filter: contrast(50%) grayscale(100%) brightness(1000);
    filter: contrast(50%) grayscale(100%) brightness(1000)
}

.sProduct-project-video .word .cn {
    margin-top: .5rem;
    line-height: 1.5;
    color: #fff
}

.sProduct-project-video .word .cn .p1 {
    font-size: .75em
}

.sProduct-project-video .word .cn .p2 {
    font-size: 1em
}

.sProduct-project-video .word.AniStart + .btn-play {
    -webkit-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-.8rem);
    transform: translateX(-50%) translateY(-.8rem)
}

.sProduct-project-video .word.AniDid + .btn-play {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sProduct-project-video .btn-play {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    margin-bottom: 4.16666667%
}

@media screen and (max-width: 1024px) {
    .sProduct-project-video {
        font-size: 0 !important;
        padding: 25% 0;
        height: auto !important
    }

    .sProduct-project-video .word {
        position: relative;
        text-align: center;
        width: 100%
    }

    .sProduct-project-video .word .who {
        max-width: 88%;
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .sProduct-project-video .btn-play {
        position: relative;
        margin-bottom: 0;
        margin-top: .6rem;
        display: inline-block;
        vertical-align: top
    }
}

@media screen and (max-width: 640px) {
    .sProduct-project-video .word .cn {
        font-size: 18px
    }
}

.sProduct-project-intro {
    padding: 1.6rem 0
}

.sProduct-project-intro .left {
    width: 50%
}

.sProduct-project-intro .left .sdt {
    text-align: left
}

.sProduct-project-intro .left .sdt .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sProduct-project-intro .left .sdt .wrapIn span {
    letter-spacing: .05em
}

.sProduct-project-intro .left .sdd {
    margin-top: 1.2rem
}

.sProduct-project-intro .right {
    margin-left: auto;
    margin-right: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .6rem;
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .sProduct-project-intro .left {
        width: 100%
    }

    .sProduct-project-intro .left .sdt {
        text-align: center
    }

    .sProduct-project-intro .left .sdt > .wrapIn {
        padding-left: .5em;
        padding-right: .5em
    }

    .sProduct-project-intro .left .sdt > .wrapIn p {
        display: inline
    }

    .sProduct-project-intro .left .sdd {
        margin-top: .8rem;
        text-align: center
    }

    .sProduct-project-intro .right {
        width: 100%;
        margin-top: 1rem;
        padding: 0;
        text-align: center
    }
}

.sProduct-project-equipment {
    background-color: #f4f6f9;
    border-radius: 15px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 1.6rem
}

.sProduct-project-equipment-my1 {
    z-index: 1;
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sProduct-project-equipment-my1 .scene {
    position: relative;
    z-index: 2
}

.sProduct-project-equipment-my1 .scene .pic {
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sProduct-project-equipment-my1 .scene .pic.m-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 40%
}

.sProduct-project-equipment-my1 .scene .pic.pc-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 66.66666667%
}

.sProduct-project-equipment-my1 .scene .dots {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.sProduct-project-equipment-my1 .scene .dots .dot {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0098eb;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin: -10px 0 0 -10px
}

.sProduct-project-equipment-my1 .scene .dots .dot:nth-child(1) {
    left: 56.66666667%;
    top: 14.16666667%
}

.sProduct-project-equipment-my1 .scene .dots .dot:nth-child(2) {
    left: 36.11111111%;
    top: 47.5%
}

.sProduct-project-equipment-my1 .item {
    position: absolute;
    z-index: 3
}

.sProduct-project-equipment-my1 .item .wrapIn {
    position: relative
}

.sProduct-project-equipment-my1 .item .wrapIn .sdt {
    padding: 10px 0;
    border-bottom: #0098eb solid .08rem;
    display: inline-block;
    vertical-align: top
}

.sProduct-project-equipment-my1 .item .wrapIn .sdd {
    margin-top: 15px;
    line-height: 1.5
}

.sProduct-project-equipment-my1 .item .line {
    position: absolute;
    top: .5em;
    margin-top: 15px;
    z-index: -1;
    pointer-events: none;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sProduct-project-equipment-my1 .item .line .dot {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0098eb
}

.sProduct-project-equipment-my1 .item .line > span {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.sProduct-project-equipment-my1 .item .line ._h {
    width: 100%;
    height: 1px;
    background-color: #202121
}

.sProduct-project-equipment-my1 .item.i1 {
    top: 8.33333333%;
    left: 54.33333333%;
    width: 42.66666667%
}

.sProduct-project-equipment-my1 .item.i1 .wrapIn {
    width: 7.5rem;
    margin-left: auto;
    margin-right: 0
}

.sProduct-project-equipment-my1 .item.i1 .line {
    left: 0;
    width: calc(100% - 7.5rem - 15px)
}

.sProduct-project-equipment-my1 .item.i1 .line ._h {
    bottom: 1px;
    left: 0
}

.sProduct-project-equipment-my1 .item.i1 .line .dot {
    left: -5px;
    bottom: -4px
}

.sProduct-project-equipment-my1 .item.i2 {
    top: 43.33333333%;
    right: 58.33333333%;
    width: 41.66666667%
}

.sProduct-project-equipment-my1 .item.i2 .wrapIn {
    width: 7.5rem;
    margin-left: 0;
    margin-right: auto;
    text-align: right
}

.sProduct-project-equipment-my1 .item.i2 .line {
    right: 0;
    width: calc(100% - 7.5rem - 15px)
}

.sProduct-project-equipment-my1 .item.i2 .line ._h {
    bottom: 1px;
    right: 0
}

.sProduct-project-equipment-my1 .item.i2 .line .dot {
    right: -5px;
    bottom: -4px
}

@media screen and (max-width: 1440px) {
    .sProduct-project-equipment-my1 .item.i1 {
        width: 45%
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-project-equipment-my1 .item {
        position: relative;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important
    }

    .sProduct-project-equipment-my1 .item:nth-child(1n+2) {
        margin-top: .6rem
    }

    .sProduct-project-equipment-my1 .item .wrapIn {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important
    }

    .sProduct-project-equipment-my1 .item .wrapIn .sdt {
        margin: 0 !important;
        display: block
    }

    .sProduct-project-equipment-my1 .item .wrapIn .sdt:before {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #0098eb;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px
    }

    .sProduct-project-equipment-my1 .item .line {
        display: none
    }

    .sProduct-project-equipment-my1 .item.i1 .sdt:before {
        content: "1"
    }

    .sProduct-project-equipment-my1 .item.i2 .sdt:before {
        content: "2"
    }
}

.sProduct-project-equipment-my1.AniStart .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sProduct-project-equipment-my1.AniStart .item.i1 {
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem)
}

.sProduct-project-equipment-my1.AniStart .item.i2 {
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem)
}

.sProduct-project-equipment-my1.AniDid .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sProduct-project-equipment-my1.AniDid .item.i1 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.sProduct-project-equipment-my1.AniDid .item.i2 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

@media screen and (min-width: 1025px) {
    .sProduct-project-equipment-my1 .item .dot {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-project-equipment-my1 .item:hover .dot {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8);
        box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8)
    }
}

.sProduct-project-equipment-my2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sProduct-project-equipment-my2:after {
    display: none
}

.sProduct-project-equipment-my2 .item:nth-child(1n+3) {
    margin-top: 1.6rem
}

.sProduct-project-equipment-my2 .item .scene {
    position: relative;
    z-index: 1
}

.sProduct-project-equipment-my2 .item .scene .wrapIn {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 350px;
    padding-bottom: .6rem
}

.sProduct-project-equipment-my2 .item .scene .figure {
    position: relative;
    overflow: hidden;
    z-index: 2;
    height: 0;
    padding-bottom: 120%
}

.sProduct-project-equipment-my2 .item .scene .figure .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sProduct-project-equipment-my2 .item .scene .figure .pic._l {
    -webkit-transition: all 250ms ease-out .2s;
    transition: all 250ms ease-out .2s;
    opacity: 1;
    visibility: visible
}

.sProduct-project-equipment-my2 .item .scene .figure .pic._p {
    -webkit-transition: all 250ms ease-out .2s;
    transition: all 250ms ease-out .2s;
    opacity: 0;
    visibility: hidden
}

.sProduct-project-equipment-my2 .item .scene .en {
    margin-top: .4rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 30px;
    opacity: .4;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sProduct-project-equipment-my2 .item .scene ._hide {
    position: absolute;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap
}

.sProduct-project-equipment-my2 .item .scene ._hide.s1 .p:nth-child(1n+2) {
    margin-top: .3rem
}

.sProduct-project-equipment-my2 .item .scene ._hide.s1 .p1 {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sProduct-project-equipment-my2 .item .scene ._hide.s1 .p1 > span {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    border-bottom: #0098eb solid .06rem
}

.sProduct-project-equipment-my2 .item .scene ._hide.s1 .p2 {
    line-height: 1.5
}

.sProduct-project-equipment-my2 .item .scene ._hide.s1 .left {
    position: absolute;
    right: 80%;
    text-align: right;
    -webkit-transition: all 320ms ease-out .1s;
    transition: all 320ms ease-out .1s
}

.sProduct-project-equipment-my2 .item .scene ._hide.s1 .right {
    position: absolute;
    left: 80%;
    text-align: left;
    -webkit-transition: all 320ms ease-out .1s;
    transition: all 320ms ease-out .1s
}

.sProduct-project-equipment-my2 .item .scene ._hide.s2 {
    z-index: -1;
    left: 80%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    width: calc(42vw - 40%)
}

.sProduct-project-equipment-my2 .item .scene ._hide.s2 .clipBox {
    padding-left: 12.5vw;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-clip-path: inset(50% 0);
    clip-path: inset(50% 0)
}

.sProduct-project-equipment-my2 .item .scene ._hide.s2 .clipBox:before {
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    left: 0;
    width: 10.41666667vw;
    top: 1rem;
    bottom: 1rem;
    border: #262727 solid 1px;
    border-right: none
}

.sProduct-project-equipment-my2 .item .scene ._hide.s2 .sec {
    width: 100%;
    white-space: normal;
    line-height: 1.5
}

.sProduct-project-equipment-my2 .item .scene ._hide.s2 .sec img {
    display: block;
    margin-bottom: 20px;
    max-width: 240px
}

.sProduct-project-equipment-my2 .item .txt {
    margin-left: auto;
    margin-right: auto;
    width: 380px;
    max-width: 100%
}

.sProduct-project-equipment-my2 .item .txt .sdt .cn {
    line-height: 1.5;
    color: #272b37
}

.sProduct-project-equipment-my2 .item .txt .sdd {
    color: rgba(39, 43, 55, .4);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    margin-top: .8rem;
    text-align: left
}

.sProduct-project-equipment-my2 .item .txt .sdd .line {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5;
    border-bottom: #ececeb solid 1px
}

.sProduct-project-equipment-my2 .item .txt .sdd .line:nth-child(1n+2) {
    margin-top: .6rem
}

.sProduct-project-equipment-my2 .item._f800 {
    width: 50%
}

.sProduct-project-equipment-my2 .item._f800 .txt {
    width: 380px
}

.sProduct-project-equipment-my2 .item._f800 ._hide {
    position: absolute;
    left: 0;
    width: 100%;
    top: 10%
}

.sProduct-project-equipment-my2 .item._f800 ._hide .left .p span {
    width: 2.5em
}

.sProduct-project-equipment-my2 .item._p100 {
    width: 50%
}

.sProduct-project-equipment-my2 .item._p100 .txt {
    width: 380px
}

.sProduct-project-equipment-my2 .item._p100 ._hide {
    position: absolute;
    left: 0;
    width: 100%;
    top: 10%
}

.sProduct-project-equipment-my2 .item._g01 {
    width: 100%;
    text-align: center
}

.sProduct-project-equipment-my2 .item._g01 .txt {
    width: 440px
}

.sProduct-project-equipment-my2 .item._as120 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 2.4rem
}

.sProduct-project-equipment-my2 .item._as120:after {
    display: none
}

.sProduct-project-equipment-my2 .item._as120 .scene {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 63%
}

.sProduct-project-equipment-my2 .item._as120 .scene .wrapIn {
    margin-left: 0
}

.sProduct-project-equipment-my2 .item._as120 .txt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 32%;
    margin-left: 0
}

@media screen and (min-width: 1025px) {
    .sProduct-project-equipment-my2 .item:hover .scene .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sProduct-project-equipment-my2 .item:hover .scene .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-project-equipment-my2 .item:hover .scene .en {
        opacity: 1
    }

    .sProduct-project-equipment-my2 .item:hover .scene ._hide {
        -webkit-transition: all 250ms ease-out .2s;
        transition: all 250ms ease-out .2s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-project-equipment-my2 .item:hover .scene ._hide.s1 .left {
        right: 100%
    }

    .sProduct-project-equipment-my2 .item:hover .scene ._hide.s1 .right {
        left: 100%
    }

    .sProduct-project-equipment-my2 .item:hover .scene ._hide.s2 .clipBox {
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: all 480ms ease-out .2s;
        transition: all 480ms ease-out .2s;
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }

    .sProduct-project-equipment-my2 .item:hover .txt .sdd {
        color: #272b37
    }
}

@media screen and (max-width: 1600px) {
    .sProduct-project-equipment-my2 .item .scene .wrapIn {
        width: 320px
    }
}

@media screen and (max-width: 1280px) {
    .sProduct-project-equipment-my2 .item .scene .wrapIn {
        width: 280px
    }

    .sProduct-project-equipment-my2 .item .scene ._hide.s2 .clipBox {
        padding-left: 9.375vw
    }

    .sProduct-project-equipment-my2 .item .scene ._hide.s2 .clipBox:before {
        width: 7.8125vw
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-project-equipment-my2 .item .scene .wrapIn {
        width: 100%
    }

    .sProduct-project-equipment-my2 .item .scene .figure {
        width: 320px;
        height: 384px;
        padding-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }

    .sProduct-project-equipment-my2 .item .scene .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sProduct-project-equipment-my2 .item .scene .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-project-equipment-my2 .item .scene .en {
        opacity: 1
    }

    .sProduct-project-equipment-my2 .item .scene ._hide {
        display: none
    }

    .sProduct-project-equipment-my2 .item .txt {
        width: 400px !important
    }

    .sProduct-project-equipment-my2 .item .txt .sdt {
        text-align: center
    }

    .sProduct-project-equipment-my2 .item .txt .sdd {
        color: #272b37
    }

    .sProduct-project-equipment-my2 .item._f800 {
        width: 100%
    }

    .sProduct-project-equipment-my2 .item._p100 {
        width: 100%;
        margin-top: 1.6rem
    }

    .sProduct-project-equipment-my2 .item._as120 {
        display: block
    }

    .sProduct-project-equipment-my2 .item._as120 .scene {
        width: 100%
    }

    .sProduct-project-equipment-my2 .item._as120 .scene .wrapIn {
        margin-left: auto
    }

    .sProduct-project-equipment-my2 .item._as120 .txt {
        margin-left: auto;
        margin-right: auto
    }
}

.sProduct-project-spe {
    margin-top: 1.6rem
}

.sProduct-project-spe .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-color: #f1f1f1;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%
}

.sProduct-project-spe .col:after {
    display: none
}

.sProduct-project-spe .col:nth-child(1n+2) {
    margin-top: .6rem
}

.sProduct-project-spe .col .pic {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    height: 0 !important;
    padding-bottom: 44.21768707%
}

.sProduct-project-spe .col .txt {
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    line-height: 1.5
}

.sProduct-project-spe .col .txt:after {
    display: none
}

.sProduct-project-spe .col .txt .wrapIn {
    width: 90%
}

.sProduct-project-spe .col .txt .icoImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1.92rem;
    height: 1.92rem;
    border-radius: 50%;
    background-color: #272b37
}

.sProduct-project-spe .col .txt .sdt {
    margin-top: 5%
}

.sProduct-project-spe .col .txt .sdd {
    margin-top: 4%;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

@media screen and (min-width: 1025px) {
    .sProduct-project-spe .col {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-project-spe .col:hover {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-project-spe .col {
        width: 100%
    }

    .sProduct-project-spe .col:nth-child(1n+2) {
        margin-top: .8rem
    }

    .sProduct-project-spe .col .txt .icoImg {
        width: 60px;
        height: 60px
    }

    .sProduct-project-spe .col .txt .sdt {
        margin-top: 15px
    }

    .sProduct-project-spe .col .txt .sdd {
        margin-top: 10px;
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .sProduct-project-spe .col {
        display: block
    }

    .sProduct-project-spe .col .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 88.47926267%
    }

    .sProduct-project-spe .col .txt {
        width: 100%;
        padding: 1.2rem 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.sProduct-project-flow {
    padding-top: 2.4rem;
    padding-bottom: 2rem;
    margin-top: 1.6rem;
    background-image: -webkit-linear-gradient(-90deg, #f0f0f0, #8d929b)
}

.sProduct-project-flow .head {
    text-align: center
}

.sProduct-project-flow .head .icoImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 3em
}

.sProduct-project-flow .head .sdt {
    margin-top: .8rem
}

.sProduct-project-flow .head .sdd {
    margin-top: .4rem;
    font-size: 1em;
    line-height: 1.5
}

.sProduct-project-flow .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 1.2rem
}

.sProduct-project-flow .list:after {
    display: none
}

.sProduct-project-flow .list .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .15);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
    border-radius: 15px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.sProduct-project-flow .list .item:nth-child(1n+1) {
    width: 24%;
    margin-left: 1.33333333%;
    margin-top: 0
}

.sProduct-project-flow .list .item:nth-child(4n+1) {
    margin-left: 0
}

.sProduct-project-flow .list .item:nth-child(1n+5) {
    margin-top: 0
}

.sProduct-project-flow .list .item:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #5fcebb;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sProduct-project-flow .list .item .top {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 0 !important;
    padding-bottom: 61.9047619%
}

.sProduct-project-flow .list .item .serial {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    font-size: 5.625vw;
    color: #272b37;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.sProduct-project-flow .list .item .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #5fcebb
}

.sProduct-project-flow .list .item .pic img {
    -o-object-position: 50% 0;
    object-position: 50% 0;
    -o-object-fit: auto 100%;
    object-fit: auto 100%
}

.sProduct-project-flow .list .item .pic:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: 50%;
    height: 40px;
    bottom: -20px;
    background-color: #5fcebb;
    z-index: 5;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-transform: scale(1.2, .75);
    transform: scale(1.2, .75)
}

.sProduct-project-flow .list .item .txt {
    position: relative;
    z-index: 2;
    padding: 1.2rem .8rem;
    text-align: center;
    margin-top: -.4rem
}

.sProduct-project-flow .list .item .txt .sdd {
    margin-top: 15px;
    line-height: 1.5
}

@media screen and (min-width: 1025px) {
    .sProduct-project-flow .list .item .pic {
        overflow: visible;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }

    .sProduct-project-flow .list .item.on:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sProduct-project-flow .list .item.on .pic {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }

    .sProduct-project-flow .list .item.on .pic:after {
        background-color: #5fcebb
    }

    .sProduct-project-flow .list .item.on .serial {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        font-size: 0
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(1) {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg);
        -webkit-transform-origin: 0 50% 0;
        transform-origin: 0 50% 0
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(1) .txt {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg)
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(2) {
        -webkit-transform: rotateY(5deg) scale(.91) translateX(9%);
        transform: rotateY(5deg) scale(.91) translateX(9%);
        -webkit-transform-origin: 0 50% 0;
        transform-origin: 0 50% 0
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(2) .txt {
        -webkit-transform: rotateY(-5deg);
        transform: rotateY(-5deg)
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(3) {
        -webkit-transform: rotateY(-5deg) scale(.91) translateX(-9%);
        transform: rotateY(-5deg) scale(.91) translateX(-9%);
        -webkit-transform-origin: 100% 50% 0;
        transform-origin: 100% 50% 0
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(3) .txt {
        -webkit-transform: rotateY(5deg);
        transform: rotateY(5deg)
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(4) {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        -webkit-transform-origin: 100% 50% 0;
        transform-origin: 100% 50% 0
    }

    .sProduct-project-flow .list.AniStart .item:nth-child(4) .txt {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg)
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-project-flow .list .item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, .6)
    }

    .sProduct-project-flow .list .item:nth-child(1n+1) {
        width: 48.5%;
        margin-left: 3%;
        margin-top: 0
    }

    .sProduct-project-flow .list .item:nth-child(2n+1) {
        margin-left: 0
    }

    .sProduct-project-flow .list .item:nth-child(1n+3) {
        margin-top: 3%
    }

    .sProduct-project-flow .list .item .serial {
        display: none
    }

    .sProduct-project-flow .list .item .pic {
        background-color: transparent
    }

    .sProduct-project-flow .list .item .pic:after {
        display: none
    }

    .sProduct-project-flow .list .item .txt {
        margin-top: 0
    }

    .sProduct-project-flow .list .item .txt .sdd {
        margin-top: 10px
    }
}

@media screen and (max-width: 640px) {
    .sProduct-project-flow .list .item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sProduct-project-flow .list .item:nth-child(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .sProduct-project-flow .list .item:nth-child(1n+1) {
        margin-left: 0
    }

    .sProduct-project-flow .list .item:nth-child(1n+2) {
        margin-top: .8rem
    }
}

.sProduct-project-flow .pc {
    margin-top: 1.2rem;
    width: 640px;
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sProduct-project-flow .pc .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 50%;
    background-color: transparent
}

@media screen and (max-width: 1024px) {
    .sProduct-project-flow .pc {
        display: none
    }
}

.sProduct-project-flow .steps {
    margin-top: 1rem;
    text-align: center
}

.sProduct-project-flow .steps .wrapIn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    font-size: 0;
    white-space: nowrap
}

.sProduct-project-flow .steps .wrapIn:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    border-bottom: #d3d3d3 dashed .1rem
}

.sProduct-project-flow .steps .item {
    display: inline-block;
    vertical-align: top;
    width: 4.5rem;
    text-align: center;
    cursor: pointer
}

.sProduct-project-flow .steps .item > span {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    margin-top: .75em;
    color: #d3d3d3;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sProduct-project-flow .steps .item > span:before {
    content: " ";
    position: absolute;
    top: -.75em;
    height: 0;
    border-bottom: #0098eb solid .1rem;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    left: 100%;
    width: 0;
    bottom: 0
}

.sProduct-project-flow .steps .item.on > span {
    color: #272b37
}

.sProduct-project-flow .steps .item.on > span:before {
    left: 0;
    width: 100%;
    -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
    transition: left 0s ease-out 0s, width 220ms ease-out 0s
}

@media screen and (max-width: 1024px) {
    .sProduct-project-flow .steps {
        display: none
    }
}

.sProduct-project-layout {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 4rem;
    color: #fff;
    background-image: -webkit-linear-gradient(-90deg, #9a9da2, #262b38)
}

.sProduct-project-layout:before {
    content: " ";
    z-index: 3;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding-top: 12.5%;
    background-image: -webkit-linear-gradient(-90deg, #8a8f9a, rgba(138, 143, 154, 0))
}

.sProduct-project-layout .picOut {
    position: relative;
    z-index: 1
}

.sProduct-project-layout .pic img {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.sProduct-project-layout .pic:before {
    border-color: rgba(255, 255, 255, .6) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1)
}

.sProduct-project-layout .dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sProduct-project-layout .dt:after {
    display: none
}

.sProduct-project-layout .dt .picOut {
    width: 56.25%
}

.sProduct-project-layout .dt .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 75.92592593%
}

.sProduct-project-layout .dt .txtOut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-right: 4.6875vw;
    width: 43.75vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProduct-project-layout .dt .txtOut:after {
    display: none
}

.sProduct-project-layout .dt .txt {
    text-align: right;
    padding: 3.125vw
}

.sProduct-project-layout .dt .txt .sdt {
    letter-spacing: .05em;
    padding-left: .05em;
    line-height: 1.19444444
}

.sProduct-project-layout .dt .txt .sdd {
    margin-top: .6rem;
    line-height: 1.5
}

.sProduct-project-layout .dt .txt .sdf {
    margin-top: 1rem
}

.sProduct-project-layout .dt .txt .sdf .btn-more {
    color: #fff
}

.sProduct-project-layout .dd {
    margin-top: 30px
}

.sProduct-project-layout .dd .pic + .name {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.sProduct-project-layout .dd .pic._loaded + .name {
    -webkit-transition: all 250ms ease-out .1s;
    transition: all 250ms ease-out .1s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sProduct-project-layout .dd .name {
    white-space: nowrap
}

.sProduct-project-layout .dd .name > span {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 15px;
    min-width: 7.5em;
    border-bottom: #fff solid .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif
}

@media screen and (min-width: 1025px) {
    .sProduct-project-layout .dt .pic {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0
    }

    .sProduct-project-layout .dt:hover .pic {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    .sProduct-project-layout .dd .pic {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProduct-project-layout .dd.d1 .picOut {
        margin-left: 41.66666667%;
        width: 35.41666667%
    }

    .sProduct-project-layout .dd.d1 .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 52.94117647%
    }

    .sProduct-project-layout .dd.d1 .name {
        position: absolute;
        left: 100%;
        margin-left: -3.4375em;
        bottom: 0;
        z-index: 5;
        text-indent: -15px
    }

    .sProduct-project-layout .dd.d1:hover .pic {
        -webkit-transform: translateX(-.5rem);
        transform: translateX(-.5rem)
    }

    .sProduct-project-layout .dd.d2 .picOut {
        margin-left: 5.20833333vw;
        width: 26.5625%;
        text-align: right
    }

    .sProduct-project-layout .dd.d2 .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 66.66666667%
    }

    .sProduct-project-layout .dd.d2:hover .pic {
        -webkit-transform: translateY(.5rem);
        transform: translateY(.5rem)
    }

    .sProduct-project-layout .dd.d3 {
        margin-top: -1.5625%
    }

    .sProduct-project-layout .dd.d3 .picOut {
        width: 37.5%;
        margin-left: 41.66666667%
    }

    .sProduct-project-layout .dd.d3 .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 54.16666667%
    }

    .sProduct-project-layout .dd.d3 .name {
        position: absolute;
        left: 100%;
        margin-left: -3.4375em;
        bottom: -15px;
        margin-bottom: -.5em;
        z-index: 5
    }

    .sProduct-project-layout .dd.d3:hover .pic {
        -webkit-transform: translateY(.5rem);
        transform: translateY(.5rem)
    }
}

@media screen and (max-width: 1280px) {
    .sProduct-project-layout .dt .txt .sdd {
        font-size: 14px
    }
}

@media screen and (max-width: 1024px) {
    .sProduct-project-layout .dt {
        display: block
    }

    .sProduct-project-layout .dt .picOut {
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }

    .sProduct-project-layout .dt .txtOut {
        width: auto;
        padding-right: 0
    }

    .sProduct-project-layout .dt .txt {
        text-align: left
    }

    .sProduct-project-layout .dt .txt .sdt p {
        display: inline
    }

    .sProduct-project-layout .dt .txt .sdd {
        font-size: 16px
    }

    .sProduct-project-layout .dd {
        margin-top: 40px
    }

    .sProduct-project-layout .dd .picOut {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
        width: 400px;
        max-width: 80%
    }

    .sProduct-project-layout .dd .picOut .pic {
        height: 0;
        padding-bottom: 56.25%
    }

    .sProduct-project-layout .dd .picOut .pic img {
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .sProduct-project-layout .dd .name > span {
        text-align: center
    }
}

.sProduct-project-configuration .head {
    padding-top: 1.6rem;
    padding-bottom: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProduct-project-configuration .head:after {
    display: none
}

.sProduct-project-configuration .head .left .this {
    color: #272b37
}

.sProduct-project-configuration .head .left .line {
    margin-top: .6rem
}

.sProduct-project-configuration .head .left .line label {
    color: #272b37;
    padding-left: 0
}

.sProduct-project-configuration .head .left .line select + select {
    margin-left: .4rem
}

.sProduct-project-configuration .head .right {
    margin-top: 15px
}

.sProduct-project-configuration .head .right .tips {
    line-height: 1.5;
    color: #666
}

.sProduct-project-configuration .loadDiv {
    border-bottom: none
}

.sProduct-project-configuration-list .item {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background-color: #f4f6f8;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sProduct-project-configuration-list .item:nth-child(1n+2) {
    margin-top: .8rem
}

.sProduct-project-configuration-list .item .wrapIn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.sProduct-project-configuration-list .item .wrapIn:after {
    display: none
}

.sProduct-project-configuration-list .item .wrapIn:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 62px;
    height: .04rem;
    background-color: #2e323e
}

.sProduct-project-configuration-list .item .col {
    text-align: left
}

.sProduct-project-configuration-list .item .col .sdt {
    padding: 15px 0;
    font-size: 1em;
    height: 32px;
    line-height: 32px
}

.sProduct-project-configuration-list .item .col .sdt > span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1
}

.sProduct-project-configuration-list .item .col .sdd {
    margin-top: 1rem;
    min-height: 10em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sProduct-project-configuration-list .item .col .sdd:after {
    display: none
}

.sProduct-project-configuration-list .item .col .type {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sProduct-project-configuration-list .item .col .img {
    width: 100%;
    height: 140px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sProduct-project-configuration-list .item .col .img img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: 0 50%;
    object-position: 0 50%
}

.sProduct-project-configuration-list .item .col .txt {
    font-size: 1em;
    line-height: 1.5;
    color: #666;
    padding: .5em 0;
    min-height: 4.5em
}

.sProduct-project-configuration-list .item .col:nth-child(1n+2) {
    margin-left: .6rem
}

.sProduct-project-configuration-list .item .col:nth-child(1) {
    width: 17.5em
}

.sProduct-project-configuration-list .item .col:nth-child(2) {
    width: 15.625em
}

.sProduct-project-configuration-list .item .col:nth-child(3) {
    width: 12.5em
}

.sProduct-project-configuration-list .item .col:nth-child(4) {
    width: 10em
}

@media screen and (max-width: 1024px) {
    .sProduct-project-configuration-list .item .wrapIn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sProduct-project-configuration-list .item .wrapIn:before {
        display: none
    }

    .sProduct-project-configuration-list .item .col:nth-child(2n+1) {
        width: 50%
    }

    .sProduct-project-configuration-list .item .col:nth-child(2n+2) {
        width: 50%
    }

    .sProduct-project-configuration-list .item .col:nth-child(2n+2) .sdd, .sProduct-project-configuration-list .item .col:nth-child(2n+2) .sdt {
        padding-left: .6rem
    }

    .sProduct-project-configuration-list .item .col:nth-child(1n+2) {
        margin-left: 0
    }

    .sProduct-project-configuration-list .item .col:nth-child(1n+3) {
        margin-top: 20px
    }

    .sProduct-project-configuration-list .item .col .sdt {
        padding: 10px 0;
        border-bottom: #2e323e solid 1px;
        height: 24px;
        line-height: 24px
    }

    .sProduct-project-configuration-list .item .col .sdd {
        margin-top: 15px
    }
}

@media screen and (max-width: 640px) {
    .sProduct-project-configuration-list .item .col:nth-child(1n+1) {
        width: 100%
    }

    .sProduct-project-configuration-list .item .col:nth-child(1n+2) {
        margin-top: 10px
    }

    .sProduct-project-configuration-list .item .col .sdd, .sProduct-project-configuration-list .item .col .sdt {
        padding-left: 0 !important
    }

    .sProduct-project-configuration-list .item .col .sdd {
        min-height: 0;
        display: block
    }

    .sProduct-project-configuration-list .item .col .txt {
        min-height: 0
    }
}

.sMacare {
    padding-bottom: 0 !important
}

@media screen and (min-width: 1025px) {
    .sMacare {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.sMacare-wrap {
    padding-top: 0;
    padding-bottom: 0
}

.sMacare-intro-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.sMacare-intro-head:after {
    display: none
}

.sMacare-intro-head .sdd {
    line-height: 1.5
}

.sMacare-intro-head .left {
    width: 43.33333333%
}

.sMacare-intro-head .left .sdt .svg {
    height: 1em
}

.sMacare-intro-head .left .sdd {
    margin-top: .4rem
}

.sMacare-intro-head .left .sdf {
    margin-top: 1.2rem;
    line-height: 1.5
}

.sMacare-intro-head .right {
    text-align: right
}

.sMacare-intro-head .right:before {
    content: " ";
    height: 1em;
    display: block;
    width: 1px
}

.sMacare-intro-head .right .sdt {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    line-height: 1.77777778em;
    border-bottom: #f0f4f7 solid .08rem;
    padding-left: .55555556em
}

.sMacare-intro-head .right .sdd {
    margin-top: .2rem
}

@media screen and (max-width: 1024px) {
    .sMacare-intro-head .left {
        width: 100%
    }

    .sMacare-intro-head .left .sdf {
        margin-top: 20px
    }
}

@media screen and (max-width: 640px) {
    .sMacare-intro-head {
        display: block
    }

    .sMacare-intro-head .right {
        margin-top: .8rem;
        text-align: left
    }

    .sMacare-intro-head .right:before {
        display: none
    }

    .sMacare-intro-head .right .sdt {
        padding-left: 0
    }
}

.sMacare-intro-switch {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 45.83333333%;
    background-color: #83939f
}

.sMacare-intro-switch .shade {
    position: absolute;
    left: 0;
    top: 0
}

.sMacare-intro-switch .shade:before {
    z-index: 3;
    pointer-events: none;
    content: " ";
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    width: 100%;
    background-image: url(../images/mask-macare-intro.png);
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: repeat-x
}

.sMacare-intro-switch .item {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #83939f
}

.sMacare-intro-switch .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s
}

.sMacare-intro-switch .item.on .bg {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 3s ease-out 0s;
    transition: all 3s ease-out 0s
}

.sMacare-intro-switch .pagination-hotspot {
    position: absolute;
    left: 0;
    bottom: 3.125%;
    width: 100%;
    text-align: center;
    z-index: 5
}

.sMacare-detail {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sMacare-detail .section:nth-child(1n+2) {
    margin-top: 1rem
}

.sMacare-detail .section .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 40%;
    border-radius: 15px;
    background-color: #eee
}

@media screen and (min-width: 1025px) {
    .sMacare-detail .section .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }
}

.sMacare-detail .section .txt {
    padding: 1rem 0
}

.sMacare-detail .section .txt .left {
    min-width: 15em
}

.sMacare-detail .section .txt .right {
    width: 14.6rem
}

.sMacare-detail .section .txt .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sMacare-detail .section .txt .content:after {
    display: none
}

.sMacare-detail .section .txt .content .left {
    white-space: nowrap
}

.sMacare-detail .section .txt .content .left .sdt {
    margin-bottom: 20px
}

.sMacare-detail .section .txt .content .left .sdd {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: .4rem;
    padding-right: .6rem;
    font-size: 1em
}

.sMacare-detail .section .txt .content .left .sdd:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    left: 100%;
    bottom: 0;
    width: 0;
    height: .08rem;
    background-color: #0098eb
}

.sMacare-detail .section .txt .content .right:before {
    content: " ";
    display: block;
    height: 1em;
    margin-bottom: .4rem;
    z-index: -1;
    pointer-events: none
}

.sMacare-detail .section .txt .content .right p {
    line-height: 1.5
}

.sMacare-detail .section .txt .tail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-top: 1rem;
    line-height: 1.5
}

.sMacare-detail .section .txt .tail:after {
    display: none
}

.sMacare-detail .section .txt .tail p {
    font-size: 13px
}

.sMacare-detail .section .txt .tail p, .sMacare-detail .section .txt .tail p a {
    color: #a5a5a5
}

@media screen and (min-width: 1025px) {
    .sMacare-detail .section:hover .pic img {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    .sMacare-detail .section:hover .txt .content .left .sdd:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
        transition: left 0s ease-out 0s, width 220ms ease-out 0s
    }
}

@media screen and (max-width: 1024px) {
    .sMacare-detail .section .txt .left, .sMacare-detail .section .txt .right {
        width: 100%
    }

    .sMacare-detail .section .txt .right {
        margin-top: .8rem
    }

    .sMacare-detail .section .txt .right:before {
        display: none !important
    }

    .sMacare-detail .section .txt .content .left .sdd:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
        transition: left 0s ease-out 0s, width 220ms ease-out 0s
    }
}

@media screen and (max-width: 640px) {
    .sMacare-detail .section .txt .content .left .sdt {
        font-size: 24px
    }
}

.sService-wrap {
    padding: 0
}

.sService-team {
    position: relative;
    overflow: hidden;
    padding: 1.6rem 0 1.2rem
}

.sService-team-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sService-team-list:after {
    display: none
}

.sService-team-list .item {
    width: 368px;
    white-space: normal
}

.sService-team-list .item:nth-child(1n+2) {
    margin-left: .6rem
}

.sService-team-list .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 62.53521127%;
    background-color: #eee;
    border-radius: 10px
}

.sService-team-list .item .txt {
    margin-top: 1rem;
    color: #272b37
}

.sService-team-list .item .txt .sdd {
    margin-top: .6rem
}

.sService-team-list .item .txt .sdd .p1 {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 2px #0098eb
}

.sService-team-list .item .txt .sdd .p1 .tel {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sService-team-list .item .txt .sdd .p2 {
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .sService-team-list {
        overflow-x: auto
    }

    .sService-team-list .item {
        min-width: 300px
    }

    .sService-team-list .item:nth-child(1n+2) {
        margin-left: 20px
    }
}

.sService-idea {
    border-top: solid 1px #d8d8d8;
    padding-bottom: .6rem
}

.sService-idea .w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sService-idea .w:after {
    display: none
}

.sService-idea .left {
    padding: 1.2rem 0
}

.sService-idea .right {
    width: 74.66666667%
}

@media screen and (max-width: 1024px) {
    .sService-idea {
        position: relative;
        overflow: hidden
    }

    .sService-idea .left {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .sService-idea .right {
        width: 100%
    }
}

.sService-idea ~ .subpage-qnav {
    margin-top: -.6rem;
    border-top: #d8d8d8 solid 1px
}

.sService-idea-list {
    color: #272b37;
    position: relative;
    overflow: hidden
}

.sService-idea-list .item {
    padding: 1.2rem 0;
    border-bottom: #dbdbdb solid 1px
}

.sService-idea-list .item:nth-child(1n+2) {
    margin-top: .4rem
}

.sService-idea-list .item:last-child {
    border-bottom: none
}

.sService-idea-list .item .txt .sdd {
    margin-top: .4rem;
    line-height: 1.5em
}

.sService-idea-list .item .pic {
    margin-top: .6rem;
    width: 100%;
    height: 0 !important;
    padding-bottom: 53.57142857%;
    background-color: #eee;
    border-radius: 15px
}

@media screen and (max-width: 1024px) {
    .sService-idea-list .item .txt .sdt {
        font-size: 18px
    }

    .sService-idea-list .item .txt .sdd {
        margin-top: .6rem;
        font-size: 14px
    }

    .sService-idea-list .item .pic {
        margin-top: .8rem
    }
}

.sBranch-filter .subpage-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sBranch-filter .subpage-head:after {
    display: none
}

.sBranch-filter .subpage-head .line {
    margin-left: 1rem
}

@media screen and (max-width: 1024px) {
    .sBranch-filter .subpage-head {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.sBranch-list {
    min-height: 200px;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sBranch-list:after {
    display: none
}

.sBranch-list .empty {
    color: grey
}

@media screen and (max-width: 1024px) {
    .sBranch-list {
        min-height: 120px
    }

    .sBranch-list .empty {
        text-align: center;
        width: 100%;
        line-height: 120px
    }
}

.sBranch-list .item {
    width: 48%;
    position: relative;
    overflow: hidden;
    z-index: 2;
    border-radius: 15px;
    border: #eaeff2 solid .08rem;
    padding: 1.75em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sBranch-list .item:nth-child(1n+3) {
    margin-top: 1rem
}

.sBranch-list .item .dt span {
    padding: 2px 0;
    color: #272b37;
    line-height: 1.25
}

.sBranch-list .item .dt .hr {
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-color: #eaeff2;
    height: 2px;
    margin: .3rem 0
}

.sBranch-list .item .dt .hr:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    background-color: #0098eb;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 100%
}

.sBranch-list .item .dd {
    margin-top: .6rem;
    padding-bottom: .3rem
}

.sBranch-list .item .dd .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sBranch-list .item .dd .line:after {
    display: none
}

.sBranch-list .item .dd .col {
    padding-left: 40px;
    padding-top: 2px;
    line-height: 1.5;
    min-height: 32px
}

.sBranch-list .item .dd .col:nth-child(1n+2) {
    margin-left: .8rem
}

.sBranch-list .item .dd .col .icoImg {
    float: left;
    margin-top: -2px;
    margin-left: -40px;
    width: 32px;
    height: 32px
}

.sBranch-list .item .dd .col .sdt {
    font-family: inter_i, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    color: #272b37;
    height: 20px;
    line-height: 20px
}

.sBranch-list .item .dd .col .sdd > a {
    color: #272b37
}

.sBranch-list .item .dd .hr {
    background-color: transparent;
    height: 2px;
    margin: .2rem 0
}

@media screen and (min-width: 1025px) {
    .sBranch-list .item .data-name {
        max-width: 14em;
        display: inline-block;
        vertical-align: top
    }

    .sBranch-list .item .data-add {
        max-width: 20em
    }

    .sBranch-list .item .data-tel {
        white-space: nowrap
    }

    .sBranch-list .item .data-email {
        white-space: nowrap
    }

    .sBranch-list .item .data-fax {
        white-space: nowrap
    }

    .sBranch-list .item:hover .dt .hr:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
        transition: left 0s ease-out 0s, width 220ms ease-out 0s
    }
}

@media screen and (min-width: 1681px) {
    .sBranch-list .item {
        width: 640px
    }
}

@media screen and (min-width: 1921px) {
    .sBranch-list .item {
        width: 47.5%
    }
}

@media screen and (max-width: 1024px) {
    .sBranch-list .item .dt span {
        padding-right: 0;
        line-height: 32px
    }

    .sBranch-list .item .dd {
        margin-left: 0;
        margin-top: 1rem
    }

    .sBranch-list .item .dd .hr {
        display: none
    }

    .sBranch-list .item .dd .col {
        padding-left: 44px;
        border-bottom: #ececec solid 2px;
        padding-bottom: 12px;
        padding-top: 12px
    }

    .sBranch-list .item .dd .col:nth-child(1n+2) {
        margin-left: 0
    }
}

@media screen and (max-width: 640px) {
    .sBranch-list .item {
        width: 100%
    }

    .sBranch-list .item:nth-child(1n+2) {
        margin-left: 0;
        margin-top: 1rem
    }
}

.sInvestment-report .wW {
    padding: 1.2rem 7.8125vw;
    border-radius: 15px;
    background-color: #ecece9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sInvestment-report .wW:after {
    display: none
}

.sInvestment-report .wW .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: calc(40px + 3.125vw + 10px)
}

.sInvestment-report .wW .left:after {
    display: none
}

.sInvestment-report .wW .left .this {
    margin-bottom: .4rem;
    line-height: 1.25;
    margin-right: .6rem
}

.sInvestment-report .wW .left .line {
    margin-bottom: .4rem
}

.sInvestment-report .wW .left .line select {
    background-color: #ecece9
}

@media screen and (max-width: 1024px) {
    .sInvestment-report .wW .left {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.sInvestment-report .wW .right {
    width: 17.2rem;
    margin-left: .8rem
}

@media screen and (max-width: 1024px) {
    .sInvestment-report .wW {
        padding: 1.2rem
    }

    .sInvestment-report .wW .left {
        position: relative;
        top: auto
    }

    .sInvestment-report .wW .right {
        margin-left: 0;
        width: 100%
    }
}

.sInvestment-report-list .item {
    position: relative;
    z-index: 1;
    border-top: #b8b8b6 solid 1px;
    border-bottom: #b8b8b6 solid 1px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    padding: .2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
}

.sInvestment-report-list .item:after {
    display: none
}

.sInvestment-report-list .item:nth-child(1n+2) {
    margin-top: -1px
}

.sInvestment-report-list .item .sdt {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    color: #d9d9d9;
    padding: 10px 0;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

.sInvestment-report-list .item .sdd {
    display: none;
    min-width: 360px;
    line-height: 1.5
}

.sInvestment-report-list .item .sdd > p {
    padding: 10px 0
}

.sInvestment-report-list .item .sdd > p:nth-child(1n+2) {
    border-top: #b4b4b1 solid 1px
}

.sInvestment-report-list .item .btn-flip {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-color: #d9d9d9;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sInvestment-report-list .item .btn-flip > s:nth-child(1n+2) {
    margin-left: 2px
}

.sInvestment-report-list .item._unfold {
    z-index: 3;
    border-bottom-color: #73777f;
    border-top: #232b3a solid .1rem
}

.sInvestment-report-list .item._unfold .sdt {
    color: #272b37
}

.sInvestment-report-list .item._unfold .btn-flip {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .sInvestment-report-list .item:hover {
        z-index: 2;
        border-color: #666
    }

    .sInvestment-report-list .item:hover .sdt {
        color: #272b37
    }

    .sInvestment-report-list .item .btn-flip:hover {
        background-color: #272b37;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg)
    }
}

@media screen and (max-width: 1024px) {
    .sInvestment-report-list .item .sdt {
        padding-bottom: 8px
    }

    .sInvestment-report-list .item .btn-flip:active {
        -webkit-transition: 0s;
        transition: 0s;
        background-color: #272b37
    }
}

@media screen and (max-width: 640px) {
    .sInvestment-report-list .item .sdd {
        min-width: 100%;
        width: 100%
    }
}

.sInvestment-contact {
    margin-top: 1.2rem
}

.sInvestment-contact .body {
    margin-top: .8rem;
    background-color: #eef3f6;
    border-radius: 15px;
    padding: 1.2rem 2.4rem
}

@media screen and (max-width: 1024px) {
    .sInvestment-contact .body {
        padding: 1.2rem
    }
}

.sInvestment-contact-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sInvestment-contact-list:after {
    display: none
}

.sInvestment-contact-list .item {
    width: 40%;
    border-top: #c8cdd3 solid 1px;
    padding: 20px 0;
    color: #272b37
}

.sInvestment-contact-list .item:nth-child(1n+3) {
    margin-top: 1rem
}

.sInvestment-contact-list .item .sdt {
    line-height: 1.25em
}

.sInvestment-contact-list .item .sdd {
    margin-top: .4rem;
    line-height: 1.5;
    font-family: inter_i, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

@media screen and (min-width: 1025px) {
    .sInvestment-contact-list .item {
        min-width: 300px
    }
}

@media screen and (max-width: 1024px) {
    .sInvestment-contact-list .item {
        width: 48%
    }

    .sInvestment-contact-list .item:nth-child(1n+2) {
        margin-top: 0
    }
}

@media screen and (max-width: 640px) {
    .sInvestment-contact-list .item {
        width: 100%
    }

    .sInvestment-contact-list .item .sdt {
        font-size: 18px
    }

    .sInvestment-contact-list .item .sdd {
        font-size: 14px;
        margin-top: 5px
    }
}

.sNews-hotspot {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #e0e5ef;
    background-image: url(../images/bgs-news-hotspot.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 1025px) {
    .sNews-hotspot {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (max-width: 1024px) {
    .sNews-hotspot {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media screen and (max-width: 1024px) {
    .sNews-hotspot {
        padding: 10% 0
    }
}

.sNews-hotspot-swiper {
    margin-left: auto;
    margin-right: auto;
    width: 20rem;
    position: relative;
    z-index: 1;
    padding: 1.6rem 0 2rem
}

.sNews-hotspot-swiper .swiper-container {
    overflow: visible
}

.sNews-hotspot-swiper .swiper-wrapper {
    z-index: 2
}

.sNews-hotspot-swiper .item {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 15px
}

.sNews-hotspot-swiper .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 50%;
    background-color: #666;
    border-radius: 15px
}

.sNews-hotspot-swiper .item .pic:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    background-image: -webkit-linear-gradient(-90deg, rgba(16, 26, 39, 0) 60%, rgba(16, 26, 39, .85), rgba(16, 26, 39, .99))
}

.sNews-hotspot-swiper .item .pic._loaded:after {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.sNews-hotspot-swiper .item .pic._loaded + .txt {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sNews-hotspot-swiper .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 6;
    padding: 22px;
    color: #fff
}

.sNews-hotspot-swiper .item .txt .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    line-height: 1.5
}

.sNews-hotspot-swiper .item .txt .date {
    margin-top: 8px
}

.sNews-hotspot-swiper .fns {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 0
}

.sNews-hotspot-swiper .fns .ctr-hotspot {
    display: inline-block !important;
    vertical-align: top !important;
    position: relative
}

.sNews-hotspot-swiper .fns .ctr-hotspot:nth-child(1n+2) {
    margin-left: .8rem
}

.sNews-hotspot-swiper .fns .pagination-hotspot {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
    .sNews-hotspot-swiper {
        width: calc(100% - 30px);
        padding-top: 0;
        padding-bottom: 0
    }

    .sNews-hotspot-swiper .fns {
        position: relative;
        margin-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin-bottom: -5%
    }

    .sNews-hotspot-swiper .fns:after {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .sNews-hotspot-swiper .item .txt .title {
        font-size: 16px
    }

    .sNews-hotspot-swiper .item .txt .date {
        font-size: 14px;
        margin-top: 5px
    }
}

.sNews-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sNews-list:after {
    display: none
}

.sNews-list .item {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background-color: #eef2f8;
    margin-bottom: 2%
}

.sNews-list .item .pic {
    background-color: #eef2f8
}

.sNews-list .item .txt._flb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1em;
    background-color: #eef2f8;
    color: #272b37;
    border-radius: 0 0 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 4
}

.sNews-list .item .txt._flb .pic {
    border-radius: 15px
}

.sNews-list .item .txt._flb .title {
    font-size: 1em;
    line-height: 1.5;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sNews-list .item .txt._flb .date {
    line-height: 20px
}

.sNews-list .item .txt._flb .btn-rtarr {
    position: absolute;
    right: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sNews-list .item .txt._posl {
    width: 26.66666667%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.2rem .7rem 1rem
}

.sNews-list .item .txt._posl .date {
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    color: #272b37
}

.sNews-list .item .txt._posl .title {
    margin-top: 5px;
    color: #272b37;
    line-height: 1.5
}

.sNews-list .item .txt._posl .abstract {
    margin-top: .4rem;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 120px;
    color: #a4a4a4
}

.sNews-list .item .txt._posl .btn-rtarr {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    position: absolute;
    left: .7rem;
    bottom: 1rem
}

.sNews-list .item._r {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sNews-list .item._r:after {
    display: none
}

.sNews-list .item._r .pic {
    width: 66.13333333%;
    height: 0 !important;
    padding-bottom: 40.53333333%
}

.sNews-list .item._n {
    width: 49%
}

.sNews-list .item._n .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 54.42176871%;
    border-radius: 15px
}

@media screen and (min-width: 1025px) {
    .sNews-list .item:hover .txt._posl .btn-rtarr {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media screen and (max-width: 1024px) {
    .sNews-list .item {
        margin-bottom: 20px
    }

    .sNews-list .item .txt._flb {
        position: relative
    }

    .sNews-list .item._r {
        display: block
    }

    .sNews-list .item._r .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 54.42176871%
    }

    .sNews-list .item._n .pic {
        border-radius: 15px 15px 0 0
    }
}

.sNews-list ~ .loadDiv {
    margin-top: -2%
}

@media screen and (max-width: 1024px) {
    .sNews-list ~ .loadDiv {
        margin-top: -20px
    }
}

.sView {
    background-color: #f0f3f8
}

@media screen and (min-width: 1025px) {
    .sView {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.sView:before {
    content: " ";
    display: block;
    width: 100%;
    height: .6rem;
    pointer-events: none
}

.sView .wrapIn {
    border-radius: 15px 15px 0 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(39, 43, 55, .3);
    box-shadow: 0 0 10px 0 rgba(39, 43, 55, .3);
    padding: 1.8rem 9.375vw
}

@media screen and (max-width: 1600px) {
    .sView .wrapIn {
        padding-left: 6.25vw;
        padding-right: 6.25vw
    }
}

@media screen and (max-width: 1024px) {
    .sView .wrapIn {
        padding-left: 20px;
        padding-right: 20px
    }
}

.sView .wrapIn .fns {
    position: relative;
    width: 100%;
    line-height: .75em;
    height: .75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sView .wrapIn .fns:after {
    display: none
}

.sView .wrapIn .fns .ctr {
    color: #272b37;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04);
    font-size: 16px
}

.sView .wrapIn .fns .ctr[href=""], .sView .wrapIn .fns .ctr[href="#"] {
    cursor: not-allowed;
    color: grey
}

.sView .wrapIn .fns .ctr:hover {
    color: #0098eb
}

.sView .wrapIn .fns .btn-rtarr {
    display: block;
    line-height: 1
}

.sView .wrapIn .fns._poa {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.sView .wrapIn .fns._poa .btn-rtarr {
    display: none
}

.sView-head {
    text-align: center;
    position: relative;
    z-index: 1
}

.sView-head .date {
    margin-bottom: 1.2rem;
    font-size: .75em;
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    color: #272b37
}

.sView-head .mTitle, .sView-head .sTitle {
    font-size: 1em;
    color: #272b37;
    line-height: 1.33333333
}

.sView-head .hr {
    width: 100px;
    height: 4px;
    background-color: #272b37;
    margin: 10px auto
}

.sView-head .fns {
    margin-bottom: .8rem
}

@media screen and (max-width: 640px) {
    .sView-head {
        font-size: 20px
    }

    .sView-head .date {
        line-height: 20px
    }
}

.sView-body {
    margin-top: 1.8rem
}

.sView-body * {
    font-family: inter_r, Arial, sans-serif, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif !important
}

.sView-foot .fns {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: #ddd solid 1px
}

.sContact {
    padding-bottom: 0 !important
}

@media screen and (min-width: 1025px) {
    .sContact {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.sContact-wrap {
    padding-top: 0;
    padding-bottom: 0
}

.sContact-intro {
    position: relative;
    overflow: hidden
}

.sContact-intro .section.pic {
    padding: 0;
    height: 12rem;
    border-radius: .3rem;
    background-color: #eee
}

.sContact-intro .section.pic ~ .txt {
    border-bottom: #d5d5d5 solid 1px
}

.sContact-intro .section.txt {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    line-height: 1.5;
    color: #272b37
}

.sContact-intro .section.txt:after {
    display: none
}

.sContact-intro .section.txt:last-child {
    border: none !important
}

.sContact-intro .section.txt .left {
    position: relative;
    line-height: 1
}

.sContact-intro .section.txt .right {
    width: 44.79166667vw
}

.sContact-intro .section.txt .s1 .p2 {
    margin-top: .5rem;
    line-height: 1.5
}

.sContact-intro .section.txt .s2:nth-child(1n+2) {
    margin-top: 1.2rem
}

.sContact-intro .section.txt .s2 .th {
    color: #272b37;
    margin-bottom: .6rem;
    line-height: 1.33333333em
}

.sContact-intro .section.txt .s2 .td {
    display: inline-block;
    vertical-align: top
}

.sContact-intro .section.txt .s2 .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sContact-intro .section.txt .s2 .line:after {
    display: none
}

.sContact-intro .section.txt .s2 .hr {
    margin: .2rem 0
}

.sContact-intro .section.txt .s2 .col {
    padding-left: 40px;
    padding-top: 2px;
    line-height: 1.5;
    min-height: 32px
}

.sContact-intro .section.txt .s2 .col:nth-child(1n+2) {
    margin-left: 1.2rem
}

.sContact-intro .section.txt .s2 .col .icoImg {
    float: left;
    margin-top: -2px;
    margin-left: -40px;
    width: 32px;
    height: 32px
}

.sContact-intro .section.txt .s2 .col .sdt {
    font-family: inter_i, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    color: #272b37;
    height: 28px;
    line-height: 28px
}

.sContact-intro .section.txt .s2 .col .sdd > a {
    color: #272b37
}

.sContact-intro .section.txt .s3 > div:nth-child(1n+2) {
    margin-top: .3rem
}

.sContact-intro .section.txt .s3 ._p1u {
    padding-left: 5em;
    margin-top: .1rem !important
}

@media screen and (max-width: 1024px) {
    .sContact-intro .section.txt {
        padding-left: 0;
        padding-right: 0
    }

    .sContact-intro .section.txt:first-child {
        padding-top: 50px
    }

    .sContact-intro .section.txt .left {
        line-height: 1.25
    }

    .sContact-intro .section.txt .right {
        margin-top: .8rem;
        width: 100%
    }

    .sContact-intro .section.txt .right .s2 {
        width: 100%
    }

    .sContact-intro .section.txt .right .s2 .hr {
        margin: .3rem 0
    }

    .sContact-intro .section.txt .right .s2 .col:nth-child(1n+2) {
        margin-left: 0;
        margin-top: .6rem
    }
}

.sProducts-instrument-wrap {
    padding: 0 0 1.6rem
}

.sProducts-instrument-section {
    position: relative;
    overflow: hidden
}

.sProducts-instrument-s1 {
    text-align: center;
    padding: 1.6rem 0
}

.sProducts-instrument-s1 .dt {
    color: #272b37;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    z-index: 6
}

.sProducts-instrument-s1 .dt .en {
    opacity: .8;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 1em
}

.sProducts-instrument-s1 .dt .cn {
    margin-top: .3125em;
    line-height: 1.5
}

.sProducts-instrument-s1 .dt .cn .p1 {
    font-size: .75em
}

.sProducts-instrument-s1 .dt .cn .p2 {
    font-size: 1em
}

.sProducts-instrument-s1 .dd {
    margin-top: .8rem;
    line-height: 1.5
}

.sProducts-instrument-s1 .dd p {
    width: 14.8rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s1 .dd p {
        width: 90%
    }
}

.sProducts-instrument-s2 {
    position: relative
}

.sProducts-instrument-s2 ~ .sProducts-instrument-section {
    margin-top: 1.2rem
}

.sProducts-instrument-s2 .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProducts-instrument-s2 .contain:after {
    display: none
}

.sProducts-instrument-s2 .picBox {
    width: 50%;
    position: relative;
    z-index: 2;
    background-color: #f1f1f1;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden
}

.sProducts-instrument-s2 .picBox .pic {
    border-radius: inherit;
    height: auto
}

.sProducts-instrument-s2 .picBox .pic img {
    position: relative;
    width: 100%;
    display: block;
    height: auto !important
}

.sProducts-instrument-s2 .txtBox {
    width: 50%;
    padding: 1.2rem 3.125vw 1.2rem 4.16666667%;
    background-color: #fff
}

.sProducts-instrument-s2 .txtBox .sdt .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sProducts-instrument-s2 .txtBox .sdt .wrapIn span {
    letter-spacing: .05em
}

.sProducts-instrument-s2 .txtBox .sdd {
    margin-top: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    line-height: 1.5
}

.sProducts-instrument-s2 .txtBox .sdd:after {
    display: none
}

.sProducts-instrument-s2 .txtBox .sdd .col {
    /*
    width: 50%;*/

    padding-right: var(--paddingWw);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProducts-instrument-s2 .txtBox .sdd .col:nth-child(1n+3) {
    margin-top: 1rem
}

.sProducts-instrument-s2 .txtBox .sdd .col .xdd {
    margin-top: .6rem
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s2 .picBox {
        width: 100%
    }

    .sProducts-instrument-s2 .txtBox {
        width: 100%;
        padding: 1.6rem 1.2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sProducts-instrument-s2 .txtBox .sdd .col {
        /*
        width: 47%;*/

        padding-right: 0
    }

    .sProducts-instrument-s2 .txtBox .sdd .col:nth-child(2n+2) {
        margin-left: 6%
    }
}

.sProducts-instrument-s3 {
    margin-top: 1.2rem
}

.sProducts-instrument-s3 .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sProducts-instrument-s3 .contain:after {
    display: none
}

.sProducts-instrument-s3 .picBox {
    width: 50%;
    position: relative;
    z-index: 2;
    background-color: #f4f6f9;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden
}

.sProducts-instrument-s3 .picBox .pic {
    border-radius: inherit;
    height: auto
}

.sProducts-instrument-s3 .picBox .pic img {
    position: relative;
    width: 100%;
    display: block;
    height: auto !important
}

.sProducts-instrument-s3 .txtBox {
    width: 50%;
    padding: 1.2rem 4.16666667% 1.2rem 3.125vw;
    background-color: #fff
}

.sProducts-instrument-s3 .txtBox .sdt .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sProducts-instrument-s3 .txtBox .sdt .wrapIn span {
    letter-spacing: .05em
}

.sProducts-instrument-s3 .txtBox .sdd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    line-height: 1.5
}

.sProducts-instrument-s3 .txtBox .sdd:after {
    display: none
}

.sProducts-instrument-s3 .txtBox .sdd .col {
    width: 50%;
    padding-left: var(--paddingWw);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProducts-instrument-s3 .txtBox .sdd .col:nth-child(1n+3) {
    margin-top: 1rem
}

.sProducts-instrument-s3 .txtBox .sdd .col .xdt {
    padding-bottom: .3rem;
    width: 100%
}

.sProducts-instrument-s3 .txtBox .sdd .col .xdd {
    margin-top: .6rem
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s3 .picBox {
        width: 100%
    }

    .sProducts-instrument-s3 .txtBox {
        width: 100%;
        padding: 1.6rem 1.2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sProducts-instrument-s3 .txtBox .sdd {
        margin-top: 0
    }

    .sProducts-instrument-s3 .txtBox .sdd .col {
        width: 100%;
        padding-left: 0
    }

    .sProducts-instrument-s3 .txtBox .sdd .col:nth-child(1n+2) {
        margin-left: 0;
        margin-top: 1rem
    }
}

.sProducts-instrument-s4 {
    margin-top: 1.2rem;
    position: relative;
    background-color: #f4f6f9;
    border-radius: 15px;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.sProducts-instrument-s4 .expend {
    padding-bottom: 1.6rem
}

.sProducts-instrument-s4 .expend .head {
    width: 100%;
    text-align: center
}

.sProducts-instrument-s4 .expend .head .this {
    line-height: 1.25
}

.sProducts-instrument-s4 .expend .body {
    margin-top: 1rem;
    padding: 0 16.66666667%
}

.sProducts-instrument-s4 .expend .body .scene {
    position: relative;
    overflow: hidden
}

.sProducts-instrument-s4 .expend .body .scene .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 56.25%
}

.sProducts-instrument-s4 .expend .body .scene .pic img {
    -o-object-fit: contain;
    object-fit: contain
}

.sProducts-instrument-s4 .expend .body .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 0 .8rem
}

.sProducts-instrument-s4 .expend .body .txt:after {
    display: none
}

.sProducts-instrument-s4 .expend .body .txt .col {
    width: 45%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProducts-instrument-s4 .expend .body .txt .col:nth-child(1n+3) {
    margin-top: 4%
}

.sProducts-instrument-s4 .expend .body .txt .col .sdt .this {
    z-index: 2;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 15px
}

.sProducts-instrument-s4 .expend .body .txt .col .sdt .this:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: .08rem;
    background-color: #0098eb
}

.sProducts-instrument-s4 .expend .body .txt .col .sdd {
    margin-top: 10px;
    line-height: 1.5
}

@media screen and (min-width: 1025px) {
    .sProducts-instrument-s4 .expend .body .txt .col .sdt .this:after {
        left: 100%;
        width: 0;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProducts-instrument-s4 .expend .body .txt .col:hover .sdt .this:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
        transition: left 0s ease-out 0s, width 220ms ease-out 0s
    }
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s4 .expend .body {
        padding: 0
    }

    .sProducts-instrument-s4 .expend .body .txt {
        padding: 0
    }

    .sProducts-instrument-s4 .expend .body .txt .col {
        max-width: 400px
    }
}

.sProducts-instrument-s4 .project {
    margin-top: 1.6rem
}

.sProducts-instrument-s4 .project .head {
    margin-bottom: 1rem
}

.sProducts-instrument-s4 .project .body .line {
    border-top: #a0a3aa solid 1px;
    padding: 15px 0
}

.sProducts-instrument-s4 .project .body .line:nth-child(1n+2) {
    margin-top: .4rem
}

.sProducts-instrument-s4 .project .body .line .left {
    line-height: 1.5
}

.sProducts-instrument-s4 .project .body .line .right {
    margin-top: 15px
}

.sProducts-instrument-s4 .project .body .line .right img {
    display: block;
    margin-left: auto;
    margin-right: 0;
    max-width: 100%
}

.sProducts-instrument-s5 {
    margin-top: 1.2rem
}

.sProducts-instrument-s5 .w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-color: #f4f6f9;
    border-radius: 15px;
    border: #f4f6f9 solid .12rem;
    position: relative;
    overflow: hidden
}

.sProducts-instrument-s5 .w:after {
    display: none
}

.sProducts-instrument-s5 .picBox {
    width: 50%;
    position: relative
}

.sProducts-instrument-s5 .picBox .pic {
    background-color: #eee;
    width: 100%;
    height: 0 !important;
    padding-bottom: 80%
}

.sProducts-instrument-s5 .txtBox {
    width: 50%;
    padding: 1.6rem var(--paddingWw);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProducts-instrument-s5 .txtBox .dt {
    line-height: 1.25
}

.sProducts-instrument-s5 .txtBox .dt > .this {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .05em
}

.sProducts-instrument-s5 .txtBox .dd {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProducts-instrument-s5 .txtBox .dd:after {
    display: none
}

.sProducts-instrument-s5 .txtBox .dd .col {
    width: 45%;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sProducts-instrument-s5 .txtBox .dd .col:nth-child(1n+3) {
    margin-top: .8rem
}

.sProducts-instrument-s5 .txtBox .dd .col .sdd {
    margin-top: .3rem
}

@media screen and (min-width: 1025px) {
    .sProducts-instrument-s5 .picBox .pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding-bottom: 0;
        height: 100% !important
    }

    .sProducts-instrument-s5 .w .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProducts-instrument-s5 .w:hover .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s5 .picBox {
        width: 100%
    }

    .sProducts-instrument-s5 .picBox .pic {
        padding-bottom: 62.5%
    }

    .sProducts-instrument-s5 .txtBox {
        width: 100%
    }

    .sProducts-instrument-s5 .txtBox .dd {
        margin-top: 1rem;
        display: block
    }

    .sProducts-instrument-s5 .txtBox .dd .col:nth-child(1n+1) {
        width: 100%
    }

    .sProducts-instrument-s5 .txtBox .dd .col:nth-child(1n+2) {
        margin-top: .8rem
    }
}

.sProducts-instrument-s6 {
    margin-top: 1.2rem
}

.sProducts-instrument-s6 .head {
    margin-bottom: 1.2rem;
    line-height: 1.25
}

.sProducts-instrument-s6 .head > .this {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .05em
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s6 .head {
        padding-left: var(--paddingWw)
    }
}

.sProducts-instrument-s6-swiper .item {
    background-color: #edf1f8;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 49%
}

.sProducts-instrument-s6-swiper .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 40.98360656%
}

.sProducts-instrument-s6-swiper .item .txt {
    padding: 20px 30px;
    line-height: 1.5
}

.sProducts-instrument-s6-swiper .item .txt .icoImg {
    display: none
}

.sProducts-instrument-s6-swiper .item .txt .sdd {
    margin-top: .2rem
}

.sProducts-instrument-s6-swiper .pagination-hotspot {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 1rem
}

.sProducts-instrument-s6-swiper .pagination-hotspot .btn {
    width: 1rem
}

.sProducts-instrument-s6-swiper .pagination-hotspot .btn:nth-child(1n+2) {
    margin-left: 10px
}

.sProducts-instrument-s6-swiper._loaded .pagination-hotspot {
    display: block
}

.sProducts-instrument-s7 {
    margin-top: 1.2rem
}

.sProducts-instrument-s7 .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProducts-instrument-s7 .contain:after {
    display: none
}

.sProducts-instrument-s7 .picBox {
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    position: relative;
    z-index: 2;
    background-color: #f1f1f1;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.sProducts-instrument-s7 .picBox .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 62.5%;
    background-color: transparent
}

.sProducts-instrument-s7 .txtBox {
    width: 50%;
    padding: 1.2rem 4.16666667% 1.2rem 3.125vw;
    background-color: #fff
}

.sProducts-instrument-s7 .txtBox .wrapIn {
    padding-left: var(--paddingWw);
    line-height: 1.5
}

.sProducts-instrument-s7 .txtBox .sdt {
    line-height: 1.25
}

.sProducts-instrument-s7 .txtBox .sdt > .this {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .05em
}

.sProducts-instrument-s7 .txtBox .sdd {
    margin-top: 1.2rem
}

.sProducts-instrument-s7 .txtBox .sdd .col:nth-child(1n+2) {
    margin-top: 1rem
}

.sProducts-instrument-s7 .txtBox .sdd .col .xdd {
    margin-top: .3rem
}

@media screen and (min-width: 1025px) {
    .sProducts-instrument-s7 .picBox .pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding-bottom: 0;
        height: 100% !important
    }

    .sProducts-instrument-s7 .w .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sProducts-instrument-s7 .w:hover .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s7 .picBox {
        width: 100%
    }

    .sProducts-instrument-s7 .txtBox {
        width: 100%;
        padding: 1.6rem 1.2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sProducts-instrument-s7 .txtBox .wrapIn {
        padding-left: 0
    }
}

.sProducts-instrument-s8 {
    margin-top: 1.2rem
}

.sProducts-instrument-s8 .head {
    margin-bottom: 1rem
}

.sProducts-instrument-s8 .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProducts-instrument-s8 .body:after {
    display: none
}

.sProducts-instrument-s8 .body .line {
    width: 48%;
    border-top: #eee solid 1px;
    padding: 20px 0;
    line-height: 25px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.sProducts-instrument-s8 .body .line:after {
    display: none
}

.sProducts-instrument-s8 .body .line:nth-child(1n+3) {
    margin-top: 20px
}

.sProducts-instrument-s8 .body .line .ppty {
    font-size: 16px
}

.sProducts-instrument-s8 .body .line .param {
    font-size: 15px;
    color: #9b9b9b;
    width: 380px;
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .sProducts-instrument-s8 .w {
        margin: 0 !important;
        width: 100% !important
    }

    .sProducts-instrument-s8 .body, .sProducts-instrument-s8 .head {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .sProducts-instrument-s8 .body .line {
        width: 100%;
        padding: 15px 0
    }

    .sProducts-instrument-s8 .body .line:nth-child(1n+2) {
        margin-top: 15px
    }

    .sProducts-instrument-s8 .body .line .param {
        margin-top: 10px
    }
}

.sJoin-wrap {
    padding: 0;
    background-color: #fff
}

.sJoin-head {
    line-height: 1.5
}

.sJoin-head .sdd {
    display: inline-block;
    vertical-align: top;
    margin-top: .2rem;
    width: 24em
}

.sJoin-bg1 {
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-image: url(../images/bgs-join-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding-bottom: 3rem !important
}

@media screen and (min-width: 1025px) {
    .sJoin-bg1 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-bg1 {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-bg1 {
        padding: 0 0 15% !important
    }
}

.sJoin-banner {
    padding: 18.66666667% 0;
    text-align: center
}

.sJoin-banner .word {
    line-height: 1.5;
    color: #fff
}

.sJoin-banner .word > p {
    display: inline
}

.sJoin-banner .snav {
    margin-top: .8rem;
    text-align: center
}

.sJoin-banner .snav .link2 {
    display: inline-block;
    vertical-align: top;
    line-height: 1.8em;
    border-radius: 1.8em;
    padding: 0 .5em;
    color: #fff;
    border: solid 1px currentColor
}

.sJoin-banner .snav .link2:after {
    background-color: #fff
}

.sJoin-banner .snav .link2:nth-child(1n+2) {
    margin-left: 4.16666667vw
}

@media screen and (min-width: 1025px) {
    .sJoin-banner .snav .link2 {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sJoin-banner .snav .link2:hover {
        color: #272b37
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-banner .snav .link2:active {
        color: #272b37
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-banner .word {
        font-size: 1.28rem
    }
}

.sJoin-switch {
    position: relative;
    overflow: hidden;
    height: 16rem;
    border-radius: 15px;
    background-color: #272b37
}

.sJoin-switch .item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sJoin-switch .item .word .who {
    margin-bottom: 0;
    opacity: .2
}

.sJoin-switch .item .word .btn-play {
    margin-top: .8rem;
    position: relative;
    -webkit-transform: none !important;
    transform: none !important;
    left: 0
}

@media screen and (min-width: 1025px) {
    .sJoin-switch .pagination-banner {
        position: absolute;
        right: 3.125vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-switch {
        height: 0;
        padding-bottom: 62.5%
    }

    .sJoin-switch .shade {
        position: absolute;
        left: 0;
        top: 0
    }

    .sJoin-switch .item {
        height: 100% !important;
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sJoin-switch .item:after {
        display: none
    }

    .sJoin-switch .pagination-banner {
        position: absolute;
        left: 0;
        bottom: .6rem;
        width: 100%;
        text-align: center
    }
}

.sJoin-train {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 7.8125%
}

.sJoin-train .sJoin-head {
    text-align: left;
    color: #fff
}

.sJoin-train-rotateMove {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 1.6rem
}

@media screen and (max-width: 1440px) {
    .sJoin-train-rotateMove, .sJoin-train-rotateMove .item .word {
        font-size: 16px
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-train-rotateMove, .sJoin-train-rotateMove .item .word {
        font-size: 14px
    }
}

.sJoin-train-rotateMove .item.moveItem.base {
    width: 0;
    height: 25em;
    top: 0;
    left: 50%;
    opacity: 0
}

.sJoin-train-rotateMove .item.moveItem.L2.pOn {
    width: 0;
    height: 25em;
    top: 0;
    left: -25%;
    opacity: 0
}

.sJoin-train-rotateMove .item.moveItem.L1.pOn {
    width: 11.25em;
    height: 25em;
    top: 0;
    left: 0
}

.sJoin-train-rotateMove .item.moveItem.L0 {
    width: calc(100% - 11.25em * 2 - 2% * 2);
    height: 25em;
    top: 0;
    left: calc(11.25em + 2%)
}

.sJoin-train-rotateMove .item.moveItem.L1.nOn {
    width: 11.25em;
    height: 25em;
    top: 0;
    left: calc(100% - 11.25em)
}

.sJoin-train-rotateMove .item.moveItem.L2.nOn {
    width: 0;
    height: 25em;
    top: 0;
    left: 125%;
    opacity: 0
}

.sJoin-train-rotateMove .item.moveItem .mini {
    width: 11.25em
}

.sJoin-train-rotateMove .item.moveItem .full {
    left: 11.5em
}

.sJoin-train-rotateMove .shade {
    left: 50%;
    width: 100%;
    height: 25em;
    margin-left: -50%;
    overflow: visible;
    z-index: 1
}

.sJoin-train-rotateMove .shade:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .6) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    -webkit-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sJoin-train-rotateMove .shade._loaded:before {
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.sJoin-train-rotateMove .shade:before {
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (max-width: 1024px) {
    .sJoin-train-rotateMove .shade:before {
        margin: -16px 0 0 -16px;
        width: 32px;
        height: 32px
    }
}

.sJoin-train-rotateMove .shade._s:before {
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px
}

.sJoin-train-rotateMove .shade._loading:before {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.sJoin-train-rotateMove .shade:before {
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px
}

.sJoin-train-rotateMove .box {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 1;
    height: 100%;
    white-space: nowrap
}

.sJoin-train-rotateMove .item {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    width: auto;
    height: 25em;
    -webkit-transition: all 480ms ease-out 0s, z-index 0s ease-out 0s;
    transition: all 480ms ease-out 0s, z-index 0s ease-out 0s
}

.sJoin-train-rotateMove .item.moveItem {
    position: absolute;
    left: 0;
    top: 0;
    white-space: normal
}

.sJoin-train-rotateMove .item .full, .sJoin-train-rotateMove .item .mini {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 15px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sJoin-train-rotateMove .item .mini {
    left: 0;
    top: 0;
    z-index: 2;
    background-color: transparent
}

.sJoin-train-rotateMove .item .mini:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(5, 4, 2, .7);
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.sJoin-train-rotateMove .item .mini .word {
    position: absolute;
    left: .4rem;
    top: .7rem;
    line-height: 1.5;
    color: #fff
}

.sJoin-train-rotateMove .item .mini .btn-unfold {
    position: absolute;
    right: .6rem;
    bottom: .7rem;
    width: 1em;
    height: 1em;
    background-image: url(../images/btn-moreRarr.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-filter: contrast(50%) grayscale(100%) brightness(1000);
    filter: contrast(50%) grayscale(100%) brightness(1000);
    -webkit-transition: all 80ms ease-out 0s;
    transition: all 80ms ease-out 0s
}

.sJoin-train-rotateMove .item .mini .btn-unfold:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.sJoin-train-rotateMove .item .full {
    right: 0;
    background-color: #e6f2ff;
    z-index: 1
}

.sJoin-train-rotateMove .item .full .sdd, .sJoin-train-rotateMove .item .full .sdt {
    -webkit-transition: all 10ms ease-out 0s;
    transition: all 10ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: .8rem;
    right: .8rem
}

.sJoin-train-rotateMove .item .full .sdt {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: .7rem;
    line-height: 1.3125
}

.sJoin-train-rotateMove .item .full .sdd {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    bottom: .7rem;
    line-height: 1.5
}

.sJoin-train-rotateMove .item.on .mini {
    width: 15em
}

.sJoin-train-rotateMove .item.on .mini .btn-unfold, .sJoin-train-rotateMove .item.on .mini .word, .sJoin-train-rotateMove .item.on .mini:after {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sJoin-train-rotateMove .item.on .full {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    left: 15.25em
}

.sJoin-train-rotateMove .item.on .full .sdd, .sJoin-train-rotateMove .item.on .full .sdt {
    -webkit-transition: all 250ms ease-out .5s;
    transition: all 250ms ease-out .5s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sJoin-train-rotateMove .ctr-hotspot {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    z-index: 20;
    display: none
}

.sJoin-train-rotateMove .ctr-hotspot.prev {
    left: 1em
}

.sJoin-train-rotateMove .ctr-hotspot.next {
    right: 1em
}

.sJoin-train-rotateMove._loaded .shade:before {
    -webkit-transition: all 250ms ease-out .4s;
    transition: all 250ms ease-out .4s;
    opacity: 0;
    visibility: hidden
}

.sJoin-train-rotateMove._loaded .box {
    -webkit-transition: all 250ms ease-out .4s;
    transition: all 250ms ease-out .4s;
    opacity: 1;
    visibility: visible
}

.sJoin-train-rotateMove._loaded .ctr-hotspot {
    -webkit-transition: all 250ms ease-out .5s;
    transition: all 250ms ease-out .5s;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1280px) {
    .sJoin-train-rotateMove .item .full .sdt {
        font-size: 24px
    }

    .sJoin-train-rotateMove .item.on .mini {
        width: 12em
    }

    .sJoin-train-rotateMove .item.on .full {
        left: 12.25em
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-train-rotateMove .item.moveItem.L1.pOn {
        width: 10em;
        height: 25em;
        top: 0;
        left: 0
    }

    .sJoin-train-rotateMove .item.moveItem.L0 {
        width: calc(100% - 10em * 2 - 1.5% * 2);
        left: calc(10em + 1.5%)
    }

    .sJoin-train-rotateMove .item.moveItem.L1.nOn {
        width: 10em;
        height: 25em;
        top: 0;
        left: calc(100% - 10em)
    }

    .sJoin-train-rotateMove .item.moveItem .mini {
        width: 10em
    }

    .sJoin-train-rotateMove .item.moveItem .full {
        left: 10.25em
    }

    .sJoin-train-rotateMove .item.moveItem.on .mini {
        width: 12em
    }

    .sJoin-train-rotateMove .item.moveItem.on .full {
        left: 12.25em
    }
}

@media screen and (max-width: 640px) {
    .sJoin-train-rotateMove .item.moveItem.L1.pOn {
        left: -10em
    }

    .sJoin-train-rotateMove .item.moveItem.L0 {
        width: 100%;
        left: 0
    }

    .sJoin-train-rotateMove .item.moveItem.L1.nOn {
        left: calc(100% + 10em)
    }

    .sJoin-train-rotateMove .ctr-hotspot {
        display: block
    }
}

.sJoin-activity {
    background-color: #fff;
    padding: 7.8125% 0
}

.sJoin-activity .sJoin-head {
    text-align: center;
    color: #272b37
}

.sJoin-activity-list {
    position: relative;
    overflow: hidden;
    margin: 1.6rem auto -1.6rem;
    padding: 1.6rem 0;
    z-index: 1;
    height: 9.3rem;
    width: 26rem
}

.sJoin-activity-list .col {
    position: absolute;
    overflow: hidden;
    border-radius: 15px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    z-index: 1;
    background-color: #f1f1f1
}

.sJoin-activity-list .col:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    width: 1rem;
    height: 1rem;
    margin: -.5rem 0 0 -.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .6) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    -webkit-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sJoin-activity-list .col .pic {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.sJoin-activity-list .col .pic:before {
    display: none !important
}

.sJoin-activity-list .col .pic img {
    -o-object-fit: cover;
    object-fit: cover
}

.sJoin-activity-list .col .pic.lazybox + .txt {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sJoin-activity-list .col .pic._loaded + .txt {
    -webkit-transition: all 250ms ease-out .2s;
    transition: all 250ms ease-out .2s;
    opacity: 1;
    visibility: visible
}

.sJoin-activity-list .col .txt {
    position: absolute;
    z-index: 2;
    left: .6rem;
    top: .7rem;
    color: #fff;
    text-shadow: 0 2px 5.88px rgba(0, 0, 0, .21)
}

.sJoin-activity-list .col:nth-child(1) {
    bottom: 1.6rem;
    left: 0;
    width: 41.53846154%;
    height: 9.3rem
}

.sJoin-activity-list .col:nth-child(1) .pic {
    bottom: 0;
    height: 10.9rem
}

.sJoin-activity-list .col:nth-child(2) {
    bottom: 6.4rem;
    left: 43.46153846%;
    width: 27.30769231%;
    height: 4.5rem
}

.sJoin-activity-list .col:nth-child(2) .pic {
    bottom: 0;
    height: 6.1rem
}

.sJoin-activity-list .col:nth-child(3) {
    bottom: 6.4rem;
    right: 0;
    width: 27.30769231%;
    height: 4.5rem
}

.sJoin-activity-list .col:nth-child(3) .pic {
    bottom: 0;
    height: 6.1rem
}

.sJoin-activity-list .col:nth-child(4) {
    top: 6.7rem;
    right: 0;
    width: 56.53846154%;
    height: 4.2rem
}

.sJoin-activity-list .col:nth-child(4) .pic {
    top: 0;
    height: 5.8rem
}

@media screen and (min-width: 1025px) {
    .sJoin-activity-list .col:nth-child(1):hover {
        padding-top: 1.6rem
    }

    .sJoin-activity-list .col:nth-child(2):hover {
        padding-top: 1.6rem
    }

    .sJoin-activity-list .col:nth-child(3):hover {
        padding-top: 1.6rem
    }

    .sJoin-activity-list .col:nth-child(4):hover {
        padding-bottom: 1.6rem
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-activity-list {
        margin: 0 auto -1.6rem;
        width: calc(100% - 30px);
        height: 27.2rem
    }

    .sJoin-activity-list .col .pic {
        height: 100% !important
    }

    .sJoin-activity-list .col:nth-child(1) {
        width: 100%;
        top: 1.6rem;
        bottom: auto;
        padding-top: 1.6rem
    }

    .sJoin-activity-list .col:nth-child(2) {
        width: calc(50% - .3rem);
        top: 13.1rem;
        left: 0;
        bottom: auto;
        padding-top: 3.2rem
    }

    .sJoin-activity-list .col:nth-child(3) {
        width: calc(50% - .3rem);
        top: 13.1rem;
        right: 0;
        bottom: auto;
        padding-top: 3.2rem
    }

    .sJoin-activity-list .col:nth-child(4) {
        top: auto;
        bottom: 1.6rem;
        width: 100%;
        padding-bottom: 3.2rem
    }
}

.sJoin-college {
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-image: url(../images/bgs-join-2.png);
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding: 19.79166667% 0 9.375%
}

.sJoin-college .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sJoin-college .col:after {
    display: none
}

.sJoin-college .col:nth-child(1n+2) {
    margin-top: 6.25vw
}

.sJoin-college .col .picBox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 57.66666667%
}

.sJoin-college .col .picBox .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 48.14814815%;
    border-radius: 15px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, .6) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1)
}

.sJoin-college .col .txtBox {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 33.33333333%;
    color: #fff
}

.sJoin-college .col .txtBox .dt .this {
    display: inline-block;
    vertical-align: top;
    border: currentColor solid 1px;
    border-radius: 1.875em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .2rem .5rem
}

.sJoin-college .col .txtBox .dd {
    margin-top: .9rem;
    line-height: 1.875
}

@media screen and (min-width: 1025px) {
    .sJoin-college .col .pic img {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sJoin-college .col:hover .pic img {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
}

@media screen and (max-width: 1024px) {
    .sJoin-college .col .picBox {
        width: 100%
    }

    .sJoin-college .col .txtBox {
        width: 100%;
        margin-top: 1.6rem
    }
}

.sJoin-benefit {
    position: relative;
    overflow: hidden;
    padding-top: 7.8125%;
    padding-bottom: 7.8125%
}

.sJoin-benefit .contain {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 0 0 0 var(--paddingW)
}

.sJoin-benefit .contain:after {
    display: none
}

.sJoin-benefit .left {
    position: relative;
    width: 19.79166667vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sJoin-benefit .left .sdd {
    margin-top: .4rem;
    line-height: 1.6
}

.sJoin-benefit .left .pagination-hotspot {
    z-index: 8;
    position: absolute;
    left: 0;
    bottom: 0
}

.sJoin-benefit .left .pagination-hotspot._show {
    display: block
}

.sJoin-benefit .right {
    width: 62.5vw;
    height: 12rem
}

@media screen and (max-width: 1024px) {
    .sJoin-benefit .contain {
        padding: 0 15px
    }

    .sJoin-benefit .left {
        width: 100%
    }

    .sJoin-benefit .right {
        width: 100%;
        margin-top: 1.2rem
    }
}

.sJoin-benefit-swiper {
    width: 100%;
    position: static
}

.sJoin-benefit-swiper .swiper-wrapper {
    z-index: 2
}

.sJoin-benefit-swiper .item {
    position: relative;
    overflow: hidden;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    width: 12.8rem;
    height: 12rem;
    margin-right: .6rem
}

.sJoin-benefit-swiper .item .wrapIn {
    position: relative;
    overflow: hidden;
    z-index: 2;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.sJoin-benefit-swiper .item .pic {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.sJoin-benefit-swiper .item .pic:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .25);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    z-index: 3;
    pointer-events: none
}

.sJoin-benefit-swiper .item .txt {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    padding: .3rem .6rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: rgba(37, 43, 57, .5);
    line-height: 1.5;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.sJoin-benefit-swiper .item.on .txt {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sJoin-benefit-swiper .pagination-hotspot {
    display: block;
    position: absolute;
    left: var(--paddingW);
    bottom: 0
}

.sJoin-benefit-swiper .pagination-hotspot .btn {
    width: 1rem
}

.sJoin-benefit-swiper .pagination-hotspot .btn:nth-child(1n+2) {
    margin-left: 5px
}

.sJoin-benefit-swiper._loaded .pagination-hotspot {
    display: block
}

@media screen and (max-width: 1024px) {
    .sJoin-benefit-swiper {
        padding-bottom: 1rem;
        position: relative
    }

    .sJoin-benefit-swiper .pagination-hotspot {
        margin-top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        top: auto;
        bottom: 0
    }

    .sJoin-benefit-swiper .item {
        width: 75vw
    }
}

.sI1000-section1 {
    position: relative;
    overflow: hidden;
    z-index: 8;
    padding: 1rem 0 2rem;
    background-color: #fff
}

.sI1000-section1 .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sI1000-section1 .contain:after {
    display: none
}

.sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sI1000-section1 [ysq-scrollEle-aftLine] .wrapIn span {
    letter-spacing: .05em
}

.sI1000-section1 .left {
    margin-left: 8.33333333%;
    width: 30%
}

.sI1000-section1 .right {
    width: 50%;
    margin-right: 8.33333333%;
    position: relative;
    z-index: 2
}

.sI1000-section1 .right .imax {
    line-height: 1.5;
    color: #272b37
}

.sI1000-section1 .right .oList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-top: 2.4rem
}

.sI1000-section1 .right .oList:after {
    display: none
}

.sI1000-section1 .right .oList .oLi .th .wrapIn {
    padding-bottom: .2rem
}

.sI1000-section1 .right .oList .oLi .td {
    margin-top: 15px;
    line-height: 1.5625
}

.sI1000-section1 .right .oList .oLi:nth-child(2n+1) {
    width: 51.11111111%
}

.sI1000-section1 .right .oList .oLi:nth-child(2n+2) {
    width: 35.55555556%
}

.sI1000-section1 .right .oList .oLi:nth-child(1n+3) {
    margin-top: 1.2rem
}

@media screen and (max-width: 1024px) {
    .sI1000-section1 .left {
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .sI1000-section1 .left .wrapIn {
        padding-left: .5em;
        padding-right: .5em
    }

    .sI1000-section1 .left .wrapIn p {
        display: inline
    }

    .sI1000-section1 .right {
        width: 100%;
        margin-right: 0;
        margin-top: .8rem
    }

    .sI1000-section1 .right .imax {
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .sI1000-section1 .right .oList .oLi:nth-child(2n+2) {
        width: 40%
    }
}

.sI1000-section2 {
    z-index: 1;
    position: relative;
    overflow: hidden;
    background-color: #f4f6f9;
    border-radius: 15px;
    padding-top: 8.33333333vw;
    padding-bottom: 8.33333333vw;
    margin-top: 1.2rem
}

.sI1000-section2 .scene {
    position: relative;
    z-index: 2
}

.sI1000-section2 .scene .dct {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    width: 66.66666667vw;
    margin-top: -2%;
    opacity: .06;
    -webkit-mask: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 30%, #fff 100%)
}

.sI1000-section2 .scene .pic {
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sI1000-section2 .scene .pic.m-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 53.33333333%
}

.sI1000-section2 .scene .pic.pc-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 70.3125%
}

.sI1000-section2 .scene .dots {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.sI1000-section2 .scene .dots .dot {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0098eb;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin: -10px 0 0 -10px
}

.sI1000-section2 .scene .dots .dot:nth-child(1) {
    left: 19.4%;
    top: 40%
}

.sI1000-section2 .scene .dots .dot:nth-child(2) {
    left: 48%;
    top: 75.3%
}

.sI1000-section2 .scene .dots .dot:nth-child(3) {
    left: 66.6%;
    top: 60.4%
}

.sI1000-section2 .scene .dots .dot:nth-child(4) {
    left: 33.5%;
    top: 81.9%
}

.sI1000-section2 .scene .dots .dot:nth-child(5) {
    left: 58.9%;
    top: 82.6%
}

.sI1000-section2 .item {
    z-index: 3
}

.sI1000-section2 .item .wrapIn {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 250px;
    max-width: 100%
}

.sI1000-section2 .item .wrapIn .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 73.79032258%;
    background-color: #fff
}

.sI1000-section2 .item .wrapIn .txt {
    margin-top: .6rem;
    padding-bottom: .4rem;
    line-height: 1.625;
    color: #272b37;
    text-align: justify
}

.sI1000-section2 .item .line {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sI1000-section2 .item .line .dot {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0098eb
}

.sI1000-section2 .item .line > span {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.sI1000-section2 .item .line ._v {
    height: 100%;
    width: 1px;
    background-color: #202121
}

.sI1000-section2 .item .line ._h {
    height: 1px;
    width: 100%;
    background-color: #202121
}

.sI1000-section2 .AniStart .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sI1000-section2 .AniStart .item.i1 {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.sI1000-section2 .AniStart .item.i2 {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.sI1000-section2 .AniStart .item.i3 {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.sI1000-section2 .AniStart .item.i4 {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sI1000-section2 .AniStart .item.i5 {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sI1000-section2 .AniStart .item.i6 {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sI1000-section2 .AniDid .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sI1000-section2 .AniDid .item.i1 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.sI1000-section2 .AniDid .item.i2 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.sI1000-section2 .AniDid .item.i3 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.sI1000-section2 .AniDid .item.i4 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.sI1000-section2 .AniDid .item.i5 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.sI1000-section2 .AniDid .item.i6 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

@media screen and (min-width: 1025px) {
    .sI1000-section2 .scene {
        padding: 6.4rem 0
    }

    .sI1000-section2 .item {
        position: absolute;
        min-height: 6.4rem;
        background-color: #f4f6f9
    }

    .sI1000-section2 .item .dot {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sI1000-section2 .item:hover .dot {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8);
        box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8)
    }

    .sI1000-section2 .item.i1 {
        left: 0;
        top: 0;
        width: 18.75vw
    }

    .sI1000-section2 .item.i1 .wrapIn {
        bottom: 0
    }

    .sI1000-section2 .item.i1 .line {
        left: 9.375vw;
        top: 100%;
        width: 14.32291667vw;
        height: 18.75vw
    }

    .sI1000-section2 .item.i1 .line ._v {
        left: 0;
        top: 0
    }

    .sI1000-section2 .item.i1 .line ._h {
        bottom: 0;
        right: 0
    }

    .sI1000-section2 .item.i1 .line .dot {
        right: -3px;
        bottom: -2px
    }

    .sI1000-section2 .item.i2 {
        left: 50%;
        top: 0;
        width: 18.75vw;
        margin-left: -9.375vw
    }

    .sI1000-section2 .item.i2 .wrapIn {
        bottom: 0
    }

    .sI1000-section2 .item.i2 .line {
        right: 50%;
        top: 100%;
        width: 3.125vw;
        height: 29.16666667vw
    }

    .sI1000-section2 .item.i2 .line ._v {
        right: 0;
        top: 0
    }

    .sI1000-section2 .item.i2 .line ._h {
        bottom: 0;
        right: 0
    }

    .sI1000-section2 .item.i2 .line .dot {
        left: -3px;
        bottom: -2px
    }

    .sI1000-section2 .item.i3 {
        right: 0;
        top: 0;
        width: 18.75vw
    }

    .sI1000-section2 .item.i3 .wrapIn {
        bottom: 0
    }

    .sI1000-section2 .item.i3 .line {
        right: 9.375vw;
        top: 100%;
        width: 23.95833333vw;
        height: 25vw
    }

    .sI1000-section2 .item.i3 .line ._v {
        right: 0;
        top: 0
    }

    .sI1000-section2 .item.i3 .line ._h {
        bottom: 0;
        right: 0
    }

    .sI1000-section2 .item.i3 .line .dot {
        left: -3px;
        bottom: -2px
    }

    .sI1000-section2 .item.i4 {
        left: 0;
        bottom: 0;
        width: 18.75vw
    }

    .sI1000-section2 .item.i4 .wrapIn {
        top: 2.08333333vw
    }

    .sI1000-section2 .item.i4 .line {
        left: 9.375vw;
        bottom: 100%;
        width: 20.3125vw;
        height: 9.89583333vw
    }

    .sI1000-section2 .item.i4 .line ._v {
        left: 0;
        bottom: 0
    }

    .sI1000-section2 .item.i4 .line ._h {
        top: 0;
        right: 0
    }

    .sI1000-section2 .item.i4 .line .dot {
        right: -3px;
        top: -2px
    }

    .sI1000-section2 .item.i5 {
        left: 50%;
        bottom: 0;
        width: 18.75vw;
        margin-left: -9.375vw
    }

    .sI1000-section2 .item.i5 .wrapIn {
        top: 2.08333333vw
    }

    .sI1000-section2 .item.i5 .line {
        left: 50%;
        bottom: 100%;
        width: 2.08333333vw;
        height: 9.375vw
    }

    .sI1000-section2 .item.i5 .line ._v {
        left: 0;
        bottom: 0
    }

    .sI1000-section2 .item.i5 .line ._h {
        top: 0;
        left: 0
    }

    .sI1000-section2 .item.i5 .line .dot {
        right: -3px;
        top: -2px
    }

    .sI1000-section2 .item.i6 {
        right: 0;
        bottom: 0;
        width: 18.75vw
    }

    .sI1000-section2 .item.i6 .wrapIn {
        top: 2.08333333vw
    }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    .sI1000-section2 .item.i4 .line {
        width: 21.875vw
    }
}

@media screen and (max-width: 1024px) {
    .sI1000-section2 .contain {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sI1000-section2 .contain:after {
        display: none
    }

    .sI1000-section2 .scene {
        width: 100%;
        margin-bottom: .4rem
    }

    .sI1000-section2 .scene .dct {
        width: 90%
    }

    .sI1000-section2 .item {
        width: 48%;
        margin-top: .6rem
    }

    .sI1000-section2 .item .wrapIn {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important
    }

    .sI1000-section2 .item .wrapIn .txt {
        margin: .8rem 0 0 !important
    }

    .sI1000-section2 .item .wrapIn .txt:before {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #0098eb;
        display: inline-block;
        vertical-align: top
    }

    .sI1000-section2 .item .wrapIn .txt p {
        display: inline;
        line-height: 20px
    }

    .sI1000-section2 .item .line {
        display: none
    }

    .sI1000-section2 .item.i1 .txt:before {
        content: "1"
    }

    .sI1000-section2 .item.i2 .txt:before {
        content: "2"
    }

    .sI1000-section2 .item.i3 .txt:before {
        content: "3"
    }

    .sI1000-section2 .item.i4 .txt:before {
        content: "4"
    }

    .sI1000-section2 .item.i5 .txt:before {
        content: "5"
    }

    .sI1000-section2 .item.i6 .txt:before {
        content: "6"
    }
}

.sMax-wrap {
    padding-bottom: 0
}

.sMax-section1 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 1.6rem 0
}

.sMax-section1 .w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sMax-section1 .w:after {
    display: none
}

.sMax-section1 .left {
    width: 50%
}

.sMax-section1 .left .sdt {
    text-align: left
}

.sMax-section1 .left .sdt .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sMax-section1 .left .sdt .wrapIn span {
    letter-spacing: .05em
}

.sMax-section1 .left .sdt .wrapIn .p2 {
    font-size: .66666667em;
    margin-top: .2rem
}

.sMax-section1 .left .sdd {
    margin-top: 1.2rem
}

.sMax-section1 .right {
    margin-left: auto;
    margin-right: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.60416667vw .6rem;
    line-height: 1.5
}

@media screen and (max-width: 1024px) {
    .sMax-section1 .left {
        width: 100%
    }

    .sMax-section1 .left .sdt {
        text-align: center
    }

    .sMax-section1 .left .sdt > .wrapIn {
        padding-left: .5em;
        padding-right: .5em
    }

    .sMax-section1 .left .sdd {
        margin-top: .8rem;
        text-align: center
    }

    .sMax-section1 .right {
        width: 100%;
        margin-top: 1rem;
        padding: 0;
        text-align: center
    }
}

.sMax-section2 {
    background-color: #f4f6f9;
    border-radius: 15px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 1.6rem;
    margin-bottom: 2rem
}

.sMax-section2-entirety {
    z-index: 1;
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sMax-section2-entirety .contain {
    margin-left: auto;
    margin-right: auto
}

.sMax-section2-entirety .scene {
    position: relative;
    z-index: 2
}

.sMax-section2-entirety .scene .pic {
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 0 !important;
    padding-bottom: 42.97520661%;
    opacity: .4
}

.sMax-section2-entirety .scene .pieces {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sMax-section2-entirety .scene .pieces .item {
    position: absolute;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMax-section2-entirety .scene .pieces .item.i1 {
    left: 0
}

.sMax-section2-entirety .scene .pieces .item.i2 {
    left: 18.92561983%
}

.sMax-section2-entirety .scene .pieces .item.i3 {
    right: 25.61983471%
}

.sMax-section2-entirety .scene .pieces .item.i4 {
    right: 0
}

.sMax-section2-entirety .scene .pieces .item.on {
    opacity: 1
}

.sMax-section2-entirety .scene .dots {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.sMax-section2-entirety .scene .dots .dot {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0098eb;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin: -10px 0 0 -10px;
    bottom: 20%
}

.sMax-section2-entirety .scene .dots .dot:nth-child(1) {
    left: 9.8%
}

.sMax-section2-entirety .scene .dots .dot:nth-child(2) {
    left: 28%;
    bottom: 20%
}

.sMax-section2-entirety .scene .dots .dot:nth-child(3) {
    left: 64%;
    bottom: 20%
}

.sMax-section2-entirety .scene .dots .dot:nth-child(4) {
    right: 11.5%
}

.sMax-section2-entirety .list .item {
    position: absolute;
    z-index: 3
}

.sMax-section2-entirety .list .item .wrapIn {
    position: relative
}

.sMax-section2-entirety .list .item .wrapIn .sdt {
    padding: 10px 0;
    border-bottom: #0098eb solid .08rem;
    display: inline-block;
    vertical-align: top
}

.sMax-section2-entirety .list .item .wrapIn .sdd {
    margin-top: 15px
}

.sMax-section2-entirety .list .item .wrapIn .sdd .p {
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 1.5;
    border-bottom: #ececeb solid 1px
}

.sMax-section2-entirety .list .item .line {
    position: absolute;
    top: .5em;
    margin-top: 15px;
    z-index: -1;
    pointer-events: none;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sMax-section2-entirety .list .item .line .dot {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0098eb
}

.sMax-section2-entirety .list .item .line > span {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.sMax-section2-entirety .list .item .line ._h {
    width: 100%;
    height: 1px;
    background-color: #202121
}

.sMax-section2-entirety .list .item .line ._v {
    width: 1px;
    height: 100%;
    background-color: #202121
}

@media screen and (min-width: 1025px) {
    .sMax-section2-entirety {
        padding-bottom: 12rem
    }

    .sMax-section2-entirety .contain {
        width: 63.02083333vw
    }

    .sMax-section2-entirety .list .item {
        top: 100%;
        padding-top: 13.54166667vw;
        margin-top: -6.25vw;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    .sMax-section2-entirety .list .item.on {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }

    .sMax-section2-entirety .list .item .dot {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMax-section2-entirety .list .item .wrapIn {
        width: 8.8rem;
        max-width: 30vw
    }

    .sMax-section2-entirety .list .item .line {
        height: 10.9375vw
    }

    .sMax-section2-entirety .list .item .line .dot {
        right: -4px;
        top: -4px
    }

    .sMax-section2-entirety .list .item .line ._h {
        top: 0;
        left: 0
    }

    .sMax-section2-entirety .list .item .line ._v {
        top: 0;
        left: 0
    }

    .sMax-section2-entirety .list .item.i1 {
        left: -10.10416667vw
    }

    .sMax-section2-entirety .list .item.i1 .line {
        left: 2em;
        width: 8.85416667vw
    }

    .sMax-section2-entirety .list .item.i2 {
        left: 13.02083333vw
    }

    .sMax-section2-entirety .list .item.i2 .line {
        left: 1em;
        width: 1px
    }

    .sMax-section2-entirety .list .item.i2 .line ._h {
        display: none
    }

    .sMax-section2-entirety .list .item.i3 {
        left: 36.19791667vw
    }

    .sMax-section2-entirety .list .item.i3 .line {
        left: 1em;
        width: 1px
    }

    .sMax-section2-entirety .list .item.i3 .line ._h {
        display: none
    }

    .sMax-section2-entirety .list .item.i4 {
        left: 50vw
    }

    .sMax-section2-entirety .list .item.i4 .line {
        left: 1em;
        width: 1px
    }

    .sMax-section2-entirety .list .item.i4 .line ._h {
        display: none
    }

    .sMax-section2-entirety .list .item:hover .dot {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8);
        box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8)
    }
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
    .sMax-section2-entirety .list .item {
        padding-top: 11.45833333vw
    }

    .sMax-section2-entirety .list .item .line {
        height: 8.33333333vw
    }

    .sMax-section2-entirety .list .item .wrapIn {
        width: 8rem
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .sMax-section2-entirety .list .item .wrapIn {
        width: 7.2rem
    }
}

@media screen and (max-width: 1024px) {
    .sMax-section2-entirety .scene .pic {
        opacity: 1
    }

    .sMax-section2-entirety .pieces {
        display: none
    }

    .sMax-section2-entirety .list {
        margin-top: 1.2rem
    }

    .sMax-section2-entirety .list .item {
        position: relative;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important
    }

    .sMax-section2-entirety .list .item:nth-child(1n+2) {
        margin-top: .8rem
    }

    .sMax-section2-entirety .list .item .wrapIn {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important
    }

    .sMax-section2-entirety .list .item .wrapIn .sdt {
        margin: 0 !important;
        display: block
    }

    .sMax-section2-entirety .list .item .wrapIn .sdt:before {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #0098eb;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px
    }

    .sMax-section2-entirety .list .item .line {
        display: none
    }

    .sMax-section2-entirety .list .item.i1 .sdt:before {
        content: "1"
    }

    .sMax-section2-entirety .list .item.i2 .sdt:before {
        content: "2"
    }

    .sMax-section2-entirety .list .item.i3 .sdt:before {
        content: "3"
    }

    .sMax-section2-entirety .list .item.i4 .sdt:before {
        content: "4"
    }
}

.sMax-section2-parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sMax-section2-parts:after {
    display: none
}

.sMax-section2-parts .item .scene {
    position: relative;
    z-index: 1
}

.sMax-section2-parts .item .scene .wrapIn {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    padding-bottom: .6rem
}

.sMax-section2-parts .item .scene .figure {
    position: relative;
    overflow: hidden;
    z-index: 2;
    height: 0;
    opacity: .4;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMax-section2-parts .item .scene .figure .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sMax-section2-parts .item .scene .figure .pic._l {
    -webkit-transition: all 250ms ease-out .2s;
    transition: all 250ms ease-out .2s;
    opacity: 1;
    visibility: visible
}

.sMax-section2-parts .item .scene .figure .pic._p {
    -webkit-transition: all 250ms ease-out .2s;
    transition: all 250ms ease-out .2s;
    opacity: 0;
    visibility: hidden
}

.sMax-section2-parts .item .scene .figure .pic._t {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMax-section2-parts .item .scene .en {
    margin-top: .4rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 30px;
    opacity: .4;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMax-section2-parts .item .scene .name {
    margin-top: .4rem;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: rgba(39, 43, 55, .4);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMax-section2-parts .item .txt .wrapIn {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%
}

.sMax-section2-parts .item .txt .sdt .cn {
    line-height: 1.5;
    color: #272b37
}

.sMax-section2-parts .item .txt .sdd {
    color: rgba(39, 43, 55, .4);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    margin-top: .8rem;
    text-align: left
}

.sMax-section2-parts .item .txt .sdd .line {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5;
    border-bottom: #ececeb solid 1px
}

.sMax-section2-parts .item .txt .sdd .line:nth-child(1n+2) {
    margin-top: .6rem
}

.sMax-section2-parts .item._i3000 .figure {
    padding-bottom: 66.66666667%
}

.sMax-section2-parts .item._008as .figure {
    padding-bottom: 66.66666667%
}

.sMax-section2-parts .item._f9000 .figure {
    padding-bottom: 45%
}

.sMax-section2-parts .item._f9000x .figure {
    padding-bottom: 37.5%
}

@media screen and (min-width: 1025px) {
    .sMax-section2-parts .item.w50 {
        width: 50%
    }

    .sMax-section2-parts .item.w50 .wrapIn {
        width: 460px
    }

    .sMax-section2-parts .item.w100 {
        margin-top: 3.2rem;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .sMax-section2-parts .item.w100:after {
        display: none
    }

    .sMax-section2-parts .item.w100 .scene {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }

    .sMax-section2-parts .item.w100 .scene .wrapIn {
        width: 100%
    }

    .sMax-section2-parts .item.w100 .scene .figure {
        width: 100%
    }

    .sMax-section2-parts .item.w100 .txt {
        width: 50%
    }

    .sMax-section2-parts .item.w100 .txt .wrapIn {
        width: 480px
    }

    .sMax-section2-parts .item:hover .scene .figure {
        opacity: 1
    }

    .sMax-section2-parts .item:hover .scene .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sMax-section2-parts .item:hover .scene .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sMax-section2-parts .item:hover .scene .figure .pic._t {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    .sMax-section2-parts .item:hover .scene .en {
        opacity: 1
    }

    .sMax-section2-parts .item:hover .scene .name {
        color: #272b37
    }

    .sMax-section2-parts .item:hover .txt .sdd {
        color: #272b37
    }
}

@media screen and (max-width: 1024px) {
    .sMax-section2-parts .item {
        width: 100% !important
    }

    .sMax-section2-parts .item:nth-child(1n+2) {
        margin-top: 2.4rem
    }

    .sMax-section2-parts .item .scene .wrapIn {
        width: 360px;
        max-width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .sMax-section2-parts .item .scene .figure {
        width: 100%;
        margin-bottom: 10px;
        opacity: 1
    }

    .sMax-section2-parts .item .scene .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sMax-section2-parts .item .scene .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sMax-section2-parts .item .scene .en {
        opacity: 1
    }

    .sMax-section2-parts .item .scene .name {
        color: #272b37
    }

    .sMax-section2-parts .item .scene .name p:nth-child(2) {
        display: none
    }

    .sMax-section2-parts .item .txt .wrapIn {
        width: 400px !important
    }

    .sMax-section2-parts .item .txt .sdt {
        text-align: center
    }

    .sMax-section2-parts .item .txt .sdd {
        color: #272b37
    }
}

.sMax-section3 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-top: 3rem;
    padding-bottom: 5rem;
    color: #fff;
    background-image: -webkit-linear-gradient(-90deg, #9a9da2, #262b38)
}

.sMax-section3:before {
    content: " ";
    z-index: 3;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding-top: 12.5%;
    background-image: -webkit-linear-gradient(-90deg, #8a8f9a, rgba(138, 143, 154, 0))
}

.sMax-section3 .picOut {
    position: relative;
    z-index: 1
}

.sMax-section3 .pic:before {
    border-color: rgba(255, 255, 255, .6) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1)
}

.sMax-section3 .dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative
}

.sMax-section3 .dt:after {
    display: none
}

.sMax-section3 .dt .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 41.2173913%
}

.sMax-section3 .dt .txtOut {
    width: 440px;
    position: relative;
    z-index: 5
}

.sMax-section3 .dt .txt .sdt {
    letter-spacing: .05em;
    padding-left: .05em;
    line-height: 1.19444444
}

.sMax-section3 .dt .txt .sdd {
    margin-top: .6rem;
    line-height: 1.5
}

.sMax-section3 .dt .txt .sdf {
    margin-top: 1rem
}

.sMax-section3 .dt .txt .sdf .btn-more {
    color: #fff
}

.sMax-section3 .dd .name {
    white-space: nowrap
}

.sMax-section3 .dd .name > span {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 15px;
    min-width: 7.5em;
    border-bottom: #fff solid .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif
}

@media screen and (min-width: 1025px) {
    .sMax-section3 .dt:before {
        content: " ";
        display: block;
        width: 100%;
        height: 0;
        padding-top: 2rem;
        padding-bottom: 31.32521739%
    }

    .sMax-section3 .dt .picOut {
        position: absolute;
        right: 0;
        top: 0;
        width: 76%;
        padding-top: 2rem
    }

    .sMax-section3 .dt .pic {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        -webkit-transform-origin: 100% 0 0;
        transform-origin: 100% 0 0
    }

    .sMax-section3 .dt .txtOut {
        position: absolute;
        left: 0;
        top: 0
    }

    .sMax-section3 .dt:hover .pic {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    .sMax-section3 .dd {
        margin-top: 4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .sMax-section3 .dd:after {
        display: none
    }

    .sMax-section3 .dd .picOut {
        width: 41.33333333%
    }

    .sMax-section3 .dd .picOut:hover .pic {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }

    .sMax-section3 .dd .pic {
        height: 6.8rem;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMax-section3 .dd .pic img {
        max-width: 95% !important;
        max-height: 95% !important;
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .sMax-section3 .dd .name {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 1280px) {
    .sMax-section3 .dt .txt .sdd {
        font-size: 14px
    }
}

@media screen and (max-width: 1024px) {
    .sMax-section3 .dt {
        display: block
    }

    .sMax-section3 .dt .picOut {
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }

    .sMax-section3 .dt .txtOut {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sMax-section3 .dt .txtOut:after {
        display: none
    }

    .sMax-section3 .dt .txt {
        text-align: left;
        padding: 3.125vw
    }

    .sMax-section3 .dt .txt .sdt p {
        display: inline
    }

    .sMax-section3 .dt .txt .sdd {
        font-size: 16px
    }

    .sMax-section3 .dd {
        margin-top: 40px
    }

    .sMax-section3 .dd .picOut {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
        width: 400px;
        max-width: 80%
    }

    .sMax-section3 .dd .picOut:nth-child(1n+2) {
        margin-top: 1rem
    }

    .sMax-section3 .dd .picOut .pic {
        height: 0;
        padding-bottom: 56.25%
    }

    .sMax-section3 .dd .picOut .pic img {
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .sMax-section3 .dd .name {
        text-align: center
    }
}

.sMax-section4 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-top: 2.4rem;
    padding-bottom: 3.2rem;
    background-image: -webkit-linear-gradient(-90deg, #f0f0f0, #8d929b)
}

.sMax-section4 .head {
    text-align: center
}

.sMax-section4 .head .icoImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 3em
}

.sMax-section4 .head .sdt {
    margin-top: .8rem
}

.sMax-section4 .head .sdd {
    margin-top: .4rem;
    font-size: 1em;
    line-height: 1.5
}

.sMax-section4 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 1.2rem
}

.sMax-section4 .list:after {
    display: none
}

.sMax-section4 .list .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .15);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
    border-radius: 15px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.sMax-section4 .list .item:nth-child(1n+1) {
    width: 24%;
    margin-left: 1.33333333%;
    margin-top: 0
}

.sMax-section4 .list .item:nth-child(4n+1) {
    margin-left: 0
}

.sMax-section4 .list .item:nth-child(1n+5) {
    margin-top: 0
}

.sMax-section4 .list .item:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #5fcebb;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sMax-section4 .list .item .top {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 0 !important;
    padding-bottom: 56.25%
}

.sMax-section4 .list .item .serial {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: inter_r, Arial, sans-serif, inter_r, '思源黑体', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans CN', source-han-sans-simplified-c, 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif;
    font-size: 5.625vw;
    color: #272b37;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.sMax-section4 .list .item .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #5fcebb
}

.sMax-section4 .list .item .pic img {
    -o-object-position: 50% 0;
    object-position: 50% 0;
    -o-object-fit: auto 100%;
    object-fit: auto 100%;
    background-color: #fff
}

.sMax-section4 .list .item .pic:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: 50%;
    height: 40px;
    bottom: -20px;
    background-color: #5fcebb;
    z-index: 5;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-transform: scale(1.2, .75);
    transform: scale(1.2, .75)
}

.sMax-section4 .list .item .txt {
    position: relative;
    z-index: 2;
    padding: 1.2rem .8rem;
    text-align: center;
    margin-top: -.4rem
}

.sMax-section4 .list .item .txt .sdd {
    margin-top: 15px;
    line-height: 1.5
}

@media screen and (min-width: 1025px) {
    .sMax-section4 .list .item .pic {
        overflow: visible;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }

    .sMax-section4 .list .item.on:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sMax-section4 .list .item.on .pic {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }

    .sMax-section4 .list .item.on .pic:after {
        background-color: #5fcebb
    }

    .sMax-section4 .list .item.on .serial {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        font-size: 0
    }

    .sMax-section4 .list.AniStart .item:nth-child(1) {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg);
        -webkit-transform-origin: 0 50% 0;
        transform-origin: 0 50% 0
    }

    .sMax-section4 .list.AniStart .item:nth-child(1) .txt {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg)
    }

    .sMax-section4 .list.AniStart .item:nth-child(2) {
        -webkit-transform: rotateY(5deg) scale(.91) translateX(9%);
        transform: rotateY(5deg) scale(.91) translateX(9%);
        -webkit-transform-origin: 0 50% 0;
        transform-origin: 0 50% 0
    }

    .sMax-section4 .list.AniStart .item:nth-child(2) .txt {
        -webkit-transform: rotateY(-5deg);
        transform: rotateY(-5deg)
    }

    .sMax-section4 .list.AniStart .item:nth-child(3) {
        -webkit-transform: rotateY(-5deg) scale(.91) translateX(-9%);
        transform: rotateY(-5deg) scale(.91) translateX(-9%);
        -webkit-transform-origin: 100% 50% 0;
        transform-origin: 100% 50% 0
    }

    .sMax-section4 .list.AniStart .item:nth-child(3) .txt {
        -webkit-transform: rotateY(5deg);
        transform: rotateY(5deg)
    }

    .sMax-section4 .list.AniStart .item:nth-child(4) {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        -webkit-transform-origin: 100% 50% 0;
        transform-origin: 100% 50% 0
    }

    .sMax-section4 .list.AniStart .item:nth-child(4) .txt {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg)
    }
}

@media screen and (max-width: 1024px) {
    .sMax-section4 .list .item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, .6)
    }

    .sMax-section4 .list .item:nth-child(1n+1) {
        width: 48.5%;
        margin-left: 3%;
        margin-top: 0
    }

    .sMax-section4 .list .item:nth-child(2n+1) {
        margin-left: 0
    }

    .sMax-section4 .list .item:nth-child(1n+3) {
        margin-top: 3%
    }

    .sMax-section4 .list .item .serial {
        display: none
    }

    .sMax-section4 .list .item .pic {
        background-color: transparent
    }

    .sMax-section4 .list .item .pic:after {
        display: none
    }

    .sMax-section4 .list .item .txt {
        margin-top: 0
    }

    .sMax-section4 .list .item .txt .sdd {
        margin-top: 10px
    }
}

@media screen and (max-width: 640px) {
    .sMax-section4 .list .item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sMax-section4 .list .item:nth-child(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .sMax-section4 .list .item:nth-child(1n+1) {
        margin-left: 0
    }

    .sMax-section4 .list .item:nth-child(1n+2) {
        margin-top: .8rem
    }
}

.sMax-section4 .pc {
    margin-top: 1.2rem;
    width: 640px;
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sMax-section4 .pc .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 50%;
    background-color: transparent
}

@media screen and (max-width: 1024px) {
    .sMax-section4 .pc {
        display: none
    }
}

.sMax-section4 .steps {
    margin-top: 1rem;
    text-align: center
}

.sMax-section4 .steps .wrapIn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    font-size: 0;
    white-space: nowrap
}

.sMax-section4 .steps .wrapIn:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    border-bottom: #d3d3d3 dashed .1rem
}

.sMax-section4 .steps .item {
    display: inline-block;
    vertical-align: top;
    width: 4.5rem;
    text-align: center;
    cursor: pointer
}

.sMax-section4 .steps .item > span {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    margin-top: .75em;
    color: #d3d3d3;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMax-section4 .steps .item > span:before {
    content: " ";
    position: absolute;
    top: -.75em;
    height: 0;
    border-bottom: #0098eb solid .1rem;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    left: 100%;
    width: 0;
    bottom: 0
}

.sMax-section4 .steps .item.on > span {
    color: #272b37
}

.sMax-section4 .steps .item.on > span:before {
    left: 0;
    width: 100%;
    -webkit-transition: left 0s ease-out 0s, width 220ms ease-out 0s;
    transition: left 0s ease-out 0s, width 220ms ease-out 0s
}

@media screen and (max-width: 1024px) {
    .sMax-section4 .steps {
        display: none
    }
}

.sSustainable .subpage-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sSustainable .subpage-banner:after {
    display: none
}

.sSustainable .subpage-banner .w {
    padding-top: 2rem
}

.sSustainable .subpage-banner .p1 {
    color: #272b37
}

.sSustainable .subpage-banner .btn {
    margin-top: .6rem;
    display: inline-block;
    vertical-align: top;
    padding: 6px 12px;
    border-radius: 50px;
    color: #272b37;
    border: solid 1px #272b37
}

.sSustainable .subpage-banner .btn:after {
    background-color: #272b37
}

@media screen and (min-width: 1025px) {
    .sSustainable .subpage-banner .btn:hover {
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .sSustainable .subpage-banner .w {
        padding-top: .8rem
    }

    .sSustainable .subpage-banner .btn:active {
        color: #fff
    }
}

.sSustainable-wrap {
    padding-top: 0
}

.sSustainable-framework {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 2.8rem 0 6rem;
    background-image: url(../images/fazhan/bg-framework.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sSustainable-framework-head {
    text-align: center;
    line-height: 1.5
}

.sSustainable-framework-head .dt {
    color: #272b37
}

.sSustainable-framework-head .dd {
    margin-top: .6rem;
    line-height: 1.5625;
    width: 45em;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%
}

.sSustainable-framework-scene {
    position: relative;
    margin-top: 2rem;
    text-align: center
}

.sSustainable-framework-scene .line {
    position: relative
}

.sSustainable-framework-scene .point {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    position: relative;
    max-width: 100%
}

.sSustainable-framework-scene .point .dt {
    text-align: center
}

.sSustainable-framework-scene .point .dt .this {
    display: inline-block;
    vertical-align: top;
    color: #272b37;
    padding: 15px 20px;
    border-radius: 60px;
    border: #272b37 solid 1px;
    white-space: normal
}

.sSustainable-framework-scene .point .dd {
    position: absolute;
    top: 8px;
    padding-top: 10px;
    width: 400px;
    font-size: 15px;
    line-height: 24px
}

.sSustainable-framework-scene .point .dd .arrow {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    background-image: url(../images/fazhan/btn-arrow.svg);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sSustainable-framework-scene .point .dd._r {
    left: 100%;
    padding-left: 60px;
    text-align: left
}

.sSustainable-framework-scene .point .dd._r .arrow {
    left: 0
}

.sSustainable-framework-scene .point .dd._l {
    right: 100%;
    padding-right: 60px;
    text-align: right
}

.sSustainable-framework-scene .point .dd._l .arrow {
    right: 0
}

.sSustainable-framework-scene .bind {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    color: #aeb0b8
}

.sSustainable-framework-scene .bind .icon {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    background-image: url(../images/fazhan/icon-bind.svg);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sSustainable-framework-scene .bind.b1 {
    padding: 35px 0
}

.sSustainable-framework-scene .bind.b2 {
    padding: 45px 0
}

.sSustainable-framework-scene .bind.b3 {
    position: absolute;
    right: 0;
    top: -26px;
    height: auto
}

.sSustainable-framework-scene .bind.b3 span {
    display: block
}

.sSustainable-framework-scene .bind.b4 {
    padding: 40px 0
}

.sSustainable-framework-scene .bind.b4 .icon {
    background-image: url(../images/fazhan/icon-bind22.svg)
}

.sSustainable-framework-scene .lbox {
    position: absolute;
    right: 100%;
    top: 0
}

.sSustainable-framework-scene .lbox .wrap {
    position: absolute;
    right: 40px;
    width: 200px
}

@media screen and (max-width: 1440px) {
    .sSustainable-framework-scene {
        margin-bottom: -3rem
    }

    .sSustainable-framework-scene .point {
        width: 240px
    }

    .sSustainable-framework-scene .point .dt .this {
        padding: 10px 15px
    }

    .sSustainable-framework-scene .point .dd {
        top: 4px;
        padding-top: 5px;
        width: 360px
    }

    .sSustainable-framework-scene .point .dd .arrow {
        width: 32px;
        height: 32px
    }

    .sSustainable-framework-scene .point .dd._r {
        padding-left: 50px
    }

    .sSustainable-framework-scene .point .dd._l {
        padding-right: 50px
    }

    .sSustainable-framework-scene .bind {
        padding: 35px 0 !important
    }

    .sSustainable-framework-scene .bind.b3 {
        position: static
    }

    .sSustainable-framework-scene .bind.b3 span {
        display: inline
    }

    .sSustainable-framework-scene .lbox {
        position: relative;
        right: 0
    }

    .sSustainable-framework-scene .lbox .wrap {
        position: relative;
        right: auto;
        width: auto
    }
}

@media screen and (max-width: 1024px) {
    .sSustainable-framework-scene .point {
        width: 100%
    }

    .sSustainable-framework-scene .point .dd {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        padding: 10px !important;
        width: auto;
        text-align: center !important
    }

    .sSustainable-framework-scene .point .dd .arrow {
        display: none
    }

    .sSustainable-framework-scene .bind {
        padding: 20px 0 !important
    }
}

.sSustainable-strategy {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 2rem 0;
    background-color: #fff
}

.sSustainable-strategy-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sSustainable-strategy-head:after {
    display: none
}

.sSustainable-strategy-head .dt {
    color: #272b37;
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.sSustainable-strategy-head .dd {
    line-height: 1.5625;
    width: 46em
}

@media screen and (max-width: 1024px) {
    .sSustainable-strategy-head {
        text-align: center;
        display: block
    }

    .sSustainable-strategy-head .dd {
        margin-top: .6rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%
    }
}

.sSustainable-strategy-swiper {
    margin-top: 1.6rem;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.sSustainable-strategy-swiper .swiper-container {
    z-index: 1
}

.sSustainable-strategy-swiper .swiper-wrapper {
    z-index: 2
}

.sSustainable-strategy-swiper .item {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 15px
}

.sSustainable-strategy-swiper .item:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border: #eee solid 2px
}

.sSustainable-strategy-swiper .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 84.375%;
    background-color: #eee
}

.sSustainable-strategy-swiper .item .txt {
    padding: 2rem 25px 30px;
    color: #272b37
}

.sSustainable-strategy-swiper .item .txt .sdt {
    line-height: 1.5
}

.sSustainable-strategy-swiper .item .txt .sdd {
    margin-top: .6rem;
    font-size: 15px;
    line-height: 24px
}

@media screen and (max-width: 1024px) {
    .sSustainable-strategy-swiper .item .txt {
        padding: 1.2rem 20px 25px
    }
}

.sSustainable-practice {
    padding-bottom: 1.2rem
}

.sSustainable-practice-head {
    text-align: center;
    margin-bottom: 1rem
}

.sSustainable-practice-head .dt {
    color: #272b37
}

.sSustainable-practice-section + .sSustainable-practice-section {
    margin-top: 2.4rem
}

.sSustainable-practice-section .head .sdt {
    text-align: center
}

.sSustainable-practice-section .head .sdt .this {
    color: #272b37;
    padding: 8px 18px;
    display: inline-block;
    vertical-align: top;
    border: #0098eb solid 1px;
    border-radius: 50px
}

.sSustainable-practice-section .head .sdd {
    margin-top: 1rem;
    color: #272b37;
    line-height: 1.66666667;
    width: 53.75em;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    text-align: center
}

.sSustainable-practice-section .body {
    margin-top: 1.2rem
}

.sSustainable-practice-pb .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sSustainable-practice-pb .line:after {
    display: none
}

.sSustainable-practice-pb .line .col {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 15px
}

.sSustainable-practice-pb .line .col .pic {
    width: 100%;
    height: 10rem;
    border-radius: inherit;
    background-color: #eee
}

.sSustainable-practice-pb .line .col .txt {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    z-index: 9;
    bottom: 0;
    background-color: rgba(16, 15, 14, .5);
    height: 60px
}

.sSustainable-practice-pb .line .col .txt .title {
    line-height: 40px;
    padding: 10px 20px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sSustainable-practice-pb .line .col .txt .abstract {
    position: absolute;
    left: 20px;
    right: 20px;
    padding-bottom: 20px;
    padding-right: 15%;
    line-height: 1.5625;
    bottom: -300px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sSustainable-practice-pb .line .col:nth-child(1) {
    width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.sSustainable-practice-pb .line .col:nth-child(2) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 1.66666667%
}

.sSustainable-practice-pb .line .col:hover .txt {
    height: 100%
}

.sSustainable-practice-pb .line .col:hover .txt .title {
    padding: 20px
}

.sSustainable-practice-pb .line .col:hover .txt .abstract {
    bottom: 0;
    -webkit-transform: none !important;
    transform: none !important
}

.sSustainable-practice-pb .line:nth-child(1n+2) {
    margin-top: 1.94444444%
}

.sSustainable-practice-pb .line:nth-child(2n+1) .col:nth-child(2) {
    width: 63.33333333%
}

.sSustainable-practice-pb .line:nth-child(2n+2) .col:nth-child(2) {
    width: 35%
}

@media screen and (max-width: 1440px) {
    .sSustainable-practice-pb .line .abstract {
        padding-right: 0 !important
    }
}

@media screen and (max-width: 1024px) {
    .sSustainable-practice-pb .line .col .txt {
        height: 50px
    }

    .sSustainable-practice-pb .line .col .txt .title {
        padding: 10px 15px;
        line-height: 30px
    }

    .sSustainable-practice-pb .line .col .txt .abstract {
        left: 15px;
        right: 15px;
        padding-bottom: 15px
    }

    .sSustainable-practice-pb .line .col:hover .txt .title {
        padding: 15px
    }
}

@media screen and (max-width: 768px) {
    .sSustainable-practice-pb .line {
        display: block
    }

    .sSustainable-practice-pb .line .col {
        width: 100% !important
    }

    .sSustainable-practice-pb .line .col:nth-child(2) {
        margin-top: 3%;
        margin-left: 0
    }
}

.sSustainable-practice-switch {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background-color: #eef2f6
}

.sSustainable-practice-switch .shade {
    width: 100%;
    height: 0 !important;
    padding-bottom: 43.33333333%
}

.sSustainable-practice-switch .item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sSustainable-practice-switch .item .pic {
    width: 100%;
    height: 100%
}

.sSustainable-practice-switch .Tt {
    position: relative
}

.sSustainable-practice-switch .Tt .box {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #eef2f6;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.sSustainable-practice-switch .Tt .box.on {
    position: relative;
    z-index: 9;
    opacity: 1;
    visibility: visible
}

.sSustainable-practice-switch .Tt .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: .8rem 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sSustainable-practice-switch .Tt .txt:after {
    display: none
}

.sSustainable-practice-switch .Tt .txt .sdt {
    width: 10em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 2em
}

.sSustainable-practice-switch .Tt .txt .sdt .this {
    display: inline-block;
    vertical-align: top;
    z-index: 1;
    position: relative;
    padding-bottom: .24rem;
    color: #272b37;
    line-height: 1.25
}

.sSustainable-practice-switch .Tt .txt .sdt .this:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    height: .08rem;
    background-color: #0098eb;
    left: 0;
    width: 100%
}

.sSustainable-practice-switch .Tt .txt .sdd {
    line-height: 1.5625;
    color: #272b37;
    max-width: 700px
}

@media screen and (min-width: 1025px) {
    .sSustainable-practice-switch .pagination-banner {
        position: absolute;
        right: .6rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1024px) {
    .sSustainable-practice-switch .pagination-banner {
        position: absolute;
        left: 0;
        bottom: .6rem;
        width: 100%;
        text-align: center
    }

    .sSustainable-practice-switch .Tt .txt {
        display: block;
        padding: 1.2rem .8rem
    }

    .sSustainable-practice-switch .Tt .txt .sdt {
        width: 100%
    }

    .sSustainable-practice-switch .Tt .txt .sdd {
        max-width: 100%;
        margin-top: .6rem
    }
}

.sSustainable-report .sInvestment-report-list .item {
    display: block
}

.sSustainable-report .sInvestment-report-list .item .sdt {
    -webkit-transition: color 320ms ease-out 0s;
    transition: color 320ms ease-out 0s
}

.sSustainable-report .sInvestment-report-list .item .sdd {
    width: 100%;
    min-width: 0
}

.sSustainable-report .sInvestment-report-list .item .sdd .pbox {
    min-height: 4.5em;
    padding-top: .2rem;
    padding-bottom: .2rem
}

.sMix-wrap {
    padding-bottom: 0
}

.sMix-section1 {
    position: relative;
    overflow: hidden;
    z-index: 8;
    padding: 1rem 0 2rem;
    background-color: #fff
}

.sMix-section1 .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sMix-section1 .contain:after {
    display: none
}

.sMix-section1 [ysq-scrollEle-aftLine] .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sMix-section1 [ysq-scrollEle-aftLine] .wrapIn span {
    letter-spacing: .05em
}

.sMix-section1 .left {
    margin-left: 8.33333333%;
    width: 30%
}

.sMix-section1 .right {
    width: 50%;
    margin-right: 8.33333333%;
    position: relative;
    z-index: 2
}

.sMix-section1 .right .imax {
    line-height: 1.5;
    color: #272b37
}

.sMix-section1 .right .oList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-top: 2.4rem
}

.sMix-section1 .right .oList:after {
    display: none
}

.sMix-section1 .right .oList .oLi .th .wrapIn {
    padding-bottom: .2rem
}

.sMix-section1 .right .oList .oLi .td {
    margin-top: 15px;
    line-height: 1.5625
}

.sMix-section1 .right .oList .oLi:nth-child(2n+1) {
    width: 51.11111111%
}

.sMix-section1 .right .oList .oLi:nth-child(2n+2) {
    width: 35.55555556%
}

.sMix-section1 .right .oList .oLi:nth-child(1n+3) {
    margin-top: 1.2rem
}

@media screen and (max-width: 1024px) {
    .sMix-section1 .left {
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .sMix-section1 .left .wrapIn {
        padding-left: .5em;
        padding-right: .5em
    }

    .sMix-section1 .left .wrapIn p {
        display: inline
    }

    .sMix-section1 .right {
        width: 100%;
        margin-right: 0;
        margin-top: .8rem
    }

    .sMix-section1 .right .imax {
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .sMix-section1 .right .oList .oLi:nth-child(2n+2) {
        width: 40%
    }
}

.sMix-section2 {
    background-color: #f4f6f9;
    border-radius: 15px;
    padding-top: 3.2rem;
    padding-bottom: 2rem;
    margin-top: 1.6rem;
    margin-bottom: 2rem
}

.sMix-section2-head {
    text-align: center
}

.sMix-section2-head .wrapIn {
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sMix-section2-head .wrapIn span {
    letter-spacing: .05em
}

.sMix-section2-head .wrapIn .p2 {
    font-size: .66666667em;
    margin-top: .2rem
}

.sMix-section2-entirety {
    z-index: 1;
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.sMix-section2-entirety .scene {
    position: relative;
    z-index: 2
}

.sMix-section2-entirety .scene .dct {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    width: 66.66666667vw;
    margin-top: -2%;
    opacity: .06;
    -webkit-mask: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 30%, #fff 100%)
}

.sMix-section2-entirety .scene .pic {
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sMix-section2-entirety .scene .pic.m-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 40%
}

.sMix-section2-entirety .scene .pic.pc-hide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 70.3125%
}

.sMix-section2-entirety .scene .dots {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.sMix-section2-entirety .scene .dots .dot {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0098eb;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin: -10px 0 0 -10px
}

.sMix-section2-entirety .scene .dots .dot:nth-child(1) {
    left: 22.5%;
    top: 38.5%
}

.sMix-section2-entirety .scene .dots .dot:nth-child(2) {
    left: 50%;
    top: 17.5%
}

.sMix-section2-entirety .scene .dots .dot:nth-child(3) {
    left: 61.5%;
    top: 53.4%
}

.sMix-section2-entirety .scene .dots .dot:nth-child(4) {
    left: 45%;
    top: 57%
}

.sMix-section2-entirety .scene .dots .dot:nth-child(5) {
    left: 22%;
    top: 72%
}

.sMix-section2-entirety .scene .dots .dot:nth-child(6) {
    left: 61.8%;
    top: 71.8%
}

.sMix-section2-entirety .scene .dots .dot:nth-child(7) {
    left: 53.5%;
    top: 56.8%
}

.sMix-section2-entirety .item {
    z-index: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sMix-section2-entirety .item .wrapIn {
    position: relative;
    max-width: 100%
}

.sMix-section2-entirety .item .wrapIn .sdt {
    padding: .4rem 0;
    border-bottom: #0098eb solid 3px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    vertical-align: top;
    font-size: 1em
}

.sMix-section2-entirety .item .wrapIn .txt {
    margin-top: .6rem;
    padding-bottom: .4rem;
    line-height: 1.625;
    color: #272b37;
    text-align: justify
}

.sMix-section2-entirety .item .line {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sMix-section2-entirety .item .line .dot {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0098eb
}

.sMix-section2-entirety .item .line > span {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.sMix-section2-entirety .item .line ._v {
    height: 100%;
    width: 1px;
    background-color: #202121
}

.sMix-section2-entirety .item .line ._h {
    height: 1px;
    width: 100%;
    background-color: #202121
}

.sMix-section2-entirety .AniStart .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sMix-section2-entirety .AniStart .item.i1 {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.sMix-section2-entirety .AniStart .item.i2 {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.sMix-section2-entirety .AniStart .item.i3 {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.sMix-section2-entirety .AniStart .item.i4 {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sMix-section2-entirety .AniStart .item.i5 {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sMix-section2-entirety .AniStart .item.i6 {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sMix-section2-entirety .AniStart .item.i7 {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.sMix-section2-entirety .AniDid .item {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.sMix-section2-entirety .AniDid .item.i1 {
    -webkit-transition-delay: 120ms;
    transition-delay: 120ms
}

.sMix-section2-entirety .AniDid .item.i2 {
    -webkit-transition-delay: 240ms;
    transition-delay: 240ms
}

.sMix-section2-entirety .AniDid .item.i3 {
    -webkit-transition-delay: 360ms;
    transition-delay: 360ms
}

.sMix-section2-entirety .AniDid .item.i4 {
    -webkit-transition-delay: 520ms;
    transition-delay: 520ms
}

.sMix-section2-entirety .AniDid .item.i5 {
    -webkit-transition-delay: 640ms;
    transition-delay: 640ms
}

.sMix-section2-entirety .AniDid .item.i6 {
    -webkit-transition-delay: 760ms;
    transition-delay: 760ms
}

.sMix-section2-entirety .AniDid .item.i7 {
    -webkit-transition-delay: 880ms;
    transition-delay: 880ms
}

@media screen and (min-width: 1025px) {
    .sMix-section2-entirety .scene {
        padding: 4.8rem 0
    }

    .sMix-section2-entirety .item {
        position: absolute;
        min-height: 4.8rem;
        background-color: #f4f6f9
    }

    .sMix-section2-entirety .item .dot {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMix-section2-entirety .item:hover .dot {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8);
        box-shadow: 0 0 6px 2px rgba(255, 77, 0, .8)
    }

    .sMix-section2-entirety .item.i1 {
        left: 0;
        top: 0;
        width: 20.83333333vw
    }

    .sMix-section2-entirety .item.i1 .wrapIn {
        bottom: 0;
        width: 6em
    }

    .sMix-section2-entirety .item.i1 .line {
        left: 10.41666667vw;
        top: 100%;
        width: 17.70833333vw;
        height: 9.375vw
    }

    .sMix-section2-entirety .item.i1 .line ._v {
        left: 0;
        top: 0
    }

    .sMix-section2-entirety .item.i1 .line ._h {
        bottom: 0;
        right: 0
    }

    .sMix-section2-entirety .item.i1 .line .dot {
        right: -3px;
        bottom: -2px
    }

    .sMix-section2-entirety .item.i2 {
        left: 50%;
        top: 0;
        width: 20.83333333vw;
        margin-left: -10.41666667vw
    }

    .sMix-section2-entirety .item.i2 .wrapIn {
        bottom: 0;
        text-align: center;
        width: 6em
    }

    .sMix-section2-entirety .item.i2 .line {
        right: 50%;
        top: 100%;
        width: 0;
        height: 9.375vw;
        margin-top: -5.20833333vw
    }

    .sMix-section2-entirety .item.i2 .line ._v {
        right: 0;
        top: 0
    }

    .sMix-section2-entirety .item.i2 .line .dot {
        left: -3px;
        bottom: -2px
    }

    .sMix-section2-entirety .item.i3 {
        right: 0;
        top: 0;
        width: 20.83333333vw
    }

    .sMix-section2-entirety .item.i3 .wrapIn {
        bottom: 0;
        width: 4em
    }

    .sMix-section2-entirety .item.i3 .line {
        right: 10.41666667vw;
        top: 100%;
        width: 23.33333333vw;
        height: 14.0625vw
    }

    .sMix-section2-entirety .item.i3 .line ._v {
        right: 0;
        top: 0
    }

    .sMix-section2-entirety .item.i3 .line ._h {
        bottom: 0;
        right: 0
    }

    .sMix-section2-entirety .item.i3 .line .dot {
        left: -3px;
        bottom: -2px
    }

    .sMix-section2-entirety .item.i4 {
        left: 6.51041667vw;
        bottom: 0;
        width: 14.58333333vw
    }

    .sMix-section2-entirety .item.i4 .wrapIn {
        padding-top: 1.04166667vw;
        width: 4em
    }

    .sMix-section2-entirety .item.i4 .line {
        left: 50%;
        bottom: 100%;
        width: 23.69791667vw;
        height: 16.14583333vw
    }

    .sMix-section2-entirety .item.i4 .line ._v {
        left: 0;
        bottom: 0
    }

    .sMix-section2-entirety .item.i4 .line ._h {
        top: 0;
        right: 0
    }

    .sMix-section2-entirety .item.i4 .line .dot {
        right: -3px;
        top: -2px
    }

    .sMix-section2-entirety .item.i5 {
        left: 21.35416667vw;
        bottom: 0;
        width: 13.54166667vw
    }

    .sMix-section2-entirety .item.i5 .wrapIn {
        padding-top: 1.04166667vw;
        width: 4em
    }

    .sMix-section2-entirety .item.i5 .line {
        left: 50%;
        bottom: 100%;
        width: 0;
        height: 11.45833333vw
    }

    .sMix-section2-entirety .item.i5 .line ._v {
        left: 0;
        bottom: 0
    }

    .sMix-section2-entirety .item.i5 .line ._h {
        top: 0;
        left: 0
    }

    .sMix-section2-entirety .item.i5 .line .dot {
        right: -3px;
        top: -2px
    }

    .sMix-section2-entirety .item.i6 {
        left: 37.5vw;
        bottom: 0;
        width: 14.58333333vw
    }

    .sMix-section2-entirety .item.i6 .wrapIn {
        padding-top: 1.04166667vw;
        width: 4em
    }

    .sMix-section2-entirety .item.i6 .line {
        left: 50%;
        bottom: 100%;
        width: 0;
        height: 11.45833333vw
    }

    .sMix-section2-entirety .item.i6 .line ._v {
        left: 0;
        bottom: 0
    }

    .sMix-section2-entirety .item.i6 .line ._h {
        top: 0;
        left: 0
    }

    .sMix-section2-entirety .item.i6 .line .dot {
        right: -3px;
        top: -2px
    }

    .sMix-section2-entirety .item.i7 {
        right: 6.51041667vw;
        bottom: 0;
        width: 14.58333333vw
    }

    .sMix-section2-entirety .item.i7 .wrapIn {
        padding-top: 1.04166667vw;
        width: 4em
    }

    .sMix-section2-entirety .item.i7 .line {
        right: 50%;
        bottom: 100%;
        width: 23.69791667vw;
        height: 16.14583333vw
    }

    .sMix-section2-entirety .item.i7 .line ._v {
        right: 0;
        bottom: 0
    }

    .sMix-section2-entirety .item.i7 .line ._h {
        top: 0;
        right: 0
    }

    .sMix-section2-entirety .item.i7 .line .dot {
        left: -3px;
        top: -2px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    .sMix-section2-entirety .item.i1 {
        left: 1.5625vw;
        top: .625vw
    }

    .sMix-section2-entirety .item.i2 {
        top: .625vw
    }

    .sMix-section2-entirety .item.i3 {
        right: 1.5625vw;
        top: .625vw
    }

    .sMix-section2-entirety .item.i4 {
        left: 8.07291667vw
    }

    .sMix-section2-entirety .item.i5 {
        left: 22.91666667vw
    }

    .sMix-section2-entirety .item.i6 {
        left: 39.0625vw
    }

    .sMix-section2-entirety .item.i7 {
        right: 7.8125vw
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .sMix-section2-entirety .item.i1 {
        left: 3.125vw
    }

    .sMix-section2-entirety .item.i3 {
        right: 3.125vw
    }

    .sMix-section2-entirety .item.i3 .line {
        width: 23vw;
        height: 14.5vw
    }

    .sMix-section2-entirety .item.i4 {
        left: 9.63541667vw;
        bottom: .625vw
    }

    .sMix-section2-entirety .item.i5 {
        left: 24.47916667vw
    }

    .sMix-section2-entirety .item.i6 {
        left: 40.625vw
    }

    .sMix-section2-entirety .item.i7 {
        right: 9.375vw;
        bottom: .625vw
    }
}

@media screen and (max-width: 1024px) {
    .sMix-section2-entirety .contain {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sMix-section2-entirety .contain:after {
        display: none
    }

    .sMix-section2-entirety .scene {
        width: 100%;
        margin-bottom: .4rem
    }

    .sMix-section2-entirety .scene .dct {
        width: 90%
    }

    .sMix-section2-entirety .item {
        width: 47.5%;
        margin-top: .6rem
    }

    .sMix-section2-entirety .item .wrapIn {
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important
    }

    .sMix-section2-entirety .item .wrapIn .sdt:before {
        margin-right: 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #0098eb;
        display: inline-block;
        vertical-align: top
    }

    .sMix-section2-entirety .item .wrapIn .txt {
        margin: .8rem .6rem 0 0 !important
    }

    .sMix-section2-entirety .item .wrapIn .txt p {
        display: inline;
        line-height: 20px
    }

    .sMix-section2-entirety .item .line {
        display: none
    }

    .sMix-section2-entirety .item.i1 .sdt:before {
        content: "1"
    }

    .sMix-section2-entirety .item.i2 .sdt:before {
        content: "2"
    }

    .sMix-section2-entirety .item.i3 .sdt:before {
        content: "3"
    }

    .sMix-section2-entirety .item.i4 .sdt:before {
        content: "4"
    }

    .sMix-section2-entirety .item.i5 .sdt:before {
        content: "5"
    }

    .sMix-section2-entirety .item.i6 .sdt:before {
        content: "6"
    }

    .sMix-section2-entirety .item.i7 .sdt:before {
        content: "7"
    }
}

.sMix-section2-flow {
    padding: 1.2rem 0
}

.sMix-section2-flow .imax {
    text-align: center
}

.sMix-section2-parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding-top: 1.2rem;
    padding-bottom: 2rem
}

.sMix-section2-parts:after {
    display: none
}

.sMix-section2-parts .item .scene {
    position: relative;
    z-index: 1;
    width: 100%
}

.sMix-section2-parts .item .scene .wrapIn {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2
}

.sMix-section2-parts .item .scene .figure {
    position: relative;
    overflow: hidden;
    z-index: 2;
    height: 0;
    opacity: .4;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    padding-bottom: 62.45614035%
}

.sMix-section2-parts .item .scene .figure .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sMix-section2-parts .item .scene .figure .pic._l {
    -webkit-transition: all 250ms ease-out .2s;
    transition: all 250ms ease-out .2s;
    opacity: 1;
    visibility: visible
}

.sMix-section2-parts .item .scene .figure .pic._p {
    -webkit-transition: all 250ms ease-out .2s;
    transition: all 250ms ease-out .2s;
    opacity: 0;
    visibility: hidden
}

.sMix-section2-parts .item .scene .figure .pic img {
    -o-object-fit: cover;
    object-fit: cover
}

.sMix-section2-parts .item .scene .en {
    margin-top: .4rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 30px;
    opacity: .4;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMix-section2-parts .item .scene .name {
    margin-top: .4rem;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: rgba(39, 43, 55, .4);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMix-section2-parts .item .txt {
    padding: 1rem 0
}

.sMix-section2-parts .item .txt .wrapIn {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.sMix-section2-parts .item .txt .sdt .p1 {
    margin-bottom: .5rem;
    padding-bottom: .4rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    line-height: 1.33333333
}

.sMix-section2-parts .item .txt .sdt .p1 span {
    letter-spacing: .05em
}

.sMix-section2-parts .item .txt .sdt .cn {
    line-height: 1.5;
    color: #272b37
}

.sMix-section2-parts .item .txt .sdd {
    color: rgba(39, 43, 55, .4);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    margin-top: .4rem;
    text-align: left
}

.sMix-section2-parts .item .txt .sdd .line {
    padding-top: .3rem;
    padding-bottom: .4rem;
    line-height: 1.5;
    border-bottom: #ececeb solid 1px
}

.sMix-section2-parts .item .txt .sdd .line .xdt {
    margin-bottom: 10px
}

.sMix-section2-parts .item .txt .sdd .line:nth-child(1n+2) {
    margin-top: .6rem
}

@media screen and (min-width: 1025px) {
    .sMix-section2-parts .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sMix-section2-parts .item .txt .sdt .p1:after {
        left: 100%;
        width: 0;
        -webkit-transition: all .2s ease-out .1s;
        transition: all .2s ease-out .1s
    }

    .sMix-section2-parts .item .txt .sdt .cn {
        color: #c2c2c2;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMix-section2-parts .item .txt .sdd .line .xdt {
        color: #c2c2c2;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMix-section2-parts .item .txt .sdd .line .xdd {
        color: #c2c2c2;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sMix-section2-parts .item.w50 {
        width: 38%
    }

    .sMix-section2-parts .item.w100 {
        margin-top: 2rem;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sMix-section2-parts .item.w100 .scene {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }

    .sMix-section2-parts .item.w100 .scene .wrapIn {
        width: 100%
    }

    .sMix-section2-parts .item.w100 .scene .figure {
        width: 100%
    }

    .sMix-section2-parts .item.w100 .txt {
        width: 50%;
        padding-right: 5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sMix-section2-parts .item.w100 .txt .wrapIn {
        width: 520px;
        margin-left: 0
    }

    .sMix-section2-parts .item:nth-child(1) .txt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .sMix-section2-parts .item:nth-child(1) .scene {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .sMix-section2-parts .item:nth-child(2) .txt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .sMix-section2-parts .item:nth-child(2) .scene {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .sMix-section2-parts .item:hover .scene .figure {
        opacity: 1
    }

    .sMix-section2-parts .item:hover .scene .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sMix-section2-parts .item:hover .scene .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sMix-section2-parts .item:hover .scene .en {
        opacity: 1
    }

    .sMix-section2-parts .item:hover .scene .name {
        color: #272b37
    }

    .sMix-section2-parts .item:hover .txt .sdt .p1:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s, width 330ms ease-out 0s;
        transition: left 0s ease-out 0s, width 330ms ease-out 0s
    }

    .sMix-section2-parts .item:hover .txt .sdt .cn {
        color: #272b37
    }

    .sMix-section2-parts .item:hover .txt .sdd {
        color: #272b37
    }

    .sMix-section2-parts .item:hover .txt .sdd .line .xdt {
        color: #272b37
    }

    .sMix-section2-parts .item:hover .txt .sdd .line .xdd {
        color: #bbb
    }
}

@media screen and (max-width: 1024px) {
    .sMix-section2-parts .item {
        width: 100% !important
    }

    .sMix-section2-parts .item:nth-child(1n+2) {
        margin-top: 2.4rem
    }

    .sMix-section2-parts .item .scene .wrapIn {
        width: 360px;
        max-width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .sMix-section2-parts .item .scene .figure {
        width: 100%;
        margin-bottom: 10px;
        opacity: 1
    }

    .sMix-section2-parts .item .scene .figure .pic._l {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sMix-section2-parts .item .scene .figure .pic._p {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sMix-section2-parts .item .scene .en {
        opacity: 1
    }

    .sMix-section2-parts .item .scene .name {
        color: #272b37
    }

    .sMix-section2-parts .item .scene .name p:nth-child(2) {
        display: none
    }

    .sMix-section2-parts .item .txt .wrapIn {
        width: 400px !important
    }

    .sMix-section2-parts .item .txt .sdt {
        text-align: center
    }

    .sMix-section2-parts .item .txt .sdd {
        color: #272b37
    }

    .sMix-section2-parts .item .txt .sdd .line .xdd {
        color: #aaa
    }
}

.sMix-section2-fns {
    margin-top: 1.2rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 15px;
    background-color: #f1f1f1;
    color: #fff;
    padding: 19.53125vw 5.20833333vw 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.sMix-section2-fns .oList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sMix-section2-fns .oList:after {
    display: none
}

.sMix-section2-fns .oList .oLi {
    text-align: center;
    position: relative;
    z-index: 1;
    min-width: 4em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sMix-section2-fns .oList .oLi .icon {
    width: 1em;
    height: 1em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .4rem
}

.sMix-section2-fns .oList .oLi .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto;
    border: #fff solid 1px
}

.sMix-section2-fns .oList .oLi .this {
    line-height: 20px
}

.sMix-section2-fns .oList .oLi:nth-child(4n+3) .dot {
    background-color: #fff
}

.sMix-section2-fns .oList .oLi:hover .icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sMix-section2-fns .oList ._s {
    position: relative;
    z-index: 1;
    margin: 0 0 26px;
    height: .5rem;
    width: 4em
}

.sMix-section2-fns .oList ._s:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: -1px;
    left: -1em;
    right: -1em;
    height: 1px;
    background-color: #fff
}

@media screen and (max-width: 1024px) {
    .sMix-section2-fns {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .sMix-section2-fns .oList {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 12px
    }

    .sMix-section2-fns .oList li.oLi {
        width: 15%
    }

    .sMix-section2-fns .oList li.oLi .dot {
        width: 6px;
        height: 6px;
        margin-bottom: 12px
    }

    .sMix-section2-fns .oList li.oLi .this {
        line-height: 16px
    }

    .sMix-section2-fns .oList li._s {
        width: 5%;
        margin-bottom: 20px;
        height: 12px
    }

    .sMix-section2-fns .oList li:nth-child(10) {
        width: 100%;
        opacity: 0;
        min-width: 100%;
        margin: 5px 0
    }
}

.sMix-section3 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-top: 3rem;
    padding-bottom: 5rem;
    color: #fff;
    background-image: -webkit-linear-gradient(-90deg, #9a9da2, #262b38)
}

.sMix-section3:before {
    content: " ";
    z-index: 1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding-top: 12.5%;
    background-image: -webkit-linear-gradient(-90deg, #8a8f9a, rgba(138, 143, 154, 0))
}

.sMix-section3 .picOut {
    position: relative;
    z-index: 1
}

.sMix-section3 .pic:before {
    border-color: rgba(255, 255, 255, .6) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1) rgba(255, 255, 255, .1)
}

.sMix-section3 .dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative
}

.sMix-section3 .dt:after {
    display: none
}

.sMix-section3 .dt .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 72.09302326%;
    padding-bottom: 75%
}

.sMix-section3 .dt .pic img {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.sMix-section3 .dt .txtOut {
    position: relative;
    z-index: 5;
    padding-top: 1.2rem
}

.sMix-section3 .dt .txt .sdt {
    letter-spacing: .05em;
    padding-left: .05em;
    line-height: 1.19444444
}

.sMix-section3 .dt .txt .sdd {
    margin-top: .6rem;
    line-height: 1.5
}

.sMix-section3 .dt .txt .sdf {
    margin-top: 1rem
}

.sMix-section3 .dt .txt .sdf .btn-more {
    color: #fff
}

.sMix-section3 .dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.sMix-section3 .dd:after {
    display: none
}

.sMix-section3 .dd .pic {
    width: 100%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMix-section3 .dd .pic img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: 50% 100%;
    object-position: 50% 100%
}

@media screen and (min-width: 1025px) {
    .sMix-section3 .dt .picOut {
        width: 56%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .sMix-section3 .dt .pic {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        -webkit-transform-origin: 100% 0 0;
        transform-origin: 100% 0 0
    }

    .sMix-section3 .dt .txtOut {
        width: 36%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .sMix-section3 .dt:hover .pic {
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }

    .sMix-section3 .dd {
        margin-top: 2.4rem
    }

    .sMix-section3 .dd .picOut {
        width: 100%
    }

    .sMix-section3 .dd .picOut:hover .pic {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }

    .sMix-section3 .dd .picOut:nth-child(1n+2) {
        margin-left: 1.2rem
    }

    .sMix-section3 .dd .picOut:nth-child(1) {
        width: 26%
    }

    .sMix-section3 .dd .picOut:nth-child(1) .pic {
        padding-bottom: 49.23076923%
    }

    .sMix-section3 .dd .picOut:nth-child(2) {
        width: 26.6%
    }

    .sMix-section3 .dd .picOut:nth-child(2) .pic {
        padding-bottom: 48.12030075%
    }

    .sMix-section3 .dd .picOut:nth-child(3) {
        width: 32.8%
    }

    .sMix-section3 .dd .picOut:nth-child(3) .pic {
        padding-bottom: 39.02439024%
    }
}

@media screen and (max-width: 1024px) {
    .sMix-section3 .dt {
        display: block
    }

    .sMix-section3 .dt .picOut {
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }

    .sMix-section3 .dt .txtOut {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sMix-section3 .dt .txtOut:after {
        display: none
    }

    .sMix-section3 .dt .txt {
        text-align: left;
        padding: 3.125vw
    }

    .sMix-section3 .dt .txt .sdt p {
        display: inline
    }

    .sMix-section3 .dt .txt .sdd {
        font-size: 16px
    }

    .sMix-section3 .dd {
        margin-top: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sMix-section3 .dd .picOut {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
        max-width: 80%;
        width: 100%
    }

    .sMix-section3 .dd .picOut:nth-child(1n+2) {
        margin-top: 1rem
    }

    .sMix-section3 .dd .picOut .pic {
        height: 144px;
        width: 100%
    }

    .sMix-section3 .dd .name {
        text-align: center
    }
}

.sMix-section4 {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.sProducts-instrument-s2 .txtBox, .sProducts-instrument-s3 .txtBox, .sProducts-instrument-s7 .txtBox {
    box-sizing: border-box;
}

@media screen and (min-width: 1025px) {
    .sProducts-instrument-s7 .picBox .pic {
        min-height: 50vh;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }