@charset "utf-8";

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

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

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

.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/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M24.85 10H7.15c-1.022 0-1.535 1.44-.81 2.285l8.85 10.323c.447.523 1.174.523 1.622 0l8.85-10.323c.722-.845.211-2.285-.813-2.285z' fill='%23000'/%3E%3C/svg%3E");
    background-size: 12px auto;
    background-position: calc(100% - 12px) 50%;
    background-repeat: no-repeat
}

@-webkit-keyframes slideOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes slideInDowns {
    0% {
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideInDowns {
    0% {
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-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 slideInRightm {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideInRightm {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.slideInRightm {
    -webkit-animation-name: slideInRightm;
    animation-name: slideInRightm;
    opacity: 1 !important
}

@-webkit-keyframes slideInLeftm {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideInLeftm {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.slideInLeftm {
    -webkit-animation-name: slideInLeftm;
    animation-name: slideInLeftm;
    opacity: 1 !important
}

@-webkit-keyframes slideInUpm {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideInUpm {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.slideInUpm {
    -webkit-animation-name: slideInUpm;
    animation-name: slideInUpm;
    opacity: 1 !important
}

@-webkit-keyframes slideInDownm {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideInDownm {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.slideInDownm {
    -webkit-animation-name: slideInDownm;
    animation-name: slideInDownm;
    opacity: 1 !important
}

@-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._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.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%)
}

.diflr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.diflr:after {
    display: none
}

.diflr>.left,
.diflr>.right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

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

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

._diflr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

._diflr .left,
._diflr .right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}



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

.pa100,
.pf100,
.pr100 {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pf100 {
    position: fixed
}

.pa100 {
    position: absolute
}

.pr100 {
    position: relative
}

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

.hScroll .overview._iconvc,
.hScroll .scrollBox._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.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;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    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: break-word;
    word-break: auto-phrase;
    word-wrap: break-word
}

.tdu {
    text-decoration: underline
}

.oh {
    position: relative;
    overflow: hidden
}

.ov {
    position: relative;
    overflow: visible
}

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

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

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

.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 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

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

.lhd5 {
    height: .5em
}

.reject {
    cursor: not-allowed
}

.poss {
    position: static !important
}

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

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

.viewport {
    position: relative
}

.pc .viewport {
    overflow: hidden
}

#think_page_trace_open {
    display: none !important
}

.lazybox {
    z-index: 1
}

.lazybox:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .6) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    -webkit-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -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: #015293
}

.bgc1 {
    background-color: #015293
}

.c2 {
    color: #3c7fc9
}

.bgc2 {
    background-color: #3c7fc9
}

.c3 {
    color: #0b9942
}

.bgc3 {
    background-color: #0b9942
}

.ca {
    color: #222
}

.cb {
    color: #666
}

.cs {
    color: #999
}

html,
html .header {
    min-width: 400px
}

body {
    width: 100%;
    color: #666;
    font: var(--fz16)/1 'HarmonyOS Sans SC', 'Microsoft YaHei', '微软雅黑', 'PingFang SC', PingFangSC-Regular, -apple-system, Arial, sans-serif
}

a {
    color: #222
}

a.on {
    color: #015293
}

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

    a:hover {
        color: #015293
    }
}

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

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

.pic {
    background-color: #ecf2f8
}

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

.imax {
    font-size: var(--fz16);
    line-height: var(--lh2);
    line-height:45px;
}

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

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

.lazybox:before {
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px
}

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

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

    .lazybox._s:before {
        margin: -12px 0 0 -12px;
        width: 24px;
        height: 24px
    }
}

.load-error:after {
    content: " ";
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    max-width: 80%;
    max-height: 80%;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.417 63.805V78.95h-1.24v-.705H7.24v.705H6V63.805h14.417zM7.24 77.138h11.937V64.912H7.24v12.226zm5.426-11.673c-.155.403-.31.705-.465.956h4.65v.856a6.666 6.666 0 0 1-2.221 2.415 17.187 17.187 0 0 0 4.03 1.358l-.672.956c-1.705-.453-3.203-1.006-4.444-1.66-1.343.704-3.048 1.308-5.064 1.71l-.568-1.006c1.809-.302 3.359-.754 4.599-1.358-.723-.453-1.292-.956-1.809-1.46-.516.504-1.136.957-1.808 1.36l-.724-.906c1.602-.956 2.687-2.063 3.256-3.372l1.24.151zm-2.584 8.353c2.326.452 4.6 1.056 6.77 1.861l-.414 1.007c-2.17-.856-4.495-1.46-6.872-1.912l.516-.956zm1.809-2.415a28.815 28.815 0 0 1 3.824 1.61l-.62.905a19.567 19.567 0 0 0-3.773-1.71l.569-.805zm3.72-4.076h-4.03c-.052.05-.104.151-.155.201.62.604 1.343 1.107 2.17 1.61.827-.503 1.499-1.107 2.015-1.811zm11.162 5.384c-.413 2.566-1.24 4.578-2.584 5.937l-.93-.855c1.602-1.66 2.429-4.378 2.48-8.101v-6.44h1.292v4.025h5.581V63h1.24v4.277h4.91v1.207H26.98v1.208c0 .453-.052 1.056-.104 1.811h8.113V79h-1.292v-6.29h-6.924zm17.31-9.41c-.103.454-.31 1.007-.516 1.661h3.307v1.208h-3.772a19.613 19.613 0 0 1-1.705 3.27l-1.034-.654a19.023 19.023 0 0 0 2.48-5.736l1.24.252zm-1.808 5.234h4.237v1.106h-1.86v2.114h2.48v1.157h-2.48v4.075a10.804 10.804 0 0 0 2.584-1.207l.207 1.107c-1.137.604-2.532 1.157-4.031 1.56l-.517-1.057c.362-.1.517-.302.517-.503v-3.975h-2.429v-1.157h2.429V69.64h-1.137v-1.106zm5.22-3.573h1.911V63h1.189v1.962h2.583V63h1.189v1.962h2.015v1.107h-2.015v2.214h2.429v1.157h-9.767v-1.157h2.377v-2.214h-1.912v-1.107zm8.112 5.937V79H54.42v-.855H49.56V79h-1.24v-8.1h7.286zm-6.097 3.02h4.857v-1.913H49.51v1.912zm0 3.119h4.857v-2.013H49.51v2.013zm1.085-8.705h2.583V66.12h-2.583v2.213zm7.596.05h3.824v7.598c.413-.402.93-.956 1.55-1.56l.362 1.309a18.823 18.823 0 0 1-3.05 2.666l-.516-1.107c.258-.251.414-.503.414-.754V69.59H58.19v-1.207zm2.17-5.182a25.868 25.868 0 0 1 2.997 2.617l-.878.855a19.704 19.704 0 0 0-2.997-2.667l.878-.805zm3.669 9.56h4.289c.103-.553.155-1.157.155-1.862v-.05h-3.979v-1.157h9.301v1.157h-4.082v.05c0 .654-.052 1.308-.155 1.862h4.806v1.157h-4.237c.93 1.66 2.428 3.02 4.443 4.025l-.826.956c-2.119-1.157-3.618-2.666-4.548-4.528-.206.654-.516 1.208-.878 1.761-.879 1.208-2.326 2.113-4.29 2.818l-.67-1.057c1.911-.654 3.255-1.51 4.03-2.616.258-.403.465-.856.62-1.359h-3.98v-1.157zm.982-9.006h8.164v4.528h-8.164v-4.528zm6.924 3.421v-2.314H66.2v2.314h5.736zM69.24.002H10.76C7.698-.07 5.073 2.359 5 5.359v41.355c.073 3 2.625 5.429 5.76 5.358H48.97c-1.677-2.072-2.771-4.5-3.282-7.143H10.76s4.74-25.57 15.678-25.57c10.135 0 13.125 15.927 19.833 17.713C48.458 30.643 54.656 26 61.875 26A16.438 16.438 0 0 1 75 32.5V5.359c-.146-3-2.698-5.429-5.76-5.357zM52.396 14.858c-.146 2.929-2.698 5.214-5.76 5.072-2.917-.143-5.178-2.5-5.178-5.357.073-3.072 2.625-5.429 5.76-5.357 2.99.142 5.324 2.714 5.178 5.642z' fill='%23AAA'/%3E%3Cpath d='M61.803 29.286c-7.219 0-13.125 5.786-13.125 12.857C48.678 49.215 54.584 55 61.803 55s13.125-5.785 13.125-12.857c0-7.071-5.906-12.857-13.125-12.857zm0 21.071c-.438 0-.875-.143-1.24-.5-.364-.357-.51-.714-.51-1.214 0-.428.146-.857.51-1.214.365-.357.73-.5 1.24-.5s.875.143 1.312.428c.365.358.51.715.51 1.215 0 1-.801 1.785-1.822 1.785zm1.823-6.571c0 1-.802 1.786-1.823 1.786s-1.823-.786-1.823-1.786v-8.071c0-1 .802-1.786 1.823-1.786 1.02 0 1.823.786 1.823 1.786v8.071z' fill='%23AAA'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.pc ::-webkit-scrollbar {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff
}

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

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

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

.pc .scroll-wrap ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent
}

[data-lenis-prevent]._v {
    padding-right: 10px;
    margin-right: -10px;
    overflow-y: auto
}

[data-lenis-prevent]._v::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

[data-lenis-prevent]._v::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    background-color: rgba(1, 82, 147, .9);
    border-radius: 0
}

[data-lenis-prevent]._v::-webkit-scrollbar-track {
    background: rgba(1, 82, 147, .15)
}

[data-lenis-prevent]._v._fff::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .6)
}

[data-lenis-prevent]._v._fff::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .2)
}

.swiper-scrollbar {
    display: none;
    margin-top: 1rem;
    z-index: 2;
    position: relative;
    left: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    height: 4px;
    background-color: transparent;
    border-radius: 4px;
    overflow: hidden
}

.swiper-scrollbar:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, .15);
    width: 100%
}

.swiper-scrollbar .swiper-scrollbar-drag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #015293;
    border-radius: 4px
}

.swiper-scrollbar._h {
    width: 100%;
    height: 4px;
    margin-top: 0
}

.swiper-scrollbar._v {
    width: 4px;
    height: 100%;
    margin-top: 0
}

:root {
    --logoH: 100px;
    --Hheader: 0;
    --padw: 12.5vw;
    --padw2: 8.33333333vw;
    --padw3: 4.16666667vw
}

:root .w,
:root .wW,
:root .wWW {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

:root .w {
    margin-left: var(--padw);
    margin-right: var(--padw)
}

:root .wW {
    margin-left: var(--padw2);
    margin-right: var(--padw2)
}

:root .wWW {
    margin-left: var(--padw3);
    margin-right: var(--padw3)
}

@media screen and (max-width:1600px) {
    :root {
        --padw: 8.33333333vw;
        --padw2: 6.25vw;
        --padw3: 3.125vw
    }
}

@media screen and (max-width:1024px) {
    :root {
        --logoH: 60px;
        --Hheader: 60px;
        --padw: 5vw;
        --padw2: 5vw;
        --padw3: 5vw
    }
}

@media screen and (max-width:750px) {
    :root {
        --padw: 15px;
        --padw2: 15px;
        --padw3: 15px
    }

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

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

.hidePoint {
    margin-top: calc(-1 * var(--Hheader))
}

.fz60 {
    font-size: var(--fz60)
}

.fz48 {
    font-size: var(--fz48)
}

.fz40 {
    font-size: var(--fz40)
}

.fz36 {
    font-size: var(--fz36)
}

.fz32t {
    font-size: var(--fz32t)
}

.fz32 {
    font-size: var(--fz32)
}

.fz28 {
    font-size: var(--fz28)
}

.fz24 {
    font-size: var(--fz24)
}

.fz20 {
    font-size: var(--fz20)
}

.fz18 {
    font-size: var(--fz18)
}

.fz16 {
    font-size: var(--fz16)
}

.fz14 {
    font-size: var(--fz14)
}

.lh2 {
    line-height: var(--lh2)
}

.fzx20 {
    font-size: var(--x20)
}

:root {
    --x20: 20px;
    --x10: 10px;
    --lh2: 2;
    font-size: 50px;
    --fz100m: 100px;
    --fz60: 60px;
    --fz48: 48px;
    --fz40: 40px;
    --fz36: 36px;
    --fz32t: 32px;
    --fz32: 32px;
    --fz28: 28px;
    --fz24: 24px;
    --fz20: 20px;
    --fz18: 18px;
    --fz16: 16px;
    --fz14: 14px
}

@media screen and (min-width:1025px) {

    :root .m-link,
    :root .pc-hide {
        display: none !important
    }
}

@media screen and (min-width:1921px) {
    :root {
        font-size: 50px
    }
}

@media screen and (max-width:1920px) {
    :root {
        font-size: 2.60416667vw
    }
}

@media screen and (max-width:1600px) {
    :root {
        --x20: 18px;
        --x10: 9px;
        font-size: 45px
    }
}

@media screen and (max-width:1440px) {
    :root {
        --x20: 16px;
        --x10: 8px;
        font-size: 40px;
        --fz60: 48px;
        --fz48: 40px;
        --fz40: 32px;
        --fz36: 28px;
        --fz32t: 24px;
        --fz32: 24px;
        --fz28: 22px;
        --fz24: 20px;
        --fz20: 18px;
        --fz18: 16px;
        --fz16: 14px;
        --fz14: 12px
    }
}

@media screen and (max-width:1280px) {
    :root {
        --x20: 14px;
        --x10: 7px;
        --lh2: 1.75;
        font-size: 35px;
        --fz60: 36px;
        --fz48: 32px;
        --fz40: 26px;
        --fz36: 24px;
        --fz32t: 22px;
        --fz32: 22px;
        --fz28: 20px;
        --fz24: 18px;
        --fz20: 16px
    }
}

@media screen and (max-width:1024px) {
    :root {
        --x20: 12px;
        --x10: 6px;
        font-size: 30px;
        --fz100m: 100px
    }

    :root .m-hide {
        display: none !important
    }

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

@media screen and (max-width:750px) {
    :root {
        font-size: 20px;
        --fz100m: 90px;
        --fz60: 32px;
        --fz48: 26px;
        --fz40: 22px;
        --fz36: 20px;
        --fz32t: 20px;
        --fz32: 18px;
        --fz28: 16px
    }
}

@media screen and (max-width:700px) {
    :root {
        --fz100m: 85px
    }
}

@media screen and (max-width:650px) {
    :root {
        --fz100m: 80px;
        --fz60: 26px;
        --fz48: 24px
    }
}

@media screen and (max-width:600px) {
    :root {
        --fz100m: 75px
    }
}

@media screen and (max-width:550px) {
    :root {
        --fz100m: 70px
    }
}

@media screen and (max-width:500px) {
    :root {
        --fz100m: 65px
    }
}

@media screen and (max-width:450px) {
    :root {
        --fz100m: 60px
    }
}

@-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
}

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

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

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

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

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

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

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

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

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

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

@-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 zoomIns_r {
    0% {
        -webkit-transform: scale3d(.66, .66, .66);
        transform: scale3d(.66, .66, .66)
    }
}

@keyframes zoomIns_r {
    0% {
        -webkit-transform: scale3d(.66, .66, .66);
        transform: scale3d(.66, .66, .66)
    }
}

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

.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:before {
    content: " ";
    z-index: 8;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

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

.TAlert.showUp:before {
    -webkit-transition: all 320ms ease-out 1s;
    transition: all 320ms ease-out 1s;
    opacity: 0;
    visibility: hidden
}

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

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

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

.TAlert .contain .head {
    border-bottom: #ccc solid 1px;
    color: #333;
    background-color: #fff
}

.TAlert .contain .body {
    background-color: #fff;
    color: #000
}

.TAlert .contain .foot {
    position: relative;
    width: 100%;
    border-top: #e7e7e7 solid 1px
}

.TAlert .contain .foot .btn {
    position: absolute;
    top: 0;
    width: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04);
    color: #0052d9;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.TAlert .contain .foot .btn.enter {
    left: 0
}

.TAlert .contain .foot .btn.enter+.close {
    background-color: #f1f1f1;
    color: #222;
    border-left: #cfcfcf solid 1px
}

.TAlert .contain .foot .btn.close {
    right: 0
}

.TAlert {
    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
}

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

.TAlert .contain {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.TAlert.hideOut .Tclose {
    -webkit-transform: rotate(360deg) scale(.5);
    transform: rotate(360deg) scale(.5);
    opacity: 0;
    -webkit-transition: all 280ms ease-out 0s;
    transition: all 280ms ease-out 0s
}

.TAlert.hideOut .contain {
    opacity: 0;
    -webkit-transform: scale(1) translateY(50%) !important;
    transform: scale(1) translateY(50%) !important
}

.TAlert:after {
    display: none
}

.TAlert .Tclose {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: -60px;
    width: 40px;
    height: 40px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
}

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

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

.ysqUEO .TAlert .Tclose s:after,
.ysqUEO .TAlert .Tclose s:before {
    pointer-events: none !important;
    content: " ";
    position: absolute;
    left: 5px;
    width: 30px;
    height: 3px;
    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 .Tclose s:before {
    top: 9px;
    -webkit-transform: rotate(45deg) translate(5.90254326px, 0);
    transform: rotate(45deg) translate(5.90254326px, 0);
    top: 3.5px
}

.ysqUEO .TAlert .Tclose s:after {
    bottom: 9px;
    -webkit-transform: rotate(-45deg) translate(5.90254326px, 0);
    transform: rotate(-45deg) translate(5.90254326px, 0);
    bottom: 3.5px
}





.TAlert .contain {
    width: 320px;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    border-radius: 8px;
    opacity: 0;
    -webkit-transition: all 330ms ease-out 0s;
    transition: all 330ms ease-out 0s
}

.TAlert .contain .body {
    padding: 30px 25px 25px;
    font-size: 16px;
    text-align: center
}

.TAlert .contain .foot {
    height: 55px
}

.TAlert .contain .foot .btn {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
}

.TAlert .contain .head .this {
    display: none
}

.TAlert.modal-qrcode .contain {
    overflow: visible
}

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

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

.TAlert.modal-qrcode .contain .pic {
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto
}

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

.TAlert.modal-qrcode .contain .tips {
    text-align: center;
    padding: 10px
}

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

.pageListBox {
    padding-top: 1.2rem
}

.pageListBox .pageList {
    position: relative;
    line-height: 44px;
    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 5px;
    font-size: 14px
}

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

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

.pageListBox .pageList li.active>a,
.pageListBox .pageList li.active>span {
    background-color: #015293;
    color: #fff
}

.pageListBox .pageList li.active>a:after,
.pageListBox .pageList li.active>span:after {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.pageListBox .pageList li 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
}



.scrollAjax .loadDiv {
    text-align: center;
    margin: 1.2rem auto 0
}

.scrollAjax #loadState {
    position: relative;
    min-width: 160px;
    height: 48px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    color: #222;
    font-size: 14px;
    border: currentColor solid 1px;
    padding: 0 2em
}

.scrollAjax #loadState._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.scrollAjax #loadState.off {
    background-color: #ddd;
    color: #333;
    cursor: default;
    cursor: not-allowed
}

.scrollAjax #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
}

@-webkit-keyframes dotMove {

    0%,
    100% {
        content: "."
    }

    33% {
        content: ".."
    }

    66% {
        content: "..."
    }
}

@keyframes dotMove {

    0%,
    100% {
        content: "."
    }

    33% {
        content: ".."
    }

    66% {
        content: "..."
    }
}

.scrollAjax #loadState.retry {
    overflow: hidden;
    background-color: #015293;
    cursor: pointer
}

