*:hover{ text-decoration:none !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;
    
}

.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: #ff4d00;
}

.bgc1
{
    background-color: #ff4d00;
}

.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;
}


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

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

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

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



.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: #ff4d00!important;
    }
}

@media screen and (max-width:1024px)
{
    .linkc1:active
    {
        color: #ff4d00!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-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-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: #ff4d00;
    -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: #ff4d00;
    -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: #ff4d00;
}

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

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

.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: #ff4d00;
    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: #ff4d00;
        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: #ff4d00;
        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: #ff4d00 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: #ff4d00;
}

@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: #1772b4;
    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: #ff4d00;
    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: #ff4d00;
}

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

.btn.btn-play
{
    color: #ff4d00;
    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: #ff4d00;
}

@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: #ff4d00;
    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);
    text-decoration: none;
    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;
}

.ctr-arrow{background:rgba(0,0,0,0.02) !important; color:#333 !important; border-radius:8px !important; text-align:center !important; display:block}
.ctr-arrow:hover{background:rgba(0,0,0,0.5) !important; color:#fff !important; border-radius:8px !important;}
@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: #ff4d00;
    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;
    
    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: #ff4d00!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: #ff4d00!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;
    
    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: #ff4d00;
    -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 #ff4d00;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    color: #ff4d00;
    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: #ff4d00!important;
        color: #fff;
    }
}

@media screen and (max-width:1024px)
{
    .ctr.ctr-yuan:active
    {
        background-color: #ff4d00!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;
    
    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: #ff4d00;
    -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: #f84b03;
}

.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: #f84b03;
    background-color: #f84b03;
}

.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: #f84b03;
}

.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: #f84b03;
    background-color: #f84b03;
}

.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 #ff4d00;
    border-radius: inherit;
}

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

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

.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: #ff4d00;
}

.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: #ff4d00;
}

.pagination.pagination-daxiaoYuan .btn:after
{
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border: #ff4d00 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: #ff4d00;
    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%,#ff4d00 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: #ff4d00;
    }

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

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

    .modal-nav .firNav .firItem.on .link1
    {
        color: #ff4d00;
    }

    .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: #ff4d00;
    }

    .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/bgs-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: #fff;
}

.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: #fff;
    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;
    
    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;
    
    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;
    
    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: #ff4d00;
    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: 20px;
}

.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;
    
}

@media screen and (min-width:1025px)
{
    .header .fns .item .hide .btn:hover
    {
        color: #0098eb;
        
    }
}

@media screen and (max-width:1024px)
{
    .header .fns .item .hide .btn:active
    {
        color: #0098eb;
        
        -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;
    border-radius: 30px !important;
}

.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  !important;
    -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 !important;
    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: 1.4em;
}

.index-product-rotateMove .item .behind .figure,.index-product-rotateMove .item .front .figure
{
    position: relative;
    display: block;
    width: 100%;
    padding-bottom:100%;
    -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 !important;
    background-color: #d5d5d5;
    -webkit-filter: blur(5px);
    filter: blur(5px);
	overflow:hidden;
}

.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);
		overflow:hidden;
}

.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;
    text-align: center;
    line-height: 68px;
    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;
    
    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.0);
    transform: scale(1.0);
}

.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: #ff4d00;
}

.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: 20px;
    -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: .5;
}

.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;
    }
}

.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/bgs-about-intro.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #dbdee2;
}

.sAbout-intro-wrap .wrapIn
{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.sAbout-intro-wrap .left
{
    width: 50%;
}

.sAbout-intro-wrap .left .logo
{
    height: 1em;
    display: block;
}

.sAbout-intro-wrap .right
{
    margin-top: 3.6rem;
    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: 32%;
    position: relative;
    overflow: hidden;
    z-index: 2;
    white-space: normal;
}

.sAbout-tech-list .item .pic
{
    width: 100%;
    height: 0!important;
    padding-bottom: 131.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/bgs-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;
    width: 15rem;
    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-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: #ff4d00;
    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: #ff4d00;
}

.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;
    
    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: #ff4d00;
    }

    .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: #ff4d00;
    }

    .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
{
    
    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: #ff4d00;
        -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: calc(1em - 60px - 2rem);
    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: #ff4d00;
    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: #ff4d00;
    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: #ff4d00 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: #ff4d00;
}

.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: #ff4d00;
        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: #ff4d00;
}

.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: #ff4d00;
    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: #ff4d00 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: #ff4d00;
}

.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: #ff4d00;
        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: #ff4d00 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: #ff4d00 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: #ff4d00;
}

.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 #ff4d00;
}

.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: #ff4d00;
    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;
    top: 50%;
    -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: #ff4d00;
}

.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: #ff4d00;
}

.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: #ff4d00;
    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: #ff4d00;
}

.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: #ff4d00;
        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: #ff4d00;
    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: #ff4d00 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: #ff4d00;
}

.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: #ff4d00;
        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
    {
        
        opacity: 0;
        visibility: hidden;
    }

    .sMax-section2-parts .item:hover .scene .figure .pic._p
    {
      
        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
    {
     
        opacity: 0;
        visibility: hidden;
    }

    .sMax-section2-parts .item .scene .figure .pic._p
    {
      
        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: #ff4d00 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: #ff4d00 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: #ff4d00;
    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: #ff4d00;
    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: #ff4d00 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: #ff4d00;
}

.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: #ff4d00;
        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;
    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
{

    opacity: 1;
    visibility: visible;
}

.sMix-section2-parts .item .scene .figure .pic._p
{

    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:0rem;
    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;
    }
}