.scrollAjax #loadState.retry:before {
    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-transform: skewX(-25deg) translateX(-149px);
    transform: skewX(-25deg) translateX(-149px);
    -webkit-transition: none 320ms ease-out 0s;
    transition: none 320ms ease-out 0s
}

.scrollAjax #loadState.retry:hover:before {
    left: 100%;
    -webkit-transform: skewX(-25deg) translateX(149px);
    transform: skewX(-25deg) translateX(149px);
    top: 0;
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s
}

.scrollAjax .pageList {
    display: none
}

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

.ysqUEO .aBtnSc:after {
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    display: block !important;
    background-color: rgba(255, 255, 255, .1);
    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);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}



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

.ysqUEO .aBtnScw:after {
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    display: block !important;
    background-color: rgba(0, 0, 0, .25);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    width: 150%;
    padding-bottom: 150%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
    opacity: 0;
    visibility: hidden
}



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

.ysqUEO .aBtnlr:after {
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    display: block !important;
    background-color: #015293;
    left: 100%;
    top: 0;
    width: 0;
    height: 100%
}



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

.ysqUEO .aBtnbt:after {
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    display: block !important;
    background-color: #015293;
    bottom: 100%;
    height: 0;
    left: 0;
    width: 100%
}



.jwlink {
    opacity: .7
}

.icon-gt {
    position: relative;
    z-index: 1;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: currentColor
}

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

.ysqUEO .icon-gt s {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    text-align: left
}

.ysqUEO .icon-gt s:after,
.ysqUEO .icon-gt s:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 2px;
    margin-top: -1px;
    background-color: currentColor;
    margin-left: -6px;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.ysqUEO .icon-gt s:before {
    -webkit-transform: rotate(-44deg) translateX(1px);
    transform: rotate(-44deg) translateX(1px)
}

.ysqUEO .icon-gt s:after {
    -webkit-transform: rotate(44deg) translateX(1px);
    transform: rotate(44deg) translateX(1px)
}


.btn-edit {
    position: relative;
    z-index: 2;
    width: 6.25em;
    height: 3em;
    line-height: 3em;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #fff;
    background-color: #015293;
    border-radius: 5px;
    font-size: var(--fz16)
}

.btn-edit:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    width: 1.5em;
    height: 1.5em;
    margin-right: .5em;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.513 20.434H3.82c-.41 0-.77.365-.77.783 0 .418.36.783.77.783h11.743c.41 0 .77-.365.77-.783 0-.418-.36-.783-.821-.783zM5 19.181l3.23-.156c.616.052 1.18-.21 1.59-.627l6.154-6.263-5.948-6.055-6.154 6.263c-.41.418-.616.992-.616 1.566L3 16.99v.104c0 .575.256 1.097.615 1.462.36.365.82.574 1.385.626zm13.385-12.58L15.46 3.627a2.14 2.14 0 0 0-3.025 0l-1.333 1.358 5.948 6.055 1.334-1.358c.82-.887.82-2.244 0-3.08z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}



.btn-close {
    width: 36px;
    height: 36px
}

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

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

.ysqUEO .btn-close s:after,
.ysqUEO .btn-close s:before {
    pointer-events: none !important;
    content: " ";
    position: absolute;
    left: 5px;
    width: 26px;
    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-close s:before {
    top: 9px;
    -webkit-transform: rotate(45deg) translate(5.17766953px, 0);
    transform: rotate(45deg) translate(5.17766953px, 0);
    top: 4px
}

.ysqUEO .btn-close s:after {
    bottom: 9px;
    -webkit-transform: rotate(-45deg) translate(5.17766953px, 0);
    transform: rotate(-45deg) translate(5.17766953px, 0);
    bottom: 4px
}



.btn-close s:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.btn-more {
    position: relative;
    z-index: 2;
    font-size: var(--fz18);
    color: #666;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-more:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2044_8114)'%3E%3Cpath d='M11.167 8.833V3H8.833v5.833H3v2.334h5.833V17h2.334v-5.833H17V8.833h-5.833z' fill='%23015293'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2044_8114'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.btn-more:hover {
    color: #015293
}

.btn-more:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-filter: none;
    filter: none
}

@media screen and (max-width:1024px) {
    .btn-more:after {
        width: 18px;
        height: 18px
    }
}

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

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

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

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

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

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

@media screen and (min-width:1025px) {

    .ysqUEO .ctr.ctr-navLR:hover s:after,
    .ysqUEO .ctr.ctr-navLR:hover s:before {
        background-color: #fff
    }
}

@media screen and (max-width:1024px) {

    .ctr.ctr-navLR:active s:after,
    .ctr.ctr-navLR:active s:before {
        background-color: #fff
    }
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:1024px) {

    .ctr.ctr-navLR s:after,
    .ctr.ctr-navLR s:before {
        -webkit-transition: 0s !important;
        transition: 0s !important
    }

    .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-svg {
    font-size: var(--fz40);
    display: none;
    z-index: 20;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    width: 2em;
    height: 2em;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    background-color: rgba(255, 255, 255, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: #fff solid 1px;
    border-radius: 50%
}

.ctr.ctr-svg:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 80ms ease-out 0s;
    transition: all 80ms ease-out 0s;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.804 18.699h16.378l-5.299-5.28a.829.829 0 0 1 0-1.176.836.836 0 0 1 1.18 0l6.693 6.67a.83.83 0 0 1 0 1.175l-6.693 6.669a.833.833 0 0 1-1.18 0 .829.829 0 0 1 0-1.176l5.3-5.28H10.803A.803.803 0 0 1 10 19.5c0-.442.36-.801.804-.801z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 1em;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

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

.ctr.ctr-svg.prev:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

@media screen and (min-width:1025px) {
    .ctr.ctr-svg:hover {
        background-color: rgba(255, 255, 255, .15)
    }

    .ctr.ctr-svg:hover:before {
        background-size: 1.2em
    }
}

@media screen and (max-width:1024px) {
    .ctr.ctr-svg:active {
        background-color: rgba(255, 255, 255, .15);
        -webkit-transition: 0s;
        transition: 0s
    }

    .ctr.ctr-svg:active:before {
        background-size: 1.2em;
        -webkit-transition: 0s;
        transition: 0s
    }
}

.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:before {
    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:before {
        background-color: #015293 !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:before {
        background-color: #015293 !important;
        -webkit-transition: 0s;
        transition: 0s
    }
}

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

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

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

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

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

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

@media screen and (min-width:1025px) {

    .ysqUEO .ctr.ctr-fang:hover s:after,
    .ysqUEO .ctr.ctr-fang:hover s:before {
        background-color: #fff
    }
}

@media screen and (max-width:1024px) {

    .ctr.ctr-fang:active s:after,
    .ctr.ctr-fang:active s:before {
        background-color: #fff
    }
}

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:1024px) {

    .ctr.ctr-fang s:after,
    .ctr.ctr-fang s:before {
        -webkit-transition: 0s !important;
        transition: 0s !important
    }

    .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: #015293;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.ctr.ctr-yuan:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: solid 1px #015293;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    color: #015293;
    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: #015293 !important;
        color: #fff
    }
}

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

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

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

.ysqUEO .ctr.ctr-yuan s:after,
.ysqUEO .ctr.ctr-yuan s:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    margin-top: -1px;
    background-color: #015293;
    -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 s:after,
    .ctr.ctr-yuan s:before {
        -webkit-transition: 0s !important;
        transition: 0s !important
    }

    .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 {
    z-index: 3;
    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
}

.pagination.pagination-banner:after {
    display: none
}

.pagination.pagination-banner .btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    border-radius: 50%;
    background-color: #fff
}

.pagination.pagination-banner .btn._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

.pagination.pagination-banner .btn.on {
    background-color: #015293
}

.pagination.pagination-dot {
    z-index: 3;
    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
}

.pagination.pagination-dot:after {
    display: none
}

.pagination.pagination-dot .btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
    border-radius: 50%;
    background-color: #d9d9d9
}

.pagination.pagination-dot .btn._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

.pagination.pagination-dot .btn.on {
    background-color: #0b9942
}

.pagination.pagination-dot._s2 .btn {
    width: 1em;
    height: 1em;
    font-size: var(--fz16)
}

.pagination.pagination-dot._s2 .btn.on {
    background-color: #3c7fc9
}

@media screen and (max-width:1024px) {
    .pagination.pagination-dot .btn {
        margin: 0 3px
    }
}

@media screen and (max-width:750px) {
    .pagination.pagination-dot._s2 .btn {
        font-size: 12px
    }
}

.pagination.pagination-yuan {
    z-index: 3;
    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;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.pagination.pagination-yuan:after {
    display: none
}

.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._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

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

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

.pagination.pagination-changtiao {
    z-index: 3;
    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;
    position: relative;
    overflow: hidden;
    width: 100%
}

.pagination.pagination-changtiao:after {
    display: none
}

.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._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

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

.pagination.pagination-daxiaoYuan {
    z-index: 3;
    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;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%
}

.pagination.pagination-daxiaoYuan:after {
    display: none
}

.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._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

.pagination.pagination-daxiaoYuan .btn:after {
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border: #015293 solid 1px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms 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 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.modal-searchForm {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99921;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .8)
}

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

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

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

.modal-searchForm .contain {
    z-index: 20;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 25px 30px;
    width: 360px;
    height: auto;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-searchForm .Tclose {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: .1rem;
    width: 40px;
    height: 40px;
    margin-left: -40px;
    top: -40px
}

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

.ysqUEO .modal-searchForm .Tclose s {
    overflow: hidden;
    text-indent: 120%
}

.ysqUEO .modal-searchForm .Tclose s:after,
.ysqUEO .modal-searchForm .Tclose s:before {
    pointer-events: none !important;
    content: " ";
    position: absolute;
    left: 8px;
    width: 24px;
    height: 4px;
    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 .modal-searchForm .Tclose s:before {
    top: 12px;
    -webkit-transform: rotate(45deg) translate(4.55634919px, 0);
    transform: rotate(45deg) translate(4.55634919px, 0);
    top: 6px
}

.ysqUEO .modal-searchForm .Tclose s:after {
    bottom: 12px;
    -webkit-transform: rotate(-45deg) translate(4.55634919px, 0);
    transform: rotate(-45deg) translate(4.55634919px, 0);
    bottom: 6px
}

@media screen and (min-width:1025px) {

    .ysqUEO .modal-searchForm .Tclose s:after,
    .ysqUEO .modal-searchForm .Tclose s:before {
        -webkit-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s
    }

    .modal-searchForm .Tclose s:hover {
        color: #fff
    }
}

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

.modal-searchForm .Tclose s:hover {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.modal-searchForm .searchBox {
    padding-top: 14px
}

.modal-searchForm .searchBox .skin {
    font-size: var(--fz16);
    width: 270px;
    height: 28px;
    line-height: 28px;
    padding: 9px 14px;
    border: #ccc solid 1px;
    border-radius: 6px;
    background-color: #fff
}

.modal-searchForm .searchBox .enter {
    margin-top: 15px;
    font-size: var(--fz18);
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #3c7fc9;
    color: #fff;
    text-align: center;
    border-radius: 6px
}

.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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -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-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

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

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

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

.fancybox-active {
    height: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-spaceball {
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

.fancybox-button:focus {
    outline: 0
}

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

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

.fancybox-button div {
    height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

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

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

[data-fancybox-close]:hover svg {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

.albums_temp_bgf .fancybox-content {
    background-color: #fff !important
}

.fancy_zoomer {
    position: relative;
    display: inline-block;
    vertical-align: top
}

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

.fancy_zoomer:after,
.fancy_zoomer:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms 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 fill='%23000000' 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'/%3E  %3Cpath fill='%23000000' 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'/%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 320ms ease-out 0s;
        transition: all 320ms 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
    }
}

.floatBar {
    position: fixed;
    z-index: 31;
    right: 5px;
    top: 150%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    font-size: var(--fz20)
}

.floatBar .item {
    display: block;
    position: relative;
    min-width: 3em;
    height: 3em;
    line-height: 3em
}

.floatBar .item .stay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 3em;
    height: 3em;
    line-height: 3em;
    background-color: #015293;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 6px
}

.floatBar .item .come {
    white-space: nowrap;
    position: absolute;
    right: 3em;
    margin-right: 4px;
    top: 0;
    text-align: right;
    color: #fff;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.floatBar .item .icoImg {
    width: 1.8em;
    height: 1.8em;
    display: block
}

.floatBar .item .qrcode {
    width: 144px;
    height: 144px;
    padding: 5px;
    background-color: #0b9942;
    border-radius: 6px
}

.floatBar .item .qrcode img {
    display: block;
    width: 100%;
    height: 100%
}

.floatBar .item ._txt {
    background-color: #0b9942;
    min-width: 3em;
    padding: .5em 1em;
    line-height: 2em;
    border-radius: 6px
}

.floatBar .item .come,
.floatBar .item .stay {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2)
}

.floatBar .item:hover .stay {
    opacity: 1;
    background-color: #0b9942
}

.floatBar .item:hover .come {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.floatBar .item:nth-of-type(1n+2) {
    margin-top: 4px
}

@media screen and (max-width:1024px) {
    .floatBar {
        display: none;
        top: 100% !important;
        -webkit-transform: translateY(-105%);
        transform: translateY(-105%)
    }

    .floatBar .item .stay {
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
    }

    .floatBar .item .come {
        display: none
    }
}

.header {
    position: relative;
    z-index: 20;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.header>.bg {
    display: none;
    z-index: 5;
    pointer-events: auto !important
}

.header .logo {
    font-size: var(--x20)
}

.header .logo ._img {
    position: relative;
    width: 5em;
    height: 5em
}

.header .logo ._img img {
    display: block;
    height: 100%;
    left: 0;
    top: 0
}

.header .logo .word {
    color: #015293;
    font-size: 1.8em;
    line-height: 1.33333333;
    font-weight: 700;
    -webkit-filter: drop-shadow(1px 1px 0 #fff);
    filter: drop-shadow(1px 1px 0 #fff)
}

.header .secNav {
    display: none
}

.header .navbtn {
    display: none
}

.header .fns {
    position: relative;
    height: 2em;
    line-height: 2em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1em;
    border-radius: 2em
}

.header .fns .item {
    z-index: 1;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px
}

.header .fns .item:after {
    display: none
}

.header .fns .item .btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    font-size: var(--fz16)
}

.header .fns .item .btn .icon {
    width: 1em;
    height: 1em
}

.header .fns .item .btn .icon+.this {
    margin-left: 5px
}

.header .fns .item .btn .this {
    white-space: nowrap;
    font-size: var(--fz16)
}

.header .fns .item:hover .icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header .fns .item:hover .this {
    font-weight: 700
}

.header .fns ._s {
    margin: 0 .75em;
    width: 1px;
    height: 10px;
    background-color: currentColor
}

.header._s2 .index-banner {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.header._s2 .pagination-banner {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.header .pagination-banner {
    margin-top: .8rem;
    margin-bottom: -.8rem;
    display: none
}

.header .pagination-banner._abled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header .index-banner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.header .searchBox {
    position: relative;
    z-index: 2;
    font-size: var(--fz20);
    max-width: 100%
}

.header .searchBox .skin {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: var(--x10);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 6em;
    padding-left: 1.5em;
    font-size: var(--fz18)
}

.header .searchBox .enter {
    z-index: 6;
    position: absolute;
    right: 0;
    top: 0;
    width: 5em;
    height: 100%;
    border-radius: 0 var(--x10) var(--x10) 0
}

.header .searchBox .enter:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    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.654 26.928l-4.837-4.753c4.065-4.59 3.78-11.538-.61-15.763-4.633-4.55-12.071-4.55-16.746 0-4.511 4.388-4.633 11.62-.244 16.129l.244.243c4.227 4.063 10.812 4.51 15.527 1.016l4.878 4.794c.203.243.528.365.853.406.325 0 .65-.122.894-.366a1.178 1.178 0 0 0 .04-1.706zM5.486 14.578c.081-5.078 4.268-9.14 9.389-9.1 5.08-.04 9.227 4.022 9.349 9.1-.082 5.078-4.268 9.14-9.349 9.1a9.227 9.227 0 0 1-9.39-9.1z' fill='%23015293'/%3E%3C/svg%3E");
    background-size: 1.6em 1.6em;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.header .searchBox .enter:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header .b_logo {
    display: none
}
.header {
        font-size: var(--x20)
    }

    .header .contain {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }

    .header ._t {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .header ._t .wW {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header ._t .left {
        font-size: var(--fz16);
        line-height: 1.5
    }

    .header ._m {
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .header ._b {
        background-color: #015293;
        height: 3.5em;
        line-height: 3.5em;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .header ._b,
    .header ._b a {
        color: #fff
    }

    .header ._b .firNav {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header ._b .firNav ._s {
        width: 1px;
        height: 14px;
        background-color: rgba(255, 255, 255, .4);
        margin: 0 10px
    }

    .header ._b .firNav .firItem {
        position: relative
    }

    .header ._b .firNav .firItem .link1 {
        position: relative;
        overflow: hidden;
        z-index: 2;
        display: block;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        white-space: nowrap;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        font-size: var(--x20)
    }

    .header ._b .firNav .firItem .link1 .icon {
        margin-right: .4rem;
        width: 1.8em;
        height: 1.8em
    }

    .header ._b .firNav .firItem.on .link1,
    .header ._b .firNav .firItem:hover .link1 {
        -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, .3));
        filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, .3))
    }

    .header ._b .secNav {
        position: absolute;
        top: 100%;
        min-width: 100%;
        z-index: 30;
        text-align: left;
        padding: 5px 10px 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none
    }

    .header ._b .secNav .link {
        color: #222;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        font-size: var(--fz16)
    }

    .header ._b .secNav .wrapIn {
        padding: .3rem 0;
        min-width: 108px;
        position: relative;
        z-index: 2
    }

    .header ._b .secNav .wrapIn:before {
        content: " ";
        z-index: 2;
        pointer-events: none;
        position: absolute;
        left: 50%;
        top: .12rem;
        width: .4rem;
        height: .4rem;
        background-color: #fff;
        -webkit-box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
        box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
        margin-left: -.2rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-clip-path: polygon(-50% -50%, 150% -50%, 150% 150%, -50% -50%);
        clip-path: polygon(-50% -50%, 150% -50%, 150% 150%, -50% -50%)
    }

    .header ._b .secNav .wrapIn .col {
        padding: .3rem 0;
        background-color: #fff;
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16);
        border-radius: 6px
    }

    .header ._b .secNav .col {
        display: block;
        text-align: center;
        white-space: nowrap
    }

    .header ._b .secNav .secItem {
        position: relative
    }

    .header ._b .secNav .secItem .link2 {
        display: block;
        line-height: 1.5;
        padding: .12rem .3rem
    }

    .header ._b .secNav .secItem:nth-child(1n+2) {
        border-top: rgba(255, 255, 255, .3) dashed 1px
    }

    .header ._b .secNav .secItem.on .link,
    .header ._b .secNav .secItem:hover .link {
        color: #015293;
        background-color: rgba(0, 0, 0, .05)
    }

    .header._s1 {
        color: #015293;
        height: 32em;
        background-color: #eee
    }

    .header._s1 .fns {
        color: #015293;
        background-color: rgba(255, 255, 255, .4)
    }

    .header._s1 ._t {
        padding: 1em 0
    }

    .header._s1 ._m {
        padding: 2.25em 0
    }

    .header._s1 ._m .logo {
        text-align: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto
    }

    .header._s1 ._m .logo ._img {
        margin-left: auto;
        margin-right: auto
    }

    .header._s1 ._m .logo .word {
        margin-top: 1em
    }

    .header._s1 ._m .searchBox {
        margin-left: auto;
        margin-right: auto;
        width: 36em;
        margin-top: 2em
    }

    .header._s1 ._m .searchBox .skin {
        height: 70px;
        line-height: 70px
    }

    .header._s2 {
        color: #222;
        height: 14em;
        background-color: #fff
    }

    .header._s2 .fns {
        color: #4d4d4d;
        background-color: rgba(220, 220, 220, .4)
    }

    .header._s2 .fns img.icon {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .header._s2 ._t {
        padding: 1em 0
    }

    .header._s2 ._m {
        padding: 1.5em 0;
        margin-top: -1.5em
    }

    .header._s2 ._m .wW {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .header._s2 ._m .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .header._s2 ._m .logo .word {
        margin-left: 1.04166667vw
    }

    .header._s2 ._m .searchBox {
        width: 24em;
        margin-left: .4rem
    }

    .header._s2 ._m .searchBox .skin {
        height: 60px;
        line-height: 60px;
        border: #d2d2d2 solid 1px
    }

    .header._s2 ._m .searchBox .enter {
        background-color: #015293
    }

    .header._s2 ._m .searchBox .enter:before {
        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);
        filter: grayscale(100%) contrast(50%) brightness(5)
    }
@media screen and (min-width:1025px) {
    
}

@media screen and (max-width:1440px) {
    .firNav .firItem .icon {
        margin-right: .2rem !important
    }
}



.footer {
    position: relative;
    z-index: 4;
    background-color: #015293
}

.footer,
.footer a {
    color: #fff
}

.footer-t {
    background-color: #cbe1f3;
    padding: 16px 0;
    font-size: var(--fz16);
    line-height: 1.5;
    text-align: center
}

.footer-t ._s {
    width: 1px;
    height: 8px;
    background-color: #999;
    margin: 0 .3rem;
    display: inline-block;
    vertical-align: middle
}

.footer-t .link {
    color: #222;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0;
    padding: 0
}

.footer-t .link:hover {
    color: #015293
}

.footer-b {
    padding: 1.4rem 0
}

.footer-b .wW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: var(--fz20)
}

.footer-b .flogo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 5em;
    height: 5em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.6rem
}

.footer-b .finfo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: 14px;
    line-height: 24px;
    padding-top: .5rem;
    width: 16.4rem
}

.footer-b .fnav {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 15em;
    margin-left: 1.6rem
}

.footer-b .fnav .link {
    margin-bottom: 1.5em
}

.footer-b .fnav .link .iconBox {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #3c7fc9;
    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;
    -ms-flex-line-pack: center;
    align-content: center
}

.footer-b .fnav .link .icon {
    width: 28px;
    height: 28px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.footer-b .fnav .link .p {
    margin-top: .75em;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.footer-b .fnav .link:hover .icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media screen and (max-width:1024px) {
    .footer-b {
        padding: 1.6rem 0
    }

    .footer-b .wW {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-b .flogo {
        margin-left: auto;
        margin-right: auto
    }

    .footer-b .fnav {
        margin-left: 0;
        width: 100%;
        margin-top: 1.2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 16px
    }

    .footer-b .fnav .link {
        margin: 0 .5rem .6rem
    }

    .footer-b .finfo {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%;
        margin-top: .4rem;
        padding-top: 0;
        text-align: center
    }
}

.index {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.index-banner {
    position: relative;
    overflow: hidden;
    height: 32em;
    font-size: var(--fz20)
}

.index-banner .shade,
.index-banner .swiper-container {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #eee
}

.index-banner .item {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #eee
}

.index-banner .pagination-banner {
    display: none;
    position: absolute;
    left: 0;
    bottom: .8rem;
    width: 100%
}

.index-banner._loaded .pagination-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.index-section {
    position: relative;
    z-index: 2
}

.index-head {
    margin-bottom: 1rem
}

.index-head .p1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: var(--fz32)
}

.index-head .p1:after,
.index-head .p1:before {
    content: " ";
    height: 1em;
    width: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='587' height='7' viewBox='0 0 587 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23CCC' d='M0 .5h572M0 3.5h580M0 6.5h587'/%3E%3C/svg%3E");
    background-size: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.index-head .p1:before {
    left: 0;
    background-position: 100% 50%
}

.index-head .p1:after {
    right: 0;
    background-position: 0 50%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.index-head .p1 .this {
    position: relative;
    z-index: 2;
    padding: 0 3rem;
    font-size: var(--fz32);
    font-weight: 700;
    color: #222;
    line-height: 1.5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.index-head .p1 .this:after,
.index-head .p1 .this:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='15.238' height='15.238' rx='2' fill='%23015293'/%3E%3Crect x='5.714' y='5.714' width='14.286' height='14.286' rx='2' fill='%23F4F4F4' fill-opacity='.63' filter='url(%23filter0_b_607_2106)'/%3E%3Cdefs%3E%3Cfilter id='filter0_b_607_2106' x='1.714' y='1.714' width='22.286' height='22.286' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_607_2106'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_607_2106' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.index-head .p1 .this:before {
    margin-left: -10px;
    left: 1.5rem
}

.index-head .p1 .this:after {
    margin-right: -10px;
    right: 1.5rem;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.index-news {
    padding: .8rem 0 1.2rem;
    font-size: var(--fz20)
}

.index-news ._in {
    padding: 1.2rem 1rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f3ff), color-stop(34.02%, rgba(255, 255, 255, .466538)), to(#fff));
    background: linear-gradient(180deg, #e8f3ff 0, rgba(255, 255, 255, .466538) 34.02%, #fff 100%);
    -webkit-box-shadow: 0 .2em 2em #eaf5ff;
    box-shadow: 0 .2em 2em #eaf5ff
}

.index-news-top {
    padding: 0 1.2rem;
    text-align: center
}

.index-news-top .link {
    color: #015293;
    position: relative;
    z-index: 2;
    line-height: 1.5;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-news-top .link:hover {
    color: #3c7fc9
}

.index-news-top .h1 {
    font-size: var(--fz40);
    font-weight: 700
}

.index-news-top .hs {
    font-size: var(--fz18);
    margin-top: 12px
}

.index-news-top .hs ._s {
    margin: 0 .6rem;
    width: 1px;
    height: 12px;
    background-color: rgba(8, 94, 168, .3);
    display: inline-block;
    vertical-align: middle
}

.index-news-top .hs ._s:first-child {
    display: none
}

.index-news-top+.index-news-hot {
    margin-top: 1.2rem
}

@media screen and (max-width:1024px) {
    .index-news-top {
        padding: 0
    }
}

@media screen and (max-width:750px) {
    .index-news-top .h1 {
        font-size: 20px
    }

    .index-news-top .hs {
        font-size: 14px
    }
}

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

.index-news-hot .picBox {
    width: 51%;
    min-height: 10.8rem
}

.index-news-hot .txtBox {
    width: 46.66666667%;
    padding: 1.25em 0
}

@media screen and (max-width:1024px) {
    .index-news-hot .txtBox {
        padding: 0;
        margin-top: 1rem
    }
}

.index-news-hot-tab .Tg1 {
    max-width: calc(100% - 88px)
}

.index-news-hot-tab .Tg1 .this.btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding-bottom: .75em;
    border-bottom: none
}

.index-news-hot-tab .Tg1 .this.btn._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.index-news-hot-tab .Tg1 .this.btn:nth-of-type(1n+2) {
    margin-left: 2.60416667vw
}

.index-news-hot-tab .Tg1 .this.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: .25em;
    background-color: #0b9942
}

.index-news-hot-tab .Tg1 .this.btn.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
}

@media screen and (max-width:1024px) {
    .index-news-hot-tab .Tg1 .this.btn:after {
        height: 3px
    }
}

.index-axd {
    padding: 0;
    margin-bottom: 1.2rem
}

.index-axd .qImg {
    display: block;
    width: 100%
}

.index-secs-tab .Tg2 {
    position: relative;
    z-index: 5
}

.index-secs-tab .Tg2:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 100%;
    margin-top: -14px;
    width: 100%;
    height: 4px;
    background-color: #015293
}

.index-secs-tab .Tg2 .overview {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 100%;
    padding-bottom: 12px
}

.index-secs-tab .Tg2 .btn {
    position: relative;
    z-index: 2;
    width: calc(100%/3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .6rem;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #222;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-secs-tab .Tg2 .btn .this {
    font-size: var(--fz24);
    font-weight: 700
}

.index-secs-tab .Tg2 .btn:after {
    content: " ";
    z-index: -3;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--x10) var(--x10) 0 0;
    background-image: url(../images/bgi-secs-btn-on.jpg);
    background-color: #015293;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: hidden;
    top: 100%
}

.index-secs-tab .Tg2 .btn:before {
    content: " ";
    z-index: -5;
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: -5px;
    margin-left: -15px;
    width: 30px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='16' viewBox='0 0 30 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2219_2364)'%3E%3Cpath d='M15 16L29.722-.5H.278L15 16z' fill='%23015293'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2219_2364'%3E%3Cpath fill='%23fff' d='M0 0h30v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    height: 0
}

.index-secs-tab .Tg2 .btn:hover {
    color: #015293
}

.index-secs-tab .Tg2 .btn.on {
    color: #fff
}

.index-secs-tab .Tg2 .btn.on:after,
.index-secs-tab .Tg2 .btn.on:before {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-secs-tab .Tg2 .btn.on:after {
    top: 0
}

.index-secs-tab .Tg2 .btn.on:before {
    height: 16px
}

.index-secs-tab .Tt2 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f3ff), color-stop(34.02%, rgba(255, 255, 255, .466538)), to(#fff));
    background: linear-gradient(180deg, #e8f3ff 0, rgba(255, 255, 255, .466538) 34.02%, #fff 100%);
    -webkit-box-shadow: 0 .2em 2em #eaf5ff;
    box-shadow: 0 .2em 2em #eaf5ff;
    margin-top: -12px
}

.index-secs-tab .Tt2>.box {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 1.2rem 1rem 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0
}

.index-secs-tab .Tt2>.box.on {
    position: relative;
    visibility: visible;
    opacity: 1;
    z-index: 9
}

.index-secs-tab ._diflr {
    font-size: var(--fz20);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:750px) {
    .index-secs-tab .Tg2 .btn .this {
        font-size: 16px
    }
}

.index-secs-s1 .left {
    width: calc(100% - 24em - 1.6rem)
}

.index-secs-s1 .right {
    width: 24em
}

.index-secs-s1 .sNews-list {
    min-height: 21em
}

.index-secs-s1 .sNews-list .item {
    height: 2.1em;
    line-height: 2.1em
}

@media screen and (max-width:1024px) {
    .index-secs-s1 .left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1.2rem
    }

    .index-secs-s1 .sNews-list {
        min-height: 0
    }
}

.index-secs-s1-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: var(--fz20)
}

.index-secs-s1-nav .item {
    width: 11.25em;
    height: 7.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    z-index: 2;
    border-radius: var(--x10);
    background-color: #f0f5f8;
    text-align: center
}

.index-secs-s1-nav .item:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#eff7ff), to(#fff));
    background: linear-gradient(180deg, #eff7ff 0, #fff 100%);
    border: 2px solid #fff;
    border-radius: inherit;
    -webkit-box-shadow: 0 .2em .2em rgba(0, 0, 0, .15);
    box-shadow: 0 .2em .2em rgba(0, 0, 0, .15);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.index-secs-s1-nav .item .icon {
    width: 3.2em;
    height: 3.2em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-secs-s1-nav .item .p {
    padding: 5px 0;
    line-height: 1.25;
    font-size: var(--fz16);
    font-weight: 700;
    color: #222;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-secs-s1-nav .item:nth-of-type(2n+2) {
    margin-left: 1.5em
}

.index-secs-s1-nav .item:nth-of-type(1n+3) {
    margin-top: 1em
}

.index-secs-s1-nav .item:hover:before {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-secs-s1-nav .item:hover .icon {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.index-secs-s1-nav .item:hover .p {
    color: #015293
}

@media screen and (max-width:1024px) {
    .index-secs-s1-nav .item:nth-of-type(1n+1) {
        width: 32%;
        margin-left: 2%;
        margin-top: 0
    }

    .index-secs-s1-nav .item:nth-of-type(3n+1) {
        margin-left: 0
    }

    .index-secs-s1-nav .item:nth-of-type(1n+4) {
        margin-top: 2%
    }
}

.index-secs-s2 .left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 25em
}

.index-secs-s2 .right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 25em - 1.2rem)
}

.index-secs-s2 .sNews-ss-col+.sNews-ss-col {
    margin-top: .8rem
}

@media screen and (max-width:1024px) {
    .index-secs-s2 .left {
        margin-top: 1.2rem
    }
}

.index-secs-s2-xw-swiper {
    position: relative
}

.index-secs-s2-xw-swiper .item {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--fz20)
}

.index-secs-s2-xw-swiper .item .pic {
    width: 13em;
    height: 9em;
    font-size: inherit
}

.index-secs-s2-xw-swiper .item .txt {
    padding: 10px 0;
    margin-left: 1.5em;
    width: calc(100% - 14.5em)
}

.index-secs-s2-xw-swiper .item .title {
    font-size: var(--fz20);
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #222;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-secs-s2-xw-swiper .item .date {
    margin-top: .3rem;
    font-size: var(--fz16);
    line-height: 1.5;
    color: #999
}

.index-secs-s2-xw-swiper .item .abstract {
    margin-top: .2rem;
    font-size: var(--fz16);
    line-height: 1.875em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.75em;
    height: 3.75em
}

.index-secs-s2-xw-swiper .item:hover .title {
    color: #015293
}

@media screen and (max-width:1024px) {
    .index-secs-s2-xw-swiper .item {
        font-size: 14px
    }
}

.index-secs-s2-zt-swiper {
    position: relative
}

.index-secs-s2-zt-swiper .item {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--fz20);
    width: 32%
}

.index-secs-s2-zt-swiper .item .pic {
    width: 100%;
    height: 2.8rem;
    font-size: inherit
}

@media screen and (max-width:1024px) {
    .index-secs-s2-zt-swiper .item .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 46.66666667%
    }
}

.index-about {
    padding: 1rem 0 1.6rem
}

.index-about-lr {
    font-size: var(--fz20);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-about-lr .left {
    width:
        45em;
    border: #f5f5f5 solid .25em
}

.index-about-lr .right {
    width: calc(100% - 1rem - 45em)
}

@media screen and (max-width:1024px) {
    .index-about-lr .right {
        margin-top: 1.2rem
    }
}

.index-about-intro {
    margin-left: auto;
    margin-right: auto;
    width: 44.5em;
    padding: 2.5em 1.25em 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.index-about-intro .title {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
    width: 23em;
    color: #015293;
    line-height: 1.63636364em;
    font-weight: 700;
    text-align: center
}

.index-about-intro .abstract {
    margin-top: 1em;
    font-size: var(--fz18);
    color: #666;
    line-height: 1.66666667em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify
}

.index-about-intro .navs {
    margin-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.index-about-intro .navs .link2 {
    width: calc(100%/3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.index-about-intro .navs .link2 .icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--fz20);
    width: 2em;
    height: 2em;
    padding: .6em;
    border-radius: 50%;
    background-color: #f0f5f8
}

.index-about-intro .navs .link2 .this {
    margin-top: 5px;
    font-size: var(--fz18);
    line-height: 1.66666667;
    color: #222
}

.index-about-list4 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.index-about-list4 .item {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 100%;
    width: 16.98113208%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.index-about-list4 .item:after {
    content: " ";
    z-index: 3;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54.38%, rgba(102, 102, 102, 0)), to(rgba(0, 0, 0, .74)));
    background: linear-gradient(180deg, rgba(102, 102, 102, 0) 54.38%, rgba(0, 0, 0, .74) 100%);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.index-about-list4 .item .pic {
    width: 100%;
    height: 100%;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.index-about-list4 .item .pic:after {
    content: " ";
    z-index: 5;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.index-about-list4 .item .pic._loaded:after {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-about-list4 .item .p {
    position: absolute;
    z-index: 5;
    left: .4rem;
    bottom: .5rem;
    width: 1em;
    line-height: 1.16666667em;
    font-size: var(--fz24);
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

.index-about-list4 .item .txt {
    z-index: 6;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: .8rem;
    color: #fff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(105%);
    transform: translateY(105%)
}

.index-about-list4 .item .txt .sdt {
    font-size: var(--fz32);
    font-weight: 700;
    line-height: 1.25
}

.index-about-list4 .item .txt .sdd {
    margin-top: .2rem;
    font-size: var(--fz16);
    line-height: 1.5
}

.index-about-list4 .item:nth-of-type(1n+2) {
    margin-left: 1.50943396%
}

.index-about-list4 .item.on {
    width: 44.52830189%
}

.index-about-list4 .item.on .pic:after {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.index-about-list4 .item.on .p {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%)
}

.index-about-list4 .item.on .txt {
    -webkit-transition: all 320ms ease-out .3s;
    transition: all 320ms ease-out .3s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important
}

.index-about-list4 .item.on:after {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width:1024px) {
    .index-about-list4 {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .index-about-list4 .item:nth-of-type(1n+1) {
        width: 48.5%;
        margin-left: 3%;
        margin-top: 0
    }

    .index-about-list4 .item:nth-of-type(2n+1) {
        margin-left: 0
    }

    .index-about-list4 .item:nth-of-type(1n+3) {
        margin-top: 3%
    }

    .index-about-list4 .item .pic {
        width: 100%;
        height: 0 !important;
        padding-bottom: 87.5%
    }

    .index-about-list4 .item .pic:after {
        -webkit-transition: all 320ms ease-out 0s !important;
        transition: all 320ms ease-out 0s !important;
        opacity: 0 !important;
        visibility: hidden !important
    }

    .index-about-list4 .item .txt {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important;
        padding: 1rem
    }

    .index-about-list4 .item .p {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .index-about-list4 .item:after {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width:750px) {
    .index-about-list4 .item:nth-of-type(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .index-about-list4 .item:nth-of-type(1n+1) {
        margin-left: 0
    }

    .index-about-list4 .item:nth-of-type(1n+2) {
        margin-top: 4%
    }

    .index-about-list4 .item .pic {
        padding-bottom: 62.5%
    }
}

.sSearch-panel {
    position: relative;
    z-index: 8;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #3c7fc9;
    color: #fff
}

.subpage-banner+.sSearch-panel {
    margin-top: -60px
}

.sSearch-panel .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.sSearch-panel .contain:after {
    display: none
}

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

.sSearch-panel .keywords {
    padding: 18px 0 18px 6em;
    line-height: 24px;
    height: 24px
}

.sSearch-panel .keywords .sdt {
    float: left;
    margin-left: -6em
}

.sSearch-panel .keywords .sdd {
    position: relative;
    width: 480px
}

.sSearch-panel .keywords .sdd._bindjs {
    padding-right: 40px
}

.sSearch-panel .keywords .sdd .link {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    line-height: 24px;
    font-size: 14px
}

.sSearch-panel .keywords .sdd .link._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sSearch-panel .keywords .sdd .link:nth-child(1n+2) {
    margin-left: 15px
}

.sSearch-panel .keywords .sdd .ctr-navLR {
    height: 40px;
    line-height: 40px;
    top: 50%;
    margin-top: -20px
}

.sSearch-panel .result {
    max-width: calc(100% - 272px);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sSearch-panel .result .ci {
    text-decoration: underline;
    margin: 0 2px;
    font-size: 1.1em
}

.sSearch-panel .searchBox {
    position: relative;
    height: 36px;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sSearch-panel .searchBox .skin {
    width: 240px;
    height: 36px;
    line-height: 36px;
    padding: 0 48px 0 20px;
    border-radius: 36px;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sSearch-panel .searchBox .enter {
    position: absolute;
    right: 8px;
    top: 0;
    width: 36px;
    height: 36px;
    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 stroke='%23005CA2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M25.35 25L21 20.65M23 15a8 8 0 1 1-16 0 8 8 0 0 1 16 0z' /%3E%3C/svg%3E");
    background-size: 36px 36px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-indent: -9999px
}

.sSearch-panel .searchBox .enter:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s
}

@media screen and (max-width:1024px) {
    .sSearch-panel {
        height: 36px;
        line-height: 36px;
        padding: 12px 0
    }

    .subpage-banner+.sSearch-panel {
        margin-top: -60px
    }

    .sSearch-panel .keywords,
    .sSearch-panel .result {
        display: none
    }

    .sSearch-panel .searchBox {
        margin-left: auto
    }

    .sSearch-panel .searchBox .skin {
        width: 100%
    }
}

.sSearch-list .item {
    position: relative;
    z-index: 2;
    border-bottom: #d9d9d9 solid 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 24px
}

.sSearch-list .item:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 100%;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #015293;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sSearch-list .item .title {
    margin-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sSearch-list .item .keyColor {
    color: #015293
}

.sSearch-list .item .date {
    position: absolute;
    right: 0;
    top: 15px;
    color: #999
}

.sSearch-list .item .abstract {
    margin-top: 4px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width:1025px) {
    .sSearch-list .item:hover: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) {
    .sSearch-list .item {
        border-bottom-color: #015293
    }
}

.sSearch-list .emptyList {
    border-bottom: none;
    font-weight: 400;
    letter-spacing: 2px
}

.sSearch-list .emptyList:before {
    display: none
}

@media screen and (max-width:1024px) {
    .sSearch-list .item {
        padding: 10px 0
    }

    .sSearch-list .item .date {
        top: 10px
    }
}

.subpage-neck {
    position: relative;
    background-color: #f1f1f1
}

.subpage-neck .wW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subpage-neck .wW:after {
    display: none
}

.subpage-crumbs {
    position: relative;
  
    padding: 20px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--fz16)
}

.subpage-crumbs,
.subpage-crumbs a {
    color: #666
}

.subpage-crumbs .link:hover {
    color: #015293
}

.subpage-wrap {
    position: relative;
    z-index: 2;
    padding: .8rem 0 1.2rem;
    font-size: var(--fz20)
}

.subpage-wrap._bg1:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#d8ebfc), color-stop(34.02%, rgba(255, 255, 255, .466538)), to(#fff));
    background: linear-gradient(180deg, #d8ebfc 0, rgba(255, 255, 255, .466538) 34.02%, #fff 100%);
    background-size: 100% 93.75vw;
    background-repeat: no-repeat
}

.subpage-wrap._t1 ._in {
    position: relative;
    z-index: 4;
    background-color: #fff;
    -webkit-box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2)
}

.subpage-wrap._t1 ._plr {
    padding-left: 1rem;
    padding-right: 1rem
}

.subpage-wrap._t1 .subpage-crumbs {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: #f1f1f1 solid 1px
}

.subpage-wrap._t1 .subpage-crumbs:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.908 13.182a.6.6 0 0 1 .777-.34c1.435.56 2.315 1.372 2.315 2.38 0 1.91-3.248 3.178-7.2 3.178s-7.2-1.268-7.2-3.178c0-1.008.88-1.82 2.315-2.38a.6.6 0 0 1 .436 1.117c-1.024.4-1.55.887-1.55 1.264 0 .938 2.66 1.977 6 1.977 3.338 0 6-1.04 6-1.978 0-.376-.528-.863-1.552-1.263a.6.6 0 0 1-.34-.777z' fill='%23015293'/%3E%3Cpath d='M5.466 3.35l-.07.069-.067.069a5.913 5.913 0 0 0 .137 8.361l3.14 3.04a1.716 1.716 0 0 0 2.387 0l3.141-3.04a5.913 5.913 0 0 0 0-8.498 6.232 6.232 0 0 0-8.668 0zm.834.863a5.033 5.033 0 0 1 7 0 4.713 4.713 0 0 1 .11 6.665l-.055.055-3.196 3.094a.516.516 0 0 1-.718 0l-3.14-3.04a4.713 4.713 0 0 1-.11-6.665l.11-.109z' fill='%23015293'/%3E%3Cpath d='M9.8 5a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6zm0 1.2a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2z' fill='%23015293'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.subpage-wrap._t1 .subpage-crumbs:before._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.subpage-section {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.subpage-head {
    position: relative;
    z-index: 2;
    margin-bottom: 1.5em;
    font-size: var(--fz20);
    width: 100%
}

.subpage-head .p1 .this {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-size: var(--fz32t);
    color: #015293;
    line-height: 1.25;
    padding-left: .75em;
    font-weight: 700
}

.subpage-head .p1 .this:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: .625em;
    margin-top: -.4375em;
    width: .25em;
    height: .875em;
    background-color: #015293
}

.subpage-head .line1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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-wrap: wrap;
    flex-wrap: wrap
}

.subpage-head .line1 .subpage-nav2 {
    max-width: calc(100% - 6rem)
}

@media screen and (max-width:1024px) {
    .subpage-head .line1 .subpage-nav2 {
        margin-top: .6rem;
        width: 100%
    }
}

@media screen and (max-width:750px) {
    .subpage-head .p1 .this {
        font-size: 20px
    }
}

.subpage-searchBox {
    position: relative;
    z-index: 2;
    padding: 20px 30px;
    background-color: #f6f6f6;
    margin-bottom: 1.2rem
}

.subpage-searchBox .formItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: var(--fz16)
}

.subpage-searchBox .focus {
    color: #222;
    margin-right: 1.25em
}

.subpage-searchBox .skin {
    display: block;
    width: 8.6rem;
    height: 50px;
    line-height: 30px;
    border-radius: var(--x10);
    background-color: #fff;
    border: #d1d1d1 solid 1px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222
}

.subpage-searchBox .enter {
    margin-left: .4rem;
    padding: 10px;
    width: 3rem;
    height: 50px;
    border-radius: var(--x10);
    background-color: #0b9942;
    color: #fff;
    font-size: var(--fz16);
    -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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.subpage-searchBox._t2 {
    padding: 0;
    background-color: #fff;
    margin-bottom: 30px
}

.subpage-searchBox._t2 .skin {
    width: calc(100% - 3.4rem)
}

@media screen and (max-width:1024px) {
    .subpage-searchBox {
        padding: 16px .8rem
    }

    .subpage-searchBox .focus {
        display: none
    }

    .subpage-searchBox .skin {
        width: calc(100% - 100px - .4rem);
        height: 40px;
        line-height: 24px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .subpage-searchBox .enter {
        width: 100px;
        height: 40px
    }
}

.subpage-searchBox2 {
    position: relative;
    z-index: 11;
    margin-bottom: .8rem
}

.subpage-searchBox2 .formItem {
    position: relative;
    z-index: 4;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: var(--fz16)
}

.subpage-searchBox2 .selector {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    width: 140px;
    height: 72px
}

.subpage-searchBox2 .selector:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    border-right: #e0e0e0 solid 1px;
    width: 1px;
    height: 32px
}

.subpage-searchBox2 .selector .trigger {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 72px;
    line-height: 72px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.subpage-searchBox2 .selector .trigger .choose {
    color: currentColor;
    padding: 0 40px 0 30px;
    display: block;
    max-width: 4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.subpage-searchBox2 .selector .trigger:after {
    content: " ";
    position: absolute;
    right: .4rem;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    -webkit-transition: all 80ms ease-out 0s;
    transition: all 80ms ease-out 0s;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.829 0h8.337A.82.82 0 0 1 10 .806a.79.79 0 0 1-.214.539L5.663 6.679a.85.85 0 0 1-1.328 0L.165 1.288A.789.789 0 0 1 .332.163.827.827 0 0 1 .83 0z' fill='%23BBB'/%3E%3C/svg%3E");
    background-size: 10px 7px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.subpage-searchBox2 .selector .select {
    position: absolute;
    top: 72px;
    left: 0;
    z-index: 3;
    padding: 5px 0;
    min-width: 140px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .15);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden;
    max-height: 0
}

.subpage-searchBox2 .selector .select .option {
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    color: #222;
    padding: 0 40px 0 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.subpage-searchBox2 .selector .select .option:nth-child(1n+2) {
    border-top: rgba(34, 34, 34, .15) solid 1px
}

.subpage-searchBox2 .selector .select .option:hover {
    background-color: rgba(34, 34, 34, .05);
    color: #015293
}

.subpage-searchBox2 .selector._active .trigger:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.subpage-searchBox2 .selector._active .select {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    max-height: 216px
}

.subpage-searchBox2 .skin {
    display: block;
    width: 19.2rem;
    height: 72px;
    line-height: 52px;
    border-radius: var(--x10);
    background-color: #fff;
    border: #d1d1d1 solid 1px;
    padding: 10px 200px 10px 170px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222
}

.subpage-searchBox2 .enter {
    position: absolute;
    right: 0;
    top: 0;
    width: 8.5em;
    height: 72px;
    border-radius: 0 var(--x10) var(--x10) 0;
    -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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #015293;
    font-size: var(--fz20)
}

.subpage-searchBox2 .enter .this {
    font-size: 1.1em
}

.subpage-searchBox2 .enter:before {
    content: " ";
    z-index: 2;
    pointer-events: none;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: .4rem;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.68 22.087L19.216 17.7c3.752-4.237 3.489-10.65-.563-14.55-4.277-4.2-11.143-4.2-15.458 0C-.97 7.2-1.082 13.875 2.97 18.038l.225.224c3.902 3.75 9.98 4.163 14.332.938l4.503 4.425c.187.225.487.337.788.375.3 0 .6-.113.825-.337.45-.413.488-1.125.037-1.576zm-21.385-11.4C2.37 6 6.235 2.25 10.96 2.287c4.69-.037 8.517 3.713 8.63 8.4-.075 4.688-3.94 8.438-8.63 8.4a8.518 8.518 0 0 1-8.666-8.4z' fill='%23015293'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.subpage-searchBox2 .enter:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.subpage-searchBox2 .keywords {
    position: relative;
    z-index: 2;
    margin-top: .5rem;
    padding-left: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.subpage-searchBox2 .keywords .sdt {
    position: absolute;
    left: 0;
    top: 0;
    color: #222;
    width: 140px;
    text-align: center;
    line-height: 32px;
    font-size: var(--fz16)
}

.subpage-searchBox2 .keywords .link {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    color: #fff;
    background-color: #015293;
    font-size: var(--fz16);
    margin-right: .8rem;
    margin-bottom: .4rem
}

.subpage-searchBox2 .keywords .link._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width:1440px) {
    .subpage-searchBox2 .selector {
        height: 64px;
        width: 124px
    }

    .subpage-searchBox2 .selector .trigger {
        height: 64px;
        line-height: 64px
    }

    .subpage-searchBox2 .selector .trigger .choose {
        padding: 0 24px
    }

    .subpage-searchBox2 .selector .select {
        top: 64px
    }

    .subpage-searchBox2 .selector .select .option {
        padding: 0 24px
    }

    .subpage-searchBox2 .skin {
        height: 64px;
        line-height: 44px;
        padding-left: 150px;
        padding-right: 180px
    }

    .subpage-searchBox2 .enter {
        height: 64px
    }

    .subpage-searchBox2 .keywords {
        padding-left: 124px
    }

    .subpage-searchBox2 .keywords .sdt {
        width: 124px
    }
}

@media screen and (max-width:1024px) {
    .subpage-searchBox2 .formItem {
        width: 100%
    }

    .subpage-searchBox2 .selector {
        height: 52px;
        width: 108px
    }

    .subpage-searchBox2 .selector .trigger {
        height: 52px;
        line-height: 52px
    }

    .subpage-searchBox2 .selector .trigger .choose {
        padding: 0 16px
    }

    .subpage-searchBox2 .selector .select {
        top: 52px
    }

    .subpage-searchBox2 .selector .select .option {
        padding: 0 16px
    }

    .subpage-searchBox2 .skin {
        width: 100%;
        height: 52px;
        line-height: 32px;
        padding-left: 120px;
        padding-right: 90px
    }

    .subpage-searchBox2 .enter {
        height: 52px;
        width: 80px;
        border-left: #e0e0e0 solid 1px;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, .04)
    }

    .subpage-searchBox2 .enter:before {
        width: 20px;
        height: 20px;
        display: none
    }

    .subpage-searchBox2 .enter .this {
        font-size: 1em
    }

    .subpage-searchBox2 .keywords {
        padding-left: 108px;
        margin-top: 15px
    }

    .subpage-searchBox2 .keywords .sdt {
        width: 108px
    }
}

.subpage-searchBox3 {
    position: relative;
    z-index: 2;
    margin-bottom: 30px
}

.subpage-searchBox3 .formItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: var(--fz16)
}

.subpage-searchBox3 .skin {
    display: block;
    width: calc(100% - 3.4rem);
    height: 50px;
    line-height: 30px;
    border-radius: var(--x10);
    background-color: #fff;
    border: #d1d1d1 solid 1px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222
}

.subpage-searchBox3 .enter {
    margin-left: .4rem;
    padding: 10px;
    width: 3rem;
    height: 50px;
    border-radius: var(--x10);
    background-color: #0b9942;
    color: #fff;
    font-size: var(--fz16);
    -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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media screen and (max-width:1024px) {
    .subpage-searchBox3 .skin {
        width: calc(100% - 100px - .4rem);
        height: 40px;
        line-height: 24px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .subpage-searchBox3 .enter {
        width: 100px;
        height: 40px
    }
}

.subpage-top {
    position: relative;
    z-index: 1;
    height: 17.6rem;
    margin-top: -.8rem
}

.subpage-top .bg {
    height: 17.6rem
}

.subpage-top .now {
    height: 6.2rem;
    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;
    -ms-flex-line-pack: center;
    align-content: center
}

.subpage-top .now .this {
    font-size: 5vw;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.subpage-top+._in {
    margin-top: -11.4rem;
    min-height: 11.4rem
}

.subpage-nav {
    position: relative;
    text-align: left;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.subpage-nav._bindjs {
    padding: 0 40px 0 0
}

.subpage-nav .overview {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subpage-nav .link2 {
    position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: top;
    font-size: var(--fz18);
    min-width: 8em;
    padding: .3rem .8rem;
    line-height: 32px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    text-align: center;
    background-color: #f4f7fa;
    color: #222
}

.subpage-nav .link2._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.subpage-nav .link2:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    height: .12rem;
    background-color: #0b9942;
    left: 100%;
    width: 0;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.subpage-nav .link2:nth-child(1n+2) {
    margin-left: var(--x10)
}

.subpage-nav .link2.on {
    font-weight: 700
}

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

@media screen and (max-width:1024px) {
    .subpage-nav {
        width: 100%;
        padding: 0 !important;
        max-width: 100%;
        text-align: center
    }

    .subpage-nav .link2 {
        line-height: 24px;
        padding: .5rem .8rem;
        min-width: 4em
    }

    .subpage-nav .ctr.ctr-navLR {
        display: none !important
    }
}

.subpage-nav2 {
    position: relative;
    text-align: left;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.subpage-nav2._bindjs {
    padding: 0 40px 0 0
}

.subpage-nav2 .overview {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subpage-nav2 .link2 {
    position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: top;
    font-size: var(--fz18);
    min-width: 8em;
    padding: 0 1rem;
    line-height: 50px;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    text-align: center;
    background-color: #f4f7fa;
    color: #015293
}

.subpage-nav2 .link2._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.subpage-nav2 .link2:after {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    height: 100%;
    background-color: #015293;
    left: 100%;
    width: 0;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.subpage-nav2 .link2:nth-child(1n+2) {
    margin-left: .4rem
}

.subpage-nav2 .link2.on {
    font-weight: 700;
    color: #fff
}

.subpage-nav2 .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
}

@media screen and (max-width:1024px) {
    .subpage-nav2 {
        width: 100%;
        padding: 0 !important;
        max-width: 100% !important
    }

    .subpage-nav2 .link2 {
        line-height: 24px;
        padding: .4rem .8rem;
        min-width: 4em
    }

    .subpage-nav2 .ctr.ctr-navLR {
        display: none !important
    }
}

@media screen and (max-width:1024px) {
    .subpage-nav2 .link2 {
        font-size: 14px
    }
}

.sNews-hot {
    padding: 1.5em 0 2em;
    margin-top: -.8rem;
    font-size: var(--fz20)
}

.sNews-hot-swiper {
    position: relative;
    background-color: #f7f8fc
}

.sNews-hot-swiper:before {
    content: " ";
    z-index: 3;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 6.5em;
    height: 6em;
    background-image: url(../images/dcts-xw-tt.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.sNews-hot-swiper .swiper-container {
    z-index: 1
}

.sNews-hot-swiper .swiper-wrapper {
    z-index: 2
}

.sNews-hot-swiper .item {
    position: relative;
    overflow: hidden;
    padding: 2em 6.5em 3em;
    text-align: center
}

.sNews-hot-swiper .item .title {
    font-size: var(--fz32);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    color: #015293;
    line-height: 1.5;
    height: 1.5em;
    position: relative;
    z-index: 2;
    margin: 0 2em
}

.sNews-hot-swiper .item .abstract {
    margin-top: .24rem;
    font-size: var(--fz18);
    line-height: 1.66666667;
    position: relative;
    z-index: 2;
    color: #666
}

.sNews-hot-swiper .item .abstract .ci {
    color: #c43026
}

.sNews-hot-swiper .pagination-dot {
    display: none;
    position: absolute;
    left: 0;
    bottom: 1.25em;
    width: 100%
}

.sNews-hot-swiper._loaded .pagination-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

    .sNews-hot-swiper .item:hover .ci {
        text-decoration: underline
    }
}

@media screen and (max-width:1024px) {
    .sNews-hot-swiper .item {
        padding: 1.2rem 1.6rem 2rem
    }

    .sNews-hot-swiper .item:active .ci {
        text-decoration: underline
    }

    .sNews-hot-swiper .item .abstract {
        display: block;
        line-height: 1.75em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        max-height: 7em
    }
}

@media screen and (max-width:750px) {
    .sNews-hot-swiper:before {
        font-size: 14px
    }
}

.sNews-hot-swiper2 {
    position: relative;
    margin-top: 1.5em;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f3ff), color-stop(34.02%, rgba(255, 255, 255, .466538)), to(#fff));
    background: linear-gradient(180deg, #e8f3ff 0, rgba(255, 255, 255, .466538) 34.02%, #fff 100%);
    -webkit-box-shadow: 0 .2em 2em #eaf5ff;
    box-shadow: 0 .2em 2em #eaf5ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sNews-hot-swiper2 .Tt1 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 60%;
    min-height: 13.32rem
}

.sNews-hot-swiper2 .Tt1 .box {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.sNews-hot-swiper2 .Tt1 .box.on {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    opacity: 1;
    visibility: visible;
    z-index: 9
}

.sNews-hot-swiper2 .Tt1 .pic {
    width: 100%;
    height: 100%
}

.sNews-hot-swiper2 .swiper-container {
    z-index: 1;
    width: 40%
}

.sNews-hot-swiper2 .swiper-wrapper {
    z-index: 2
}

.sNews-hot-swiper2 .item {
    position: relative;
    overflow: hidden;
    padding: 3.5em 3em 6em
}

.sNews-hot-swiper2 .item .title {
    font-size: var(--fz32);
    font-weight: 700;
    color: #222;
    position: relative;
    z-index: 2;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em
}

.sNews-hot-swiper2 .item .abstract {
    margin-top: .8rem;
    font-size: var(--fz18);
    line-height: 1.66666667;
    position: relative;
    z-index: 2;
    color: #666;
    text-indent: 2em;
    line-height: 1.66666667em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    max-height: 16.66666667em;
    text-align: justify
}

.sNews-hot-swiper2 .item .abstract .ci {
    color: #0146ae
}

.sNews-hot-swiper2 .pagination-dot {
    display: none;
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%
}

.sNews-hot-swiper2._loaded .pagination-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1025px) {

    .sNews-hot-swiper2 .item,
    .sNews-hot-swiper2 .item .ci,
    .sNews-hot-swiper2 .item .title {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sNews-hot-swiper2 .item:hover .title {
        color: #015293
    }

    .sNews-hot-swiper2 .item:hover .ci {
        text-decoration: underline
    }
}

@media screen and (max-width:1024px) {
    .sNews-hot-swiper2 .Tt1 {
        width: 100%;
        padding-bottom: 62.5%;
        height: 0;
        min-height: 0
    }

    .sNews-hot-swiper2 .swiper-container {
        width: 100%;
        padding-bottom: .6rem
    }

    .sNews-hot-swiper2 .item {
        padding: 1.2rem 1rem 1.6rem
    }

    .sNews-hot-swiper2 .item:active .title {
        color: #015293
    }

    .sNews-hot-swiper2 .item:active .ci {
        text-decoration: underline
    }

    .sNews-hot-swiper2 .item .abstract {
        -webkit-line-clamp: 4;
        height: 7em;
        max-height: 7em;
        line-height: 1.75em
    }
}

.sNews-ss {
    padding: 2em 0 1.6rem;
    margin-bottom: -1.6rem;
    font-size: var(--fz20)
}

.sNews-ss ._dif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sNews-ss .sNews-ss-col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sNews-ss .sNews-ss-col:nth-of-type(1n+1) {
    width: 47.5%;
    margin-left: 5%;
    margin-top: 0
}

.sNews-ss .sNews-ss-col:nth-of-type(2n+1) {
    margin-left: 0
}

.sNews-ss .sNews-ss-col:nth-of-type(1n+3) {
    margin-top: 5%
}

@media screen and (max-width:1024px) {
    .sNews-ss .sNews-ss-col:nth-of-type(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .sNews-ss .sNews-ss-col:nth-of-type(1n+1) {
        margin-left: 0
    }

    .sNews-ss .sNews-ss-col:nth-of-type(1n+2) {
        margin-top: 1.2rem
    }
}

.sNews-ss-col {
    position: relative;
    z-index: 2
}

.sNews-ss-col .head {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sNews-ss-col .head:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e0e0e0
}

.sNews-ss-col .head .this {
    font-size: var(--fz24);
    font-weight: 700;
    color: #222;
    padding-bottom: .5em;
    border-bottom: solid .25em #0b9942
}

.sNews-ss-col .body {
    margin-top: .6rem
}

.sNews-ss-col._s2 .head .this {
    border-bottom-color: transparent
}

@media screen and (max-width:1024px) {
    .sNews-ss-col .head .this {
        border-bottom-width: 3px
    }
}

@media screen and (max-width:750px) {
    .sNews-ss-col .head .this {
        font-size: 16px
    }
}

.sNews-list {
    width: 100%
}

.sNews-list .item {
    position: relative;
    z-index: 2;
    font-size: var(--fz20);
    padding-right: 8em;
    padding-left: 1.25em;
    height: 2em;
    line-height: 2em
}

.sNews-list .item:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    top: 1em;
    left: 0;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #d9d9d9
}

.sNews-list .item .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 2;
    font-size: var(--fz16);
    color: #222
}

.sNews-list .item .date {
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
    font-size: var(--fz16)
}

.sNews-list ._hr {
    width: 100%;
    height: 0;
    border-top: #ddd dashed 1px;
    margin: 1.5em 0
}

.sNews-list ._hr:last-child {
    margin-bottom: 0
}

@media screen and (min-width:1025px) {

    .sNews-list .item,
    .sNews-list .item .title,
    .sNews-list .item:before {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sNews-list .item:hover {
        margin-left: 10px
    }

    .sNews-list .item:hover:before {
        background-color: #015293
    }

    .sNews-list .item:hover .title {
        color: #015293
    }
}

@media screen and (max-width:1024px) {
    .sNews-list .item {
        padding-right: 7em;
        padding-left: 1em
    }

    .sNews-list .item:active:before {
        background-color: #015293
    }

    .sNews-list .item:active .title {
        color: #015293
    }
}

.sNews-listbox {
    padding: 1rem 0 1.6rem
}

.sView-box {
    padding: 1rem 0 1.6rem
}

.sView-head {
    padding-bottom: .5rem;
    border-bottom: #f1f1f1 solid 1px
}

.sView-head .title .this {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-size: var(--fz32t);
    color: #015293;
    line-height: 1.25;
    padding-left: .75em;
    font-weight: 700
}

.sView-head .title .this:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: .625em;
    margin-top: -.4375em;
    width: .25em;
    height: .875em;
    background-color: #015293
}

.sView-head .aside {
    margin-top: .4rem;
    color: #999;
    font-size: 14px;
    line-height: 1.5
}

.sView-head .aside .dib {
    margin-right: .8rem
}

.sView-body {
    margin-top: .8rem;
    text-align: justify;
    color: #222
}

.sView-foot {
    margin-top: 1.2rem;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: .6rem 0;
    margin-bottom: -.6rem;
    border-top: #f1f1f1 solid 1px;
    font-size: var(--fz18)
}

.sView-foot:after {
    display: none
}

.sView-foot .ctr {
    color: #222
}

.sView-foot .ctr[href=""],
.sView-foot .ctr[href="#"],
.sView-foot .ctr[href="#sA_0"] {
    cursor: not-allowed;
    color: #999
}

.sView-foot .ctr:hover {
    color: #015293
}

.sView-foot .btn-backToList {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width:1025px) {
    .sView-foot .ctr>s:after {
        content: "："
    }

    .sView-foot .ctr .limit {
        display: inline-block;
        vertical-align: top;
        max-width: 16em;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .sView-foot .ctr .limit._iconvc {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media screen and (max-width:1024px) {
    .sView-foot .ctr .limit {
        display: none
    }
}

.sPolicies-lr {
    padding: 1rem 1rem 1.6rem;
    font-size: var(--fz20)
}

.sPolicies-lr .sidebar {
    width: 14em;
    margin-right: 1.44rem
}

.sPolicies-lr .main {
    width: calc(100% - 14em - 1.44rem)
}

@media screen and (max-width:1024px) {
    .sPolicies-lr {
        padding: 1.2rem 1rem 1.6rem
    }

    .sPolicies-lr .main {
        margin-top: 1rem
    }
}

.sPolicies-nav {
    position: relative;
    z-index: 2
}

.sPolicies-nav .link {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding: .6rem .7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    background-color: #f6f6f6
}

.sPolicies-nav .link .icon {
    width: 2em;
    height: 2em;
    margin-right: 1.2em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sPolicies-nav .link .this {
    font-size: var(--fz24);
    color: #015293;
    line-height: 1.25
}

.sPolicies-nav .link .this {
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sPolicies-nav .link: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: #015293;
    left: 100%;
    width: 0;
    bottom: 0;
    height: 100%
}

.sPolicies-nav .link:nth-of-type(1n+2) {
    margin-top: .4rem
}

.sPolicies-nav .link.on:after,
.sPolicies-nav .link: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
}

.sPolicies-nav .link.on .icon,
.sPolicies-nav .link:hover .icon {
    -webkit-filter: grayscale(100%) contrast(50%) brightness(5);
    filter: grayscale(100%) contrast(50%) brightness(5)
}

.sPolicies-nav .link.on .this,
.sPolicies-nav .link:hover .this {
    color: #fff;
    font-weight: 700
}

@media screen and (min-width:1025px) {
    .sPolicies-nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .sPolicies-nav .link:hover .icon {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width:1024px) {
    .sPolicies-nav .viewport {
        overflow-x: auto
    }

    .sPolicies-nav .overview {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap
    }

    .sPolicies-nav .overview._iconvc {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .sPolicies-nav .link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        white-space: nowrap;
        padding: .5rem .8rem
    }

    .sPolicies-nav .link .icon {
        margin-right: .3rem
    }

    .sPolicies-nav .link:nth-of-type(1n+2) {
        margin-left: .4rem;
        margin-top: 0
    }
}

@media screen and (max-width:750px) {
    .sPolicies-nav .link .icon {
        font-size: 14px
    }

    .sPolicies-nav .link .this {
        font-size: 14px
    }
}

.sPolicies-year {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sPolicies-year .btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background-color: #f0f7ff;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 10px 1em;
    line-height: 30px;
    color: #015293;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sPolicies-year .btn:nth-of-type(1n+1) {
    width: 23.47826087%;
    margin-left: 2.02898551%;
    margin-top: 0
}

.sPolicies-year .btn:nth-of-type(4n+1) {
    margin-left: 0
}

.sPolicies-year .btn:nth-of-type(1n+5) {
    margin-top: 2.02898551%
}

.sPolicies-year .btn .this {
    font-size: var(--fz18);
    line-height: 1.5
}

.sPolicies-year .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: #015293;
    top: 100%;
    height: 0;
    left: 0;
    width: 100%
}

.sPolicies-year .btn.on,
.sPolicies-year .btn:hover {
    color: #fff
}

.sPolicies-year .btn.on:after,
.sPolicies-year .btn:hover:after {
    top: 0;
    height: 100%;
    -webkit-transition: top 0s ease-out 0s, height 220ms ease-out 0s;
    transition: top 0s ease-out 0s, height 220ms ease-out 0s
}

.sStandard-hot {
    padding: 1.5em 0 2em;
    margin-top: -.8rem;
    font-size: var(--fz20)
}

.sStandard-hot ._in {
    position: relative;
    z-index: 2;
    padding: 1rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f3ff), color-stop(34.02%, rgba(255, 255, 255, .466538)), to(#fff));
    background: linear-gradient(180deg, #e8f3ff 0, rgba(255, 255, 255, .466538) 34.02%, #fff 100%);
    -webkit-box-shadow: 0 .2em 2em #eaf5ff;
    box-shadow: 0 .2em 2em #eaf5ff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sStandard-hot ._in .picBox {
    width: 51%;
    min-height: 10.8rem
}

.sStandard-hot ._in .txtBox {
    width: 46.66666667%;
    padding: 1.25em 0
}

@media screen and (max-width:1024px) {
    .sStandard-hot ._in .picBox {
        min-height: 0
    }

    .sStandard-hot ._in .txtBox {
        padding: 0;
        margin-top: 1rem
    }
}

.sStandard-hot-swiper {
    position: relative;
    height: 100%
}

.sStandard-hot-swiper .swiper-container {
    z-index: 1;
    height: 100%
}

.sStandard-hot-swiper .swiper-wrapper {
    z-index: 2;
    height: 100%
}

.sStandard-hot-swiper .item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.sStandard-hot-swiper .item .pic {
    width: 100%;
    height: 100%;
    background-color: #eee
}

.sStandard-hot-swiper .item .title {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px 40% 15px .9rem;
    background-color: rgba(0, 0, 0, .4)
}

.sStandard-hot-swiper .item .title .this {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: var(--fz18);
    line-height: 24px;
    max-width: 100%
}

.sStandard-hot-swiper .item .title .this._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sStandard-hot-swiper .pagination-dot._s2 {
    display: none;
    position: absolute;
    right: 1rem;
    bottom: 19px
}

.sStandard-hot-swiper._loaded .pagination-dot._s2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:1024px) {
    .sStandard-hot-swiper {
        height: 0;
        padding-bottom: 62.5%
    }

    .sStandard-hot-swiper .swiper-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }

    .sStandard-hot-swiper .item .title {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .sStandard-hot-swiper .pagination-dot._s2 {
        bottom: 16px
    }
}

.sStandard-ss {
    padding: 1.2rem 0 1.6rem;
    font-size: var(--fz20);
    background-color: #fff
}

.sStandard-ss ._dif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sStandard-ss .sNews-ss-col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sStandard-ss .sNews-ss-col:nth-of-type(1n+1) {
    width: 28.75%;
    margin-left: 6.875%;
    margin-top: 0
}

.sStandard-ss .sNews-ss-col:nth-of-type(3n+1) {
    margin-left: 0
}

.sStandard-ss .sNews-ss-col:nth-of-type(1n+4) {
    margin-top: 6.875%
}

.sStandard-ss .sNews-ss-col .head .this {
    border-bottom-color: transparent
}

@media screen and (max-width:1440px) {
    .sStandard-ss .sNews-ss-col:nth-of-type(1n+1) {
        width: 31.25%;
        margin-left: 3.125%;
        margin-top: 0
    }

    .sStandard-ss .sNews-ss-col:nth-of-type(3n+1) {
        margin-left: 0
    }

    .sStandard-ss .sNews-ss-col:nth-of-type(1n+4) {
        margin-top: 3.125%
    }
}

@media screen and (max-width:1024px) {
    .sStandard-ss .sNews-ss-col:nth-of-type(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .sStandard-ss .sNews-ss-col:nth-of-type(1n+1) {
        margin-left: 0
    }

    .sStandard-ss .sNews-ss-col:nth-of-type(1n+2) {
        margin-top: 1.2rem
    }
}

.sStandard-ss._s2 {
    background-color: #f2f6fa
}

.sStandard-ss._s2 .sStandard-list .item {
    background-color: #fff
}

.sStandard-ss:last-child {
    margin-bottom: -3em
}

.sStandard-list {
    font-size: var(--fz20)
}

.sStandard-list .item {
    position: relative;
    z-index: 2;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f4f7fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sStandard-list .item .date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #015293;
    color: #fff;
    border-radius: var(--x10);
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap
}

.sStandard-list .item .date .d {
    font-size: 1.4em
}

.sStandard-list .item .date .ym {
    font-size: 14px;
    margin-top: 4px;
    line-height: 20px
}

.sStandard-list .item .title {
    width: calc(100% - 1em - 70px);
    padding-left: 5px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sStandard-list .item .title .this {
    font-size: var(--fz16);
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
    color: #222
}

.sStandard-list .item:nth-of-type(1n+2) {
    margin-top: .75em
}

.sStandard-list .item .date {
    display: none
}

.sStandard-list .item .title {
    width: 100%
}

@media screen and (min-width:1025px) {

    .sStandard-list .item,
    .sStandard-list .item .date,
    .sStandard-list .item .title .this {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sStandard-list .item:hover .date {
        background-color: #0b9942
    }

    .sStandard-list .item:hover .title .this {
        color: #0b9942
    }
}

@media screen and (max-width:1024px) {
    .sStandard-list .item:active .date {
        background-color: #0b9942
    }

    .sStandard-list .item:active .title .this {
        color: #0b9942
    }
}

.sStandard-dlist {
    position: relative;
    z-index: 2
}

.sStandard-dlist .item {
    background-color: #f4f7fa;
    position: relative;
    z-index: 2;
    padding: 15px 40px 15px 20px;
    line-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sStandard-dlist .item .title {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: calc(100% - 400px - 2rem);
    position: relative;
    z-index: 2;
    line-height: 22px;
    font-size: var(--fz16);
    color: #222
}

.sStandard-dlist .item .date {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.sStandard-dlist .item .btn-download {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.sStandard-dlist .item .btn-download,
.sStandard-dlist .item .date {
    width: 200px;
    height: 44px;
    font-size: var(--fz16);
    text-align: center;
    background-color: #fff;
    color: #015293
}

.sStandard-dlist .item:nth-of-type(1n+2) {
    margin-top: .5rem
}

@media screen and (min-width:1025px) {

    .sStandard-dlist .item,
    .sStandard-dlist .item .btn-download,
    .sStandard-dlist .item .date {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sStandard-dlist .item:hover .date {
        background-color: #015293;
        color: #fff
    }

    .sStandard-dlist .item .btn-download:hover {
        background-color: #0b9942;
        color: #fff
    }
}

@media screen and (max-width:1440px) {
    .sStandard-dlist .item {
        line-height: 40px;
        padding-right: 25px
    }

    .sStandard-dlist .item .title {
        width: calc(100% - 300px - 2rem)
    }

    .sStandard-dlist .item .date {
        width: 172px;
        height: 40px
    }

    .sStandard-dlist .item .btn-download {
        width: 120px;
        height: 40px
    }
}

@media screen and (max-width:1024px) {
    .sStandard-dlist .item {
        padding: 12px .8rem
    }

    .sStandard-dlist .item .btn-download:active {
        background-color: #0b9942;
        color: #fff
    }

    .sStandard-dlist .item .title {
        width: calc(100% - 100px - 1rem);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        line-height: 1.5;
        margin-bottom: .4rem
    }

    .sStandard-dlist .item .date {
        background-color: transparent;
        color: #999;
        width: auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        height: auto;
        line-height: 1.5
    }

    .sStandard-dlist .item .btn-download {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100px
    }
}

.sGtech-list {
    position: relative;
    z-index: 2
}

.sGtech-list .item {
    background-color: #f4f7fa;
    position: relative;
    z-index: 2;
    padding: 15px 40px;
    line-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sGtech-list .item .title {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: calc(100% - 200px - 1rem);
    position: relative;
    z-index: 2;
    line-height: 22px;
    font-size: var(--fz16);
    color: #222
}

.sGtech-list .item .date {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.sGtech-list .item .more {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.sGtech-list .item .date,
.sGtech-list .item .more {
    width: 200px;
    height: 44px;
    font-size: var(--fz16);
    text-align: center;
    background-color: #fff;
    color: #015293
}

.sGtech-list .item:nth-of-type(1n+2) {
    margin-top: .5rem
}

@media screen and (min-width:1025px) {

    .sGtech-list .item,
    .sGtech-list .item .date,
    .sGtech-list .item .more {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sGtech-list .item:hover .more {
        background-color: #0b9942;
        color: #fff
    }
}

@media screen and (max-width:1440px) {
    .sGtech-list .item {
        line-height: 40px
    }

    .sGtech-list .item .title {
        width: calc(100% - 140px - 1rem)
    }

    .sGtech-list .item .more {
        width: 120px;
        height: 40px
    }
}

@media screen and (max-width:1024px) {
    .sGtech-list .item {
        padding: 12px .8rem
    }

    .sGtech-list .item:active .more {
        background-color: #0b9942;
        color: #fff
    }

    .sGtech-list .item .title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 100px - 1rem);
        line-height: 1.5
    }

    .sGtech-list .item .more {
        width: 100px
    }
}

.sGproduct-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sGproduct-list .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background-color: #ededed;
    padding: var(--x10) var(--x10) 0;
    font-size: var(--fz20)
}

.sGproduct-list .item:nth-of-type(1n+1) {
    width: 23.66666667%;
    margin-left: 1.77777778%;
    margin-top: 0
}

.sGproduct-list .item:nth-of-type(4n+1) {
    margin-left: 0
}

.sGproduct-list .item:nth-of-type(1n+5) {
    margin-top: 1.77777778%
}

.sGproduct-list .item .img {
    background-color: #fff;
    height: 13.5em;
    font-size: 1em;
    padding: 4%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sGproduct-list .item .title {
    padding: .4rem;
    font-size: var(--fz18);
    text-align: center;
    line-height: 1.5;
    color: #222
}

@media screen and (min-width:1025px) {

    .sGproduct-list .item,
    .sGproduct-list .item .title {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sGproduct-list .item:hover .title {
        color: #015293
    }
}

@media screen and (max-width:1024px) {
    .sGproduct-list .item:nth-of-type(1n+1) {
        width: 48.5%;
        margin-left: 3%;
        margin-top: 0
    }

    .sGproduct-list .item:nth-of-type(2n+1) {
        margin-left: 0
    }

    .sGproduct-list .item:nth-of-type(1n+3) {
        margin-top: 3%
    }

    .sGproduct-list .item:active .title {
        color: #015293
    }

    .sGproduct-list .item .img {
        height: 34.66666667vw;
        min-height: 160px
    }
}

.sMc-tips {
    background-color: #fff;
    padding: 1em;
    position: relative;
    z-index: 2;
    font-size: var(--fz20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sMc-tips:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    z-index: -1;
    pointer-events: none;
    width: 24px;
    height: 24px;
    margin-right: .4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0c3.394.09 6.22 1.263 8.477 3.521C22.737 5.782 23.911 8.607 24 12c-.09 3.394-1.263 6.22-3.523 8.477C18.22 22.737 15.394 23.911 12 24c-3.394-.09-6.22-1.263-8.479-3.523C1.265 18.22.091 15.394 0 12c.09-3.394 1.263-6.22 3.521-8.479C5.782 1.265 8.607.091 12 0zm1.795 7.366c.423.015.835-.133 1.152-.415.303-.276.456-.646.456-1.11 0-.467-.153-.837-.456-1.113a1.625 1.625 0 0 0-1.138-.415 1.625 1.625 0 0 0-1.139.415c-.303.276-.456.646-.456 1.11 0 .467.153.837.456 1.113.308.278.71.427 1.125.415zm.322 9.643c0-.108.009-.25.026-.428a2.532 2.532 0 0 0 0-.51l-1.42 1.634a1.863 1.863 0 0 1-.442.376c-.152.089-.281.116-.387.08-.161-.072-.233-.197-.215-.375l2.358-7.42c.087-.5.008-.929-.242-1.285-.25-.357-.652-.571-1.205-.643-.626.017-1.308.28-2.05.79a7.709 7.709 0 0 0-1.941 1.942v.401c-.017.18-.017.35 0 .511l1.418-1.635c.144-.16.291-.285.442-.376.154-.089.274-.114.363-.078.179.087.24.231.187.428l-2.331 7.392a1.33 1.33 0 0 0 .188 1.192c.25.35.688.586 1.313.711.892-.017 1.643-.278 2.25-.778a8.621 8.621 0 0 0 1.688-1.929z' fill='%23015293'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sMc-tips .this {
    font-size: var(--fz16);
    line-height: 1.5
}

.sMc-lr {
    margin-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: var(--fz20)
}

.sMc-lr .sidebar {
    position: relative;
    z-index: 5;
    overflow: hidden;
    width: 16em;
    background-color: #f9fcff;
    padding-bottom: 10vw
}

.sMc-lr .sidebar .item {
    position: relative;
    z-index: 2;
    background-color: #ecf4ff;
    height: 12.5em;
    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;
    -ms-flex-line-pack: center;
    align-content: center
}

.sMc-lr .sidebar .item .iconBox {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    width: 4.5em;
    height: 4.5em;
    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;
    -ms-flex-line-pack: center;
    align-content: center
}

.sMc-lr .sidebar .item .iconBox .icon {
    width: 3.2em;
    height: 3.2em
}

.sMc-lr .sidebar .item .p {
    padding: .4rem 1em;
    color: #015293;
    line-height: 1.25;
    font-size: .9em
}

.sMc-lr .sidebar .item .arr {
    -webkit-transform: scaleY(.75);
    transform: scaleY(.75);
    z-index: 2;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    position: absolute;
    right: -.5em;
    top: 50%;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    margin-right: -20px
}

.sMc-lr .sidebar .item .arr:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    -webkit-clip-path: polygon(-50% -50%, 150% -50%, 150% 150%, -50% -50%);
    clip-path: polygon(-50% -50%, 150% -50%, 150% 150%, -50% -50%)
}

.sMc-lr .sidebar .item:before {
    content: " ";
    z-index: -3;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: 100%;
    -webkit-box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2)
}

.sMc-lr .sidebar .item:after {
    content: " ";
    z-index: -5;
    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%;
    background-color: #dcecff
}

.sMc-lr .sidebar .item.on .icon,
.sMc-lr .sidebar .item:hover .icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sMc-lr .sidebar .item.on .arr,
.sMc-lr .sidebar .item:hover .arr {
    margin-right: -1px
}

.sMc-lr .sidebar .item.on .icon {
    -webkit-transform: none !important;
    transform: none !important
}

.sMc-lr .sidebar .item.on .link {
    display: none
}

.sMc-lr .sidebar .item.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
}

.sMc-lr .main {
    position: relative;
    z-index: 2;
    width: calc(100% - 16em);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.5em 1.6rem 1.6rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2)
}

.sMc-lr .main .tips {
    position: relative;
    z-index: 2;
    background-color: #f3f8fe;
    padding: .5em 7.5em .5em 12.5em;
    min-height: 8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.sMc-lr .main .tips .dct {
    position: absolute;
    left: 1.5em;
    top: .5em;
    width: 8em;
    height: 8em
}

.sMc-lr .main .tips .txt {
    font-size: var(--fz16);
    line-height: 1.5;
    color: #222;
    padding: .8rem 0
}

.sMc-lr .main._t2 {
    padding: 2em 1rem 1.6rem
}

@media screen and (max-width:1280px) {
    .sMc-lr .main .tips {
        padding-right: 2.5em;
        padding-left: 11.5em
    }
}

@media screen and (max-width:1024px) {
    .sMc-lr .sidebar {
        width: 100%;
        display: block;
        padding-bottom: 0
    }

    .sMc-lr .sidebar .item {
        height: auto;
        padding: .6rem .8rem
    }

    .sMc-lr .sidebar .item .cbox {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sMc-lr .sidebar .item .iconBox {
        margin-left: 0;
        margin-right: 1em;
        width: 3em;
        height: 3em
    }

    .sMc-lr .sidebar .item .iconBox .icon {
        width: 2em;
        height: 2em
    }

    .sMc-lr .sidebar .item .iconBox:after {
        content: " ";
        z-index: -1;
        pointer-events: none;
        width: 20px;
        height: 20px;
        position: absolute;
        right: .6rem;
        top: 50%;
        margin-top: -10px;
        background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M612.219 515.297L230.02 894.085a33.516 33.516 0 0 0-.138 47.493l11.868 11.914a33.792 33.792 0 0 0 47.647.144l418.068-414.31a33.577 33.577 0 0 0 .144-47.514L291.999 75.028c-13.123-13.143-34.473-13.21-47.647-.138l-11.94 11.843a33.546 33.546 0 0 0-.143 47.519l379.95 381.045z' fill='%23888'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .sMc-lr .sidebar .item .p {
        padding: 0
    }

    .sMc-lr .sidebar .item .arr {
        display: none
    }

    .sMc-lr .sidebar .item:nth-of-type(1n+2) {
        margin-top: 1px
    }

    .sMc-lr .main {
        width: 100%;
        padding: 1rem .8rem 1.6rem
    }

    .sMc-lr .main .tips {
        padding: 1rem .8rem;
        min-height: 0
    }

    .sMc-lr .main .tips .dct {
        display: none
    }

    .sMc-lr .main .tips .txt {
        padding: 0
    }
}

.sMc-form {
    padding: 1.4rem 0 .4rem;
    margin-left: auto;
    margin-right: auto;
    width: 41.25em;
    font-size: var(--fz16);
    max-width: 100%;
    color: #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sMc-form input[type=checkbox],
.sMc-form input[type=radio] {
    accent-color: #015293;
    margin-right: .4em;
    width: 1em;
    height: 1em;
    font-size: var(--fz16);
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sMc-form .thead {
    font-size: var(--fz20);
    line-height: 1.25;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    font-weight: 700;
    margin-bottom: .8rem
}

.sMc-form .thead .this {
    font-weight: 700;
    color: #015293;
    font-size: 1.2em
}

.sMc-form .thead .this:after {
    content: " ";
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1.25em;
    height: .25em;
    background-color: #015293;
    margin-top: 10px
}

.sMc-form .tneck {
    margin-top: -.3rem;
    margin-bottom: .3rem;
    line-height: 1.5
}

.sMc-form .tneck .buts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5
}

.sMc-form .tneck .buts .checkbox,
.sMc-form .tneck .buts .radio {
    margin: 5px .5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sMc-form .tbody {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sMc-form .tbody:after {
    display: none
}

.sMc-form .tbody .package {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: -20px
}

.sMc-form .tbody .package:after {
    display: none
}

.sMc-form .tbody .package+.package {
    margin-top: 25px;
    padding-top: 25px;
    border-top: #ddd dashed 1px
}

.sMc-form .tfoot {
    position: relative;
    z-index: 2;
    margin-top: 20px
}

.sMc-form .tfoot .fns {
    text-align: right;
    line-height: 1.5;
    font-size: var(--fz16)
}

.sMc-form .tfoot .fns ._s {
    margin: 0 1em
}

.sMc-form .tfoot .fns+.enter {
    margin-top: 25px
}

.sMc-form .formItem {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 52px;
    width: 100%;
    line-height: 52px;
    font-size: var(--fz16);
    margin-bottom: 20px
}

.sMc-form .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;
    top: auto;
    bottom: 0;
    left: auto;
    right: 15px;
    margin-left: 0
}

.sMc-form .formItem .aside {
    color: #999;
    line-height: 1.5;
    margin-top: 10px
}

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

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

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

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

.sMc-form .formItem.w50 {
    width: 48.5%
}

.sMc-form .formItem.w100 {
    width: 100%
}

.sMc-form .formItem .sign {
    color: #c43026
}

.sMc-form .formItem ._input.skin,
.sMc-form .formItem ._textarea.skin,
.sMc-form .formItem input.skin,
.sMc-form .formItem select.skin,
.sMc-form .formItem textarea.skin {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: var(--fz16);
    color: #666;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px 2em;
    line-height: 30px;
    -webkit-box-shadow: inset 0 .08rem .08rem rgba(0, 0, 0, .1);
    box-shadow: inset 0 .08rem .08rem rgba(0, 0, 0, .1)
}

.sMc-form .formItem ._input.skin,
.sMc-form .formItem ._textarea.skin,
.sMc-form .formItem input.skin,
.sMc-form .formItem select.skin {
    height: 52px
}

.sMc-form .formItem ._textarea.skin {
    height: auto;
    min-height: 120px
}

.sMc-form .formItem textarea.skin {
    height: 120px
}

.sMc-form .formItem .yzm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sMc-form .formItem .yzm .skin {
    width: calc(100% - 8.25em)
}

.sMc-form .formItem .yzm .bindClick {
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    margin-right: 0;
    width: 7.75em;
    height: 52px;
    border-radius: 5px
}

.sMc-form .formItem .yzm .bindClick._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sMc-form .formItem .yzm2 .skin {
    padding-right: 7.75em !important
}

.sMc-form .formItem .yzm2 .sendcode {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 6.75em;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background-color: #015293;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    border-radius: 5px
}

.sMc-form .formItem .yzm2 .sendcode.reject {
    background-color: #999;
    cursor: not-allowed
}

.sMc-form .formItem .yzm3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sMc-form .formItem .yzm3 .skin {
    width: calc(100% - 11.75em)
}

.sMc-form .formItem .yzm3 .sendcode {
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    margin-right: 0;
    width: 11.25em;
    height: 52px;
    text-align: center;
    color: #015293;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    border-radius: 5px;
    border: #e1e1e1 solid 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
    background: linear-gradient(180deg, #fff 0, #e8e8e8 100%)
}

.sMc-form .formItem .yzm3 .sendcode._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sMc-form .formItem .yzm3 .sendcode.reject {
    background: #ddd;
    cursor: not-allowed;
    color: #666
}

.sMc-form .formItem .fileBtnBox {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 52px
}

.sMc-form .formItem .fileBtnBox .filename {
    cursor: default;
    padding-right: 7.75em !important
}

.sMc-form .formItem .fileBtnBox .fileBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 6.75em;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background-color: #015293;
    border-radius: 5px
}

.sMc-form .formItem .fileBtnBox .fileBtn input {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 100%;
    min-height: 100%;
    z-index: 2;
    font-size: 100px;
    opacity: 0;
    cursor: pointer
}

.sMc-form .formItem .buts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5
}

.sMc-form .formItem .buts .checkbox,
.sMc-form .formItem .buts .radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-color: #dcdcdc
}

.sMc-form .formItem .buts._g {
    padding: 14px 0;
    margin-bottom: -.75em;
    margin-right: -1em
}

.sMc-form .formItem .buts._g .checkbox,
.sMc-form .formItem .buts._g .radio {
    margin-right: 1em;
    margin-bottom: .5em
}

.sMc-form .formItem._t1 .focusHide {
    position: absolute;
    left: 2em;
    margin-left: 1px;
    top: 0;
    color: #666;
    pointer-events: none
}

.sMc-form .formItem._t1 .focusHide+.buts {
    padding-left: 9.375em
}

.sMc-form .formItem._t1 ._input.skin,
.sMc-form .formItem._t1 ._textarea.skin,
.sMc-form .formItem._t1 input.skin,
.sMc-form .formItem._t1 select.skin,
.sMc-form .formItem._t1 textarea.skin {
    padding: 10px 2em
}

.sMc-form .formItem._t2 .focus {
    position: absolute;
    left: 0;
    width: 5.5em;
    height: 52px;
    margin-top: -26px;
    top: 26px;
    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;
    -ms-flex-line-pack: center;
    align-content: center
}

.sMc-form .formItem._t2 .focus:after {
    content: " ";
    z-index: 2;
    pointer-events: none;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -8px;
    width: 1px;
    height: 16px;
    background-color: #cbcbcb
}

.sMc-form .formItem._t2 .focus .icon {
    width: 1.5em;
    height: 1.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sMc-form .formItem._t2 ._input.skin,
.sMc-form .formItem._t2 ._textarea.skin,
.sMc-form .formItem._t2 input.skin,
.sMc-form .formItem._t2 select.skin,
.sMc-form .formItem._t2 textarea.skin {
    padding-left: 8em
}

.sMc-form .formItem._t3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sMc-form .formItem._t3 .focus {
    width: 6em;
    text-align: right;
    color: #666;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sMc-form .formItem._t3 ._input.skin,
.sMc-form .formItem._t3 ._textarea.skin,
.sMc-form .formItem._t3 input.skin,
.sMc-form .formItem._t3 select.skin,
.sMc-form .formItem._t3 textarea.skin {
    width: calc(100% - 6em)
}

.sMc-form .formItem._t3._fw1 {
    width: 44%
}

.sMc-form .formItem._t3._fw2 {
    width: 54%
}

.sMc-form .formItem._t3._fw2 .focus {
    width: 10em
}

.sMc-form .formItem._t3._file {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sMc-form .formItem._t3._file .fileBtnBox {
    width: calc(100% - 6em)
}

.sMc-form .formItem._t3._file .fileBtnBox .skin {
    width: 100%
}

.sMc-form .formItem._t3._file .aside {
    margin-left: 6em
}

.sMc-form .formItem._deal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 0;
    margin-top: .4rem;
    line-height: 1.5
}

.sMc-form .formItem._deal ._r {
    margin-left: 1em;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sMc-form .formItem._deal .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    padding-left: 1.5em
}

.sMc-form .formItem._deal .checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: .25em
}

.sMc-form .formItem._inputed .focusHide {
    display: none
}

.sMc-form .enter {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    background-color: #015293;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: var(--fz16)
}

.sMc-form._t2 {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 480px
}

.sMc-form._t3 {
    width: 57.5em;
    margin-left: 1.875em;
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.sMc-form._t3 .aside,
.sMc-form._t3 .buts,
.sMc-form._t3 .enter,
.sMc-form._t3 .fileBtnBox,
.sMc-form._t3 input.skin,
.sMc-form._t3 select.skin,
.sMc-form._t3 textarea.skin {
    display: none !important
}

.sMc-form._t3 ._val,
.sMc-form._t3 input[readonly] {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fefefe
}

.sMc-form._t3 ._val._img,
.sMc-form._t3 input[readonly]._img {
    padding: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto
}

.sMc-form._t3 ._val img,
.sMc-form._t3 input[readonly] img {
    display: block;
    max-width: 100%
}

.sMc-form._t3 .formItem._t1 {
    color: #999
}

.sMc-form._t3 ._editing ._val {
    display: none !important
}

.sMc-form._t3 ._editing .aside,
.sMc-form._t3 ._editing .buts,
.sMc-form._t3 ._editing .enter,
.sMc-form._t3 ._editing .fileBtnBox,
.sMc-form._t3 ._editing input.skin,
.sMc-form._t3 ._editing select.skin,
.sMc-form._t3 ._editing textarea.skin {
    display: block !important
}

@media screen and (max-width:1280px) {
    .sMc-form .tbody .package {
        margin-bottom: -15px
    }

    .sMc-form .tbody .package+.package {
        margin-top: 20px;
        padding-top: 20px
    }

    .sMc-form .formItem {
        margin-bottom: 15px
    }

    .sMc-form._t3 {
        margin-left: 0
    }

    .sMc-form._t3 .formItem {
        width: 100% !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sMc-form._t3 .formItem._file .fileBtnBox {
        width: 100%
    }

    .sMc-form._t3 .formItem._file .aside {
        margin-left: 0
    }

    .sMc-form._t3 .focus {
        display: block;
        width: 100% !important;
        text-align: left !important;
        line-height: 24px;
        margin-bottom: 8px
    }

    .sMc-form._t3 ._buts,
    .sMc-form._t3 .buts {
        margin-top: -1em
    }

    .sMc-form._t3 ._input.skin,
    .sMc-form._t3 ._textarea.skin,
    .sMc-form._t3 .buts,
    .sMc-form._t3 input.skin,
    .sMc-form._t3 select.skin,
    .sMc-form._t3 textarea.skin {
        width: 100% !important
    }
}

@media screen and (max-width:1024px) {
    .sMc-form .formItem {
        width: 100% !important;
        min-height: 48px;
        line-height: 48px
    }

    .sMc-form .formItem ._input.skin,
    .sMc-form .formItem ._textarea.skin,
    .sMc-form .formItem input.skin,
    .sMc-form .formItem select.skin,
    .sMc-form .formItem textarea.skin {
        line-height: 30px
    }

    .sMc-form .formItem ._input.skin,
    .sMc-form .formItem input.skin,
    .sMc-form .formItem select.skin {
        height: 48px
    }

    .sMc-form .formItem .fileBtnBox .fileBtn,
    .sMc-form .formItem .yzm .bindClick,
    .sMc-form .formItem .yzm2 .sendcode,
    .sMc-form .formItem .yzm3 .sendcode {
        height: 48px;
        line-height: 48px
    }

    .sMc-form .formItem .yzm3 .skin {
        width: calc(100% - 8.25em)
    }

    .sMc-form .formItem .yzm3 .sendcode {
        width: 7.75em
    }

    .sMc-form .formItem._t1 .focusHide {
        left: 20px
    }

    .sMc-form .formItem._t1 .focusHide+.buts {
        padding-left: 108px
    }

    .sMc-form .formItem._t1 ._input.skin,
    .sMc-form .formItem._t1 ._textarea.skin,
    .sMc-form .formItem._t1 input.skin,
    .sMc-form .formItem._t1 select.skin,
    .sMc-form .formItem._t1 textarea.skin {
        padding: 8px 20px
    }

    .sMc-form .formItem._t2 .focus {
        width: 64px;
        height: 48px;
        margin-top: -24px;
        top: 24px;
        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;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sMc-form .formItem._t2 .focus .icon {
        width: 20px;
        height: 20px
    }

    .sMc-form .formItem._t2 ._input.skin,
    .sMc-form .formItem._t2 ._textarea.skin,
    .sMc-form .formItem._t2 input.skin,
    .sMc-form .formItem._t2 select.skin,
    .sMc-form .formItem._t2 textarea.skin {
        padding: 8px 20px 8px 84px
    }

    .sMc-form .formItem._t3 ._input.skin,
    .sMc-form .formItem._t3 ._textarea.skin,
    .sMc-form .formItem._t3 input.skin,
    .sMc-form .formItem._t3 select.skin,
    .sMc-form .formItem._t3 textarea.skin {
        padding: 8px 20px
    }

    .sMc-form .enter {
        height: 50px;
        line-height: 50px
    }
}

.sMc-head {
    position: relative;
    z-index: 2;
    margin-bottom: 1rem
}

.sMc-head .p1 {
    position: relative;
    z-index: 2;
    padding-left: 1.2em;
    font-size: var(--fz20);
    line-height: 1.5em
}

.sMc-head .p1 .this {
    font-size: 1.2em;
    font-weight: 700;
    color: #222
}

.sMc-head .p1 .this:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.625em;
    width: .25em;
    height: 1.25em;
    background-color: #015293
}

.sMc-head .btn-edit {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 8
}

.sAbout-wrap {
    font-size: var(--fz20);
    padding-top: 2.5em
}

.sAbout-wrap .sidebar {
    width: 16em;
    margin-right: 1.2rem
}

.sAbout-wrap .main {
    width: calc(100% - 16em - 1.2rem);
    padding: 1rem 1rem 1.2rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f3ff), color-stop(34.02%, rgba(255, 255, 255, .466538)), to(#fff));
    background: linear-gradient(180deg, #e8f3ff 0, rgba(255, 255, 255, .466538) 34.02%, #fff 100%);
    -webkit-box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2);
    box-shadow: 0 .08rem .28rem rgba(72, 72, 72, .2)
}

@media screen and (max-width:1024px) {
    .sAbout-wrap .main {
        margin-top: 1rem
    }
}

.sAbout-intro .imax {
    color: #666;
    font-size: var(--fz18)
}

.sGreensystem-lr {
    font-size: var(--fz20);
    position: relative;
    z-index: 2
}

.sGreensystem-lr .sGreensystem-list,
.sGreensystem-lr .subpage-searchBox3 {
    float: left;
    width: 11.2rem
}

.sGreensystem-lr .maps {
    float: right;
    width: calc(100% - 11.2rem - 2rem)
}

@media screen and (max-width:1024px) {
    .sGreensystem-lr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sGreensystem-lr .subpage-searchBox3 {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 20px
    }

    .sGreensystem-lr .maps {
        width: 100%;
        margin-top: .8rem;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .sGreensystem-lr .sGreensystem-list {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.sGreensystem-selector {
    margin-top: 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sGreensystem-selector .btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    padding: 12px 10px;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #015293;
    background-color: #f0f7ff;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sGreensystem-selector .btn:nth-of-type(1n+1) {
    width: 31.07142857%;
    margin-left: 3.39285714%;
    margin-top: 0
}

.sGreensystem-selector .btn:nth-of-type(3n+1) {
    margin-left: 0
}

.sGreensystem-selector .btn:nth-of-type(1n+4) {
    margin-top: 3.39285714%
}

.sGreensystem-selector .btn .this {
    font-size: var(--fz18);
    line-height: 1.44444444
}

.sGreensystem-selector .btn.on,
.sGreensystem-selector .btn:hover {
    color: #fff;
    background-color: #0b9942
}

@media screen and (max-width:750px) {
    .sGreensystem-selector .btn .this {
        font-size: 14px
    }
}

.sGreensystem-list {
    position: relative;
    z-index: 2;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    height: 31.25vw
}

.sGreensystem-list::-webkit-scrollbar-thumb {
    background-color: #015293
}

.sGreensystem-list::-webkit-scrollbar-track {
    background-color: #efefef
}

.sGreensystem-list .item {
    display: block;
    position: relative;
    z-index: 2;
    background-color: #f4f7fa;
    padding: 1em 1.5em;
    font-size: var(--fz20)
}

.sGreensystem-list .item .this {
    display: block;
    line-height: 1.5;
    font-size: var(--fz16);
    position: relative;
    z-index: 2;
    padding-left: 1.25em
}

.sGreensystem-list .item .this:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: .75em;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #015293
}

.sGreensystem-list .item:nth-of-type(1n+2) {
    margin-top: 6px
}

.sGreensystem-list .item._empty .this {
    font-weight: 700;
    text-align: center;
    padding-right: 1.25em;
    color: #666 !important;
    margin-left: 0 !important
}

.sGreensystem-list .item._empty .this:before {
    display: none
}

.sGreensystem-list .listLoading {
    text-align: center;
    line-height: 2;
    padding: .8rem .4rem;
    font-size: var(--fz16)
}

@media screen and (min-width:1025px) {

    .sGreensystem-list .item,
    .sGreensystem-list .item .this,
    .sGreensystem-list .item .title,
    .sGreensystem-list .item:before {
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sGreensystem-list .item:hover:before {
        background-color: #015293
    }

    .sGreensystem-list .item:hover .title {
        color: #015293
    }

    .sGreensystem-list .item:hover .this {
        margin-left: 10px
    }
}

@media screen and (max-width:1024px) {
    .sGreensystem-list {
        height: auto !important;
        max-height: 106.66666667vw !important
    }

    .sGreensystem-list .item {
        padding: 12px 16px
    }

    .sGreensystem-list .item .this {
        padding-left: 1em
    }

    .sGreensystem-list .item:active:before {
        background-color: #015293
    }

    .sGreensystem-list .item:active .title {
        color: #015293
    }
}

.sGreensystem-chart {
    position: relative;
    z-index: 2;
    font-size: var(--fz20)
}

.sGreensystem-chart.map {
    width: 100%;
    height: 38.54166667vw
}

.sGreensystem-chart.pie {
    width: 25em;
    height: 15.625vw;
    margin-top: .4rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

@media screen and (max-width:1024px) {
    .sGreensystem-chart.map {
        height: 62.5vw
    }

    .sGreensystem-chart.pie {
        width: 80vw;
        height: 40vw
    }
}

.sGreensystem-view {
    padding: 1rem 0 1.6rem
}

.sGreensystem-view-intro {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sGreensystem-view-intro .line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--fz16);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sGreensystem-view-intro .line .sdt {
    width: 4rem;
    padding: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    color: #222;
    background-color: #f6f6f6;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-right: 10px
}

.sGreensystem-view-intro .line .sdt .this {
    display: block;
    padding: 5px;
    white-space: nowrap
}

.sGreensystem-view-intro .line .sdd {
    width: calc(100% - 10px - 4rem);
    padding: .4rem 1.2rem;
    line-height: 30px;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sGreensystem-view-intro .line.w50 {
    width: 49%
}

.sGreensystem-view-intro .line:nth-of-type(1n+2) {
    margin-top: 1em
}



.sSD-box {
    padding-top: 1rem;
    padding-bottom: 1.6rem
}

.sSD-form {
    padding-top: .4rem;
    padding-bottom: .4rem
}

.sSD-form .tbody {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sSD-form .tbody:after {
    display: none
}

.sSD-form .tbody .package {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: -25px
}

.sSD-form .tbody .package:after {
    display: none
}

.sSD-form .tbody .package+.package {
    margin-top: 25px;
    padding-top: 25px;
    border-top: #ddd dashed 1px
}

.sSD-form .tfoot {
    position: relative;
    z-index: 2;
    margin-top: 1.2rem
}

.sSD-form .formItem {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 52px;
    width: 100%;
    line-height: 52px;
    font-size: var(--fz16);
    margin-bottom: 25px;
    padding-left: 90px
}

.sSD-form .formItem .focusLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    padding: 16px 5px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

.sSD-form .formItem input.skin,
.sSD-form .formItem textarea.skin {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: var(--fz16);
    color: #666;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px 2em;
    line-height: 30px;
    -webkit-box-shadow: inset 0 .08rem .08rem rgba(0, 0, 0, .1);
    box-shadow: inset 0 .08rem .08rem rgba(0, 0, 0, .1)
}

.sSD-form .formItem input.skin {
    height: 52px
}

.sSD-form .formItem textarea.skin {
    height: 160px
}

.sSD-form .formItem .aside {
    color: #999;
    line-height: 1.5;
    margin-top: 10px
}

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

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

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

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

.sSD-form .formItem.w50 {
    width: 48.5%
}

.sSD-form .formItem.w100 {
    width: 100%
}

.sSD-form .formItem .sign {
    color: #c43026
}

.sSD-form .formItem .yzm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sSD-form .formItem .yzm .skin {
    width: calc(100% - 8.25em)
}

.sSD-form .formItem .yzm .bindClick {
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    margin-right: 0;
    width: 7.75em;
    height: 52px;
    border-radius: 5px
}

.sSD-form .formItem .yzm .bindClick._iconvc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sSD-form .formItem .fileBtnBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 32px
}

.sSD-form .formItem .fileBtnBox .fileBtn {
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 112px;
    height: 32px;
    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;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s;
    font-size: 14px;
    color: #222
}

.sSD-form .formItem .fileBtnBox .fileBtn:after,
.sSD-form .formItem .fileBtnBox .fileBtn:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    -webkit-transition: all 320ms ease-out 0s;
    transition: all 320ms ease-out 0s
}

.sSD-form .formItem .fileBtnBox .fileBtn:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: #dcdcdc solid 1px
}

.sSD-form .formItem .fileBtnBox .fileBtn:before {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.738 6.678L7.5 2.914V11.5h1V2.914l3.764 3.764.707-.707-4.617-4.617a.5.5 0 0 0-.707 0L3.03 5.97l.708.707z' fill='%23015293' fill-opacity='.9'/%3E%3Cpath d='M2 11v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-2h-1v2H3v-2H2z' fill='%23015293' fill-opacity='.9'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.sSD-form .formItem .fileBtnBox .fileBtn input {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 100%;
    min-height: 100%;
    z-index: 2;
    font-size: 100px;
    opacity: 0;
    cursor: pointer
}

.sSD-form .formItem .fileBtnBox .fileBtn:hover {
    color: #015293
}

.sSD-form .formItem .fileBtnBox .fileBtn:hover:after {
    border-color: #015293
}

.sSD-form .formItem .fileBtnBox .fileBtn:hover:before {
    -webkit-filter: none;
    filter: none
}

.sSD-form .formItem .fileBtnBox .filename {
    display: none;
    margin-left: 1em;
    padding: 4px 0;
    line-height: 24px;
    font-size: 14px;
    color: #999
}

.sSD-form .formItem .fileBtnBox.selected .filename {
    display: inline
}

.sSD-form .formItem .buts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5
}

.sSD-form .formItem .buts .checkbox,
.sSD-form .formItem .buts .radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-color: #dcdcdc
}

.sSD-form .formItem .buts._g {
    padding: 14px 0;
    margin-bottom: -.75em;
    margin-right: -1em
}

.sSD-form .formItem .buts._g .checkbox,
.sSD-form .formItem .buts._g .radio {
    margin-right: 1em;
    margin-bottom: .5em
}

.sSD-form .formItem._mt-10 {
    margin-top: -10px
}

.sSD-form .enter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 660px;
    height: 56px;
    line-height: 56px;
    background-color: #015293;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: var(--fz16)
}