@charset "utf-8";

@font-face {

  font-family: '../font/iconfont';

  src: url('../font/iconfont.eot');

  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),

      url('../font/iconfont.woff2') format('woff2'),

      url('../font/iconfont.woff') format('woff'),

      url('../font/iconfont.ttf') format('truetype'),

      url('../font/iconfont.svg#iconfont') format('svg');

}

.iconfont {

  font-family: "../font/iconfont";

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

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

    }



    .footer-m .diflr .left {

        width: 100%!important;display: flex;

    }

}



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

}



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

    ._diflr .left,._diflr .right {

        width:100%!important

    }

}



.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

}

.sjcpnyban{display:none;}

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

    

    -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 {

   

}



.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: #192548

}



.bgc1 {

    background-color: #192548

}



.c2 {

    color: #283463

}



.bgc2 {

    background-color: #283463

}



.c3 {

    color: #7fbe26

}



.bgc3 {

    background-color: #7fbe26

}



.ca {

    color: #333

}



.cb {

    color: #666

}



.cs {

    color: #999

}

.cc {

    color: #fff

}



html,html .header {

    min-width: 400px

}



body {

    width: 100%;

    color: #666;

    font: var(--fz16)/1 'Microsoft YaHei','微软雅黑','PingFang SC',PingFangSC-Regular,-apple-system,Arial,sans-serif

}



a {

    color: #333

}



a.on {

    color: #283463

}



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

    a:hover {

        color:#283463

    }

}



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

    a:active {

        color:#283463

    }

}



sup {

    top: 0;

    vertical-align: text-top;

    line-height: inherit

}



.scroll-wrap {

    background-color: #fff

}



.vmbox {

    font-size: 14px;

    line-height: 1

}



.imax {

    font-size: var(--fz18);

    line-height: var(--lh2)

}



::-moz-selection {

    background: #0c1222;

    color: #fff;

    text-shadow: none

}



::selection {

    background: #0c1222;

    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 {

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

}



.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(40,52,99,.9);

    border-radius: 0

}



[data-lenis-prevent]._v::-webkit-scrollbar-track {

    background: rgba(40,52,99,.15)

}



[data-lenis-prevent]._v._ca::-webkit-scrollbar-thumb {

    background-color: rgba(0,0,0,.6)

}



[data-lenis-prevent]._v._ca::-webkit-scrollbar-track {

    background: rgba(0,0,0,.2)

}



[data-lenis-prevent]._v._cf::-webkit-scrollbar-thumb {

    background-color: rgba(255,255,255,.6)

}



[data-lenis-prevent]._v._cf::-webkit-scrollbar-track {

    background: rgba(255,255,255,.2)

}



.swiper-scrollbar {

    margin-top: 1rem;

    z-index: 2;

    position: relative;

    left: 0;

    bottom: 0;

    border-radius: 0;

    width: 100%;

    height: 6px;

    background-color: transparent

}



.swiper-scrollbar:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    background-color: #f5faff;

    width: 100%

}



.swiper-scrollbar .swiper-scrollbar-drag {

    position: absolute;

    width: 0;

    top: 0;

    left: 0;

    height: 100%;

    background-color: #192548;

    border-radius: 6px

}



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

    .swiper-scrollbar {

        height:4px

    }

}



.link_x1 {

    position: relative;

    z-index: 2;

    font-size: var(--fz20);

    opacity: 1;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: 1.5em;

    line-height: 1.5

}



.link_x1:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left:10px;

    top: 50%;

    margin-top: .1em;

    line-height: 1.5;

    background:#0d3380;width:10px; height:2px;

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    display: none

}



.link_x1.on,.link_x1:hover {

    opacity: 1

}



.link_x1.on:before,.link_x1:hover:before {

    opacity: 1;

    -webkit-transform: none!important;

    transform: none!important

}



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

    .link_x1 {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .link_x1:before {

        display: block

    }



    .link_x1:hover {

        padding-left: 1.8em

    }

}



:root {

    --logoH: 80px;

    --Hheader: 100px;

    --padw: 8.33333333vw;

    --padw2: 3.125vw

}



:root .w {

    width: 93.33333333vw;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



:root .wW {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-left: auto;

    margin-right: auto

}



:root .wW._plr {

}



:root ._p3p {

    padding-left: 3.125vw;

    padding-right: 3.125vw

}



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

    :root {

        --Hheader:124px;

        --padw: 6.25vw;

        --padw2: 2.08333333vw

    }



    :root .w {

        width: 90.5vw

    }



    :root .wW {

        width:100%

    }



    :root ._p3p {

        padding-left: 2.08333333vw;

        padding-right: 2.08333333vw

    }

}



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

    :root {

        --Hheader:100px

    }

}



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

    :root {

        --Hheader:64px;

        --logoH: 44px;

        --padw: 5vw

    }



    :root .w,:root .wW {

        width: 90vw

    }



    :root ._p3p {

        padding-left: 0;

        padding-right: 0

    }

}



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

    :root {

        --padw:15px;

        --padw2: 15px

    }



    :root .w,:root .wW {

        width: auto!important;

        width: calc(100% - 30px)!important;

        margin-left: auto!important;

        margin-right: auto!important

    }



    :root .w._plr,:root .wW._plr {

        padding-left: 20px;

        padding-right: 20px

    }

}



.maxmw {

    width: auto;

    width: calc(100% - 30px)!important;

    margin-left: auto!important;

    margin-right: auto!important

}



.hidePoint {

    margin-top: calc(-1 * var(--Hheader))

}



.header {

    height: var(--Hheader);

    line-height: var(--Hheader)

}



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

    .sPaddingTop {

        padding-top:var(--Hheader)

    }

}



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

    .scroll-wrap {

        padding-top:64px

    }

}



.linkc1 {

    color: #333

}



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

    .linkc1 {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .linkc1:hover {

        color: #192548

    }

}



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

    .linkc1:active {

        color:#192548

    }

}





.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,.index-team-card {

    font-size: var(--fz20)

}



.fz18 {

    font-size: var(--fz18)

}



.fz18z {

    font-size: var(--fz18z)

}



.fz16 {

    font-size: var(--fz16)

}



.fz14 {

    font-size: var(--fz14)

}



.lh2 {

    line-height: var(--lh2)

}



:root {

    --lh2: 2em;

    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;

    --fz18z: 18px;

    --fz16: 16px;

    --fz14: 14px;

    --x20: 20px

}



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

        font-size:45px

    }

}



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

    :root {

        font-size:40px;

        --fz60: 48px;

        --fz48: 40px;

        --fz40: 32px;

        --fz36: 28px;

        --fz32t: 24px;

        --fz32: 24px;

        --fz28: 22px;

        --fz24: 20px;

        --fz20: 18px;

        --fz18: 16px;

        --fz18z: 16px;

        --fz16: 14px;

        --fz14: 12px;

        --x20: 18px

    }

}



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

    :root {

        --lh2:1.75em;

        font-size: 35px;

        --fz60: 36px;

        --fz48: 32px;

        --fz40: 26px;

        --fz36: 24px;

        --fz32t: 22px;

        --fz32: 22px;

        --fz28: 20px;

        --fz24: 18px;

        --fz20: 16px;

        --x20: 16px

    }

}



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

    :root {

        font-size:30px;

        --fz100m: 100px;

        --fz18z: 14px;

        --x20: 14px

    }



    :root .m-hide {

        display: none!important

    }



    :root .m-link {

        display: block;

        z-index: 11;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        position: absolute;

        

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

        --fz32: 18px;

        --x20: 12px

    }

}



@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

    }

}



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

    .fzRes {

        font-size:100px

    }

}



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

    .fzRes {

        font-size:90px

    }

}



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

    .fzRes {

        font-size:85px

    }

}



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

    .fzRes {

        font-size:80px

    }

}



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

    .fzRes {

        font-size:75px

    }

}



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

    .fzRes {

        font-size:70px

    }

}



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

    .fzRes {

        font-size:65px

    }

}



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

    .fzRes {

        font-size:60px

    }

}



@-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 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 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 slideInRights {

    0% {

        -webkit-transform: translate3d(40px,0,0);

        transform: translate3d(40px,0,0)

    }



    to {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes slideInRights {

    0% {

        -webkit-transform: translate3d(40px,0,0);

        transform: translate3d(40px,0,0)

    }



    to {

        -webkit-transform: none;

        transform: none

    }

}



.slideInRights {

    -webkit-animation-name: slideInRights;

    animation-name: slideInRights

}



@-webkit-keyframes zoomIns {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.77,.77,.77);

        transform: scale3d(.77,.77,.77)

    }



    100%,50% {

        opacity: 1

    }

}



@keyframes zoomIns {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.77,.77,.77);

        transform: scale3d(.77,.77,.77)

    }



    100%,50% {

        opacity: 1

    }

}



.zoomIns {

    -webkit-animation-name: zoomIns;

    animation-name: zoomIns

}



@-webkit-keyframes 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

}



.formItem {

    position: relative

}



.formItem .aftPD {

    position: absolute;

    left: 100%;

    top: 0;

    color: red;

    margin-left: 8px;

    white-space: nowrap;

    font-size: 14px;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.formItem .skin::-webkit-input-placeholder {

    color: #999

}



.formItem .skin:-moz-placeholder {

    color: #999

}



.formItem .skin::-moz-placeholder {

    color: #999

}



.formItem .skin:-ms-input-placeholder {

    color: #999

}



.formItem .skin._focus {

    border-color: #2e9fd9!important

}



.formItem.red .skin {

    color: red;

    border-color: red

}



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

    color: red

}



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

    color: red

}



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

    color: red

}



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

    color: red

}



.TAlert {

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 99;

    overflow: hidden;

    width: 100%;

    height: 100%;

    text-align: center;

    overflow-x: hidden;

    overflow-y: auto

}



.TAlert: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;

    

    -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: #333;

    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;

    

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

    

    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

}



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

    .ysqUEO .TAlert .Tclose s:after,.ysqUEO .TAlert .Tclose s:before {

        -webkit-transition:all .3s ease-out 0s;

        transition: all .3s ease-out 0s

    }



    .TAlert .Tclose s:hover {

        color: #fff

    }

}



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

    .TAlert .Tclose s:active {

        color:#fff

    }

}



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

    

    -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

}



.TAlert .contain .body {

    font-size: var(--fz20)

}



.TAlert .contain .foot .btn {

    color: #192548

}

.about_tu{display:none;}

.pageListBox {

    padding-top: 1.2rem

}



.pageListBox .pageList {

    position: relative;

    line-height: 40px;

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

    height: 40px;

    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;

    border-radius: 40px;

    

    -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: #192548;

    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

}



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

    .pageListBox .pageList a:hover {

        background-color:#192548;

        color: #fff

    }



    .pageListBox .pageList a:hover:after {

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 0;

        visibility: hidden

    }

}



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

    .pageListBox .pageList {

        overflow-x:auto;

        overflow-y: hidden

    }



    .pageListBox .pageList a:active {

        background-color: #192548;

        color: #fff;

        -webkit-transition: none!important;

        transition: none!important

    }



    .pageListBox .pageList a:active:after {

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 0;

        visibility: hidden

    }

}



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

    .pageListBox .pageList {

        line-height:32px

    }



    .pageListBox .pageList li>a,.pageListBox .pageList li>span {

        display: block;

        min-width: 20px;

        padding: 0 6px;

        height: 32px;

        

        -webkit-tap-highlight-color: rgba(0,0,0,.04)

    }



    .pageListBox .pageList ul li {

        margin-left: 4px;

        margin-right: 4px

    }

}



.scrollAjax .loadDiv {

    text-align: center;

    margin: 1.2rem auto 0

}



.scrollAjax #loadState {

    position: relative;

    min-width: 160px;

    height: 48px;

    

    display: inline-block;

    vertical-align: top;

    line-height: 48px;

    color: #333;

    font-size: 14px;

    border: currentColor solid 1px;

    padding: 0 2em

}

.ys_ban_video { display: block;position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    object-fit: cover;}

.ys_ban_ph {display: none;}

.scrollAjax #loadState._iconvc {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.scrollAjax #loadState.off {

    background-color: #ddd;

    color: #333;

}



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

    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,.ysqUEO .aBtnScw,.ysqUEO .aBtnbt,.ysqUEO .aBtnlr {

    position: relative;

    overflow: hidden;

    z-index: 1;

    

    -webkit-tap-highlight-color: rgba(0,0,0,.04)

}



.ysqUEO .aBtnSc:after,.ysqUEO .aBtnScw:after,.ysqUEO .aBtnbt:after,.ysqUEO .aBtnlr:after {

    content: " ";

    position: absolute;

    z-index: -1;

    pointer-events: none;

    display: block!important

}



.ysqUEO .aBtnSc:after {

    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

}



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

    .ysqUEO .aBtnSc:hover:after {

        -webkit-transition:all 350ms ease-in 0s;

        transition: all 350ms ease-in 0s;

        opacity: 1;

        visibility: visible;

        -webkit-transform: translate(-50%,-50%);

        transform: translate(-50%,-50%)

    }

}



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

    .ysqUEO .aBtnSc:active:after {

        -webkit-transition:all 10ms ease-in 0s;

        transition: all 10ms ease-in 0s;

        opacity: 1;

        visibility: visible;

        -webkit-transform: translate(-50%,-50%);

        transform: translate(-50%,-50%)

    }

}



.ysqUEO .aBtnScw {

    position: relative;

    overflow: hidden

}



.ysqUEO .aBtnScw:after {

    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

}



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

    .ysqUEO .aBtnScw:hover:after {

        -webkit-transition:all .5s ease 0s;

        transition: all .5s ease 0s;

        opacity: 1;

        visibility: visible;

        background-color: transparent;

        -webkit-transform: translate(-50%,-50%);

        transform: translate(-50%,-50%)

    }

}



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

    .ysqUEO .aBtnScw:active:after {

        -webkit-transition:all 10ms ease 0s;

        transition: all 10ms ease 0s;

        opacity: 1;

        visibility: visible;

        -webkit-transform: translate(-50%,-50%);

        transform: translate(-50%,-50%)

    }

}



.ysqUEO .aBtnlr:after {

    background-color: #192548;

    left: 100%;

    top: 0;

    width: 0;

    height: 100%

}



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

    .ysqUEO .aBtnlr:after {

        -webkit-transition:all 480ms ease-out 0s;

        transition: all 480ms ease-out 0s

    }



    .ysqUEO .aBtnlr:hover:after {

        width: 100%;

        left: 0;

        -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) {

    .ysqUEO .aBtnlr:active:after {

        width:100%;

        left: 0;

        -webkit-transition: left 0s ease-out 0s,width 10ms ease-out 0s;

        transition: left 0s ease-out 0s,width 10ms ease-out 0s

    }

}



.ysqUEO .aBtnbt:after {

    background-color: #192548;

    bottom: 100%;

    height: 0;

    left: 0;

    width: 100%

}



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

    .ysqUEO .aBtnbt:after {

        -webkit-transition:all 480ms ease-out 0s;

        transition: all 480ms ease-out 0s

    }



    .ysqUEO .aBtnbt:hover:after {

        bottom: 0;

        height: 100%;

        -webkit-transition: bottom 0s ease-out 0s,height 220ms ease-out 0s;

        transition: bottom 0s ease-out 0s,height 220ms ease-out 0s

    }

}



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

    .ysqUEO .aBtnbt:active:after {

        bottom:0;

        height: 100%;

        -webkit-transition: bottom 0s ease-out 0s,height 10ms ease-out 0s;

        transition: bottom 0s ease-out 0s,height 10ms ease-out 0s

    }

}



.jwlink {

    opacity: .5

}



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

}



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

    .icon-gt:hover {

        color:currentColor

    }



    .icon-gt:hover s:before {

        -webkit-transform: rotate(-44deg);

        transform: rotate(-44deg)

    }



    .icon-gt:hover s:after {

        -webkit-transform: rotate(44deg);

        transform: rotate(44deg)

    }

}



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

    .icon-gt:active {

        color:currentColor

    }



    .icon-gt:active s:before {

        -webkit-transform: rotate(-44deg);

        transform: rotate(-44deg)

    }



    .icon-gt:active s:after {

        -webkit-transform: rotate(44deg);

        transform: rotate(44deg)

    }

}



.btn.btn-go {

    position: relative;

    z-index: 2;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.btn.btn-go:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    margin-left: 5px;

    width: 15px;

    height: 14px;

    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.29 8.167H0V5.833h11.29l-3.918-4.36L8.709 0l5.63 6.267.661.728-.003.005.003.005-.662.728L8.709 14l-1.336-1.472 3.917-4.361z' fill='%23fff'/%3E%3C/svg%3E");

    background-size: contain;

    background-position: 50% 50%;

    background-repeat: no-repeat

}



.btn.btn-play {

    position: relative;

    z-index: 2;

    display: inline-block;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background-color: #fff

}



.btn.btn-play:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    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='M5.575 19a.593.593 0 0 1-.406-.159.528.528 0 0 1-.169-.384V1.541c0-.1.03-.197.085-.281a.564.564 0 0 1 .226-.2.604.604 0 0 1 .596.04L18.73 9.556c.083.05.15.117.198.197a.52.52 0 0 1 0 .526.558.558 0 0 1-.198.198l-12.823 8.42a.6.6 0 0 1-.332.102z' fill='%23364D93'/%3E%3C/svg%3E");

    background-position: 50% 50%;

    background-size: 20px;

    background-repeat: no-repeat

}



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

    .btn.btn-play,.btn.btn-play:after {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .btn.btn-play:hover {

        background-color: #192548

    }



    .btn.btn-play:hover:after {

        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

        filter: grayscale(100%) contrast(50%) brightness(5);

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



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

    .btn.btn-play {

        width:44px;

        height: 44px

    }



    .btn.btn-play:after {

        background-size: 18px

    }

}



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

    .btn.btn-play {

        width:40px;

        height: 40px

    }



    .btn.btn-play:after {

        background-size: 16px

    }



    .btn.btn-play:active {

        background-color: #192548

    }



    .btn.btn-play:active:after {

        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

        filter: grayscale(100%) contrast(50%) brightness(5);

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.btn.btn-more1 {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    font-size: var(--fz20);

    position: relative;

    z-index: 2;

    padding-right: 25px

}



.btn.btn-more1 .this {

    border: #333 solid 1px;

    border-radius: 50px;

    padding: 0 50px 0 28px;

    font-size: var(--fz16);

    line-height: 38px;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    white-space: nowrap

}



.btn.btn-more1 .this em {

    position: relative;

    z-index: 3

}



.btn.btn-more1 .arr {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

    width: 40px;

    height: 40px;

    border-radius: 40px;

    background: linear-gradient(130.6deg,#2a3869 -3.59%,#3c59ae 105.38%);

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s

}



.btn.btn-more1 .arr:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    height: 50px;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4 26.749H17.094l.037-2.5h12.308l-4.202-4.672L26.717 18l6.038 6.714.71.78-.004.005.003.005-.732.78-6.237 6.714-1.435-1.577 4.34-4.672z' fill='%23fff'/%3E%3C/svg%3E");

    background-position: 100% 50%;

    background-size: contain;

    background-repeat: no-repeat;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.btn.btn-more1:hover .this {

    color: #fff;

    background-color: #394d94

}



.btn.btn-more1:hover .arr {

    width: 100%!important

}



.btn.btn-more1:hover .arr:after {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.btn.btn-more1._s {

    padding-right: 0

}



.btn.btn-more1._s .this {

    padding: 0 0 50px 50px;

    border: none

}



.btn.btn-more1._s .arr {

    width: 50px;

    height: 50px

}



.btn.btn-more1._s .arr:after {

    width: 100%!important;

    height: 100%!important

}



.btn.btn-more1._ss {

    padding-right: 0

}



.btn.btn-more1._ss .this {

    padding: 0 0 40px 40px;

    border: none

}



.btn.btn-more1._ss .arr {

    width: 40px;

    height: 40px

}



.btn.btn-more1._ss .arr:after {

    width: 100%!important;

    height: 100%!important

}



.btn.btn-more1._mini {

    padding-right: 20px

}



.btn.btn-more1._mini .this {

    padding-right: 30px;

    padding-left: 20px;

    line-height: 20px

}



.btn.btn-more1._mini .arr {

    width: 38px;

    height: 38px

}



.btn.btn-more1._mini .arr:after {

    width: 38px;

    height: 38px

}



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

    .btn.btn-more1 .this {

        padding-right:40px;

        padding-left: 24px;

        line-height: 26px

    }



    .btn.btn-more1 .arr {

        width: 44px;

        height: 44px

    }



    .btn.btn-more1 .arr:after {

        width: 44px;

        height: 44px

    }



    .btn.btn-more1._s .this {

        padding: 0 0 44px 44px

    }



    .btn.btn-more1._s .arr {

        width: 44px;

        height: 44px

    }



    .btn.btn-more1._ss .this {

        padding: 0 0 36px 36px

    }



    .btn.btn-more1._ss .arr {

        width: 36px;

        height: 36px

    }

}



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

    .btn.btn-more1 .this {

        padding-right:32px;

        padding-left: 20px;

        line-height:40px

    }



    .btn.btn-more1 .arr {

        width: 40px;

        height: 40px

    }



    .btn.btn-more1 .arr:after {

        width: 40px;

        height: 40px

    }



    .btn.btn-more1._mini .this {

        padding-right: 26px;

        padding-left: 16px;

        line-height: 20px;

        padding-top: 6px;

        padding-bottom: 6px

    }



    .btn.btn-more1._mini .arr {

        width: 34px;

        height: 34px

    }



    .btn.btn-more1._mini .arr:after {

        width: 34px;

        height: 34px

    }



    .btn.btn-more1._s .this {

        padding: 0 0 40px 40px

    }



    .btn.btn-more1._s .arr {

        width: 40px;

        height: 40px

    }



    .btn.btn-more1._ss .this {

        padding: 0 0 32px 32px

    }



    .btn.btn-more1._ss .arr {

        width: 32px;

        height: 32px

    }

}



.btn.btn-close {

    width: 36px;

    height: 36px

}



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

    

    white-space: nowrap;

    -webkit-transition: all .6s ease-out 0s;

    transition: all .6s ease-out 0s

}



.ysqUEO .btn.btn-close s {

    overflow: hidden;

    text-indent: 120%

}



.ysqUEO .btn.btn-close s:after,.ysqUEO .btn.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.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.btn-close s:after {

    bottom: 9px;

    -webkit-transform: rotate(-45deg) translate(5.17766953px,0);

    transform: rotate(-45deg) translate(5.17766953px,0);

    bottom: 4px

}



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

    .ysqUEO .btn.btn-close s:after,.ysqUEO .btn.btn-close s:before {

        -webkit-transition:all .3s ease-out 0s;

        transition: all .3s ease-out 0s

    }



    .btn.btn-close s:hover {

        color: #000

    }

}



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

    .btn.btn-close s:active {

        color:#000

    }

}



.btn.btn-close s:hover {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

}



.ctr.ctr-navLR {

    z-index: 20;

    position: absolute;

    right: 0;

    top: 0;

    width: 32px;

    height: 100%;

    background-color: #192548;

    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-arr {

    font-size: var(--fz20);

    z-index: 20;

    position: absolute;

    top: 50%;

    margin-top: -1.3em;

    width: 2.6em;

    height: 2.6em;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    background-color: #f0f0f0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 50%

}



.ctr.ctr-arr:after,.ctr.ctr-arr:before {

    content: " ";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

    pointer-events: none;

    border-radius: 50%

}



.ctr.ctr-arr:before {

    background: linear-gradient(130.6deg,#2a3869 -3.59%,#3c59ae 105.38%);

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden

}



.ctr.ctr-arr:after {

    -webkit-transition: all 80ms ease-out 0s;

    transition: all 80ms ease-out 0s;

    z-index: 3;

    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.947 10.5H20v-3H4.947l5.224-5.607L8.388 0 .882 8.058 0 8.994.004 9 0 9.006l.882.936L8.388 18l1.783-1.893L4.947 10.5z' fill='%23333'/%3E%3C/svg%3E");

    background-size: 1em;

    background-position: 50% 50%;

    background-repeat: no-repeat

}



.ctr.ctr-arr s {

    display: none

}



.ctr.ctr-arr.prev {

    left: 0

}



.ctr.ctr-arr.prev:before {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.ctr.ctr-arr.next {

    right: 0

}



.ctr.ctr-arr.next:after {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



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

    .ctr.ctr-arr:hover {

        background-color:transparent

    }



    .ctr.ctr-arr:hover:before {

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .ctr.ctr-arr:hover:after {

        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

        filter: grayscale(100%) contrast(50%) brightness(5)

    }

}



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

    .ctr.ctr-arr:active {

        background-color:transparent

    }



    .ctr.ctr-arr:active:before {

        -webkit-transition: all 0s ease-out 0s;

        transition: all 0s ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .ctr.ctr-arr:active:after {

        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

        filter: grayscale(100%) contrast(50%) brightness(5)

    }

}



.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:after {

    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:after {

    -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:after {

        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:after {

        background-size: 1.2em;

        -webkit-transition: 0s;

        transition: 0s

    }

}



.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: 10px;

    height: 10px;

    margin: 0 6px;

    -webkit-transition: all 480ms ease-out 0s;

    transition: all 480ms ease-out 0s;

    border-radius: 50%;

    background-color: #fff

}



.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: #192548

}



.pagination.pagination-dot._s2 .btn {

    opacity: .5

}



.pagination.pagination-dot._s2 .btn.on {

    opacity: 1;

    background-color: #fff

}



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

    

    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: #283463;

    color: #fff;

    text-align: center;

    border-radius: 6px

}



.swiper-container {

    position: relative;

    overflow: hidden;

    list-style: none;

    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;

    

    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;

    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 {

}



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

}



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



}



.fancybox-can-zoomIn .fancybox-content {



}



.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {



}



.fancybox-is-grabbing .fancybox-content {



}



.fancybox-container [data-selectable=true] {



}



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

    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;

    

    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;

    outline: 0;

    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;

    

    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;

    

    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

    }

}



.modal-qrcode .contain {

    width: 240px

}



.sSearch-panel {

    position: relative;

    z-index: 8;

    width: 100%;

    height: 60px;

    line-height: 60px;

    background-color: #192548;

    color: #fff;

    margin-top: 1px

}



.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: 32px;

    line-height: 32px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sSearch-panel .searchBox .skin {

    width: 240px;

    height: 32px;

    line-height: 32px;

    padding: 0 48px 0 20px;

    border-radius: 32px;

    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: 32px;

    height: 32px;

    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: 32px 32px;

    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:32px;

        line-height: 32px;

        padding: 8px 0

    }



    .subpage-banner+.sSearch-panel {

        margin-top: -48px

    }



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

    -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: #192548

}



.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:#192548

    }

}



.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

    }

}



.header {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%; padding: 0;

    z-index: 40;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s

}



.header-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 39;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    pointer-events: none;

    height: var(--Hheader);

    padding-bottom: 7.8125vw;

    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,rgba(255,255,255,.8)),color-stop(75%,rgba(255,255,255,0)));

    background: linear-gradient(180deg,rgba(255,255,255,.8) 5%,rgba(255,255,255,0) 75%)

}



.header .bg {

    z-index: 5

}



.header .contain {

    position: relative;

    height: 100%;

    padding: 0 var(--padw2);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.header .logo {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    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

}



.header .logo ._img {

    position: relative;

}



.header .logo ._img img {

    display: block;

    left: 0;

    top: 0

}



.header .logo ._img .front {

    position: relative;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible

}



.header .logo ._img .behind {

    position: absolute;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden

}



.header .secNav {

    display: none

}



.header .navbtn {

    display: none

}



.header .fns {

    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;

    z-index: 2;

    margin-right: 0;

    margin-left: auto

}



.header .fns:after {

    display: none

}



.header .fns .item {

    z-index: 1;

    position: relative;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #333

}



.header .fns .item:after {

    display: none

}



.header .fns .item:nth-child(1n+2) {

    margin-left: 2.60416667vw

}



.header .fns .item .btn {

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    color: currentColor;

    -webkit-transition: all .1s ease-out 0s;

    transition: all .1s ease-out 0s;

    font-size:16px;

}

.header .fns .item a{}

.header .fns .item .btn .iconfont { font-size:30px;}



.header .fns .item .btn .icon path {

    -webkit-transition: inherit!important;

    transition: inherit!important

}



.header .fns .item .btn .icon+.this {

    margin-left: .3rem

}



.header .fns .item .btn .this {

    white-space: nowrap

}



.header .fns .item .hide {

    position: absolute;

    left: 50%;

    top: 100%;

    margin-left: -100px;

    width: 200px;

    padding: 10px 0;

    background-color: #fff;

    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);

    box-shadow: 0 0 6px 0 rgba(0,0,0,.1);

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(20%);

    transform: translateY(20%)

}



.header .fns .item .hide .btn {

    display: block;

    color: #333;

    padding: .12rem .4rem;

    font-size: 16px;

    line-height: 1.5;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s

}



.header .fns .item .hide .btn.on {

    color: #192548;

    font-weight: 700

}



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

    .header .fns .item .hide .btn:hover {

        color:#192548;

        background-color: rgba(0,0,0,.05)

    }

}



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

    .header .fns .item .hide .btn:active {

        color:#192548;

        background-color: rgba(0,0,0,.05);

        -webkit-transition: all 40ms ease-out 0s;

        transition: all 40ms ease-out 0s

    }

}



.header .fns .item .hide._show {

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible;

    -webkit-transform: none!important;

    transform: none!important

}



.header .fns .item .btn-language._aftIcon {

    padding-right: 16px

}



.header .fns .item .btn-language._aftIcon:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -3px;

    width: 9px;

    height: 6px;

    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.212 5.675l3.604-4.349a.77.77 0 0 0 .09-.867.855.855 0 0 0-.33-.335A.954.954 0 0 0 8.103 0H.896a.954.954 0 0 0-.472.124.854.854 0 0 0-.331.335.77.77 0 0 0 .09.867l3.605 4.35c.083.1.191.182.315.238a.96.96 0 0 0 .794 0 .884.884 0 0 0 .315-.239z' fill='%23333'/%3E%3C/svg%3E");

    background-size: contain;

    background-position: 100% 50%;

    background-repeat: no-repeat

}



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

    .header .firNav {

        position:relative;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end;

        -webkit-box-align: stretch;

        -ms-flex-align: stretch;

        align-items: stretch

    }



    .header .firNav:after {

        display: none

    }



    .header .firNav .firItem {

        position: relative

    }

	.header._c333 .firNav .firItem.current a{color:#002d89; font-weight: bold;}

	.header._c333 .firNav .firItem.current .secItem a{color:#333; font-weight: 200;}

    .header .firNav .firItem .link1 {

        position: relative;

        overflow: hidden;

        z-index: 2;

        display: block;

        padding: 0 .78125vw;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        white-space: nowrap;

        font-size: 16px;

    }



    .header .firNav .firItem .link1:after {

        content: " ";

        z-index: -1;

        pointer-events: none;

        position: absolute;

        left: 50%;

        margin-left: -1em;

        width: 2em;

        height: 2px;

        bottom: 50%;

        margin-bottom: -1.5em;

        background-color: #192548;

        -webkit-transform: scaleX(0);

        transform: scaleX(0);

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 0;

        visibility: hidden

    }



    .header .firNav .firItem.on .link1,.header .firNav .firItem:hover .link1 {

        color: #283463

    }



    .header .firNav .firItem.on .link1:after,.header .firNav .firItem:hover .link1:after {

        -webkit-transform: none!important;

        transform: none!important;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .header .firNav .firItem:nth-child(1n+2) {

        margin-left: 1.5625vw

    }



    .header .secNav {

        position: absolute;

        top: 100%;

        min-width: 100%;

        z-index: 30;

        text-align: left;

        -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);

        box-shadow: 0 0 6px 0 rgba(0,0,0,.1);

        background-color: #fff;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        display: none

    }



    .header .secNav .link {

        color: #333;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .header .secNav .wrapIn {

        padding: .3rem 0;

        min-width: 120px

    }



    .header .secNav .col {

        display: block;

        text-align: center;

        white-space: nowrap

    }



    .header .secNav .secItem {

        position: relative

    }



    .header .secNav .secItem .link2 {

        display: block;

        line-height: 1.5;

        padding: .16rem .24rem

    }



    .header .secNav .secItem:nth-child(1n+2) {

        border-top: rgba(255,255,255,.3) dashed 1px

    }



    .header .secNav .secItem.on .link,.header .secNav .secItem:hover .link {

        color: #192548;

        background-color: rgba(0,0,0,.05)

    }



    .header .fns {

        margin-left: .5rem

    }



    .header .fns .item:hover .icon {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }



    .header._cfff .logo ._img .front {

        position: relative;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .header._cfff .logo ._img .behind {

        position: absolute;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 0;

        visibility: hidden

    }



    .header._cfff .firNav .firItem .link1 {

        color: #fff

    }



    .header._cfff .firNav .firItem.on .link1,.header._cfff .firNav .firItem:hover .link1 {

        font-weight: 700

    }



    .header._cfff .fns img.icon {

        -webkit-filter: contrast(50%) grayscale(100%) brightness(1000);

        filter: contrast(50%) grayscale(100%) brightness(1000)

    }



    .header._cfff .fns .this {

        color: #fff

    }



    .header._cfff .fns .btn-language._aftIcon:after {

        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

        filter: grayscale(100%) contrast(50%) brightness(5)

    }



    .header._c333 .logo ._img .front,.header._fixedNav .logo ._img .front,.header:hover .logo ._img .front {

        position: relative;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 0;

        visibility: hidden

    }



    .header._c333 .logo ._img .behind,.header._fixedNav .logo ._img .behind,.header:hover .logo ._img .behind {

        position: absolute;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .header._c333 .firNav .firItem .link1,.header._fixedNav .firNav .firItem .link1,.header:hover .firNav .firItem .link1 {

        color: #333

    }



    .header._c333 .firNav .firItem.on .link1,.header._c333 .firNav .firItem:hover .link1,.header._fixedNav .firNav .firItem.on .link1,.header._fixedNav .firNav .firItem:hover .link1,.header:hover .firNav .firItem.on .link1,.header:hover .firNav .firItem:hover .link1 {

        color: #283463

    }



    .header._c333 .fns img.icon,.header._fixedNav .fns img.icon,.header:hover .fns img.icon {

        -webkit-filter: none;

        filter: none

    }



    .header._c333 .fns .this,.header._fixedNav .fns .this,.header:hover .fns .this {

        color: #333

    }



    .header._c333 .fns .btn-language._aftIcon:after,.header._fixedNav .fns .btn-language._aftIcon:after,.header:hover .fns .btn-language._aftIcon:after {

        -webkit-filter: none;

        filter: none

    }



    .header._fixedNav,.header:hover {

        background-color: #fff;

        -webkit-box-shadow: 0 4px 10px 0 rgba(203,199,199,.2);

        box-shadow: 0 4px 10px 0 rgba(203,199,199,.2)

    }



    .header._foldNav {

        -webkit-transform: translateY(-105%);

        transform: translateY(-105%);

        -webkit-box-shadow: 0 0 0 transparent;

        box-shadow: 0 0 0 transparent

    }

}



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

    .header .firNav .firItem .link1 {

        padding:0 .7vw

    }

	.header .firNav .link i{display:none;}

}



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

    .header {

        background-color:#fff;

        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);

        box-shadow: 0 0 10px 0 rgba(0,0,0,.15)

    }

	.header .firNav .link i{display:none;}

    .header .contain {

        position: static!important;

        padding-right: 59px

    }



    .header .bg {

        position: fixed!important;

    }



    .header .logo ._img .front {

        position: relative;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 0;

        visibility: hidden

    }



    .header .logo ._img .behind {

        position: absolute;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .header .fns {

        margin-right: 5px

    }



    .header .fns img.icon {

        -webkit-filter: none;

        filter: none

    }



    .header .navbtn {

        z-index: 45;

        position: absolute;

        overflow: hidden;

        display: block;

        right: 15px;

		box-sizing: content-box;

        top: 12px;

        padding: 6px;

        width: 28px;

        height: 28px;

        

        -webkit-tap-highlight-color: rgba(0,0,0,.04)

    }



    .header .navbtn s {

        position: absolute;

        left: 6px;

        display: block;

        width: 28px;

        height: 2px;

        border-radius: 2px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;

        transition: opacity .3s ease,-webkit-transform .3s ease;

        transition: transform .3s ease,opacity .3s ease;

        transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;

        -webkit-transform-origin: 0 50%;

        transform-origin: 0 50%

    }



    .header .navbtn s:before {

        content: " ";

        position: absolute;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        background-color: #192548;

        -webkit-transform: scaleY(1.5);

        transform: scaleY(1.5)

    }



    .header .navbtn .i1 {

        top: 10px

    }



    .header .navbtn .i2 {

        top: 50%;

        margin-top: -1px;

        -webkit-transform-origin: 50% 50% 0;

        transform-origin: 50% 50% 0

    }



    .header .navbtn .i3 {

        bottom: 10px

    }



    .header .navbtn.active {

        position: fixed;

        z-index: 80;

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }



    .header .navbtn.active .i1 {

        -webkit-transform: rotate(45deg) translate(5.589px,0);

        transform: rotate(45deg) translate(5.589px,0);

        top: 5px

    }



    .header .navbtn.active .i2 {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 0

    }



    .header .navbtn.active .i3 {

        -webkit-transform: rotate(-45deg) translate(5.589px,0);

        transform: rotate(-45deg) translate(5.589px,0);

        bottom: 5px

    }



    .header .firNav {

        position: fixed;

        z-index: 29;

        right: 0;

        width: 100%;

        overflow-y: auto;

        text-align: left;

        padding-bottom: 94px;

        padding-top: 40px;

        height: auto;

        top: 0;

        bottom: 0;

        margin: auto;

        background-color: #192548;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        -webkit-transform: translateX(100%);

        transform: translateX(100%)

    }



    .header .firNav .link {

        display: block;

        -webkit-transition: all 320ms ease-out 0s; padding-left:10%;

        transition: all 320ms ease-out 0s;

        

        -webkit-tap-highlight-color: rgba(255,255,255,.03);

        color: #fff

    }



    .header .firNav .firItem {

        position: relative;

        overflow: hidden;

        width: 100%;

        font-size: 20px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        padding: 0 8px

    }



    .header .firNav .firItem.on>.this>.link {

        background-color: rgba(255,255,255,.12)

    }



    .header .firNav .firItem.on .secNav {

        display: block;

        background-color: rgba(255,255,255,.04);padding-left:30px;

    }



    .header .firNav .firItem.on .ctr {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg)

    }



    .header .firNav .secNav {

        line-height: 2;

        font-size: 18px;

        display: none

    }



    .header .firNav .secNav .col {

        display: block;

        padding: .5em 0

    }



    .header .firNav .secNav .secItem {

        position: relative;

        z-index: 1;

        display: block;

        color: #777

    }



    .header .firNav .secNav .secItem.on .link2 {

        opacity: 1;

        font-weight: 700

    }



    .header .firNav .secNav .secItem .link2:active {

        background-color: rgba(0,0,0,.05)

    }



    .header .firNav .secNav .secItem:nth-child(1n+2) {

        margin-top: .25em

    }



    .header .firNav .secNav+.ctr {

        display: block

    }



    .header .firNav.fadeOutLeft {

        -webkit-transition: all 330ms ease-out 0s;

        transition: all 330ms ease-out 0s;

        -webkit-transform: translateX(-100%)!important;

        transform: translateX(-100%)!important

    }



    .navShow .header .bg {

        display: block

    }



    .navShow .header .contain {

        z-index: 8

    }



    .navShow .firNav {

        -webkit-transition: all 480ms ease-out 0s;

        transition: all 480ms ease-out 0s;

        -webkit-transform: none!important;

        transform: none!important

    }



    .navShow .navbtn s {

        background-color: #fff

    }



    .navShow .navbtn s:before {

        background-color: #fff

    }

}



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

    .header .firNav .firItem {

        font-size:18px;font-weight: bold;border-bottom: 1px solid #2a3d72;

    }



    .header .firNav .secNav {

        font-size: 16px; font-weight: 400;

    }

	.header .firNav .link i{display:block;float:right; padding-right: 5%;}

	

}

/****** contact start ******/

.contact{

    padding: 80px 0px;

    background-color: #ffffff;

}

.contact .section-title {

    text-align: left !important;

}

.contact .contact-form{

    background-color: #f6f7f8;

    padding: 50px 30px;

    border-radius: 5px;

}

.contact .contact-form .form-label{

    font-family: var(--fontTitle);

    font-weight: 500;

    font-size: 20px;

    margin-bottom: 35px;

    color: #353535;

    line-height: 1.5;

}

.contact .contact-form .form-group{

    margin-bottom: 30px;

}

.contact .contact-form label{

    font-family: var(--fontText);

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 15px;

    color: #353535;

}

.contact .contact-form input, 

.contact .contact-form textarea, 

.contact .contact-form select{

    box-shadow: none;

    border-style: none;

    outline-style: none;

    padding: 12px 15px;

    position: relative;

    border-bottom: 2px solid transparent;

    border-width: 1px;

    transition: all 500ms ease;

    color: #616161;

    font-size: 16px;

}

.contact .contact-form input::placeholder, 

.contact .contact-form textarea::placeholder, 

.contact .contact-form select::placeholder, 

.contact .contact-form select{

    font-family: var(--fontText);

    font-size: 16px;

    font-weight: 400;

    color: #9da4a8;

}

.contact .contact-form input:focus, 

.contact .contact-form textarea:focus, 

.contact .contact-form select:focus{

    border-color: #ff6116;

}

.contact .contact-form input:hover, 

.contact .contact-form textarea:hover, 

.contact .contact-form select:hover{

    border-width: 1px;

}

.contact .contact-form button{

    font-weight: 600;

    padding: 15px 20px;

    background-color: #00428d;

    border-style: none;

    outline-style: none;

    box-shadow: none;

    color: #ffffff;

    border-radius: 5%;

    transition: all .5s;

    z-index: 1;

    position: relative;

    overflow: hidden;

    font-size: 16px;

}

.contact .contact-form button::before{

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: -100%;

    background-color: #004a92;

    z-index: -1;

    transition: all 500ms ease;

}

.contact .contact-form button:hover::before{

    left: 0;

}

.contact .contact-info .contact-box{

    float: left;

    background-color: #f6f7f8;

    padding: 35px 30px;

    position: relative;

    margin-bottom: 46px;

    width: 100%;

    border-radius: 5px;

}

.contact .contact-info .contact-box .contact-box-icon{

    float: left;

    display: flex;

    justify-content: center;

}

.contact .contact-info .contact-box .contact-box-icon .iconfont{

    font-size: 40px;

}

.contact .contact-info .contact-box:hover .contact-box-icon .icon{

    color: #ffffff;

}

.contact .contact-info .contact-box .contact-box-content{

    padding-left: 80px;

}

.contact .contact-info .contact-box .contact-box-content .title{

    font-family: var(--fontTitle);

    color: #353535;

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 15px;

}

.contact .contact-info .contact-box .contact-box-content .desc{

    font-family: var(--fontText);

    font-weight: 400;

    font-size: 16px;

    line-height: 1.8;

    color: #616161;

}

.site-map{

    height: 400px;

}

/****** contact end ******/

.footer {

    position: relative;

    z-index: 4; 

    padding-top: 1.6rem;

    background:#F8FAFC;

}



.footer,.footer a {

    color: #fff

}



.footer:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    right: 0;

    bottom: 0;

    width: 17.70833333vw;

    height: 100%;

    background-position: 100% 100%;

    background-size: contain;

    background-repeat: no-repeat

}



.footer-m {

    margin-top: var(--padw2)

}



.footer-m .left {

    width: 9rem

}



.footer-m .right {

    max-width: calc(100% - 7rem)

}



.footer-b { background:#0D3380;

    margin-top: .8rem

}



.footer-b .w {

    padding: .4rem 0;

    line-height: 1.75

}



.footer-b .w,.footer-b .w a {

    color: #fff

}



.footer-b .left {

    margin-right: 1rem;

    width: 50%; font-size:14px;

}



.footer-b .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: end; font-size:14px;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.footer-b .dib+.dib {

    margin-left: 1em

}



.footer .flogo {

    display: block;

    height: 56px;

}



.footer .fmedias {

    margin-left: auto;

    margin-right: 0;

    padding: 15px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.footer .fmedias .item {

    position: relative;

    z-index: 1;

    font-size: var(--fz24);

    height: 2em;

    width: 2em;

    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 .fmedias .item i{font-size:24px; color:#0D3380;}

.footer .fmedias .item:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border: #0D3380 solid 1px;

    border-radius: 50%;

    -webkit-transition: all 80ms ease-out 0s;

    transition: all 80ms ease-out 0s

}



.footer .fmedias .item .icon {

    width: 1em;

    height: 1em;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    border-radius: 50%

}



.footer .fmedias .item .hide {

    position: absolute;

    left: 50%;

    bottom: 100%;

    padding-bottom: 12px;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(-5px) translateX(-50%);

    transform: translateY(-5px) translateX(-50%)

}

.footer .fmedias .item .hide img{ max-width:100%;}

.footer .fmedias .item .hide .qrcode {

    width: 124px;

    height: 124px;

    border-radius: 4px;

    border: #fff solid 2px;

    background-color: #fff

}



.footer .fmedias .item:nth-child(1n+2) {

    margin-left: 1.04166667vw

}



.footer .fmedias .item:hover:before {

    background-color: rgba(255,255,255,.2)

}



.footer .fmedias .item:hover .hide {

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.footer .fcontact .tels {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -3.125vw

}



.footer .fcontact .tels .col {

    margin-right: 1.2rem;

    margin-bottom: .4rem

}



.footer .fcontact .tels .col .p1 {

    font-size:16px; color:#960;

    line-height: 1.5;

    margin-bottom: .1rem

}



.footer .fcontact .tels .col .p2 {

    font-size:16px; color:#203146;

    line-height: 1.25;

    letter-spacing: 1px

}



.footer .fcontact .ps {

    color:#203146;

    line-height: 2

}



.footer .fqrcode {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-top: .8rem;

    margin-right: -.4rem;

    margin-bottom: -.4rem

}



.footer .fqrcode .item {

    margin-right: .4rem;

    margin-bottom: .4rem;

    width: 8em;

    font-size: var(--fz16)

}



.footer .fqrcode .item .pic {

    font-size: inherit;

    width: 5em;

    height: 5em;

    background-color: #fff;

    margin-left: auto;

    margin-right: auto;

    font-size: var(--fz20)

}

.footer .fqrcode .item .pic img{max-width:100%;}

.footer .fqrcode .item .p {

    text-align: center;

    line-height: 1.5; color:#203146;

    padding: 10px 0;

    font-weight: 700

}



.footer .fnav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    line-height: 1.5;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%

}



.footer .fnav .firItem {

    font-size: var(--fz20)

}



.footer .fnav .firItem .link1 {

    white-space: nowrap; color:#0D3380;

}



.footer .fnav .firItem:nth-child(1n+2) {

    margin-left: 3.20833333vw

}



.footer .fnav .secNav {

    margin-top: .3rem;

    font-size: var(--fz18z);

    line-height: 1.5

}



.footer .fnav .secNav .secItem .link2 {

    color:#76818F; font-size:16px;

}



.footer .fnav .secNav .secItem:nth-child(1n+2) {

    margin-top: .5em

}



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

    .footer .fnav .link {

        background-size:0 1px;

        padding: 2px 0;

        line-height: 1.5;

        background-image: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));

        background-image: linear-gradient(90deg,currentColor,currentColor);

        display: inline;

        background-position: 100% 100%;

        background-repeat: no-repeat;

        -webkit-transition: background-size 320ms ease-out 0s,color 320ms ease-out 0s;

        transition: background-size 320ms ease-out 0s,color 320ms ease-out 0s

    }



    .footer .fnav .link:hover {

        background-size: 100% 1px;

        background-position: 0 100%

    }

}



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

    .footer .flogo {

        margin:0 auto .6rem

    }



    .footer .fnav {

        display: none

    }



    .footer .fqrcode {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-right: 0;

        margin-bottom: 0

    }



    .footer .fqrcode .item {

        margin: 5px 10px;

        font-size: 14px

    }



    .footer .fmedias {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        padding: 10px 0

    }



    .footer .fmedias .item {

        font-size: 20px

    }



    .footer .fmedias .hide {

        display: none

    }



    .footer .fcontact {

        

    }



    .footer .fcontact .tels {

        width: 100%

    }



    .footer .fcontact .tels .col {

        width: 100%

    }



    .footer .fcontact .tels .col:nth-child(1n+2) {

        margin-left: 0;

    }



    .footer-b {

        margin-top: .4rem

    }



    .footer-b .left {

		width:100%;

        margin-right: 0

    }



    .footer-b .right {

        text-align: left;

		-webkit-box-pack: start;

    justify-content: flex-start;

    }

	.footer-b .right span.dib{padding-left:10px;}

}



.index {

    position: relative;

    z-index: 2;

    overflow: hidden;

    background-color: #fff

}



.index-banner {

    position: relative;

    overflow: hidden;

    height: 0;

    padding-bottom: 1em;

    font-size: 100vh

}



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

    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

}



.index-banner .item:after {

    display: none

}



.index-banner .item .word {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%

}



.index-banner .pagination-banner {

    position: absolute;

    right: var(--padw2);

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 111111;

}



.index-banner .pagination-banner .btn {

    position: relative;

    z-index: 2;

    display: block;

    width: 6px;

    height: 1.2rem;

    font-size: var(--x20)

}



.index-banner .pagination-banner .btn:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border: #fff solid 1px

}



.index-banner .pagination-banner .btn:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    top: 100%;

    height: 0;

    left: 0;

    width: 100%;

    background-color: #fff

}



.index-banner .pagination-banner .btn em {

    display: none

}



.index-banner .pagination-banner .btn:nth-child(1n+2) {

    margin-top: .4rem

}



.index-banner .pagination-banner .btn.on: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

}



.index-banner._loaded .pagination {

    display: block

}



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

    .index-banner {

        padding-bottom:100%

    }



    .index-banner .pagination-banner .btn {

        width: 4px

    }

}



.index-section {

    position: relative;

    z-index: 2; background:#f8f8f8;

}



.index-head {

    font-size: var(--fz20)

}



.index-head .p1 {

    font-size: 50px; overflow:hidden; padding-top:80px;

    line-height: 1.5; font-weight:bold;

}



.index-head .p1 em {

    text-transform: uppercase; display:block;

    background: linear-gradient(130.6deg,#0D3380 -3.59%,#fff 105.38%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent

}

.index-head .p1 .txt{ font-size:16px; font-weight:400;}

.index-head .p2 {

    margin-top: .2rem;

    line-height: 1.25;

    font-size: var(--fz32);

    color: #a9aaaf

}





.index-head2{

    font-size: var(--fz20)

}



.index-head2 .p1 {

    font-size: 50px; overflow:hidden; 

    line-height: 1.5; font-weight:bold; padding-bottom: 60px;

}



.index-head2 .p1 em {

    text-transform: uppercase; display:block;

    background: linear-gradient(130.6deg,#0D3380 -3.59%,#fff 105.38%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent

}

.index-head2 .p1 .txt{ font-size:16px; font-weight:400;}

.index-head2 .p2 {

    margin-top: .2rem;

    line-height: 1.25;

    font-size: var(--fz32);

    color: #a9aaaf

}



.index-head._cfff .p1 em {

    background: 0 0;

    text-transform: uppercase;

    display: block;

    background: linear-gradient(130.6deg, #2a3869 -3.59%, #3c59ae 105.38%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



.index-head._cfff .p2 {

    color: #fff;

    opacity: .8

}

.index-about ._rb,.index-about .dct {

    position: absolute;

    right: -3.25vw;

    height: 100%;

    bottom: -2.08333333vw;

    width: 22.4375vw;

    background-size: contain;

    background-position: 0 100%;

    background-repeat: no-repeat

}



.index-about .content {

    width: 1120px;

    max-width: 80%; margin-top:50px;

}

.ys_fadeup1 {

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: .1s;

}

.index-about .content .imax {

    font-size:16px;

    text-align: justify

}



.index-about .content .btn-more1 {

    margin-top: 1.5em

}



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

    .index-about .content {

        width:100%;

        max-width: 100%; margin-top:20px;

    }

}



.index-tech {

}



.index-tech .wW {

    background-color: #F8FAFC;

    padding-bottom: 2.4rem;

    font-size: var(--fz40);

}



.index-tech .wW,.index-tech .wW a {

    color: #3c59ae;

}



.index-tech .diflr {

    position: relative;

    z-index: 2

}



.index-tech .diflr .left {

    width: 6.8rem

}



.index-tech .diflr .right {

   width: calc(100% - 6vw)

}



.index-tech-t ._tr {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: 16px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}





.index-tech-t ._tr .navs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: .33333333em 0;

    min-height: 2em;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    line-height: 1.5;

    margin-left: -.5rem

}



.index-tech-t ._tr .navs .link2 {

    margin-left: .5rem

}



.index-tech-t ._tr .navs .link2:nth-child(1n+2) {

    margin-left: .6rem

}



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

    .index-tech-t ._tr .navs {

        margin-top:.4rem;

        max-width: 100%;

        min-height: 0

    }

}



.index-tech-b {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



.index-tech-swiper .Tt {

    position: relative;

    z-index: 2;

    font-size: var(--fz28);

    padding-bottom: 1.2rem

}



.index-tech-swiper .Tt .box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    line-height: 1.25;

    min-height: 2.5em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden;

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    -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: none;

    animation-fill-mode: none

}



.index-tech-swiper .Tt .box.on {

    position: relative;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible;

    z-index: 9;

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown

}



.index-tech-swiper ._swiper {

    position: relative;

    margin-right: calc(-1 * (var(--padw) - var(--padw2)))

}



.index-tech-swiper .swiper-container {

    z-index: 1

}



.index-tech-swiper .swiper-wrapper {

    z-index: 2

}



.index-tech-swiper .item {

    position: relative;

    overflow: hidden;

    width: 45.2%;

}



.index-tech-swiper .item .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 66.43356643%;

    background-color: #fff;

}

.index-tech-swiper .item .pic p{}



.index-tech-swiper .fns {

    position: absolute;

    left: 50%;

    top: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.index-tech-swiper .fns .ctr-arr {

    position: relative;

    top: auto;

    margin-top: 0;

    margin-right: 10px

}



.index-tech-swiper .pagination-dot {

    display: none

}



.index-tech-swiper._loaded .ctr-arr {

    display: block

}



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

    .index-tech-swiper ._swiper {

        margin-right:0

    }



    .index-tech-swiper .Tt {

        padding-bottom: .8rem

    }



    .index-tech-swiper .Tt .box {

        min-height: 0

    }



    .index-tech-swiper .Tt .box br {

        display: none

    }



    .index-tech-swiper .fns {

        position: relative;

        top: auto

    }

}



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

    .index-tech-swiper ._swiper {

        position:relative;

        margin-right: -20px

    }



    .index-tech-swiper .item {

        width: 80%;

        margin-right: 4%

    }

}

.index-news{ padding-bottom:70px; background:#fff;}

.index-news-swiper {

    position: relative; margin-top:50px;

}



.index-news-swiper .swiper-container {

    overflow: visible;

    z-index: 1

}



.index-news-swiper .swiper-wrapper {

    z-index: 2

}



.index-news-swiper .item {

    position: relative;

    overflow: hidden;

    width: 38.75%;

    margin-right: 3%

}



.index-news-swiper .item .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 60.12903226%;

    background-color: #eee;

    border-radius: var(--x20)

}

.index-news-swiper .item .pic img{ width:100%; min-height:100%;}

.index-news-swiper .item .txt {

    padding: 1.5em 0 0;

    color: #333;

    font-size: var(--fz20)

}



.index-news-swiper .item .txt .date {

    font-family: en_fonts,Verdana,Geneva;

    color: #708ab8;

    font-size:14px;

}



.index-news-swiper .item .txt .title {

    font-size:20px;

    line-height: 1.5em;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    max-height: 3em;

    margin-top: .5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; 

}



.index-news-swiper .item .txt .btn-more1 {

    margin-top: .6rem

}



.index-news-swiper .pagination-dot {

    display: none;

    margin-top: .8rem

}



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

    .index-news-swiper .item .title {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .index-news-swiper .item:hover .title {

        color: #192548

    }



    .index-news-swiper .item:hover .btn-more1 .this {

        color: #fff;

        background-color: #394d94

    }



    .index-news-swiper .item:hover .btn-more1 .arr {

        width: 100%!important

    }



    .index-news-swiper .item:hover .btn-more1 .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}



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

    .index-news-swiper .item {

        width:80%

    }



    .index-news-swiper .item:active .title {

        color: #192548

    }



    .index-news-swiper .item:active .btn-more1 .this {

        color: #fff;

        background-color: #394d94

    }



    .index-news-swiper .item:active .btn-more1 .arr {

        width: 100%!important

    }



    .index-news-swiper .item:active .btn-more1 .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}







.subpage .index-head {

    margin-bottom: 1.2rem

}



.subpage-top1 {

    position: relative;

    z-index: 2;

    overflow: hidden;

    border-radius: 0 0 .6rem .6rem

}



.subpage-banner {

    position: relative;

    overflow: hidden;

    z-index: 2;

    height: 13rem;

    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;

    background-color: #f1f1f1

}



.subpage-banner,.subpage-banner a {

    color: #fff

}



.subpage-banner .contain {

    padding: 0 var(--padw2);

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    text-transform: uppercase

}



.subpage-banner .p1 {

    font-size: var(--fz48);

    line-height: 1.25

}



.subpage-banner .p2 {

    font-family: en_fonts,Verdana,Geneva;

    font-size: 5.20833333vw;

    margin-bottom: -.25em

}



.subpage-banner._active .bg {

    -webkit-animation-name: breath_scale;

    animation-name: breath_scale;

    -webkit-animation-duration: 8s;

    animation-duration: 8s;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;

    animation-direction: alternate;

    -webkit-animation-play-state: running;

    animation-play-state: running;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



@-webkit-keyframes breath_scale {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    100% {

        -webkit-transform: scale(1.025);

        transform: scale(1.025)

    }

}



@keyframes breath_scale {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    100% {

        -webkit-transform: scale(1.025);

        transform: scale(1.025)

    }

}



.subpage-nav {

    position: absolute;

    z-index: 5;

    left: 0;

    bottom: 0;

    width: 100%;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 var(--padw2)

}



.subpage-nav:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(39,51,98,.8);

    -webkit-backdrop-filter: blur(7.5px);

    backdrop-filter: blur(7.5px)

}



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

    padding-top: 1.5em;

    padding-bottom: 1.5em;

    line-height: 1.6em;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    text-align: center;

    color: #fff;

    opacity: 1

}



.subpage-nav .link2._iconvc {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.subpage-nav .link2:before {

    display: block;

    -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

    filter: grayscale(100%) contrast(50%) brightness(5)

}



.subpage-nav .link2 span {

    font-size: var(--fz18)

}



.subpage-nav .link2:nth-child(1n+2) {

    margin-left: 2em

}



.subpage-nav .link2.on {

    padding-left: 1.8em

}



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

    .subpage-nav {

        position:relative

    }



    .subpage-nav:before {

        background-color: #192548

    }



    .subpage-nav .link2 {

        padding-top: 1em;

        padding-bottom: 1em

    }



    .subpage-nav .link2:nth-child(1n+2) {

        margin-left: 1.5em

    }



    .subpage-nav .ctr.ctr-navLR {

        display: none!important

    }

}



.subpage-crumbs {

    position: relative;

    line-height: 20px;

    height: 20px;

    padding: 5px 0;

    max-width: 260px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px;

    opacity: .75

}



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

    .subpage-crumbs {

        display:none

    }

}



.subpage-wrap {

    position: relative;

    z-index: 2;

    min-height: 15.625vw

}



.subpage-wrap .dct._rb {

    position: absolute;

    z-index: -1;

    pointer-events: none;

    right: -3.125vw;

    bottom: -2.08333333vw;

    width: 23.4375vw;

    height: 21.875vw;

    opacity: .3!important;

    background-size: contain;

    background-position: 0 100%;

    background-repeat: no-repeat

}



.subpage-section {

    position: relative;

    overflow: hidden;

    z-index: 2;

    padding: 1.6rem 0 2rem

}



.subpage-section .w {

    position: relative;

    z-index: 2

}



.subpage-head {

    position: relative;

    z-index: -1;

    margin-bottom: 1.5rem;

    width: 100%

}



.subpage-head .p1 {

    font-size: var(--fz36);

    color: #283463;

    line-height: 1.25

}



.subpage-head .p2 {

    font-size: var(--fz36);

    color: #d8dade;

    text-transform: uppercase;

    line-height: 1.25;

    font-weight: 700

}



.subpage-head .word {

    z-index: -1;

    pointer-events: none;

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -75vw;

    width: 150vw;

    right: 0;

    white-space: nowrap;

    text-transform: uppercase;

    color: #fff;

    text-shadow: 0 .20833333vw 2.60416667vw rgba(208,208,208,.25);

    text-align: center;

    font-size: 6.66666667vw;

    line-height: 1;

    font-family: en_fonts,Verdana,Geneva

}



.sAbout-intro {

    padding-top: 0

}



.sAbout-intro-text {

    position: relative;

    z-index: 2;

    padding: 1.6rem 0

}



.sAbout-intro-text .dct._rb {

    position: absolute;

    z-index: -1;

    pointer-events: none;

    right: -3.125vw;

    bottom: -4.16666667vw;

    width: 23.4375vw;

    height: 21.875vw;

    opacity: .3!important;

    background-size: contain;

    background-position: 0 100%;

    background-repeat: no-repeat

}



.sAbout-intro-text .imax {

    font-size: var(--fz20);

    line-height: 1.5

}



.sAbout-intro-text .p_en {

    margin: 1em 0;

    font-size: var(--fz20);

    line-height: 1.5;

    font-family: en_fonts,Verdana,Geneva;

    text-align: center

}



.sAbout-intro-text .p_en:after,.sAbout-intro-text .p_en:before {

    content: " ";

    display: block;

    margin: 0 auto;

    width: 1px;

    height: 2em;

    font-size: var(--fz20);

    background-color: #666

}



.sAbout-intro-text .p_en span {

    height: 2em;

    line-height: 2em;

    display: inline-block;

    text-transform: uppercase;

    background: linear-gradient(130.6deg,#2a3869 -3.59%,#3c59ae 105.38%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent

}



.sAbout-intro-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

}



.sAbout-intro-list .item {

    position: relative;

    z-index: 2;

    overflow: hidden;

    border-radius: .8rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sAbout-intro-list .item:nth-of-type(1n+1) {

    width: 49.33333333%;

    margin-left: 1.33333333%;

    margin-top: 0

}



.sAbout-intro-list .item:nth-of-type(2n+1) {

    margin-left: 0

}



.sAbout-intro-list .item:nth-of-type(1n+3) {

    margin-top: 1.33333333%

}



.sAbout-intro-list .item .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 67.56756757%;

    background-color: #f1f1f1

}



.sAbout-intro-list .item .btn-play {

    position: absolute;

    right: .6rem;

    bottom: .6rem

}



.sAbout-intro-list .item:hover .btn-play {

    background-color: #192548

}



.sAbout-intro-list .item:hover .btn-play:after {

    -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

    filter: grayscale(100%) contrast(50%) brightness(5);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

}



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

    .sAbout-intro-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sAbout-intro-list .item:nth-of-type(1n+1) {

        width: 100%;

        margin-left: 0;

        margin-top: 0

    }



    .sAbout-intro-list .item:nth-of-type(1n+1) {

        margin-left: 0

    }



    .sAbout-intro-list .item:nth-of-type(1n+2) {

        margin-top: 4%

    }

}



.sAbout-culture {

    z-index: 1;

    margin-top: -1.6rem;

    padding-top: 5.6rem;

    overflow: visible

}



.sAbout-culture .dct._t {

    position: absolute;

    z-index: -1;

    pointer-events: none;

    left: 12.5vw;

    top: -16.66666667vw;

    width: 43.22916667vw;

    height: 33.85416667vw;

    background-size: auto 100%;

    background-position: 0 100%;

    background-repeat: no-repeat

}



.sAbout-culture .dct._rb {

    position: absolute;

    z-index: -1;

    pointer-events: none;

    right: 0;

    bottom: -5.20833333vw;

    width: 20.3125vw;

    height: 21.875vw;

    opacity: .3!important;

    background-size: auto 100%;

    background-position: 0 100%;

    background-repeat: no-repeat

}



.sAbout-culture-words {

    z-index: -1;

    pointer-events: none;

    overflow: hidden;

    position: absolute;

    top: 0;

    margin-top: 10.41666667vw;

    left: 0;

    right: 0;

    height: 1.25em;

    font-size: 6.66666667vw;

    line-height: 1.25em;

    font-family: en_fonts,Verdana,Geneva

}



.sAbout-culture-words .word {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -75vw;

    width: 150vw;

    right: 0;

    white-space: nowrap;

    text-transform: uppercase;

    color: #fff;

    text-shadow: 0 .20833333vw 2.60416667vw rgba(208,208,208,.25);

    text-align: center

}



.sAbout-culture-in {

    position: relative;

    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: var(--x20)

}



.sAbout-culture-in .fns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    margin-right: 4.16666667vw

}



.sAbout-culture-in .fns .ctr-arr {

    position: relative;

    top: auto;

    margin-top: 0;

    margin-right: 10px;

    background-color: #f8f9fb

}



.sAbout-culture-in .fns._on .ctr-arr {

    display: block

}



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

    .sAbout-culture-in {

        font-size:1.04166667vw

    }

}



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

    .sAbout-culture-in {

        -webkit-box-pack:center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .sAbout-culture-in .fns {

        position: absolute;

        bottom: 50%;

        margin-bottom: -20px;

        left: 0;

        width: 100%;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        margin-right: 0

    }



    .sAbout-culture-in .fns .ctr-arr {

        margin: 0

    }

}



.sAbout-culture-swiper1 {

    position: relative;

    z-index: 2;

    width: 22em;

    height: 22em

}



.sAbout-culture-swiper1>.bg {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: -1em;

    top: -6em;

    right: 1em;

    bottom: 3em;

    background: linear-gradient(157.19deg,#475d9d 14.8%,rgba(71,93,157,0) 82.64%),#5fa2c7;

    border-radius: .6rem;

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg)

}



.sAbout-culture-swiper1>.bg:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/bgs-wh-item.png);

    background-position: 0 0;

    background-size: contain;

    background-repeat: no-repeat

}



.sAbout-culture-swiper1>.bg .this {

    z-index: 1;

    pointer-events: none;

    position: absolute;

    right: 1.94444444em;

    top: 1.27777778em;

    font-size: 1.8em;

    color: #f4f7fc;

    white-space: nowrap;

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

    opacity: .1;

    text-shadow: 1px 0 rgba(244,247,252,.1),-1px 0 rgba(244,247,252,.1),0 1px rgba(244,247,252,.1),0 -1px rgba(244,247,252,.1),1px 1px rgba(244,247,252,.1),-1px -1px rgba(244,247,252,.1),1px -1px rgba(244,247,252,.1),-1px 1px rgba(244,247,252,.1)

}



.sAbout-culture-swiper1 .swiper-container {

    z-index: 1;

    background-color: #fff;

    border-radius: .6rem;

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05)

}



.sAbout-culture-swiper1 .swiper-container:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    opacity: .5;

    background: -webkit-gradient(linear,left top,left bottom,from(#99beff),to(#fff));

    background: linear-gradient(180deg,#99beff 0,#fff 100%)

}



.sAbout-culture-swiper1 .swiper-wrapper {

    z-index: 2;

    height: 22em

}



.sAbout-culture-swiper1 .item {

    position: relative;

    overflow: hidden;

    border-radius: .6rem;

    height: 22em;

    padding: 2.5em 2em 2.5em;

    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;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.sAbout-culture-swiper1 .item .icon {

    width: 2em;

    height: 2.2em;

    font-size: var(--fz40)

}



.sAbout-culture-swiper1 .item .txt .p1 {

    color: #283463;

    font-size: var(--fz28);

    line-height: 1.66666667;

    width: 100%

}



.sAbout-culture-swiper1 .item .txt .p2 {

    color: #666;

    font-size: var(--fz24);

    line-height: 1.66666667;

    width: 100%;

    margin-top: 5px

}



.sAbout-culture-swiper1 .Tt .box {

    position: absolute;

    display: -webkit-box!important;

    display: -ms-flexbox!important;

    display: flex!important;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden;

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    -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: none;

    animation-fill-mode: none

}



.sAbout-culture-swiper1 .Tt .box.on {

    position: relative;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible;

    z-index: 9;

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown

}



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

    .sAbout-culture-swiper1 {

        font-size:12px;

        width: calc(100% - 140px)

    }



    .sAbout-culture-swiper1:before {

        display: none

    }



    .sAbout-culture-swiper1 .bg {

        -webkit-transform: rotate(-3deg);

        transform: rotate(-3deg)

    }



    .sAbout-culture-swiper1 .bg .this {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

        top: 2em

    }



    .sAbout-culture-swiper1 .item {

        position: relative;

        font-size: 12px

    }



    .sAbout-culture-swiper1 .item .txt {

        max-height: 150px;

        overflow-y: auto

    }



    .sAbout-culture-swiper1 .item .txt .p1 {

        line-height: 1.5

    }



    .sAbout-culture-swiper1 .item .txt .p2 {

        line-height: 1.5

    }

}



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

    .sAbout-culture-swiper1 {

        width:calc(100% - 120px);

        font-size: 12px

    }



    .sAbout-culture-swiper1 .item {

        font-size: 12px

    }



    .sAbout-culture-swiper1 .item .txt .p1 {

        line-height: 1.5

    }



    .sAbout-culture-swiper1 .item .txt .p2 {

        line-height: 1.5

    }

}



.sAbout-culture-swiper2 {

    margin-top: -7.5em;

    position: relative;

    width: 32.5em;

    margin-left: 3.125vw

}



.sAbout-culture-swiper2 .swiper-container {

    z-index: 1;

    padding: 2.8125vw;

    margin: -2.8125vw

}



.sAbout-culture-swiper2 .swiper-wrapper {

    z-index: 2

}



.sAbout-culture-swiper2 .item {

    position: relative;

    overflow: hidden;

    width: 10em;

    height: 10em;

    padding: 1.5em 1.5em 1.5em;

    margin-right: 1.25em;

    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;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(153,190,255,.3)),color-stop(75%,rgba(255,255,255,0)));

    background: linear-gradient(180deg,rgba(153,190,255,.3) 0,rgba(255,255,255,0) 75%);

    border-radius: var(--x20)

}



.sAbout-culture-swiper2 .item .icon {

    width: 1.8em;

    height: 1.98em;

    font-size: var(--fz40)

}



.sAbout-culture-swiper2 .item .txt .p1 {

    color: #283463;

    font-size: var(--fz24);

    line-height: 1.66666667;

    width: 100%

}



.sAbout-culture-swiper2 .item .txt .p2 {

    display: none

}



.sAbout-culture-swiper2 .pagination-dot {

    display: none

}



.sAbout-culture-swiper2._loaded .pagination-dot {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.sAbout-culture-swiper2._loaded .ctr-arr {

    display: block

}



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

    .sAbout-culture-swiper2 {

        width:21.25em

    }

}



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

    .sAbout-culture-swiper2 {

        position:absolute;

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 0;

        visibility: hidden

    }

}



.sAbout-honor {

    margin-top: -1.6rem

}



.sAbout-honor-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

}



.sAbout-honor-list .item {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

    z-index: 2;

    padding: .6rem

}



.sAbout-honor-list .item:nth-of-type(1n+1) {

    width: 23.125%;

    margin-left: 2.5%;

    margin-top: 0

}



.sAbout-honor-list .item:nth-of-type(4n+1) {

    margin-left: 0

}



.sAbout-honor-list .item:nth-of-type(1n+5) {

    margin-top: 2.5%

}



.sAbout-honor-list .item:after,.sAbout-honor-list .item:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute

}



.sAbout-honor-list .item:before {

    inset: 0;

    z-index: -1;

    border-radius: var(--x20);

    background-image: url(../images/bgs-ry-item.png);

    background-position: 100% 0;

    background-size: cover;

    background-repeat: no-repeat

}



.sAbout-honor-list .item:after {

    right: 0;

    top: 0;

    z-index: -2;

    font-size: var(--fz20);

    width: 27.56756757%;

    min-width: 5.1em;

    height: 100%;

    background-image: url(../images/dcts-gy-item.png);

    background-position: 100% 0;

    background-size: contain;

    background-repeat: no-repeat

}



.sAbout-honor-list .item ._pr {

    padding-top: .2rem;

    padding-right: 20%

}



.sAbout-honor-list .item .title {

    font-size: var(--fz24);

    color: #663915;

    line-height: 1.25;

    text-shadow: 1px 0 0 currentColor

}



.sAbout-honor-list .item .ps {

    margin-top: 10px;

    font-size: 14px;

    color: #bda28c;

    line-height: 20px

}



.sAbout-honor-list .item .prize,.sAbout-honor-list .item .prize_pad {

    font-size: .9rem

}



.sAbout-honor-list .item .prize_pad {

    height: 1em;

    z-index: -1;

    pointer-events: none;

    margin-top: 1.2rem

}



.sAbout-honor-list .item .prize {

    position: absolute;

    left: .6rem;

    bottom: .6rem;

    white-space: nowrap;

    text-transform: uppercase;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    font-weight: 700;

    background: -webkit-gradient(linear,left bottom,left top,color-stop(35.56%,#fbe9d4),to(#ebcaa6));

    background: linear-gradient(0deg,#fbe9d4 35.56%,#ebcaa6 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent

}



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

    .sAbout-honor-list .item:after {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sAbout-honor-list .item:hover:after {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px)

    }

}



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

    .sAbout-honor-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sAbout-honor-list .item:nth-of-type(1n+1) {

        width: 32%;

        margin-left: 2%;

        margin-top: 0

    }



    .sAbout-honor-list .item:nth-of-type(3n+1) {

        margin-left: 0

    }



    .sAbout-honor-list .item:nth-of-type(1n+4) {

        margin-top: 2%

    }



    .sAbout-honor-list .item .prize,.sAbout-honor-list .item .prize_pad {

        font-size: 24px

    }

}



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

    .sAbout-honor-list .item {

        padding:1rem .8rem;

        -webkit-box-sizing: border-box;

        box-sizing: border-box

    }



    .sAbout-honor-list .item:before {

        background-size: 105% 105%;

        background-position: 0 0

    }



    .sAbout-honor-list .item:nth-of-type(1n+1) {

        width: 48.5%;

        margin-left: 3%;

        margin-top: 0

    }



    .sAbout-honor-list .item:nth-of-type(2n+1) {

        margin-left: 0

    }



    .sAbout-honor-list .item:nth-of-type(1n+3) {

        margin-top: 3%

    }



    .sAbout-honor-list .item:active:after {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px)

    }

}



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

    .sAbout-honor-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sAbout-honor-list .item:nth-of-type(1n+1) {

        width: 100%;

        margin-left: 0;

        margin-top: 0

    }



    .sAbout-honor-list .item:nth-of-type(1n+1) {

        margin-left: 0

    }



    .sAbout-honor-list .item:nth-of-type(1n+2) {

        margin-top: 4%

    }



    .sAbout-honor-list .item:after {

        top: -5%

    }

}



.sAbout-heneng {

    margin-top: -1.6rem

}



.sAbout-heneng-scene {

    position: relative;

    z-index: 2

}



.sAbout-heneng-scene .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 37.22222222%;

    background-color: #f1f1f1;

    border-radius: .8rem

}



.sAbout-heneng-scene .txt {

    z-index: 5;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    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

}



.sAbout-heneng-scene .txt .dct {

    width: 50%;

    -webkit-animation-delay: .15s;

    animation-delay: .15s

}



.sAbout-history {

    margin-top: -1.6rem

}



.sAbout-history .index-head {

    margin-bottom: .8rem

}



.sAbout-history .dct._rb {

    position: absolute;

    z-index: -1;

    pointer-events: none;

    right: 0;

    bottom: -12.5vw;

    width: 20.83333333vw;

    height: 48.95833333vw;

    background-size: auto 100%;

    background-position: 0 100%;

    background-repeat: no-repeat

}



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

    .sAbout-history .index-head {

        margin-bottom:1.2rem

    }

}



.sAbout-history-swiper {

    position: relative;

    z-index: 1

}



.sAbout-history-swiper:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    right: 0;

    top: 200px;

    height: 1px;

    background-color: #bebebe

}



.sAbout-history-swiper .swiper-container {

    z-index: 1

}



.sAbout-history-swiper .swiper-wrapper {

    z-index: 2

}



.sAbout-history-swiper .item {

    position: relative;

    overflow: hidden;

    margin-right: auto;

    padding-left: 25px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: auto;

    height: 20em;

    font-size: 20px;

    margin-right: 1px

}



.sAbout-history-swiper .item ._line {

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    width: 10px

}



.sAbout-history-swiper .item ._line:after,.sAbout-history-swiper .item ._line:before {

    content: " ";

    position: absolute

}



.sAbout-history-swiper .item ._line:before {

    z-index: -1;

    left: 0;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: linear-gradient(130.6deg,#2a3869 -3.59%,#3c59ae 105.38%)

}



.sAbout-history-swiper .item ._line:after {

    z-index: -2;

    left: 50%;

    margin-left: -1px;

    width: 1px;

    height: 80px;

    background-image: url(../images/line-gy-ls-item.png);

    background-position: 50% 50%;

    background-size: 100%;

    background-repeat: no-repeat

}



.sAbout-history-swiper .item .year {

    width: 100%;

    font-size: 16px;

    color: #475e9e;

    font-family: en_fonts,Verdana,Geneva

}



.sAbout-history-swiper .item .imax {

    width: 100%;

    margin-top: 10px;

    font-size: 16px;

    line-height: 1.5;

    color: #333

}



.sAbout-history-swiper .item .imax._dot p {

    position: relative;

    z-index: 2;

    padding-left: 1.5em

}



.sAbout-history-swiper .item .imax._dot p:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: .75em;

    top: .75em;

    margin-left: -2px;

    margin-top: -2px;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background-color: currentColor

}



.sAbout-history-swiper .item .imax {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sAbout-history-swiper .swiper-scrollbar {

    display: none

}



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

    .sAbout-history-swiper .item .imax {

        max-height:120px;

        overflow-y: auto;

        margin-right: 0

    }



    .sAbout-history-swiper .item:nth-of-type(2n+1) {

        padding-bottom: 11.5em;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end

    }



    .sAbout-history-swiper .item:nth-of-type(2n+1) ._line {

        bottom: 50%

    }



    .sAbout-history-swiper .item:nth-of-type(2n+1) ._line:after,.sAbout-history-swiper .item:nth-of-type(2n+1) ._line:before {

        bottom: 0

    }



    .sAbout-history-swiper .item:nth-of-type(2n+1) ._line:before {

        margin-bottom: -5px

    }



    .sAbout-history-swiper .item:nth-of-type(2n+1) ._line:after {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg)

    }



    .sAbout-history-swiper .item:nth-of-type(2n+2) {

        padding-top: 11.5em

    }



    .sAbout-history-swiper .item:nth-of-type(2n+2) ._line {

        top: 50%

    }



    .sAbout-history-swiper .item:nth-of-type(2n+2) ._line:after,.sAbout-history-swiper .item:nth-of-type(2n+2) ._line:before {

        top: 0

    }



    .sAbout-history-swiper .item:nth-of-type(2n+2) ._line:before {

        margin-top: -5px

    }

}



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

    .sAbout-history-swiper:before {

        top:5px

    }



    .sAbout-history-swiper .item {

        max-width: 60vw;

        min-width: 25vw;

        width: auto!important;

        height: auto;

        padding-top: 20px;

        padding-left: 20px;

        display: block

    }



    .sAbout-history-swiper .item ._line {

        top: 5px;

        height: 90%

    }



    .sAbout-history-swiper .item ._line:after,.sAbout-history-swiper .item ._line:before {

        top: 0

    }



    .sAbout-history-swiper .item ._line:before {

        margin-top: -5px

    }



    .sAbout-history-swiper .item .imax {

        font-size: 14px;

        margin-top: 5px;

        width: auto

    }



    .sAbout-history-swiper .item .imax._dot p {

        padding-left: 1em

    }



    .sAbout-history-swiper .item .imax._dot p:before {

        left: 5px

    }

}



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

}



.sBoard-list .item {

    position: relative;

    z-index: 2;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background: -webkit-gradient(linear,left top,left bottom,from(#4962a0),to(#61a8cc)),#fff;

    background: linear-gradient(180deg,#4962a0 0,#61a8cc 100%),#fff;

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    border-radius: var(--x20);

    color: #fff;

    overflow: hidden;

    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

}



.sBoard-list .item:nth-of-type(1n+1) {

    width: 23%;

    margin-left: 2.66666667%;

    margin-top: 0

}



.sBoard-list .item:nth-of-type(4n+1) {

    margin-left: 0

}



.sBoard-list .item:nth-of-type(1n+5) {

    margin-top: 2.66666667%

}



.sBoard-list .item:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/bgs-td-item.png);

    background-position: 0 50%;

    background-size: cover;

    background-repeat: no-repeat

}



.sBoard-list .item:after {

    content: " ";

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    width: 72%;

    padding-bottom: 80.4%

}



.sBoard-list .item .pic {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 3;

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    width: 72%;

    height: 0!important;

    padding-bottom: 80.4%;

    border-radius: var(--x20) 0 var(--x20) var(--x20)

}



.sBoard-list .item .title {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

    position: relative;

    z-index: 4;

    width: 28%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.sBoard-list .item .title .this {

    width: 1em;

    line-height: 1;

    font-size: var(--fz28);

    padding-top: 1em

}



.sBoard-list .item .title .this:after {

    content: " ";

    display: block;

    width: 1px;

    height: 1rem;

    background-color: #d9d9d9;

    margin-left: auto;

    margin-right: auto;

    margin-top: .9rem

}



.sBoard-list .item .abstract {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: .6rem .6rem .6rem;

    font-size: var(--fz20);

    line-height: 1.5

}



.sBoard-list .item .abstract ._in {

    width: 100%;

    min-height: 4.5em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



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

    .sBoard-list .item .pic {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sBoard-list .item .title .this {

        -webkit-transition: all 80ms ease-out 0s;

        transition: all 80ms ease-out 0s

    }



    .sBoard-list .item:hover .title .this {

        line-height: 1.1;

        font-weight: 700

    }



    .sBoard-list .item:hover .pic {

        width: 100%;

        height: 100%!important;

        padding: 0

    }

}



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

    .sBoard-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sBoard-list .item:nth-of-type(1n+1) {

        width: 31.5%;

        margin-left: 2.75%;

        margin-top: 0

    }



    .sBoard-list .item:nth-of-type(3n+1) {

        margin-left: 0

    }



    .sBoard-list .item:nth-of-type(1n+4) {

        margin-top: 2.75%

    }



    .sBoard-list .item .abstract {

        padding-left: .8rem;

        padding-right: .8rem

    }

}



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

    .sBoard-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sBoard-list .item:nth-of-type(1n+1) {

        width: 48%;

        margin-left: 4%;

        margin-top: 0

    }



    .sBoard-list .item:nth-of-type(2n+1) {

        margin-left: 0

    }



    .sBoard-list .item:nth-of-type(1n+3) {

        margin-top: 4%

    }

}



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

}



.sManagement-list .item {

    position: relative;

    z-index: 2;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(153,190,255,.3)),color-stop(132.11%,rgba(255,255,255,0))),#fff;

    background: linear-gradient(180deg,rgba(153,190,255,.3) 0,rgba(255,255,255,0) 132.11%),#fff;

    border-radius: var(--x20);

    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: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



.sManagement-list .item:nth-of-type(1n+1) {

    width: 32.1875%;

    margin-left: 1.71875%;

    margin-top: 0

}



.sManagement-list .item:nth-of-type(3n+1) {

    margin-left: 0

}



.sManagement-list .item:nth-of-type(1n+4) {

    margin-top: 1.71875%

}



.sManagement-list .item .picBox {

    width: 4.8rem

}



.sManagement-list .item .txtBox {

    width: calc(100% - 4.8rem);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: .9rem .7rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.sManagement-list .item .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 150%;

    background-color: #f1f1f1;

    border-radius: var(--x20)

}



.sManagement-list .item .title {

    font-size: var(--fz24);

    color: #283463;

    line-height: 1.5;

    width: 100%

}



.sManagement-list .item .abstract {

    margin-top: 5px;

    color: #61a6cb;

    width: 100%;

    font-size: var(--fz16);

    line-height: 1.5;

    max-height: 6em;

    overflow-y: auto;

    margin-bottom: .6rem

}



.sManagement-list .item .btn-more1 {

    margin-top: auto;

    margin-bottom: 0

}



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

    .sManagement-list .item:hover .btn-more1 .this {

        color:#fff;

        background-color: #394d94

    }



    .sManagement-list .item:hover .btn-more1 .arr {

        width: 100%!important

    }



    .sManagement-list .item:hover .btn-more1 .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}



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

    .sManagement-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sManagement-list .item:nth-of-type(1n+1) {

        width: 48.5%;

        margin-left: 3%;

        margin-top: 0

    }



    .sManagement-list .item:nth-of-type(2n+1) {

        margin-left: 0

    }



    .sManagement-list .item:nth-of-type(1n+3) {

        margin-top: 3%

    }

}



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

    .sManagement-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: stretch;

        -ms-flex-pack: stretch;

        justify-content: stretch

    }



    .sManagement-list .item:nth-of-type(1n+1) {

        width: 31.5%;

        margin-left: 2.75%;

        margin-top: 0

    }



    .sManagement-list .item:nth-of-type(3n+1) {

        margin-left: 0

    }



    .sManagement-list .item:nth-of-type(1n+4) {

        margin-top: 2.75%

    }



    .sManagement-list .item .picBox {

        width: 100%

    }



    .sManagement-list .item .txtBox {

        width: 100%;

        height: 100%

    }



    .sManagement-list .item .abstract {

        max-height: unset

    }



    .sManagement-list .item:active .btn-more1 .this {

        color: #fff;

        background-color: #394d94

    }



    .sManagement-list .item:active .btn-more1 .arr {

        width: 100%!important

    }



    .sManagement-list .item:active .btn-more1 .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}



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

    .sManagement-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sManagement-list .item:nth-of-type(1n+1) {

        width: 48.5%;

        margin-left: 3%;

        margin-top: 0

    }



    .sManagement-list .item:nth-of-type(2n+1) {

        margin-left: 0

    }



    .sManagement-list .item:nth-of-type(1n+3) {

        margin-top: 3%

    }

}



.sManagement-view-lr {

    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

}



.sManagement-view-lr:after {

    display: none

}



.sManagement-view-lr>.left,.sManagement-view-lr>.right {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    z-index: 2

}



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

    .sManagement-view-lr {

        display:block

    }



    .sManagement-view-lr>.left,.sManagement-view-lr>.right {

        width: 100%!important

    }

}



.sManagement-view-lr>.left,.sManagement-view-lr>.right {

    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

}



.sManagement-view-lr>.left .cbox,.sManagement-view-lr>.right .cbox {

    width: 100%

}



.sManagement-view-lr>.left {

    width: 13.2rem

}



.sManagement-view-lr>.right {

    width: calc(100% - 15rem)

}



.sManagement-view-lr .card {

    background: -webkit-gradient(linear,left top,left bottom,from(#4962a0),to(#61a8cc)),#fff;

    background: linear-gradient(180deg,#4962a0 0,#61a8cc 100%),#fff;

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    border-radius: var(--x20);

    color: #fff;

    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: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



.sManagement-view-lr .card .picBox {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    width: 50%

}



.sManagement-view-lr .card .pic {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    width: 100%;

    height: 0!important;

    padding-bottom: 139.39393939%;

    border-radius: var(--x20)

}



.sManagement-view-lr .card .txtBox {

    position: relative;

    z-index: 2;

    width: 50%;

    padding: 1.5em;

    font-size: var(--fz20);

    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: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sManagement-view-lr .card .txtBox:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/bgs-td-item.png);

    background-position: 0 50%;

    background-size: cover;

    background-repeat: no-repeat

}



.sManagement-view-lr .card .txtBox .title {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.sManagement-view-lr .card .txtBox .title .this {

    width: 1em;

    line-height: 1;

    font-size: var(--fz28)

}



.sManagement-view-lr .card .txtBox .title .this:after {

    content: " ";

    display: block;

    width: 1px;

    height: 1rem;

    background-color: #d9d9d9;

    margin-left: auto;

    margin-right: auto;

    margin-top: .9rem

}



.sManagement-view-lr .card .txtBox .abstract {

    margin-top: auto;

    margin-bottom: 0;

    font-size: var(--fz20);

    line-height: 1.5

}



.sManagement-view-lr .main {

    padding-top: 5.20833333vw

}



.sManagement-view-lr .main .imax {

    width: 600px;

    max-width: 100%;

    margin-left: 0;

    margin-right: auto;

    font-size: var(--fz18)

}



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

    .sManagement-view-lr>.left {

        width:100%;

        max-width: 480px

    }



    .sManagement-view-lr>.right {

        width: 100%;

        margin-top: 1.2rem

    }



    .sManagement-view-lr .main {

        padding-top: 0

    }



    .sManagement-view-lr .main .imax {

        width: 100%

    }

}



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

}



.sNews-list .item {

    position: relative;

    overflow: hidden;

    z-index: 2;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sNews-list .item:nth-of-type(1n+1) {

    width: 31.625%;

    margin-left: 2.5625%;

    margin-top: 0

}



.sNews-list .item:nth-of-type(3n+1) {

    margin-left: 0

}



.sNews-list .item:nth-of-type(1n+4) {

    margin-top: 2.5625%

}



.sNews-list .item .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 66.12903226%;

    background-color: #eee;

    border-radius: var(--x20)

}



.sNews-list .item .txt {

    position: relative;

    z-index: 2;

    background-color: #fff;

    margin-top: -1rem;

    padding: 1rem 1.2rem;

    border-radius: .6rem;

    color: #333;

    font-size: var(--fz20)

}



.sNews-list .item .txt .date {

    font-family: en_fonts,Verdana,Geneva;

    color: #708ab8;

    font-size: 1em

}



.sNews-list .item .txt .title {

    font-size: var(--fz24);

    font-weight: 700;

    line-height: 1.5em;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    max-height: 3em;

    margin-top: .5em

}



.sNews-list .item .txt .btn-more1 {

    margin-top: .6rem

}



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

    .sNews-list .item .title {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sNews-list .item:hover .title {

        color: #192548

    }



    .sNews-list .item:hover .btn-more1 .this {

        color: #fff;

        background-color: #394d94

    }



    .sNews-list .item:hover .btn-more1 .arr {

        width: 100%!important

    }



    .sNews-list .item:hover .btn-more1 .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}



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

    .sNews-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sNews-list .item:nth-of-type(1n+1) {

        width: 48.5%;

        margin-left: 3%;

        margin-top: 0

    }



    .sNews-list .item:nth-of-type(2n+1) {

        margin-left: 0

    }



    .sNews-list .item:nth-of-type(1n+3) {

        margin-top: 3%

    }



    .sNews-list .item .txt {

        padding: 1.2rem

    }



    .sNews-list .item:active .title {

        color: #192548

    }



    .sNews-list .item:active .btn-more1 .this {

        color: #fff;

        background-color: #394d94

    }



    .sNews-list .item:active .btn-more1 .arr {

        width: 100%!important

    }



    .sNews-list .item:active .btn-more1 .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}



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

    .sNews-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sNews-list .item:nth-of-type(1n+1) {

        width: 100%;

        margin-left: 0;

        margin-top: 0

    }



    .sNews-list .item:nth-of-type(1n+1) {

        margin-left: 0

    }



    .sNews-list .item:nth-of-type(1n+2) {

        margin-top: 4%

    }



    .sNews-list .item .title {

        font-size: 16px

    }

}



.sView {

    background-color: #f0f4fc

}



.sView-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding-left: 4.8rem;

    padding-top: .6rem;

    padding-bottom: 2rem

}



.sView-box ._in {

    position: relative;

    z-index: 2;

    width: 100%;

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    padding: 1.6rem 2rem 2rem;

    background-color: #fff;

    border-radius: .6rem;

    font-size: var(--x20);

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



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

    .sView-box {

        padding-left:0;

        padding-top: 1rem

    }



    .sView-box ._in {

        padding-left: 1.2rem;

        padding-right: 1.2rem

    }

}



.sView-head {

    position: relative;

    z-index: 2;

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

    width: 100%;

    padding-bottom: 1rem;

    border-bottom: #bebebe solid 1px

}



.sView-head .title {

    position: relative;

    font-size: var(--fz36);

    top: -.25em;

    margin-bottom: -.25em;

    line-height: 1.5;

    color: #333;

    min-height: 1.5em;

    width: calc(100% - 10em);

    width: 22em;

    max-width: calc(100% - 4rem)

}



.sView-head .date {

    position: absolute;

    right: 0;

    top: 0;

    font-family: en_fonts,Verdana,Geneva;

    font-size: var(--fz28);

    line-height: 1.28571429em

}



.sView-head .date .md {

    color: #708ab8

}



.sView-head .date .y {

    color: rgba(112,138,184,.2)

}



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

    .sView-head .title {

        max-width:calc(100% - 100px)

    }

}



.sView-body {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

    width: 100%;

    margin-top: .8rem

}



.sView-foot {

    -webkit-box-ordinal-group: 5;

    -ms-flex-order: 4;

    order: 4;

    width: 100%;

    margin-top: .8rem

}



.sView-foot .ctr {

    z-index: 2;

    position: relative;

    

    -webkit-tap-highlight-color: rgba(0,0,0,.04);

    display: block;

    height: 40px;

    line-height: 40px;

    color: #333;

    padding: .6rem 3.6rem .6rem 1rem;

    border-radius: var(--x20);

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    background-color: #fff;

    font-size: var(--fz20)

}



.sView-foot .ctr>s:after {

    content: "："

}



.sView-foot .ctr:after,.sView-foot .ctr:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    right: .9rem;

    top: 50%;

    margin-top: -1em;

    width: 2em;

    height: 2em;

    border-radius: 50%;

    border: solid 1px currentColor;

    background-position: 100% 50%;

    background-size: contain;

    background-repeat: no-repeat;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.sView-foot .ctr:before {

    background-color: #192548;

    color: #192548;

    z-index: 1;

    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4 26.749H17.094l.037-2.5h12.308l-4.202-4.672L26.717 18l6.038 6.714.71.78-.004.005.003.005-.732.78-6.237 6.714-1.435-1.577 4.34-4.672z' fill='%23fff'/%3E%3C/svg%3E");

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden

}



.sView-foot .ctr:after {

    background-color: #fff;

    color: #333;

    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4 26.749H17.094l.037-2.5h12.308l-4.202-4.672L26.717 18l6.038 6.714.71.78-.004.005.003.005-.732.78-6.237 6.714-1.435-1.577 4.34-4.672z' fill='%23404040'/%3E%3C/svg%3E")

}



.sView-foot .ctr[href=""],.sView-foot .ctr[href="#sA_0"] {

    color: #999!important;

    text-decoration: line-through

}



.sView-foot .ctr:nth-child(1n+2) {

    margin-top: .75em

}



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

    .sView-foot .ctr {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sView-foot .ctr:after,.sView-foot .ctr:before {

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sView-foot .ctr:hover {

        color: #283463

    }



    .sView-foot .ctr:hover:before {

        -webkit-transition: all 440ms ease-out 0s;

        transition: all 440ms ease-out 0s;

        opacity: 1;

        visibility: visible;

        -webkit-transform: none!important;

        transform: none!important

    }



    .sView-foot .ctr:hover:after {

        -webkit-transition: all 440ms ease-out 0s;

        transition: all 440ms ease-out 0s;

        opacity: 0;

        visibility: hidden;

        -webkit-transform: none!important;

        transform: none!important

    }

}



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

    .sView-foot .ctr:active {

        color:#283463

    }



    .sView-foot .ctr:active:before {

        -webkit-transition: all 440ms ease-out 0s;

        transition: all 440ms ease-out 0s;

        opacity: 1;

        visibility: visible;

        -webkit-transform: none!important;

        transform: none!important

    }



    .sView-foot .ctr:active:after {

        -webkit-transition: all 440ms ease-out 0s;

        transition: all 440ms ease-out 0s;

        opacity: 0;

        visibility: hidden;

        -webkit-transform: none!important;

        transform: none!important

    }

}



.sView-fns .btn {

    position: relative;

    z-index: 2;

    display: block;

    font-size: 20px;

    border-radius: 50%;

    background-color: #fff

}



.sView-fns .btn .icon {

    width: 2.5em;

    height: 2.5em;

    display: block

}



.sView-fns .btn:nth-child(1n+2) {

    margin-top: 6px

}



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

    .sView-fns {

        -webkit-box-ordinal-group:2;

        -ms-flex-order: 1;

        order: 1;

        float: left;

        margin-left: -138px;

        margin-right: 88px;

        position: -webkit-sticky;

        position: sticky;

        top: calc(var(--Hheader) + 20px);

        width: 50px

    }



    .sView-fns .btn,.sView-fns .btn .icon {

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sView-fns .btn:hover {

        background-color: #283463

    }



    .sView-fns .btn:hover .icon {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

        filter: grayscale(100%) contrast(50%) brightness(5)

    }

}



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

    .sView-fns {

        -webkit-box-ordinal-group:4;

        -ms-flex-order: 3;

        order: 3;

        width: 100%;

        margin-top: 1.2rem;

        position: relative;

        z-index: 2;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end

    }



    .sView-fns .btn {

        font-size: 16px

    }



    .sView-fns .btn .icon {

        -webkit-transition: 0s;

        transition: 0s

    }



    .sView-fns .btn:nth-child(1n+2) {

        margin-left: 10px;

        margin-top: 0

    }



    .sView-fns .btn:active {

        background-color: #283463

    }



    .sView-fns .btn:active .icon {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

        -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

        filter: grayscale(100%) contrast(50%) brightness(5)

    }

}



.sYWJJ-box {

    max-width: 1200px

}



.sYWJJ-form {

    position: relative;

    z-index: 2

}



.sYWJJ-form .thead {

    font-size: var(--fz40);

    line-height: 1.5;

    text-align: center

}



.sYWJJ-form .thead .p1 {

    font-weight: 700;

    color: #000

}



.sYWJJ-form .tneck {

    margin-top: .7rem;

    line-height: 1.5;

    text-align: center

}



.sYWJJ-form .tneck .p0 {

    font-size: var(--fz32);

    font-weight: 700;

    color: #000;

    margin-bottom: .5rem

}



.sYWJJ-form .tneck .p1 {

    color: #000

}



.sYWJJ-form .tneck .p2 {

    color: #999;

    margin-top: .2rem

}



.sYWJJ-form .tneck .p2 s {

    margin: 0 6px 0 8px

}



.sYWJJ-form .tbody {

    margin-top: .8rem;

    margin-bottom: -.6rem;

    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

}



.sYWJJ-form .tbody:after {

    display: none

}



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

}



.sYWJJ-form .tbody .package:after {

    display: none

}



.sYWJJ-form .tfoot {

    margin-top: .7rem

}



.sYWJJ-form .formItem {

    position: relative;

    z-index: 1;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: .6rem;

    min-height: 48px;

    width: 100%;

    line-height: 48px

}



.sYWJJ-form .formItem.w50 {

    width: 48%

}



.sYWJJ-form .formItem.w100 {

    width: 100%

}



.sYWJJ-form .formItem .focus {

    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;

    margin-bottom: 10px;

    font-size: var(--fz16);

    line-height: 1.5;

    color: #333;

    position: relative;

    overflow: hidden

}



.sYWJJ-form .formItem .focus .c1 {

    margin-right: 5px;

    color: #df4b3e

}



.sYWJJ-form .formItem .focus .sub {

    margin-left: 2px;

    color: #999;

    font-size: 12px;

    display: inline-block;

    vertical-align: top

}



.sYWJJ-form .formItem .focus .sub._iconvc {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.sYWJJ-form .formItem .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: 4px;

    background-color: #fff;

    padding: 12px 16px;

    line-height: 22px

}



.sYWJJ-form .formItem input.skin {

    height: 48px

}



.sYWJJ-form .formItem textarea.skin {

    height: 160px

}



.sYWJJ-form .formItem .yzm .skin {

    width: 208px

}



.sYWJJ-form .formItem .yzm .bindClick {

    display: inline-block;

    vertical-align: top;

    margin-left: 10px;

    width: 118px;

    height: 46px;

    border: solid 1px #e6e6e6;

    border-radius: 4px

}



.sYWJJ-form .formItem .yzm .bindClick._iconvc {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.sYWJJ-form .formItem .yzm .refreshVC {

    margin-left: 10px

}



.sYWJJ-form .formItem .yzm .df {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.sYWJJ-form .formItem .buts {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -1.25em

}



.sYWJJ-form .formItem .buts .checkbox,.sYWJJ-form .formItem .buts .radio {

    min-height: 48px;

    margin-right: 1.25em;

    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

}



.sYWJJ-form .formItem .buts .checkbox input[type=checkbox],.sYWJJ-form .formItem .buts .checkbox input[type=radio],.sYWJJ-form .formItem .buts .radio input[type=checkbox],.sYWJJ-form .formItem .buts .radio input[type=radio] {

    visibility: hidden;

    position: absolute!important;

    z-index: -1

}



.sYWJJ-form .formItem .buts .checkbox input[type=checkbox]:checked+._bind:after,.sYWJJ-form .formItem .buts .checkbox input[type=radio]:checked+._bind:after,.sYWJJ-form .formItem .buts .radio input[type=checkbox]:checked+._bind:after,.sYWJJ-form .formItem .buts .radio input[type=radio]:checked+._bind:after {

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible

}



.sYWJJ-form .formItem .buts .checkbox input[type=checkbox]:checked+._bind:before,.sYWJJ-form .formItem .buts .checkbox input[type=radio]:checked+._bind:before,.sYWJJ-form .formItem .buts .radio input[type=checkbox]:checked+._bind:before,.sYWJJ-form .formItem .buts .radio input[type=radio]:checked+._bind:before {

    background-color: #fff

}



.sYWJJ-form .formItem .buts .checkbox input[type=checkbox]:checked~.text,.sYWJJ-form .formItem .buts .checkbox input[type=radio]:checked~.text,.sYWJJ-form .formItem .buts .radio input[type=checkbox]:checked~.text,.sYWJJ-form .formItem .buts .radio input[type=radio]:checked~.text {

    display: block

}



.sYWJJ-form .formItem .buts .checkbox ._bind,.sYWJJ-form .formItem .buts .radio ._bind {

    position: relative;

    z-index: 1;

    padding-left: 24px;

    line-height: 24px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.sYWJJ-form .formItem .buts .checkbox ._bind:after,.sYWJJ-form .formItem .buts .checkbox ._bind:before,.sYWJJ-form .formItem .buts .radio ._bind:after,.sYWJJ-form .formItem .buts .radio ._bind:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sYWJJ-form .formItem .buts .checkbox ._bind:before,.sYWJJ-form .formItem .buts .radio ._bind:before {

    left: 0;

    top: 50%;

    margin-top: -8px;

    width: 16px;

    height: 16px;

    background-color: #fff;

    border: #dcdcdc solid 1px

}



.sYWJJ-form .formItem .buts .checkbox ._bind:after,.sYWJJ-form .formItem .buts .radio ._bind:after {

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden

}



.sYWJJ-form .formItem .buts .checkbox .text,.sYWJJ-form .formItem .buts .radio .text {

    margin-left: 10px;

    display: none;

    width: 4.8rem

}



.sYWJJ-form .formItem .buts .radio ._bind:after,.sYWJJ-form .formItem .buts .radio ._bind:before {

    border-radius: 50%

}



.sYWJJ-form .formItem .buts .radio ._bind:after {

    left: 8px;

    top: 50%;

    margin-left: -3px;

    margin-top: -3px;

    width: 6px;

    height: 6px;

    background-color: #192548

}



.sYWJJ-form .formItem .buts .checkbox ._bind:after {

    left: 8px;

    top: 50%;

    margin-left: -4px;

    margin-top: -4px;

    width: 9px;

    height: 6px;

    border-left: solid 2px #192548;

    border-bottom: solid 2px #192548;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.sYWJJ-form .formItem .fileBtnBox {

    width: 100%;

    max-width: 500px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    overflow: hidden;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.sYWJJ-form .formItem .fileBtnBox .filename {

    margin-right: 10px;

    width: calc(100% - 170px)

}



.sYWJJ-form .formItem .fileBtnBox .fileBtn {

    position: static;

    overflow: visible;

    display: inline-block;

    width: 160px;

    height: 48px;

    line-height: 48px;

    text-align: center;

    color: #fff;

    background-color: #7fbe26;

    border-radius: 4px

}



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

}



.sYWJJ-form .formItem .selector {

    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;

    width: 100%

}



.sYWJJ-form .formItem .selector:after {

    display: none

}



.sYWJJ-form .formItem .selector select {

    width: 48%

}



.sYWJJ-form .formItem [ysq-Tg=adddrug] {

    width: 80px;

    height: 32px;

    line-height: 32px;

    background-color: #7fbe26;

    color: #fff;

    text-align: center;

    border-radius: 4px

}



.sYWJJ-form .formItem .yp_table .overview {

    min-width: 100%;

    display: block

}



.sYWJJ-form .formItem .yp_table .tr {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    line-height: 40px;

    min-height: 40px;

    font-size: var(--fz16)

}



.sYWJJ-form .formItem .yp_table .tr .td {

    width: calc(25% - 10px)

}



.sYWJJ-form .formItem .yp_table .dd:nth-child(1n+2) {

    margin-top: .32rem

}



.sYWJJ-form .enter {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    height: 48px;

    line-height: 48px;

    background-color: #192548;

    color: #fff;

    text-align: center;

    font-size: var(--fz18);

    border-radius: 6px

}



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

    .sYWJJ-form {

        width:100%

    }



    .sYWJJ-form .formItem {

        width: 100%!important;

        padding-right: 0;

        min-height: 40px;

        line-height: 40px

    }



    .sYWJJ-form .formItem .enter {

        width: 100%

    }



    .sYWJJ-form .formItem .skin {

        padding: 8px 14px;

        line-height: 22px

    }



    .sYWJJ-form .formItem input.skin {

        height: 40px

    }



    .sYWJJ-form .formItem .buts .checkbox,.sYWJJ-form .formItem .buts .radio {

        min-height: 40px

    }



    .sYWJJ-form .formItem .fileBtnBox .fileBtn,.sYWJJ-form .formItem .yzm .bindClick {

        height: 38px;

        line-height: 38px;

        width: 124px

    }



    .sYWJJ-form .formItem .fileBtnBox,.sYWJJ-form .formItem .yzm {

        max-width: 100%

    }



    .sYWJJ-form .formItem .fileBtnBox .skin,.sYWJJ-form .formItem .yzm .skin {

        width: calc(100% - 132px)

    }



    .sYWJJ-form .formItem .yzm .refreshVC {

        display: none

    }



    .sYWJJ-form .formItem .yp_table {

        font-size: 12px

    }



    .sYWJJ-form .formItem .yp_table .overview {

        min-width: 500px

    }



    .sYWJJ-form .formItem .yp_table .tr .td {

        width: calc(20% - 5px)

    }



    .sYWJJ-form .formItem .yp_table .dt {

        white-space: nowrap

    }



    .sYWJJ-form .enter {

        height: 40px;

        line-height: 40px

    }

}



.sContact-way {

    height: 44.27083333vw;

    padding-bottom: 16.66666667vw;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sContact-way .point {

    z-index: 5;

    position: absolute;

    right: 50%;

    top: 50%;

    margin-top: -2.5%;

    margin-right: -21.35416667vw

}



.sContact-way .point .circle {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    z-index: 2;

    width: 15.625vw;

    height: 15.625vw

}



.sContact-way .point .circle ._cir {

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 2;

    border-radius: 50%;

    margin-top: 2.5%

}



.sContact-way .point .circle ._cir s {

    z-index: -1;

    pointer-events: none;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    border-radius: inherit;

    background-color: #192548;

    -webkit-animation: spread 4.5s linear infinite;

    animation: spread 4.5s linear infinite;

    will-change: transform;

    background: rgba(207,217,255,.2)

}



.sContact-way .point .circle ._cir s:nth-child(1) {

    -webkit-animation-delay: -1.5s;

    animation-delay: -1.5s

}



.sContact-way .point .circle ._cir s:nth-child(2) {

    -webkit-animation-delay: -3s;

    animation-delay: -3s

}



.sContact-way .point .circle ._cir s:nth-child(3) {

    -webkit-animation-delay: -4.5s;

    animation-delay: -4.5s

}



@-webkit-keyframes spread {

    0% {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        opacity: 1

    }



    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: 0

    }

}



@keyframes spread {

    0% {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        opacity: 1

    }



    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: 0

    }

}



.sContact-way .point .circle:after {

    content: " ";

    z-index: 5;

    pointer-events: none;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -.5em;

    margin-top: -.5em;

    width: 1em;

    height: 1em;

    font-size: var(--fz48);

    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.857 33.94a19.799 19.799 0 0 1 0-28.116c7.81-7.765 20.475-7.765 28.285 0a19.799 19.799 0 0 1 0 28.118L23.999 48 9.858 33.94zM24 26a6 6 0 1 0 0-12.002A6 6 0 0 0 24 26z' fill='url(%23paint0_linear_9144_92)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_9144_92' x1='24' x2='24' y2='48' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237CB1CF'/%3E%3Cstop offset='1' stop-color='%236F86B6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");

    background-position: 50% 50%;

    background-size: contain;

    background-repeat: no-repeat;

    -webkit-animation: slideInUpm .6s ease 0s infinite backwards alternate;

    animation: slideInUpm .6s ease 0s infinite backwards alternate

}



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

    .sContact-way .bg {

        background-size:125% 125%

    }



    .sContact-way .point {

        right: 44.75%

    }

}



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

    .sContact-way {

        padding-bottom:40vw;

        height: auto

    }



    .sContact-way .bg {

        width: 100%;

        height: 100%;

        left: 0;

        top: auto;

        bottom: 0;

        height: auto;

        padding-bottom: 40vw;

        background-size: 200% 200%;

        background-position: 75% 50%

    }



    .sContact-way .point {

        margin-top: 0;

        top: auto;

        bottom: 20vw;

        margin-bottom: 3.5%;

        right: 54%

    }

}



.sContact-way-list {

    position: relative;

    z-index: 9;

    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);

    width: 41em;

    margin: 0 var(--padw)

}



.sContact-way-list .item {

    position: relative;

    z-index: 9;

    border-radius: var(--x20);

    background-color: #fff;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 1.5em 1em 1.5em 1.5em;

    border: 1px solid #f4f4f4;

    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.05);

    box-shadow: 0 4px 4px rgba(0,0,0,.05);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-line-pack: start;

    align-content: flex-start

}



.sContact-way-list .item .icon {

    width: 2em;

    height: 2em;

    margin-top: .5em

}



.sContact-way-list .item .txt {

    width: calc(100% - 3em);

    min-height: 3em;

    line-height: 1.5em

}



.sContact-way-list .item .txt ._line {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.sContact-way-list .item .txt ._line .sdt {

    font-size: var(--fz18);

    color: #666;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.sContact-way-list .item .txt ._line .sdd {

    font-size: var(--fz18)

}



.sContact-way-list .item .txt ._line .sdd,.sContact-way-list .item .txt ._line .sdd a {

    color: #283463

}



.sContact-way-list .item .txt ._line._l1 .sdt {

    margin-right: .5em

}



.sContact-way-list .item .txt ._line._l1 .sdd {

    width: calc(100% - 4.5em)

}



.sContact-way-list .item .txt ._line._l2 .sdd {

    width: 100%;

    line-height: 1.25;

    margin-top: 5px

}



.sContact-way-list .item .txt ._line._qrcode .sdt {

    line-height: 2em;

    margin-top: .5em

}



.sContact-way-list .item .txt ._line._qrcode .sdd {

    margin-left: auto;

    margin-right: 0

}



.sContact-way-list .item .txt ._line._qrcode .sdd .pic {

    width: 4.5em;

    height: 4.5em;

    background-color: #f1f1f1;

    font-size: 1em

}



.sContact-way-list .item:hover .icon {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



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

    .sContact-way-list {

        max-width:100%

    }



    .sContact-way-list .item {

        width: 20em

    }



    .sContact-way-list .item:nth-child(2n+1) {

        margin-right: 1em

    }



    .sContact-way-list .item:nth-child(1n+3) {

        margin-top: 1em

    }

}



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

    .sContact-way-list {

        width:90vw;

        margin: 0 auto;

        padding-bottom: 1.2rem

    }



    .sContact-way-list .item {

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .sContact-way-list .item:nth-of-type(1n+1) {

        width: 48.5%;

        margin-left: 3%;

        margin-top: 0

    }



    .sContact-way-list .item:nth-of-type(2n+1) {

        margin-left: 0

    }



    .sContact-way-list .item:nth-of-type(1n+3) {

        margin-top: 3%

    }



    .sContact-way-list .item .icon {

        margin-top: 0

    }



    .sContact-way-list .item .txt {

        width: 100%;

        margin-top: 10px

    }



    .sContact-way-list .item .txt ._line._qrcode .sdt {

        margin-top: 0;

        line-height: inherit

    }



    .sContact-way-list .item .txt ._line._qrcode .sdd {

        width: 100%;

        margin-top: 5px

    }



    .sContact-way-list .item .txt ._line._qrcode .sdd .pic {

        width: 100px;

        height: 100px

    }

}



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

    .sContact-way-list {

        width:auto;

        margin: 0 15px

    }



    .sContact-way-list .item {

        padding: 1em;

        -webkit-box-sizing: border-box;

        box-sizing: border-box

    }



    .sContact-way-list .item:nth-of-type(1n+1) {

        width: 100%;

        margin-left: 0;

        margin-top: 0

    }



    .sContact-way-list .item:nth-of-type(1n+1) {

        margin-left: 0

    }



    .sContact-way-list .item:nth-of-type(1n+2) {

        margin-top: 2%

    }

}



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

    .sContact-ywjj {

        margin-top:-7.29166667vw;

        padding-top: 0

    }

}



.sContact-ywjj-in {

    border-radius: .8rem;

    padding-top: 1.6rem;

    padding-bottom: 1.6rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    z-index: 2;

    overflow: hidden;

    min-height: 41.66666667vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    background-color: #f1f1f1

}



.sContact-ywjj-in .subpage-head {

    margin-bottom: 15vw

}



.sContact-ywjj-in .bg:before {

    content: " "!important;

    z-index: 4;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: inherit;

    background-color: rgba(136,146,174,.2);

    display: block!important

}



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

    .sContact-ywjj-in .subpage-head {

        margin-bottom:1.6rem

    }

}



.sContact-ywjj-list {

    margin-top: auto;

    margin-bottom: 0;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    font-size: var(--fz20);

    margin-right: -.5em;

    margin-bottom: -1em

}



.sContact-ywjj-list .item {

    min-width: 14em;

    max-width: 16em;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-right: .5em;

    margin-bottom: 1em;

    padding: 1.5em;

    border-radius: var(--x20);

    background-color: #fff;

    position: relative;

    z-index: 2;

    overflow: hidden;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s

}



.sContact-ywjj-list .item:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: -webkit-gradient(linear,right top,left top,from(rgba(71,92,156,.8)),to(rgba(95,163,199,.8)));

    background: linear-gradient(270deg,rgba(71,92,156,.8) 0,rgba(95,163,199,.8) 100%);

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);

    border-radius: var(--x20);

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden

}



.sContact-ywjj-list .item .icon {

    width: 2em;

    height: 2em

}



.sContact-ywjj-list .item .txt {

    margin-top: .8rem;

    font-size: var(--fz18);

    line-height: 1.5

}



.sContact-ywjj-list .item .txt .sdt {

    color: #666

}



.sContact-ywjj-list .item .txt .sdd {

    color: #283463;

    margin-top: 5px

}



.sContact-ywjj-list .item._h {

    background-color: transparent

}



.sContact-ywjj-list .item._h:before {

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible

}



.sContact-ywjj-list .item._h .icon {

    -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

    filter: grayscale(100%) contrast(50%) brightness(5)

}



.sContact-ywjj-list .item._h .txt .sdd,.sContact-ywjj-list .item._h .txt .sdt {

    color: #fff

}



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

    .sContact-ywjj-list .item:hover {

        margin-top:-10px

    }



    .sContact-ywjj-list .item:hover .icon {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

}



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

    .sContact-ywjj-list {

        max-width:100%

    }



    .sContact-ywjj-list .item {

        max-width: 100%

    }



    .sContact-ywjj-list .item._h {

        width: 28.5em

    }

}



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

    .sContact-ywjj-list {

        width:100%

    }



    .sContact-ywjj-list .item {

        padding: 1em;

        width: 100%!important

    }

}



.sContact-intro {

    margin-top: -1.6rem

}



.sContact-intro-in {

    border-radius: .8rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    z-index: 2;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    background-color: #f1f1f1

}



.sContact-intro-in .floats {

    position: relative;

    z-index: 2;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    min-height: 41.66666667vw;

    padding: 1.6rem 5.72916667vw

}



.sContact-intro-in .floats:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(38,51,97,.8);

    -webkit-backdrop-filter: blur(15px);

    backdrop-filter: blur(15px)

}



.sContact-intro-in .floats .index-head {

    margin-bottom: 1rem

}



.sContact-intro-in .floats .imax {

    font-size: var(--fz16);

    line-height: 1.5;

    color: #fff;

    max-height: calc(40vw - 4rem)

}



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

    .sContact-intro-in .floats {

        width:100%;

        margin-top: 44vw;

        padding-left: 1.2rem;

        padding-right: 1.2rem

    }



    .sContact-intro-in .floats .imax {

        max-height: 18em

    }

}



.sContact-benefits {

    z-index: 1;

    margin-top: -1.6rem;

    padding-top: 5rem;

    overflow: visible

}



.sContact-benefits-words {

    z-index: -1;

    pointer-events: none;

    overflow: hidden;

    position: absolute;

    top: 0;

    margin-top: 5.20833333vw;

    left: 0;

    right: 0;

    height: 1.25em;

    font-size: 6.66666667vw;

    line-height: 1.25em;

    font-family: en_fonts,Verdana,Geneva

}



.sContact-benefits-words .word {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -75vw;

    width: 150vw;

    right: 0;

    white-space: nowrap;

    text-transform: uppercase;

    color: rgba(255,255,255,.53);

    text-shadow: 0 .20833333vw 2.60416667vw rgba(208,208,208,.25);

    text-align: center

}



.sContact-benefits-in {

    position: relative;

    z-index: 2;

    font-size: var(--x20)

}



.sContact-benefits-in .left {

    width: 9rem;

    margin-right: 1rem

}



.sContact-benefits-in .right {

    width: calc(100% - 10rem)

}



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

    .sContact-benefits-in {

        font-size:1.04166667vw

    }

}



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

    .sContact-benefits-in .left {

        width:100%

    }



    .sContact-benefits-in .right {

        margin-top: 1.2rem

    }

}



.sContact-benefits-head {

    position: relative;

    z-index: 2;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.sContact-benefits-head:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    display: block;

    width: 100%;

    padding-bottom: 100%

}



.sContact-benefits-head>.bg {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: -1em;

    top: -6em;

    right: 1em;

    bottom: 3em;

    background: linear-gradient(157.19deg,#475d9d 14.8%,rgba(71,93,157,0) 82.64%),#5fa2c7;

    border-radius: .6rem;

    -webkit-transform: rotate(-6deg);

    transform: rotate(-6deg)

}



.sContact-benefits-head>.bg:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/bgs-wh-item.png);

    background-position: 0 0;

    background-size: contain;

    background-repeat: no-repeat

}



.sContact-benefits-head>.bg .this {

    z-index: 1;

    pointer-events: none;

    position: absolute;

    right: 1.94444444em;

    top: 1.27777778em;

    font-size: 1.8em;

    color: #f4f7fc;

    white-space: nowrap;

    -webkit-transform: rotate(6deg);

    transform: rotate(6deg);

    opacity: .1;

    text-shadow: 1px 0 rgba(244,247,252,.1),-1px 0 rgba(244,247,252,.1),0 1px rgba(244,247,252,.1),0 -1px rgba(244,247,252,.1),1px 1px rgba(244,247,252,.1),-1px -1px rgba(244,247,252,.1),1px -1px rgba(244,247,252,.1),-1px 1px rgba(244,247,252,.1)

}



.sContact-benefits-head .wrapper {

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 2;

    overflow: hidden;

    background-color: #fff;

    border-radius: .6rem;

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05)

}



.sContact-benefits-head .wrapper:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    opacity: .5;

    background: -webkit-gradient(linear,left top,left bottom,from(#99beff),to(#fff));

    background: linear-gradient(180deg,#99beff 0,#fff 100%)

}



.sContact-benefits-head .in {

    position: relative;

    overflow: hidden;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: .6rem;

    padding: 2.5em 2em 2.5em;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    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;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.sContact-benefits-head .in .icon {

    width: 2em;

    height: 2.2em;

    font-size: var(--fz40)

}



.sContact-benefits-head .in .txt {

    margin-top: 1rem

}



.sContact-benefits-head .in .txt .p1 {

    color: #283463;

    font-size: var(--fz28);

    line-height: 1.66666667;

    width: 100%

}



.sContact-benefits-head .in .txt .p2 {

    color: #666;

    font-size: var(--fz24);

    line-height: 1.66666667;

    width: 100%;

    margin-top: 5px

}



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

    .sContact-benefits-head {

        font-size:14px

    }

}



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

    .sContact-benefits-head {

        font-size:12px

    }



    .sContact-benefits-head:before {

        display: none

    }



    .sContact-benefits-head .bg {

        -webkit-transform: rotate(-3deg);

        transform: rotate(-3deg)

    }



    .sContact-benefits-head .bg .this {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

        top: 2em

    }



    .sContact-benefits-head .wrapper {

        position: relative

    }



    .sContact-benefits-head .in {

        position: relative;

        font-size: 12px

    }



    .sContact-benefits-head .in .txt .p1 {

        line-height: 1.5

    }



    .sContact-benefits-head .in .txt .p2 {

        line-height: 1.5

    }

}



.sContact-benefits-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;

    width: 43.75em;

    max-width: 100%

}



.sContact-benefits-list .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: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.05);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: var(--x20)

}



.sContact-benefits-list .item:nth-of-type(1n+1) {

    width: 22.85714286%;

    margin-left: 2.85714286%;

    margin-top: 0

}



.sContact-benefits-list .item:nth-of-type(4n+1) {

    margin-left: 0

}



.sContact-benefits-list .item:nth-of-type(1n+5) {

    margin-top: 2.85714286%

}



.sContact-benefits-list .item:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    display: block;

    width: 100%;

    padding-bottom: 100%;

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(153,190,255,.3)),color-stop(75%,rgba(255,255,255,0)));

    background: linear-gradient(180deg,rgba(153,190,255,.3) 0,rgba(255,255,255,0) 75%)

}



.sContact-benefits-list .item .icon {

    width: 3em;

    height: 3.4em

}



.sContact-benefits-list .item .txt {

    margin-top: .8rem

}



.sContact-benefits-list .item .txt .p1 {

    color: #283463;

    font-size: var(--fz20);

    line-height: 1.25;

    width: 100%

}



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

    .sContact-benefits-list .item .icon {

        position:absolute;

        left: 1em;

        top: 1em

    }



    .sContact-benefits-list .item .txt {

        position: absolute;

        left: 1em;

        bottom: 1em;

        right: 1em

    }

}



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

    .sContact-benefits-list {

        width:100%

    }



    .sContact-benefits-list .item {

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        padding: 1em

    }



    .sContact-benefits-list .item:nth-of-type(1n+1) {

        width: 23.92344498%;

        margin-left: 1.4354067%;

        margin-top: 0

    }



    .sContact-benefits-list .item:nth-of-type(4n+1) {

        margin-left: 0

    }



    .sContact-benefits-list .item:nth-of-type(1n+5) {

        margin-top: 1.4354067%

    }



    .sContact-benefits-list .item:before {

        position: absolute;

        left: 0;

        top: 0

    }



    .sContact-benefits-list .item .icon {

        position: relative

    }



    .sContact-benefits-list .item .txt {

        position: relative

    }

}



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

    .sContact-benefits-list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sContact-benefits-list .item:nth-of-type(1n+1) {

        width: 48.5%;

        margin-left: 3%;

        margin-top: 0

    }



    .sContact-benefits-list .item:nth-of-type(2n+1) {

        margin-left: 0

    }



    .sContact-benefits-list .item:nth-of-type(1n+3) {

        margin-top: 3%

    }

}



.sContact-hr {

    margin-top: -1.6rem

}



.sContact-hr-tab {

    font-size: var(--fz20);

    margin-top: -.6rem

}



.sContact-hr-tab .left {

    width: 18em;

    margin-right: 1.6rem

}



.sContact-hr-tab .right {

    width: calc(100% - 18em - 1.6rem);

    position: relative;

    z-index: 2;

    padding-left: 1.2rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.sContact-hr-tab .right:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 6px;

    height: 340px;

    background-image: url(../images/line-lx-hr-r.png);

    background-position: 0 50%;

    background-size: 100% auto;

    background-repeat: no-repeat

}



.sContact-hr-tab .Tg1 .btn {

    display: block;

    position: relative;

    z-index: 2;

    border-radius: .5em;

    font-size: var(--fz20);

    background: #fff;

    border: 1px solid #f4f4f4;

    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.05);

    box-shadow: 0 4px 4px rgba(0,0,0,.05);

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    padding: 1em 2em;

    line-height: 2em

}



.sContact-hr-tab .Tg1 .btn:nth-child(1n+2) {

    margin-top: .75em

}



.sContact-hr-tab .Tg1 .btn.on {

    color: #fff;

    background: #475e9e;

    border-color: #475e9e;

    -webkit-box-shadow: 0 0 0 transparent;

    box-shadow: 0 0 0 transparent

}



.sContact-hr-tab .Tt1 {

    position: relative;

    z-index: 2

}



.sContact-hr-tab .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

}



.sContact-hr-tab .Tt1 .box.on {

    position: relative;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible;

    z-index: 9

}



.sContact-hr-tab .email2me {

    margin-top: .6rem;

    position: relative;

    z-index: 2;

    padding-left: 3.4em

}



.sContact-hr-tab .email2me .icon {

    width: 2.25em;

    height: 2.25em;

    position: absolute;

    left: 0;

    top: 0

}



.sContact-hr-tab .email2me .p1,.sContact-hr-tab .email2me .p2 {

    font-size: var(--fz16);

    line-height: 1.5

}



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

    .sContact-hr-tab .email2me {

        margin-top:1rem

    }



    .sContact-hr-tab .right {

        margin-top: .8rem;

        padding-left: 0;

        border-top: #d9d9d9 solid 1px

    }



    .sContact-hr-tab .right:before {

        display: none

    }

}



.sContact-hr-list {

    position: relative;

    overflow: hidden

}



.sContact-hr-list .item {

    position: relative;

    overflow: hidden;

    border-bottom: #d9d9d9 solid 1px

}



.sContact-hr-list .item .show {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-line-pack: start;

    align-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    padding-right: 5em;

    font-size: var(--fz20);

    

    padding: 1em 0

}



.sContact-hr-list .item .show:after {

    display: none

}



.sContact-hr-list .item .show .this {

    font-size: 1em;

    color: #333;

    line-height: 2;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s

}



.sContact-hr-list .item .spreadBtn {

    position: absolute;

    right: 1.5em;

    top: 50%;

    margin-top: -1em;

    width: 2em;

    height: 2em;

    border-radius: 2em;

    -webkit-transition: all 480ms ease-out 0s;

    transition: all 480ms ease-out 0s;

    z-index: 2

}



.sContact-hr-list .item .spreadBtn:after,.sContact-hr-list .item .spreadBtn:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 50%;

    top: 50%;

    background-color: #d9d9d9;

    -webkit-transition: all 320ms ease-out 50ms;

    transition: all 320ms ease-out 50ms

}



.sContact-hr-list .item .spreadBtn:before {

    width: 4px;

    height: 20px;

    margin-left: -2px;

    margin-top: -10px

}



.sContact-hr-list .item .spreadBtn:after {

    width: 20px;

    height: 4px;

    margin-left: -10px;

    margin-top: -2px

}



.sContact-hr-list .item .spreadBtn:hover {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.sContact-hr-list .item .hide {

    display: none

}



.sContact-hr-list .item .hide .imax {

    padding-bottom: 30px;

    color: #333

}



.sContact-hr-list .item .hide .ci {

    color: #283463

}



.sContact-hr-list .item .hide .hr {

    margin-top: 1em;

    margin-bottom: 1em

}



.sContact-hr-list .item.unfold .spreadBtn {

    -webkit-transform: rotate(360deg)!important;

    transform: rotate(360deg)!important

}



.sContact-hr-list .item.unfold .spreadBtn:before {

    height: 0;

    margin-top: 0

}



.sContact-hr-list .item.unfold .show .this {

    font-size: 1.4em

}



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

    .sContact-hr-list {

        padding:0

    }



    .sContact-hr-list .item .show {

        padding-right: 80px;

        padding-top: 15px;

        padding-bottom: 15px

    }



    .sContact-hr-list .item .show .td {

        white-space: normal;

        padding: 0

    }



    .sContact-hr-list .item .show .td .sdt {

        display: none

    }



    .sContact-hr-list .item .show .td.name {

        display: block;

        width: 100%;

        margin-bottom: 5px;

        line-height: 1.25

    }



    .sContact-hr-list .item .show .td.name~.td:before {

        content: "/";

        margin: 0 3px

    }



    .sContact-hr-list .item .spreadBtn:before {

        width: 2px;

        height: 16px;

        margin-left: -1px;

        margin-top: -8px

    }



    .sContact-hr-list .item .spreadBtn:after {

        width: 16px;

        height: 2px;

        margin-left: -8px;

        margin-top: -1px

    }



    .sContact-hr-list .item .hide .imax {

        padding-left: 0;

        padding-right: 0

    }

}



.sTech-pipeline-words {

    z-index: -1;

    pointer-events: none;

    position: absolute;

    top: 15.625vw;

    left: 0;

    right: 0

}



.sTech-pipeline-words .word {

    position: absolute;

    line-height: 1.25;

    white-space: nowrap;

    font-family: en_fonts,Verdana,Geneva;

    font-size: 7.03125vw;

    text-transform: uppercase;

    color: #f9fafd;

    text-shadow: 0 .20833333vw 2.60416667vw rgba(208,208,208,.25)

}



.sTech-pipeline-words .word._l {

    bottom: 0;

    left: 0

}



.sTech-pipeline-words .word._r {

    top: 0;

    right: 0

}



.sTech-pipeline-lr {

    font-size: var(--fz20);

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    margin-top: -.8rem

}



.sTech-pipeline-lr .left {

    width: 20em

}



.sTech-pipeline-lr .right {

    width: calc(100% - 20em - 1.6rem)

}



.sTech-pipeline-lr .txtBox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.sTech-pipeline-lr .txt {

    width: 100%;

    padding: .8rem 0

}



.sTech-pipeline-lr .txt .p1 {

    font-size: var(--fz36);

    line-height: 1.38888889;

    color: #333

}



.sTech-pipeline-lr .txt .p2 {

    margin-top: .4rem;

    font-size: var(--fz18);

    line-height: 1.66666667;

    color: #666

}



.sTech-pipeline-lr .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

}



.sTech-pipeline-lr .list .item {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    z-index: 2

}



.sTech-pipeline-lr .list .item:nth-of-type(1n+1) {

    width: 30.35714286%;

    margin-left: 4.46428571%;

    margin-top: 0

}



.sTech-pipeline-lr .list .item:nth-of-type(3n+1) {

    margin-left: 0

}



.sTech-pipeline-lr .list .item:nth-of-type(1n+4) {

    margin-top: 4.46428571%

}



.sTech-pipeline-lr .list .item .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 100%;

    background-color: transparent;

    overflow: visible

}



.sTech-pipeline-lr .list .item .pic .bg:after,.sTech-pipeline-lr .list .item .pic .bg:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: 50%

}



.sTech-pipeline-lr .list .item .pic .bg:before {

    background: radial-gradient(50% 50% at 50% 50%,rgba(185,214,226,.9) 0,#e5f0f7 100%);

    opacity: .7

}



.sTech-pipeline-lr .list .item .pic .bg:after {

    inset: .6rem;

    background: radial-gradient(50% 50% at 50% 50%,#d0e4ed 0,rgba(255,255,255,.5) 100%)

}



.sTech-pipeline-lr .list .item .ps {

    margin-top: .4rem;

    font-size: var(--fz16);

    line-height: 1.5;

    color: #a8b8c4;

    text-align: center

}



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

    .sTech-pipeline-lr .list .item .pic .bg {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sTech-pipeline-lr .list .item:hover .pic img {

        -webkit-transform: scale(1.05);

        transform: scale(1.05)

    }



    .sTech-pipeline-lr .list .item:hover .pic .bg {

        -webkit-transform: scale(1.075);

        transform: scale(1.075)

    }

}



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

    .sTech-pipeline-lr .list .item {

        -webkit-box-sizing:border-box;

        box-sizing: border-box

    }



    .sTech-pipeline-lr .list .item:nth-of-type(1n+1) {

        width: 32%;

        margin-left: 2%;

        margin-top: 0

    }



    .sTech-pipeline-lr .list .item:nth-of-type(3n+1) {

        margin-left: 0

    }



    .sTech-pipeline-lr .list .item:nth-of-type(1n+4) {

        margin-top: 2%

    }



    .sTech-pipeline-lr .list .item:active .pic .bg {

        opacity: .9

    }

}



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

    .sTech-pipeline-lr .list .item .ps {

        font-size:12px

    }

}



.sTech-pipeline-bottom {

    position: relative;

    z-index: 2;

    margin-bottom: -2rem;

    margin-top: 1rem;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



.sTech-pipeline-bottom .picBox {

    width: 43.75%;

    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

}



.sTech-pipeline-bottom .txtBox {

    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;

    position: relative;

    z-index: 2;

    width: 56.25vw

}



.sTech-pipeline-bottom .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 89.28571429%;

    background-color: transparent

}



.sTech-pipeline-bottom .txt {

    width: 100%;

    padding: 1.2rem 0 .8rem

}



.sTech-pipeline-bottom .txt .line {

    padding: 5.20833333vw var(--padw) 5.20833333vw 6.25vw;

    position: relative;

    z-index: 2;

    background-color: rgba(255,255,255,.8)

}



.sTech-pipeline-bottom .txt .line .sdt {

    font-size: var(--fz36);

    color: #333;

    line-height: 1.38888889

}



.sTech-pipeline-bottom .txt .line .sdd {

    margin-top: .4rem;

    font-size: var(--fz18);

    line-height: 1.66666667;

    color: #666

}



.sTech-pipeline-bottom .txt .line:nth-child(1n+2) {

    border-top: #d0d0d0 solid 1px

}



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

    .sTech-pipeline-bottom .txt .line {

        padding-left:5.20833333vw

    }

}



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

    .sTech-pipeline-bottom .picBox {

        max-width:640px;

        margin-left: auto;

        margin-right: auto

    }



    .sTech-pipeline-bottom .txtBox {

        margin-left: 0

    }



    .sTech-pipeline-bottom .pic {

        margin-bottom: -20%

    }



    .sTech-pipeline-bottom .txt .line {

        padding: 1.6rem 1.2rem

    }

}



.sTech-product {

}



.sTech-product .index-head {

    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;

    margin-bottom: 1rem

}



.sTech-product .index-head .fns {

    position: relative;

    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.sTech-product .index-head .fns .ctr-arr {

    position: relative;

    top: auto;

    margin-top: 0;

    margin-right: 10px

}



.sTech-product .index-head .fns._on .ctr-arr {

    display: block

}



.sTech-product-swiper {

    position: relative

}



.sTech-product-swiper .swiper-container {

    z-index: 1

}



.sTech-product-swiper .swiper-wrapper {

    z-index: 2

}



.sTech-product-swiper .item {

    position: relative;

    overflow: hidden;

    border-radius: var(--x20);

    padding-top: 1.6rem;

    background-image: url(../images/bgs-cx-cp-item.png);

    background-position: 50% 100%;

    background-size: cover;

    background-repeat: no-repeat;

    width: 22em;

    font-size: var(--fz20);

    margin-right: 1em

}



.sTech-product-swiper .item .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 66.43356643%;

    background-color: transparent

}

.sTech-product-swiper .item .pic img{max-width: 100%;}

.sTech-product-swiper .item .txt {

    margin-top: .4rem;

    padding: .6rem .8rem;

    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

}



.sTech-product-swiper .item .txt .title {

    position: relative;

    z-index: 2;

    margin-right: .75em;

    font-size: var(--fz20);

    font-weight: 700;

    color: #283463;

    line-height: 1.5

}



.sTech-product-swiper .pagination-dot {

    display: none

}



.sTech-product-swiper._loaded .pagination-dot {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.sTech-product-swiper._loaded .ctr-arr {

    display: block

}



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

    .sTech-product-swiper .item:hover .btn-more1._ss .this {

        color:#fff;

        background-color: #394d94

    }



    .sTech-product-swiper .item:hover .btn-more1._ss .arr {

        width: 100%!important

    }



    .sTech-product-swiper .item:hover .btn-more1._ss .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}



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

    .sTech-product-swiper .item:active .btn-more1._ss .this {

        color:#fff;

        background-color: #394d94

    }



    .sTech-product-swiper .item:active .btn-more1._ss .arr {

        width: 100%!important

    }



    .sTech-product-swiper .item:active .btn-more1._ss .arr:after {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg)

    }

}



.sTech-platform-words {

    z-index: -1;

    pointer-events: none;

    position: absolute;

    bottom: 15.625vw;

    left: 0;

    right: 0;

    -webkit-transform: translateX(-20%);

    transform: translateX(-20%)

}



.sTech-platform-words .word {

    position: absolute;

    line-height: 1.25;

    white-space: nowrap;

    font-family: en_fonts,Verdana,Geneva;

    font-size: 6.66666667vw;

    text-transform: uppercase;

    color: #fdfeff;

    text-shadow: 0 .20833333vw 2.60416667vw rgba(208,208,208,.25)

}



.sTech-platform-words .word._l {

    bottom: 0;

    left: 0

}



.sTech-platform-words .word._r {

    top: 0;

    right: 0

}



.sTech-platform-lr {

    font-size: var(--fz20)

}



.sTech-platform-lr .left {

    width: 16em;

    margin-right: 2.4rem

}



.sTech-platform-lr .right {

    width: calc(100% - 2.4rem - 16em)

}



.sTech-platform-lr .txt {

    font-size: var(--fz24);

    line-height: 1.5;

    color: #333

}



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

    .sTech-platform-lr .left {

        margin-top:-.6rem

    }



    .sTech-platform-lr .right {

        margin-top: 1rem

    }

}



.sTech-platform-tab {

    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;

    font-size: var(--fz20)

}



.sTech-platform-tab .Tg1 {

    width: 10em

}



.sTech-platform-tab .Tg1 .btn {

    position: relative;

    z-index: 2;

    overflow: hidden;

    background-color: #fff;

    color: #283463;

    font-size: var(--fz20);

    padding: 1.5em

}



.sTech-platform-tab .Tg1 .btn ._in {

    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;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.sTech-platform-tab .Tg1 .btn ._in .icon {

    display: block;

    width: 2.5em;

    height: 2.5em;

    margin-bottom: 2em

}



.sTech-platform-tab .Tg1 .btn ._in .sdd {

    font-size: var(--fz20);

    line-height: 1.25

}



.sTech-platform-tab .Tg1 .btn:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    top: 100%;

    height: 0;

    left: 0;

    width: 100%;

    background-color: #283463

}



.sTech-platform-tab .Tg1 .btn,.sTech-platform-tab .Tg1 .btn .icon {

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s

}



.sTech-platform-tab .Tg1 .btn.on {

    background-color: #283463;

    color: #fff

}



.sTech-platform-tab .Tg1 .btn.on: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

}



.sTech-platform-tab .Tg1 .btn.on .icon {

    -webkit-filter: grayscale(100%) contrast(50%) brightness(5);

    filter: grayscale(100%) contrast(50%) brightness(5)

}



.sTech-platform-tab .Tt1 {

    position: relative;

    z-index: 2;

    overflow: hidden;

    width: calc(100% - 10em);

    height: 30em

}



.sTech-platform-tab .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

}



.sTech-platform-tab .Tt1 .box.on {

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 1;

    visibility: visible;

    z-index: 9

}



.sTech-platform-tab .Tt1 .pic {

    width: 100%;

    height: 100%

}



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

    .sTech-platform-tab {

        font-size:14px

    }



    .sTech-platform-tab .Tg1 .btn {

        font-size: 14px

    }

}



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

    .sTech-platform-tab {

        -ms-flex-wrap:wrap;

        flex-wrap: wrap

    }



    .sTech-platform-tab .Tg1 {

        width: 100%

    }



    .sTech-platform-tab .Tg1 .overview {

        display: -webkit-inline-box;

        display: -ms-inline-flexbox;

        display: inline-flex;

        min-width: 100%;

        width: auto

    }



    .sTech-platform-tab .Tg1 .btn {

        width: calc(100%/3);

        min-width: 140px;

        padding: 1em;

        -webkit-box-sizing: border-box;

        box-sizing: border-box

    }



    .sTech-platform-tab .Tt1 {

        width: 100%;

        height: 0;

        padding-bottom: 65.2173913%

    }

}



.sTech-platform-swiper {

    width: 100%;

    height: 100%

}



.sTech-platform-swiper .swiper-container {

    height: 100%;

    z-index: 1

}



.sTech-platform-swiper .swiper-wrapper {

    z-index: 2

}



.sTech-platform-swiper .item {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%

}



.sTech-platform-swiper .item .pic {

    width: 100%;

    height: 100%

}



.sTech-platform-swiper .item:after {

    content: " ";

    z-index: 4;

    pointer-events: none;

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 40%;

    background-image: -webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.05) 45%,rgba(0,0,0,.1) 100%)

}



.sTech-platform-swiper .pagination-dot {

    display: none;

    position: absolute;

    right: .8rem;

    bottom: .6rem;

    z-index: 9

}



.sTech-platform-swiper._loaded .pagination-dot {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.sTech-supply {

    padding: 0 0 3.2rem

}



.sTech-supply-t {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    border-top: #d0d0d0 solid 1px

}



.sTech-supply-t .left {

    width: 33.33333333%;

    padding-left: var(--padw);

    padding-top: 1.2rem;

    padding-bottom: 1.2rem;

    padding-right: 1rem

}



.sTech-supply-t .left .index-head {

    margin-bottom: 0

}



.sTech-supply-t .right {

    border-left: #dedede solid 1px;

    border-bottom: #dedede solid 1px;

    width: 66.66666667%;

    padding-top: 1.2rem;

    padding-bottom: 1.2rem;

    padding-right: var(--padw);

    padding-left: 1rem

}



.sTech-supply-t .right .list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -6.25vw;

    margin-bottom: -2.08333333vw

}



.sTech-supply-t .right .col {

    line-height: 1.5;

    margin-right: 6.25vw;

    margin-bottom: .8rem

}



.sTech-supply-t .right .col .p1 {

    color: #666;

    font-size: var(--fz18);

    padding: 5px 0

}



.sTech-supply-t .right .col .p2 {

    color: #283463;

    font-weight: 700;

    font-size: var(--fz20)

}



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

    .sTech-supply-t .left,.sTech-supply-t .right {

        padding:1.2rem var(--padw)

    }



    .sTech-supply-t .right {

        border-left: none;

        border-top: #dedede solid 1px

    }

}



.sTech-supply-b {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



.sTech-supply-b .left {

    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;

    width: 33.33333333%

}



.sTech-supply-b .left .pic {

    width: 100%;

    padding-bottom: 100%;

    background-color: transparent

}



.sTech-supply-b .right {

    width: 66.66666667%

}



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

    .sTech-supply-b .left {

        display:none

    }

}



.sTech-supply-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

}



.sTech-supply-list .item {

    width: 25%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: var(--fz20);

    position: relative;

    z-index: 2;

    background-color: #fff;

    padding: 1rem;

    color: #333

}



.sTech-supply-list .item:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/bgs-cx-hs-item.png);

    background-color: #283463;

    background-position: 0 0;

    background-size: cover;

    background-repeat: no-repeat;

    -webkit-transition: all 320ms ease-out 0s;

    transition: all 320ms ease-out 0s;

    opacity: 0;

    visibility: hidden

}



.sTech-supply-list .item .title {

    font-size: 1.5em;

    font-weight: 700;

    line-height: 1.5

}



.sTech-supply-list .item .btn {

    display: block;

    margin-top: .6rem;

    width: 90px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #333;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border: #333 solid 1px;

    border-radius: 40px;

    background-color: #fff;

    font-size: 14px

}



.sTech-supply-list .item:nth-child(1n+1) {

    border-left: #d0d0d0 solid 1px

}



.sTech-supply-list .item:nth-child(1n+5) {

    border-top: #d0d0d0 solid 1px

}



.sTech-supply-list .item:nth-child(4n+1) {

    border-left: none

}



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

    .sTech-supply-list .item,.sTech-supply-list .item .btn {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }



    .sTech-supply-list .item:hover {

        color: #fff

    }



    .sTech-supply-list .item:hover:after {

        -webkit-transition: all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .sTech-supply-list .item:hover .btn {

        border-color: #fff

    }

}



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

    .sTech-supply-list .item {

        width:calc(100%/3)

    }



    .sTech-supply-list .item:nth-child(1n+1) {

        border-left: #d0d0d0 solid 1px

    }



    .sTech-supply-list .item:nth-child(1n+4) {

        border-top: #d0d0d0 solid 1px

    }



    .sTech-supply-list .item:nth-child(3n+1) {

        border-left: none

    }

}



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

    .sTech-supply-list .item .btn {

        width:80px;

        height: 36px;

        line-height: 36px

    }



    .sTech-supply-list .item:after {

        -webkit-transition-duration: 0;

        transition-duration: 0

    }



    .sTech-supply-list .item:active {

        color: #fff

    }



    .sTech-supply-list .item:active:after {

        -webkit-transition: all 0s ease-out 0s;

        transition: all 0s ease-out 0s;

        opacity: 1;

        visibility: visible

    }



    .sTech-supply-list .item:active .btn {

        border-color: #fff

    }

}



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

    .sTech-supply-list .item {

        width:50%

    }



    .sTech-supply-list .item:nth-child(1n+1) {

        border-left: #d0d0d0 solid 1px

    }



    .sTech-supply-list .item:nth-child(1n+3) {

        border-top: #d0d0d0 solid 1px

    }



    .sTech-supply-list .item:nth-child(2n+1) {

        border-left: none

    }

}



.sSupply-lr {

    padding: 0

}



.sSupply-lr-in {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



.sSupply-lr-in .left {

    width: 33.33333333%;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-bottom: 6.25vw

}



.sSupply-lr-in .left .info {

    position: relative;

    z-index: 9;

    margin-left: auto;

    margin-right: 0;

    width: 16em;

    font-size: var(--fz20)

}



.sSupply-lr-in .left .info .dt {

    color: #fff;

    padding: .8rem .8rem .8rem 1rem;

    background-image: url(../images/bgs-cx-hs-item.png);

    background-color: #283463;

    background-position: 0 0;

    background-size: cover;

    background-repeat: no-repeat

}



.sSupply-lr-in .left .info .dt .title {

    font-weight: 700;

    font-size: 1.5em;

    line-height: 1.66666667

}



.sSupply-lr-in .left .info .dt ._rb {

    margin-top: .5rem;

    text-align: right

}



.sSupply-lr-in .left .info .dt ._rb:before {

    margin-bottom: .4rem;

    pointer-events: none;

    content: " ";

    display: block;

    width: 100%;

    height: 14px;

    background-image: url("data:image/svg+xml,%3Csvg width='40' height='14' viewBox='0 0 40 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0l-2 1.75L36 7l-6 5.25L32 14l8-7-8-7z' fill='%23fff'/%3E%3Cpath opacity='.5' d='M21 0l-2 1.75L25 7l-6 5.25L21 14l8-7-8-7z' fill='%23fff'/%3E%3Cpath opacity='.2' d='M9 0L7 1.75 13 7l-6 5.25L9 14l8-7-8-7z' fill='%23fff'/%3E%3C/svg%3E");

    background-position: 100% 50%;

    background-size: contain;

    background-repeat: no-repeat

}



.sSupply-lr-in .left .info .dt ._rb .this {

    font-size: var(--fz24);

    font-weight: 700;

    line-height: 1.25

}



.sSupply-lr-in .left .info .dd {

    padding: .8rem .8rem;

    background-color: #fff

}



.sSupply-lr-in .left .info .dd ._line .sdt {

    color: #666;

    font-size: var(--fz16);

    line-height: 1.875

}



.sSupply-lr-in .left .info .dd ._line .sdd {

    color: #283463;

    font-size: var(--fz20);

    line-height: 1.2;

    padding: .15em 0

}



.sSupply-lr-in .left .info .dd ._line+._line {

    margin-top: .4rem

}



.sSupply-lr-in .left .pic {

    margin-top: -9.375vw;

    width: 100%;

    padding-bottom: 100%;

    background-color: transparent

}



.sSupply-lr-in .right {

    width: 66.66666667%;

    padding: 1.6rem var(--padw) 2rem 6.25vw

}



.sSupply-lr-in .btn-backToList {

    background-color: rgba(255,255,255,.7);

    color: #afb5be;

    font-size: 14px;

    padding: 10px 20px;

    line-height: 30px;

    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-perspective: 1000;

    perspective: 1000

}



.sSupply-lr-in .btn-backToList:before {

    content: " ";

    display: block;

    width: 10px;

    height: 14px;

    margin-right: 6px;

    background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 14L7 12.25 2.8 7 7 1.75 5.6 0 0 7l5.6 7z' fill='%23AFB5BE'/%3E%3C/svg%3E");

    background-position: 50% 50%;

    background-size: contain;

    background-repeat: no-repeat

}



.sSupply-lr-in .btn-backToList:before {

    -webkit-transform-origin: 50% 50% -10px;

    transform-origin: 50% 50% -10px

}



.sSupply-lr-in .btn-backToList:hover {

    color: #283463;

    background-color: rgba(255,255,255,.9)

}



.sSupply-lr-in .btn-backToList:hover:before {

    margin-right: 12px;

    -webkit-transform: rotateY(-180deg);

    transform: rotateY(-180deg)

}



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

    .sSupply-lr-in .btn-backToList,.sSupply-lr-in .btn-backToList:before {

        -webkit-transition:all 320ms ease-out 0s;

        transition: all 320ms ease-out 0s

    }

}



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

    .sSupply-lr-in .right {

        padding-left:5.20833333vw

    }

}



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

    .sSupply-lr-in {

        padding-top:1.6rem;

        padding-left: var(--padw);

        padding-right: var(--padw)

    }



    .sSupply-lr-in .left .pic {

        display: none

    }



    .sSupply-lr-in .left .info {

        width: 100%;

        overflow: hidden

    }



    .sSupply-lr-in .left .info .dt {

        padding: 1em

    }



    .sSupply-lr-in .left .info .dd {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        margin-right: -1em;

        margin-bottom: -1em;

        -webkit-box-sizing: border-box;

        box-sizing: border-box

    }



    .sSupply-lr-in .left .info .dd ._line:nth-child(1n+1) {

        margin-top: 0;

        width: auto;

        margin-bottom: 1em;

        margin-right: 1em

    }



    .sSupply-lr-in .left .info .df {

        border-top: #eee solid 1px

    }



    .sSupply-lr-in .btn-backToList,.sSupply-lr-in .btn-backToList:before {

        -webkit-transition: all 80ms ease-out 0s;

        transition: all 80ms ease-out 0s

    }



    .sSupply-lr-in .right {

        padding-left: 0;

        padding-right: 0;

        padding-top: 0

    }

}



.sSupply-form .tbody {

    margin-bottom: -.4rem;

    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

}



.sSupply-form .tbody:after {

    display: none

}



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

}



.sSupply-form .tbody .package:after {

    display: none

}



.sSupply-form .tfoot {

    margin-top: 22px

}



.sSupply-form .formItem {

    position: relative;

    z-index: 1;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 16px;

    min-height: 50px;

    width: 100%;

    line-height: 50px

}



.sSupply-form .formItem.w50 {

    width: 48%

}



.sSupply-form .formItem.w100 {

    width: 100%

}



.sSupply-form .formItem .focus {

    display: block;

    margin-bottom: 5px;

    line-height: 30px;

    font-size: 16px

}



.sSupply-form .formItem .focus .red {

    margin-left: 5px;

    color: #df4b3e

}



.sSupply-form .formItem .skin {

    display: block;

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: var(--fz16);

    color: #666;

    border: none;

    background-color: #fff;

    padding: 10px 30px;

    line-height: 30px

}



.sSupply-form .formItem input.skin {

    height: 50px

}



.sSupply-form .formItem textarea.skin {

    height: 120px

}



.sSupply-form .formItem .yzm {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.sSupply-form .formItem .yzm .skin {

    width: 208px

}



.sSupply-form .formItem .yzm .bindClick {

    display: inline-block;

    vertical-align: top;

    margin-left: 10px;

    width: 144px;

    height: 50px;

    border: none

}



.sSupply-form .formItem .yzm .bindClick._iconvc {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.sSupply-form .formItem .yzm .refreshVC {

    margin-left: 15px

}



.sSupply-form .formItem .selector {

    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;

    width: 100%

}



.sSupply-form .formItem .selector:after {

    display: none

}



.sSupply-form .formItem .selector select {

    width: 48%

}



.sSupply-form .enter {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    height: 50px;

    line-height: 50px;

    color: #fff;

    text-align: center;

    font-size: var(--fz20);

    background: -webkit-gradient(linear,right top,left top,from(rgba(71,92,156,.8)),to(rgba(95,163,199,.8))),#7eadcc;

    background: linear-gradient(270deg,rgba(71,92,156,.8) 0,rgba(95,163,199,.8) 100%),#7eadcc;

    border-radius: 5px

}

.page-wrapper{overflow:hidden;}

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

    .sSupply-form { 

        width:100%

    }



    .sSupply-form .formItem {

        width: 100%!important;

        padding-right: 0

    }



    .sSupply-form .formItem .enter {

        width: 100%

    }



    .sSupply-form .formItem .skin {

        padding-left: 20px;

        padding-right: 20px

    }



    .sSupply-form .enter {

        height: 48px;

        line-height: 48px

    }

}



.sProduct1-wrap .bg {

    background-position: 50% 0

}



.sProduct1-intro {

    padding-top: 3.2rem;

    padding-bottom: 2.4rem

}



.sProduct1-intro-words {

    z-index: -1;

    pointer-events: none;

    overflow: hidden;

    position: absolute;

    bottom: 0;

    margin-bottom: 5.20833333vw;

    left: 0;

    right: 0;

    height: 1.25em;

    font-size: 6.66666667vw;

    line-height: 1.25em;

    font-family: en_fonts,Verdana,Geneva

}



.sProduct1-intro-words .word {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -75vw;

    width: 150vw;

    right: 0;

    white-space: nowrap;

    text-transform: uppercase;

    color: #fff;

    text-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.03);

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);

    text-align: center

}



.sProduct1-intro .txtBox {

    width: 27em;

    margin-right: 1.6rem;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    font-size: var(--fz20)

}



.sProduct1-intro .txtBox .title {

    font-size: var(--fz48);

    color: #333;

    line-height: 1.25

}



.sProduct1-intro .txtBox .sdt {

    margin-top: 1.2rem;

    font-size: var(--fz36);

    color: #333;

    line-height: 1.38888889

}



.sProduct1-intro .txtBox .sdd {

    margin-top: 10px;

    font-size: var(--fz20);

    line-height: 1.5

}



.sProduct1-intro .txtBox .pic {

    margin-left: 9.375vw;

    margin-bottom: -2rem;

    margin-top: 1.6rem;

    width: 15em;

    height: 15em;

    border-radius: 50%;

    font-size: var(--fz20);

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.03);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.03);

    background-color: transparent

}



.sProduct1-intro .txtBox .pic img {

    -o-object-fit: scale-down;

    object-fit: scale-down

}



.sProduct1-intro .txtBox .pic:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: inherit;

    background: rgba(255,255,255,.5);

    -webkit-backdrop-filter: blur(15px);

    backdrop-filter: blur(15px)

}



.sProduct1-intro .picBox {

    width: 35em;

    font-size: var(--fz20);

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2

}



.sProduct1-intro .picBox .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 82.14285714%;

    background-color: #f1f1f1;

    border-radius: .6rem

}



.sProduct1-intro .picBox .pic:after {

    content: " ";

    z-index: 3;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: inherit;

    border: #fff solid .2rem

}



.sProduct1-intro .picBox .p {

    text-align: right;

    font-size: var(--fz20);

    margin-top: 10px;

    line-height: 2;

    color: #333

}



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

    .sProduct1-intro {

        padding-top:2rem

    }



    .sProduct1-intro .picBox .p {

        color: #999;

        font-size: 14px

    }



    .sProduct1-intro .txtBox .sdt {

        margin-top: .8rem

    }



    .sProduct1-intro .txtBox .pic {

        margin-bottom: -1rem;

        margin-left: 0;

        border-radius: var(--x20);

        width: 20em;

        height: 13.25em

    }



    .sProduct1-intro-words {

        margin-bottom: 0

    }

}



.sProduct1-spe-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.sProduct1-spe-content .sdt {

    font-size: var(--fz36);

    color: #333;

    line-height: 1.5;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    min-width: 6em;

    margin-right: 3.125vw

}



.sProduct1-spe-content .sdd>p {

    position: relative;

    z-index: 2;

    padding-left: 1.8em;

    font-size: var(--fz20);

    color: #666;

    line-height: 1.5

}



.sProduct1-spe-content .sdd>p:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: .75em;

    width: 1.2em;

    height: 1.2em;

    margin-top: -.6em;

    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='M17.293 2L22.5 7.198l-1.488 1.485-5.208-5.198L17.293 2zm-5.58.371l10.415 10.397-1.488 1.484L10.225 3.856l1.488-1.485z' fill='%237FBE26'/%3E%3Cpath d='M19.896 6.084l-3.72 3.712-1.487-1.485 3.72-3.712 1.487 1.485z' fill='%237FBE26'/%3E%3Cpath d='M13.572 5.714l5.208 5.197-8.928 8.91L5.76 18.71l-1.115-4.085 8.926-8.91z' fill='%237FBE26'/%3E%3Cpath d='M13.572 4.664c.279 0 .546.11.744.307l5.207 5.198a1.049 1.049 0 0 1 0 1.485l-8.927 8.91a1.052 1.052 0 0 1-1.02.271l-4.092-1.114a1.052 1.052 0 0 1-.738-.737L3.629 14.9a1.048 1.048 0 0 1 .271-1.018l8.927-8.91a1.052 1.052 0 0 1 .744-.309zm0 2.535L5.82 14.935l.797 2.918 2.922.796 7.752-7.737-3.72-3.713z' fill='%237FBE26'/%3E%3Cpath d='M12.085 8.683l2.975 2.97-1.488 1.485-2.975-2.97 1.488-1.485zM9.48 11.282l2.232 2.227-1.488 1.485-2.232-2.227 1.488-1.485z' fill='%23fff'/%3E%3Cpath d='M6.888 19.593l.744-.743-1.488-1.485-.744.743-3.682 3.675L1.5 22h2.975l2.413-2.407z' fill='%237FBE26'/%3E%3C/svg%3E");

    background-position: 50% 50%;

    background-size: 1.2em;

    background-repeat: no-repeat

}



.sProduct1-spe-content .sdd>p+p {

    margin-top: 1em

}



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

    .sProduct1-spe-content {

        display:block

    }



    .sProduct1-spe-content .sdd {

        margin-top: .8rem

    }

}



.sProduct1-detail {

    margin-top: -1.2rem

}



.sProduct1-detail-content .sdt {

    font-size: var(--fz36);

    color: #333;

    line-height: 1.5;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    min-width: 6em;

    margin-right: 3.125vw

}



.sProduct1-detail-content .sdd {

    margin-top: 1rem;

    padding: 2em;

    background-color: #fff;

    border-radius: var(--x20)

}



.sProduct2-intro {

    padding-top: 3.2rem;

    padding-bottom: 5.6rem

}



.sProduct2-intro-words {

    z-index: -1;

    pointer-events: none;

    overflow: hidden;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1.25em;

    font-size: 6.66666667vw;

    line-height: 1.25em;

    font-family: en_fonts,Verdana,Geneva

}



.sProduct2-intro-words .word {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -75vw;

    width: 150vw;

    right: 0;

    white-space: nowrap;

    text-transform: uppercase;

    color: #fff;

    text-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.03);

    text-align: center

}



.sProduct2-intro .txtBox {

    width: 35em;

    margin-right: 1.2rem;

    font-size: var(--fz20)

}



.sProduct2-intro .txtBox .title {

    font-size: var(--fz48);

    color: #333;

    line-height: 1.25

}



.sProduct2-intro .txtBox .sdt {

    margin-top: 1.2rem;

    font-size: var(--fz36);

    color: #333;

    line-height: 1.38888889

}



.sProduct2-intro .txtBox .sdd {

    margin-top: 1em;

    font-size: var(--fz20);

    line-height: 1.5

}



.sProduct2-intro .txtBox .sdd>p {

    position: relative;

    z-index: 2;

    padding-left: 1.8em;

    font-size: var(--fz20);

    color: #666;

    line-height: 1.5

}



.sProduct2-intro .txtBox .sdd>p:before {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: .75em;

    width: 1.2em;

    height: 1.2em;

    margin-top: -.6em;

    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='M17.293 2L22.5 7.198l-1.488 1.485-5.208-5.198L17.293 2zm-5.58.371l10.415 10.397-1.488 1.484L10.225 3.856l1.488-1.485z' fill='%237FBE26'/%3E%3Cpath d='M19.896 6.084l-3.72 3.712-1.487-1.485 3.72-3.712 1.487 1.485z' fill='%237FBE26'/%3E%3Cpath d='M13.572 5.714l5.208 5.197-8.928 8.91L5.76 18.71l-1.115-4.085 8.926-8.91z' fill='%237FBE26'/%3E%3Cpath d='M13.572 4.664c.279 0 .546.11.744.307l5.207 5.198a1.049 1.049 0 0 1 0 1.485l-8.927 8.91a1.052 1.052 0 0 1-1.02.271l-4.092-1.114a1.052 1.052 0 0 1-.738-.737L3.629 14.9a1.048 1.048 0 0 1 .271-1.018l8.927-8.91a1.052 1.052 0 0 1 .744-.309zm0 2.535L5.82 14.935l.797 2.918 2.922.796 7.752-7.737-3.72-3.713z' fill='%237FBE26'/%3E%3Cpath d='M12.085 8.683l2.975 2.97-1.488 1.485-2.975-2.97 1.488-1.485zM9.48 11.282l2.232 2.227-1.488 1.485-2.232-2.227 1.488-1.485z' fill='%23fff'/%3E%3Cpath d='M6.888 19.593l.744-.743-1.488-1.485-.744.743-3.682 3.675L1.5 22h2.975l2.413-2.407z' fill='%237FBE26'/%3E%3C/svg%3E");

    background-position: 50% 50%;

    background-size: 1.2em;

    background-repeat: no-repeat

}



.sProduct2-intro .txtBox .sdd>p+p {

    margin-top: .75em

}



.sProduct2-intro .txtBox .sdd._s2>p {

    padding-left: 0

}



.sProduct2-intro .txtBox .sdd._s2>p:before {

    display: none

}



.sProduct2-intro .txtBox .pic {

    margin-left: 9.375vw;

    margin-bottom: -2rem;

    margin-top: 1.6rem;

    width: 15em;

    height: 15em;

    border-radius: 50%;

    font-size: var(--fz20);

    -webkit-box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.03);

    box-shadow: 0 .20833333vw 2.60416667vw rgba(0,0,0,.03);

    background-color: transparent

}



.sProduct2-intro .txtBox .pic img {

    -o-object-fit: scale-down;

    object-fit: scale-down

}



.sProduct2-intro .txtBox .pic:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: inherit;

    background: rgba(255,255,255,.5);

    -webkit-backdrop-filter: blur(15px);

    backdrop-filter: blur(15px)

}



.sProduct2-intro .picBox {

    width: 32em;

    font-size: var(--fz20);

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2

}



.sProduct2-intro .picBox .pic {

    width: 100%;

    height: 0!important;

    padding-bottom: 100%;

    background-color: transparent;

    border-radius: 50%

}



.sProduct2-intro .picBox .pic img {

    -o-object-fit: scale-down;

    object-fit: scale-down

}



.sProduct2-intro .picBox .pic:after {

    content: " ";

    z-index: -1;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: inherit;

    background-color: rgba(255,255,255,.5);

    -webkit-backdrop-filter: blur(15px);

    backdrop-filter: blur(15px)

}



.sProduct2-intro .picBox ._mini {

    position: absolute;

    right: 100%;

    bottom: 0;

    margin-right: .4rem;

    width: 30%;

    padding-bottom: 30%

}



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

    .sProduct2-intro {

        padding-top:2rem

    }



    .sProduct2-intro .picBox {

        margin-top: 1rem

    }



    .sProduct2-intro .picBox .pic {

        border-radius: var(--x20);

        padding-bottom: 82.14285714%

    }



    .sProduct2-intro .picBox ._mini {

        padding-bottom: 30%;

        right: 0;

        bottom: auto;

        top: 0;

        margin-right: 0;

        border-radius: var(--x20);

        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);

        box-shadow: 0 0 5px rgba(0,0,0,.1)

    }



    .sProduct2-intro .txtBox {

        z-index: 4;

        margin-right: 0

    }



    .sProduct2-intro .txtBox .sdt {

        margin-top: .8rem

    }



    .sProduct2-intro .txtBox .pic {

        margin-bottom: -1rem;

        margin-left: 0;

        border-radius: var(--x20);

        width: 20em;

        height: 13.25em

    }



    .sProduct2-intro-words {

        margin-bottom: 0

    }

}



figure{margin: 0;

    padding: 0px;

    border: 0;

    font-size: 100%;

    outline: none;}

section {

  display: block;

}

.pathClie.active{

  opacity: 1;

  clip-path: inset(0 0 0 0);

}

.logistics .index-head{

 

}

.logistics__top {

  position: relative;

  z-index: 4;

}

.logistics__title {

  margin-bottom: 1rem; text-align:center;animation-duration: 1500ms;

    animation-name: fadeInLeft;

}

.logistics__title strong {

  display: block;

  color: #232323;

  font-size:30px;

  line-height: 60px;

  font-weight: normal;

}

.logistics__tabs {

  position: relative;

  margin-top: 1rem;

  display: flex;

  overflow: hidden;

}

.logistics__item {

  position: relative;

  width: 3.5rem;

  background: url(../images/maskbg.png) center repeat-x;

  background-size: auto 100%;

  transition: 0.8s;

  overflow: hidden;

}

.logistics__item.active {

  width: calc(100vw - 5rem);

}

.logistics__item.active .logistics__defaul {

  opacity: 0;

}

.logistics__item.active .logistics__fix {

  opacity: 1;

  visibility: visible;

  transition: 0.5s 0s;

}

.logistics__item.active .logistics__imgs {

  left: 0;

}

.logistics__item.active .logistics__left {

  opacity: 1;

  transform: rotateY(0deg);

}

.logistics__item:nth-child(2) .logistics__defaul figure:before {

  background:#0D3380;

}

.logistics__item:nth-child(2) .logistics__left {

  background:#0D3380;

}

.logistics__item:nth-child(3) .logistics__defaul figure:before {

  background:#0D3380;

}

.logistics__item:nth-child(3) .logistics__left {

  background:#0D3380;

}

.logistics__defaul {

  position: relative;

  width: 3.5rem;

  transition: 0.4s;

}

.logistics__defaul figure {

  display: block;

  position: relative;

  height: 35.0833vw;

}

.logistics__defaul figure:before {

  position: absolute; border-left:1px solid #fff;

  left: 0;

  top: 0;

  z-index: 2;

  content: "";

  width: 100%;

  height: 100%;

  background:#0D3380;

}

.logistics__defaul figure img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.logistics__tt {

  display: block;

  position: absolute;

  left: 50%;

  margin-left: -0.15rem;

  top: 33.14%;

  color: #fff;

  font-size:30px;

  text-align: center;

  line-height: 1;

  writing-mode: vertical-lr;

  z-index: 4;

}

.logistics__more {

  position: absolute;

  left: 50%;

  margin-left: -0.29rem;

  bottom: 5.5208vw;

  display: flex;

  justify-content: center;

  align-items: center;

  width:1rem;

  height:1rem;

  border: 2px solid #fff;

  border-radius: 0.22rem;

  z-index: 3;

}

.logistics__more i {

  display: block;

  position: relative;

  width:.3rem;

  height:.3rem;

}

.logistics__more i:before {

  position: absolute;

  left: 50%;

  margin-left: -1.5px;

  top: 0;

  content: "";

  width: 3px;

  height: 100%;

  background: #fff;

  border-radius: 2px;

}

.logistics__more i:after {

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -1.5px;

  content: "";

  width: 100%;

  height: 3px;

  background: #fff;

  border-radius: 2px;

}

.logistics__fix {

  position: absolute;

  perspective: 2000px;

  left: 0;

  top: 0;

  display: flex;

  width: calc(100vw - 5rem);

  height: 100%;

  z-index: 4;

  transition: 0.5s 0.8s;

  opacity: 0;

  visibility: hidden;

}

.logistics__left {

  position: relative;

  width: 9.26rem;

  height: 100%; border-left:1px solid #fff;

  background:#0D3380;

  opacity: 0;

  transform: rotateY(90deg);

  transition: 0.88s;

  transform-origin: left center;

}

.logistics__left .common__btns {

  position: absolute;

  left: 8.52%;

  bottom: 5.5729vw;

}

.logistics__left .common__btns a p {

  color: #ff0;

  border-bottom-color: #fff;

}

.logistics__left .common__btns a .common__arrow {

  background: none;

  border: 2px solid #fff;

  box-sizing: border-box;

}

.logistics__text {

  position: absolute;

  left: 10%;

  top: 28%;

  right:10%;

}

.logistics__text strong {

  display: block;

  color: #fff;

  font-size:40px;

  line-height:90px;

  font-weight: normal;

}

.logistics__text p {

  margin-top: 0.12rem;

  color: #ffffff;

  font-size: 16px; line-height:34px;

}

.logistics__imgs {

  position: relative;

  left: -4.26rem;

  flex: 1;

  transition: 0.8s;

}

.logistics__imgs figure {

  display: block;

  position: relative;

  height: 100%;

}

.logistics__imgs figure:before {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  content: "";

  width: 100%;

  height: 70.95%;

}

.logistics__imgs figure img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.logistics__ico {

  position: absolute;

  left: 4.5833vw;

  bottom: 3.75vw;

  z-index: 2;

  display: flex;

}

.logistics__ico li {

  margin-right: 1.4rem;

}

.logistics__ico li b {

  display: flex;

  justify-content: center;

  align-items: center;

  margin: auto;

  width: 0.4rem;

  height: 0.4rem;

}

.logistics__ico li b img {

  display: inline-block;

  max-width: 100%;

  max-height: 100%;

}

.logistics__ico li p {

  text-align: center;

  margin-top: 0.08rem;

  color: #fff;

  font-size: 16px;

}

.supply {

  padding: 1.12rem 0 1rem;

}

.supply__list {

  margin-top: 0.66rem;

  display: flex;

  flex-wrap: wrap;

}

.supply__list li {

  margin-right: 1.7333%;

  margin-bottom: 0.24rem;

  padding: 0.1rem 0.1rem 0;

  position: relative;

  z-index: 3;

  box-sizing: border-box;

  border: 2px solid rgba(216, 22, 24, 0.5);

  border-radius: 0.12rem;

  width: 23.7%;

  overflow: hidden;

}

.supply__list li:hover {

  border-color: #d81618;

}

.supply__list li:hover:before {

  transform: scaleY(1);

}

.supply__list li:hover figure img {

  transform: scale(1.1);

}

.supply__list li:hover strong {

  color: #fff;

  transition-delay: 0.35s;

}

.supply__list li:before {

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  content: "";

  width: 100%;

  height: 100%;

  background: #d81618;

  transform: scaleY(0);

  transform-origin: center top;

  transition: 0.68s;

}

.supply__list li:nth-child(4n+4) {

  margin-right: 0;

}

.supply__list li figure {

  position: relative;

  display: block;

  padding-bottom: 77.67%;

  height: 0;

  overflow: hidden;

  line-height: 1;

  border-radius: 4px;

}

.supply__list li figure img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.supply__list li figure img {

  transition: 0.68s;

}

.supply__list li strong {

  display: flex;

  justify-content: center;

  align-items: center;

  line-height: 1.2;

  height: 0.64rem;

  color: #000000;

  font-size: 0.18rem;

  font-weight: normal;

  transition: 0.36s;

}



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

.logistics__title--center {

  text-align: center;padding:0 10%;

}

.logistics__title strong {

    font-size: 0.8rem; line-height:30px;

  }

  .logistics__tabs {

    display: block;

  }

  .logistics__item.active,

  .logistics__item {

    width: 100%;

  }

  .logistics__fix {

    width: 100%;

  }

  .logistics__defaul {

    opacity: 0;

    visibility: hidden;

  }

  .logistics__fix {

    opacity: 1;

    visibility: visible;

  }

  .logistics__left {

    opacity: 1;

    transform: translateY(0);

  }

  .logistics__imgs {

    left: 0;

  }

  .logistics__text {

    left: 12%;

    top: 18%;

  }

  .logistics__left .common__btns {

    left: 12%;

  }

  .logistics .logistics__top {

    padding-left: 5%;

  }

  .logistics__tabs {

    margin-top: 0.3rem;

  }  

}





.cooperate {

  padding: 5.3333vw 0 5.8333vw;

  position: relative; background:#f8f8f8;

  overflow: hidden;

}

.cooperate:before {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 3;

  content: "";

  width: 38.3333vw;

  height: 100%;

  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);

}

.cooperate:after {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 3;

  content: "";

  width: 38.3333vw;

  height: 100%;

  background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);

}

.cooperate__tab {

  margin-top: 0.8rem;

}

.cooperate__row {

  display: flex;

  overflow: hidden;

  margin-bottom: 0.5rem;

}

.cooperate__row:nth-child(2) .cooperate__list {

  animation-direction: reverse;

}

.cooperate__list {

  display: inline-flex;

  animation: LoopingCarousel_slideAnim__OKRSJ 30s linear infinite;

}

.cooperate__list li {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 0.4rem;

  width: 5rem;

  height: 2.8rem;

  border-radius: 4rem;

  background: #fff;

}

.cooperate__list li img {

  max-width: 90%;

  max-height: 90%;

  width: auto;

  height: auto;

}

@keyframes LoopingCarousel_slideAnim__OKRSJ {

  0% {

    transform: translate(0);

  }

  100% {

    transform: translateX(-100%);

  }

}





/* fullpage */

.fullpage-viewport {

  background-color: #c1c1c1;

}

.fullpage-viewport._loaded .fullpage-overview {

  position: absolute;

}

.fullpage-viewport._loaded .fullpage-section:after {

  -webkit-transition: all 250ms ease-out 100ms;

  transition: all 250ms ease-out 100ms;

  opacity: 1;

  visibility: visible;

  -webkit-animation: slideInDownm 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;

          animation: slideInDownm 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;

}

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

  .fullpage-viewport {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 20;

    width: 100%;

    height: 100%;

    min-width: 1200px;

    overflow-y: hidden;

    overflow-x: auto;

  }

}

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

  .fullpage-viewport {

    position: relative;

  }

}

.fullpage-viewport.mScroll {

  position: relative;

  height: auto;

}

.fullpage-viewport.mScroll > .shade {

  height: auto;

}

.fullpage-viewport.mScroll .fullpage-overview,

.fullpage-viewport.mScroll .fullpage-section {

  position: relative !important;

  height: auto !important;

}

.fullpage-viewport.mScroll .fullpage-section .vm {

  line-height: 1 !important;

  height: auto !important;

  padding-top: 1.6rem;

  padding-bottom: 1.6rem;

}

.fullpage-viewport.mScroll .fullpage-section .vmbox {

  top: auto;

  -webkit-transform: none !important;

          transform: none !important;

}

.fullpage-overview {

  position: relative;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.fullpage-bg {

  -webkit-transition: -webkit-transform 4000ms ease-out 200ms;

  transition: -webkit-transform 4000ms ease-out 200ms;

  transition: transform 4000ms ease-out 200ms;

  transition: transform 4000ms ease-out 200ms, -webkit-transform 4000ms ease-out 200ms;

}

.fullpage-section {

  position: relative;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  z-index: 2;

  background-color: #f6f6f6;

}

.fullpage-section .vm { padding-bottom:310px; padding-top:150px;

  z-index: 3;

  text-align: center;

}

.fullpage-section .vmbox {

  display: inline-block;

  vertical-align: middle;

  text-align: left;

  line-height: 1;

}

.fullpage-section .bg {

  -o-object-position: 50% 100%;

     object-position: 50% 100%;

}

.fullpage-section.leaving {

  pointer-events: none;

}



@keyframes rotateBackground {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}

 

/* 应用动画到元素 */

.rotate-background {

  background-image: url('../images/bgi-solutions-pdt.png'); /* 设置背景图像 */

  animation: rotateBackground 20s linear infinite; /* 应用动画 */

  position: absolute;

  top:-42%;

  right:-2%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  width:817px;

  height:817px;

  background-size: contain;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  pointer-events: none;

}





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

  .fullpage-section .w,

  .fullpage-section .container {

    width: 1530px;

  }

}

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

  .fullpage-section .w,

  .fullpage-section .container {

    width: 1640px;

  }

}

.fullpage-pagination {

  z-index: 30;

  position: absolute;

  right: 2%;

  bottom: 4.16666667%;

  width: 8px;

}

.fullpage-pagination .container {

  width: 100%;

  display: inline-block;

  vertical-align: middle;

}

.fullpage-pagination .btn {

  position: relative;

  display: block;

  width: 8px;

  height: 8px;

}

.fullpage-pagination .btn:nth-child(1n+2) {

  margin-top: 16px;

}

.fullpage-pagination .btn:after {

  content: " ";

  position: absolute;

  border-radius: 50%;

  -webkit-transition: all 400ms ease-out 0s;

  transition: all 400ms ease-out 0s;

  border: #cccccc solid 4px;

}

.fullpage-pagination .btn em {

  position: absolute;

  right: 100%;

  top: 0;

  padding-right: 6px;

  height: 8px;

  line-height: 8px;

  font-size: 14px;

  color: #d70c18;

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(20px);

          transform: translateX(20px);

  white-space: nowrap;

  font-weight: bold;

  text-transform: uppercase;

}

.fullpage-pagination .btn.on em {

  -webkit-transform: none !important;

          transform: none !important;

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 1;

  visibility: visible;

}

.fullpage-pagination .btn.on:after {

  border-color: #d70c18;

}

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

  .fullpage-pagination {

    display: none;

  }

}



._cnt.row {

    width: 92.5%;

    margin: 0 auto;

}

._box .masterTitle1.row {

    width: 92.5%;

    margin: 0 auto;

}

.masterTitle1 ._c {

    font-size:40px;

    font-weight: bold; color:#fff; line-height:70px;

}

.masterIcon ._ani span {

    width: 0.12rem;

    height: 0.12rem;

    position: absolute;

}

.masterIcon ._ani span:nth-child(1) {

    left: 0;

    top: 50%;

    transform: translate(-100%, 100%);

}

.masterIcon.style2 {

    background:#fff;

    color: #0D3380;

}

.masterIcon {

    width: 1rem;

    height: 1rem;

    border-radius: 50%;

    text-align: center;

    line-height: .44rem;

    font-weight: bold;

    position: relative;

    text-transform: uppercase;

}

.masterTitle1 ._t{ font-size:20px; color:#fff;} 

.Hservice{position: relative; padding-top: 6.770833333333334vw;padding-bottom: 5.208333333333334vw;overflow: hidden;}

.Hservice ._bg{position: absolute;top: 0;left: 0;width: 100%;height: 110%;z-index: -1;}

.Hservice ._bg:before{content: '';position: absolute;width: 100%;height: 100%;

top: 0;left: 0;z-index: 2;background: linear-gradient(to right,rgba(13,51,128,1),rgba(13,51,128,.2) 70%);}

.Hservice_bg{width: 100%;height: 100%;overflow: hidden;}

.Hservice_bg ._item{width: 100%;height: 100%;}

.Hservice_bg ._item>img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);

transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99);}

.Hservice_bg .swiper-slide.active ._item>img{transform:none;}

.Hservice ._tab{margin-top: 9.375vw;position: relative;}

.Hservice ._tab>img{width: 100%;}

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

.Hservice ._tabUl ._li.on{pointer-events: none;}

.Hservice ._tabUl ._li.on ._name>span{opacity: 1;transform: none;}

.Hservice ._tabUl ._li.on .masterIcon{opacity: 1;transform: translate(-50%,-50%);}

.Hservice ._tabUl ._li{position: absolute;z-index: 5;transform: translateY(-50%);}

.Hservice ._tabUl ._li .masterIcon{color:#1662b7; line-height:1rem;position: absolute;top: 50%;left: 50%;

transform: translate(-50%,-50%) scale(.5);opacity: 0;transition: transform .65s ease,opacity .65s ease;}

.Hservice ._tabUl ._li ._name{color: #fff;position: absolute;top: 1rem;left: 50%;transform: translateX(-50%);white-space: nowrap;pointer-events: none;}

.Hservice ._tabUl ._li ._name>span{display: inline-block;opacity: 0;transition: transform .65s ease,opacity .65s ease;transform: translateY(100%);}

.Hservice ._tabUl ._li ._cir{width: .5rem;height: .5rem;position: relative;}

.Hservice ._tabUl ._li ._cir span{background-color: #fff;border-radius: 50%;width: 100%;height: 100%;

position: absolute;top: 0;left: 0;transform: scale(.5);transition: all .5s ease;}

.Hservice ._tabUl ._li ._cir span:before,

.Hservice ._tabUl ._li ._cir span:after{content: '';position: absolute;border: 1px solid rgba(255, 255, 255, 0.6);

width: 100%;height: 100%;top: 0;left: 0;z-index: 0;opacity: 0;border-radius: 50%;}

.Hservice ._tabUl ._li ._cir span:before{animation: ripple 5500ms ease-out 2400ms infinite;}

.Hservice ._tabUl ._li ._cir span:after{animation: ripple 5500ms ease-out 225ms infinite;}

@keyframes ripple{

  0% {

    opacity: 1;transform: scale(1);

  }

  100% {

    opacity: 0;transform: scale(7);

  }

}

.Hservice ._tabUl ._li:nth-child(1){left: 20.9375%;top: 3%;}

.Hservice ._tabUl ._li:nth-child(2){left: 50.66666666666667%;top: 57.5%;}

.Hservice ._tabUl ._li:nth-child(3){left: 80.91666666666667%;top: 97%;}

.Hservice ._cnt{margin-top: 3.6458333333333335vw;align-items: flex-end;}

.HserviceInfo{color: #fff;width:20rem;}

.HserviceInfo ._page{line-height: 1;margin-bottom: .25rem;}

.HserviceInfo ._page span{font-size: .6rem;}

.HserviceInfo ._txt{position: relative;width: 100%;height: 2rem;}

.HserviceInfo ._txt ._item{position: absolute;top: 0;left: 0;width: 100%;display: none;}

.HserviceInfo ._txt ._item.on{display: block;position: relative;}

.HserviceInfo ._txt ._item ._title{font-size: 1rem;margin-bottom: .2rem;}

.HserviceInfo ._txt ._item ._line{line-height:1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.HserviceInfo ._txt ._item ._btn{margin-top: .5rem;}

.HserviceInfo ._txt ._item ._btn a{ color:#fff;}

.Hservice_cut{margin-left: auto;}

.Hservice_cut .Hservice_switch{width:.6rem;height:.6rem;line-height:.6rem;transition:all .5s cubic-bezier(.4,.4,0,1);

position:relative;color:#fff;text-align:center;border:1px solid #fff;border-radius:50%;z-index: 2;}

.Hservice_cut .Hservice_switch:before,

.Hservice_cut .Hservice_switch:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;

background-color:var(--color01);border-radius:50%;transition:all .5s cubic-bezier(.4,.4,0,1);}

.Hservice_cut .Hservice_switch:before{z-index:-1;transform:scale(0);}

.Hservice_cut .Hservice_switch:after{z-index:-2;opacity:0;}

.Hservice_cut .Hservice_prev{margin-right: .3rem;}



.Hservice ._tabUl ._li>a:hover ._cir span{transform: scale(.7);}

.Hservice_cut .Hservice_switch:hover:before{transform:none;}

.Hservice_cut .Hservice_switch:hover:after{opacity:.2;transform:scale(1.35);transition-delay:.1s;}

.Hservice_cut .Hservice_switch:hover{border-color:transparent;}



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

    .

	.HserviceInfo ._txt{height: 2.1rem;}

} 







.Habout{margin:0px auto;}

.sbgd{ overflow:hidden; padding:0 2% 5% 2%; background:#f8f8f8;}

.Habout_num{margin-top:2.5vw;}

.Habout_num .data_item{ float:left; text-align:center;width:22%;background-color: rgb(255, 255, 255);

    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);

    

    padding: 50px 0 50px;

    border-radius: var(--moniz-border-radius, 10px);

    overflow: hidden; margin:0 1.5%;

    text-align: center;

    height: 100%; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}

.data_item:last-child{margin-right:0;}

.data_item i{ font-size:60px; line-height:100px;color:#0D3380;}

.data_item .data_number{color:#444;}

.data_item .data_number>span{font-size:40px; font-weight:bold; color:#0D3380;line-height:70px;margin-bottom:.6vw;}

.data_item  .data_p{font-size:16px;overflow:hidden;text-overflow:ellipsis;

display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#898989;}



.Habout_num .data_item:hover{ background:#0D3380;transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}

.Habout_num .data_item:hover .data_number,.Habout_num .data_item:hover i,.Habout_num .data_item:hover .data_p,.Habout_num .data_item:hover span{ color:#fff;}





.index-banner .Hbanner_txt{position: absolute;top: 50%;left:10%; width:80%; text-align:center; z-index: 222222;color: #fff; text-align:center; }

.index-banner .Hbanner_txt ._item ._title{font-size:60px;font-weight: bold;animation: fadeInUp 1s ease-in-out both;animation-delay: .3s;margin-bottom: 20px;   }

.index-banner .Hbanner_txt ._item ._tps{font-size: 20px;font-weight: lighter;animation: fadeIn 1s ease-in-out both;animation-delay: .5s;}

.index-banner .Hbanner_txt .animated{animation-duration: 1s;}



.index-banner .banner_bg{width: 100%;

    height: 100vh;

    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(0, 0, 0, .3);}

	

	

	

.index-head1{

  position: relative;

  white-space: nowrap;animation-duration: 1500ms;

    animation-name: fadeInLeft;

}

.index-head1:after {

  content: " ";

  display: block;

  margin-top: 60px;

  width: 30px;

  height: 3px;

  background-color: #d70c18;

}

.index-head1 .en {

  font-size:18px;

  text-transform: uppercase;

  color: #666;

}

.index-head1 .cn {

  font-size:40px;

  color: #333333; line-height:80px; font-weight:bold;

}

.index-head1 .cn .c1{ color:#00428d}

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

  .index-head1 {

    text-align: center;

  }

  .index-head1:after {

    margin-left: auto;

    margin-right: auto;

  }

}

.index-solutions .vmbox {

  position: relative;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-line-pack: center;

      align-content: center;

}

.index-solutions .vmbox:after {

  display: none;

}

.index-solutions .left {

  position: relative;

  z-index: 4;

  width: 50%;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

.index-solutions .left .snum {

  margin-top:40px; font-size:16px;

  color: #333333;

}

.index-solutions .left .intros {

  position: relative;

  margin-top: 0.3rem;

}

.index-solutions .left .txt {

  display: none;

}

.index-solutions .left .txt.on {

  display: block;

}

.index-solutions .left .txt .sdt {

  color: #333333; font-size:36px; font-weight:bold;

}

.index-solutions .left .txt .sdd {

  margin-top: 0.5rem; font-size:16px;

  line-height: 1.5em;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  max-height: 4.5em;

  width: 520px;

}

.index-solutions .left .txt .sdf {

  margin-top: 0.5rem;

}

.index-solutions .Tt {

  z-index: 3;

  position: absolute;

  right:0;

  left: 50%;

  top: 0;

  bottom: 0;

}

.index-solutions .Tt:after {

  content: " ";

  z-index: -1;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  width:817px;

  height:817px;

  background-size: contain;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  pointer-events: none;

}

.index-solutions .Tt .box {

  position: absolute;

  width: 100%;

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-line-pack: center;

      align-content: center;

}

.index-solutions .Tt .box:after {

  display: none;

}

.index-solutions .Tt .box .pic {

  height: 0;

  padding-bottom: 100%;

  width: 100%;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

  -webkit-transition: all 400ms ease-out 0ms;

  transition: all 400ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

}

.index-solutions .Tt .box .pic img{max-width:100% !important;}

.index-solutions .Tt .box.on {

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 1;

  visibility: visible;

}

.index-solutions .Tt .box.on .pic {

  -webkit-transform: none !important;

          transform: none !important;

  -webkit-transition: all 600ms ease-out 50ms;

  transition: all 600ms ease-out 50ms;

  opacity: 1;

  visibility: visible;

}

.index-solutions .Tg {

  position: absolute;

  left: 0;

  top:570px;

  width: 100%;

  z-index: 6;

  padding: 0 2rem;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  height: 65px;

}

.index-solutions .Tg:before {

  content: " ";

  z-index: -1;

  pointer-events: none;

  position: absolute;

  top: 22px;

  left: 50%;

  margin-left: -2000px;

  width: 4000px;

  height: 1px;

  background-color: #e9e9e9;

}

.index-solutions .Tg .hScroll {

  height: 100%;

  overflow: visible;

}

.index-solutions .Tg .btn {

  position: relative;

  display: inline-block;

  vertical-align: top;

  text-align: center;

  padding-top: 45px;

  height: 22px;

}

.index-solutions .Tg .btn:nth-child(1n+2) {

  margin-left: 0.8rem;

}

.index-solutions .Tg .btn .dot {

  position: absolute;

  left: 50%;

  margin-left: -7.5px;

  top: 15px;

  width: 15px;

  height: 15px;

}

.index-solutions .Tg .btn .dot:before,

.index-solutions .Tg .btn .dot:after {

  content: " ";

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  border-radius: 50%;

  -webkit-transition: all 250ms ease-out 0s;

  transition: all 250ms ease-out 0s;

}

.index-solutions .Tg .btn .dot:before {

  background-color: rgba(0, 66, 141, 0.2);

  opacity: 0;

  width: 15px;

  height: 15px;

}

.index-solutions .Tg .btn .dot:after {

  background-color: #909090;

  width: 7px;

  height: 7px;

}

.index-solutions .Tg .btn span {

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  font-size: 16px;

  white-space: nowrap; font-weight:bold;

  color: #333333;

  -webkit-transition: all 250ms ease-out 0s;

  transition: all 250ms ease-out 0s;

}

.index-solutions .Tg .btn .hr {

  position: absolute;

  left: 100%;

  top: 22px;

  height: 1px;

}

.index-solutions .Tg .btn .hr:after {

  content: " ";

  position: absolute;

  z-index: -1;

  pointer-events: none;

  -webkit-transition: all 250ms ease-out 0s;

  transition: all 250ms ease-out 0s;

  left: 100%;

  top: 0;

  width: 0;

  height: 100%;

  background-color: #0D3380;

}

.index-solutions .Tg .btn.on .dot:before {

  opacity: 1;

}

.index-solutions .Tg .btn.on .dot:after {

  background-color: #0D3380;

}

.index-solutions .Tg .btn.on span {

  color: #0D3380;

}

.index-solutions .Tg .btn.on .hr:after {

  left: 0;

  width: 100%;

  -webkit-transition: left 0ms ease-out 0s, width 3000ms linear 0s;

  transition: left 0ms ease-out 0s, width 3000ms linear 0s;

}

.index-solutions .Tg .overview {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: stretch;

      -ms-flex-align: stretch;

          align-items: stretch;

  -ms-flex-line-pack: start;

      align-content: flex-start;

}

.index-solutions .Tg .overview:after {

  display: none;

}

label {

    display: inline-block;

}



/******** section title start ********/

.section-title{

    text-align: center;

    padding-bottom: 50px;

}

.section-title h2{

    color: #00428d;

    font-size: 18px;

    text-transform: capitalize;

    display: inline-block;

    position: relative;

    font-weight: 600;

}

.section-title h2::before{ 

    content: '';

    position: absolute;

    bottom: -7px;

    left: 0px;

    width: 50px;

    height: 2px;

    animation: title-before 1s infinite alternate;

    background-color: #00428d;

}

.section-title h2::after{

    content: '';

    position: absolute;

    bottom: -7px;

    left: 65px;

    width: 20px;

    height: 2px;

    background-color: #00428d;

    animation: title-after 1s infinite alternate;

}

.section-title h3{

    font-family: var(--fontTitle);

    font-size: 46px;

    font-weight: 700;

    color: #353535;

    text-transform: capitalize;

    margin-top: 25px;

    line-height: 1.1;

}

/******** section title end ********/





.page-header {

  position: relative;

  display: block; padding-top:4.8rem;

  height: 12rem; overflow: hidden;

  z-index: 1;

}



.page-header .page-header-bg{

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

	right: 0;

	bottom: 0;

    background-size: cover !important;

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    animation: bgscale 7.2s linear forwards;

    -webkit-animation: bgscale 7.2s linear forwards;

}

.page-header_abo{

  position: relative;

  display: block; padding-top: 10rem;

  height: 18rem; overflow: hidden;

  z-index: 1;

}



.page-header_abo .page-header-bg_abo{

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

	right: 0;

	bottom: 0;

    background-size: cover !important;

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    animation: bgscale 7.2s linear forwards;

    -webkit-animation: bgscale 7.2s linear forwards;

}

.page-header_pro{

  position: relative;

  display: block; padding-top: 4rem;

  height: 25rem; overflow: hidden;

  z-index: 1;

}

.page-header_pro .page-header-bg_pro{

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: 0;

	right: 0;

	bottom: 0;

    background-size: cover !important;

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    animation: bgscale 7.2s linear forwards;

    -webkit-animation: bgscale 7.2s linear forwards;

}

@keyframes bgscale {



  from {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

  }



  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }



}



.page-header-shape-1 {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  mix-blend-mode: luminosity;

  opacity: .20;

}



.page-header-shape-1 img {

  width: auto;

}



.page-header__inner {

  position: relative;

  display: block;

  z-index: 15; text-align: center;

}



.page-header__inner h2 {

  font-size: 40px;

  color: #fff;

  font-weight: 700;

  line-height: 52px;

  letter-spacing: -0.04em;

}



.thm-breadcrumb {

  position: relative;

  display: block;

}



.thm-breadcrumb li {

  position: relative;

  display: inline-block;

  color: #fff;

  font-size: 14px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.thm-breadcrumb li+li {

  margin-left: 5px;

}



.thm-breadcrumb li a {

  position: relative;

  display: inline-block;

  color: #fff;

  font-size: 14px;

  font-weight: 400;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.thm-breadcrumb li:hover a {

  color: var(--logi-base);

}

.container {

  padding-left: 15px;

  padding-right: 15px;

}





.about-four {

  position: relative;

  display: block;

  padding: 80px 0 20px;

}



.about-four__left {

  position: relative;

  display: block;

  margin-right: 100px;

}



.about-four__img-box {

  position: relative;

  display: block;

}



.about-four__img {

  position: relative;

  display: block;

  border-radius: var(--logi-bdr-radius);

}



.about-four__img>img {

  width: 100%;

  border-radius: var(--logi-bdr-radius);

}



.about-four__img-two {

  position: absolute;

  right: -130px;

  bottom: -145px;

  border-radius: var(--logi-bdr-radius);

}



.about-four__img-two>img {

  width: auto;

  border-radius: var(--logi-bdr-radius);

}



.about-four__right {

  position: relative;

  display: block;

}



.about-four__right .section-title {

  margin-bottom: 33px;

}



.about-four__text-1 {

  font-size: 22px;

  color: var(--logi-base);

  font-weight: 500;

  line-height: 34px;

  letter-spacing: var(--logi-letter-spacing);

  padding-bottom: 9px;

}



.about-four__text-2 {

  font-size: 18px;

  line-height: 34px;

  letter-spacing: var(--logi-letter-spacing);

}



.about-four__founder {

  position: relative;

  display: flex;

  align-items: center;

  margin-top: 51px;

}



.about-four__founder-img {

  position: relative;

  display: flex;

  align-items: center;

}



.about-four__founder-img img {

  border-radius: 50%;

  border: 2px solid var(--logi-primary);

  width: auto;

}



.about-four__founder-content {

  position: relative;

  margin-left: 20px;

  top: 3px;

}



.about-four__founder-name {

  font-size: 24px;

  letter-spacing: var(--logi-letter-spacing);

  font-family: var(--logi-reey-font);

  line-height: 36px;

  margin-left: 20px;

}



.about-four__founder-sub-title {

  font-size: 16px;

  letter-spacing: var(--logi-letter-spacing);

  line-height: 26px;

  color: var(--logi-base);

}











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

  .index-solutions .left {

  }

  .index-solutions .Tt {

    right: 1rem;

  }

  .index-solutions .Tg {

    padding: 0 1rem;

  }

}

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

  .index-solutions .left {

    padding-left: 0;

  }

  .index-solutions .Tt {

    right: 0;

  }

  .index-solutions .Tg {

    padding: 0;

  }

}

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

  .index-solutions .vmbox {

    display: block;

    padding-bottom: 0;

  }

  .index-solutions .left {

    width: 100%;

    text-align: center;

    padding: 0;

  }

  .index-solutions .left .snum {

    display: none;

  }

  .index-solutions .left .intros {

    margin-top: 0.6rem;

  }

  .index-solutions .left .txt .sdd {

    width: 100%;

  }

 

  

}	

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

	.rotate-background{right: -7%}

	.index-solutions .Tt {

		left: 47%;

	}

	.index-solutions .left .txt .sdd{width:440px;}

	.index-solutions .Tg{

		width: 90%;left:5%;top: 530px;

	}

	.rotate-background {

  background-image: url('../images/bgi-solutions-pdt.png'); /* 设置背景图像 */

  animation: rotateBackground 20s linear infinite; /* 应用动画 */

  position: absolute;

  top:-42%;

  right:-2%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  width:717px;

  height:717px;

  background-size: contain;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  pointer-events: none;

}

.fullpage-section .vm{padding-bottom: 280px}

	}

	

	

	







/*--------------------------------------------------------------

## Contact Page Google Map

--------------------------------------------------------------*/

.contact-page-google-map {

    position: relative;

    display: block;

}



.contact-page-google-map__box {

    position: relative;

    display: block;

    border: none;

    height: 495px;

    width: 100%;

    border-radius: var(--moniz-border-radius, 10px);

}



/*Brand Three*/

.brand-three {

    border-top: none;

    padding-top: 0;

}



.brand-border-top {

    padding-top: 118px;

    border-top: 1px solid var(--moniz-extra, #e4e4ea);

}



.product-block{ padding:0 1%;}

.product-block-one{

	position:relative;

	background:#fff;

	box-shadow:0 0 20px rgba(0,0,0,0.08);

	margin-bottom:40px;

	transition:all 500ms ease

}

.product-block-one .inner-box:hover {

	box-shadow:0 0 30px rgba(0,0,0,0.2)

}

.product-block-one .inner-box .image-box {

	position:relative;

	display:block;

	overflow:hidden;

}

.product-block-one .inner-box .image-box img {

	max-width:100%;

}

.product-block-one .inner-box:hover .image-box img {

	opacity:.15

}

.product-block-one .inner-box .image-box .category {

	position:absolute;

	top:20px;

	left:20px;

	font-size:14px;

	font-family:'Roboto',sans-serif;

	color:#fff;

	font-weight:700;

	text-transform:uppercase;

	width:46px;

	height:46px;

	line-height:46px;

	text-align:center;

	border-radius:50%

}

.product-block-one .inner-box .image-box .content-box {

	position:absolute;

	left:50%;

	top:55%;

	transform:translate(-50%,-50%);

	background:#fff; padding:20px;

	border-radius:30px;

	opacity:0;

	box-shadow:0 10px 30px rgba(0,0,0,0.2);

	transition:all 500ms ease

}

.product-block-one .inner-box .image-box .content-box li a i{ font-size:20px;}

.product-block-one .inner-box:hover .image-box .content-box {

	top:50%;

	opacity:1

}

.product-block-one .inner-box .image-box .content-box li {

	position:relative;

	display:inline-block;

	float:left;

	width:33.333%;

	border-right:1px solid #e3e3e3;

	text-align:center

}

.product-block-one .inner-box .image-box .content-box li:last-child {

	border-right:0

}

.product-block-one .inner-box .image-box .content-box li a {

	position:relative;

	display:inline-block;

	font-size:18px;

	color:#1e1e2a

}

.product-block-one .inner-box .image-box .content-box li:nth-child(2) a {

	font-size:24px

}

.product-block-one .inner-box .image-box .content-box li a span {

	position:absolute;

	left:50%;

	transform:translateX(-50%);

	top:-13px;

	width:93px;

	height:28px;

	line-height:28px;

	text-align:center;

	font-size:13px;

	font-family:'Muli',sans-serif;

	font-weight:700;

	color:#fff;

	border-radius:5px;

	visibility:hidden;

	opacity:0;

	transition:all 500ms ease

}

.product-block-one .inner-box .image-box .content-box li a:hover span {

	top:-18px;

	visibility:visible;

	opacity:1

}

.product-block-one .inner-box .image-box .content-box li a span:before {

	position:absolute;

	content:'';

	width:10px;

	height:10px;

	left:40px;

	bottom:-3px;

	transform:rotate(45deg)

}

.product-block-one .inner-box .lower-content { padding:0 40px;

	position:relative;

}

.product-block-one .inner-box .lower-content .rating {

	position:absolute;

	display:inline-block;

	left:50%;

	transform:translateX(-50%);

	top:-15px;

	background:#fff;

	border:1px solid #e3e3e3;

	border-radius:30px;

	overflow:hidden;

	text-align:center;

	padding:0 15px

}

.product-block-one .inner-box .lower-content .rating li {

	position:relative;

	display:inline-block;

	font-size:13px;

	line-height:20px

}

.product-block-one .inner-box a .lower-content h6{

	color:#333; font-size:16px; font-weight:bold; line-height:80px;

}

.product-block-one .inner-box a .lower-content .cpnr{ font-size:14px; color:#666; line-height:30px;}

.product-block-one .inner-box .lower-content .rating.light li:last-child {

	color:#a6a6af

}



.project-section { background:#f8f8f8;

	position:relative;

	padding:80px 0 50px 0

}

.project-section .sec-title {

	margin-bottom:50px

}

.project-block-one .inner-box {

	position:relative;

	display:block;

	overflow:hidden;

	margin-bottom:30px

}

.project-block-one .inner-box .image-box {

	position:relative;

	display:block;

	overflow:hidden;

	background:#2a2a38

}

.project-block-one .inner-box .image-box img {

	width:100%;

	transition:all 500ms ease

}

.project-block-one .inner-box:hover .image-box img {

	transform:scale(1.05);

	opacity:.4

}

.project-block-one .inner-box .lower-content .box {

	transform:translateY(30px); text-align:center; line-height:40%;

	opacity:0;

	transition:all 500ms ease

}

.project-block-one .inner-box:hover .lower-content .box {

	transform:translateY(0px);

	opacity:1

}

.project-block-one .inner-box .lower-content .box h3 a:hover{ color:#fff;}



.contacts-section {

	padding:0px 0 20px

}

.conatact-single-box {

	padding:1px 45px 10px;

	background:#F5F5F5;

	text-align:center;

	margin-bottom:60px; min-height:210px;

}

.contacts-icon {

	position:relative;

	top:-35px; text-align:center;width:80px; height:80px; border-radius:50px;left:50%; margin-left:-40px;

}

.contacts-icon.iconfont{ background:var(--thm-blue); color:#fff; line-height:80px; font-size:30px;}

.contact-title h5 {

	font-size:22px;

	font-weight:500;

	line-height:28px;

	padding:0 0 10px;

	margin-top:0

}

.contact-description p {

	font-size:15px;

	line-height:24px

}





h3 {

	position:relative;

	display:block;

	font-size:22px;

	line-height:30px;

	font-weight:500;

	margin-bottom:10px

}

h3 a {

	display:inline-block;

	color:#1e1e2a

}

.project-block-one .inner-box .lower-content {

	position:absolute;

	left:0;

	top:0;

	right:0;

	width:100%;

	height:100%;

	padding:25px 30px

}

.project-block-one .inner-box .lower-content .box h3 {

	color:#fff;

	margin-bottom:0; line-height:200px;

}

.project-block-one .inner-box .lower-content .box h3 a {

	color:#fff

}

.project-block-one .inner-box .lower-content .box p {

	position:relative;

	font-size:16px;

	line-height:170px;

	font-weight:700;

	background: -webkit-linear-gradient(-90deg,#fff,#fff 50%);

	-webkit-background-clip:text;

	-webkit-text-fill-color:transparent

}

.project-block-one .inner-box .lower-content .view-btn {

	position:absolute;

	right:0;

	bottom:0;

	opacity:0;

	transition:all 900ms ease

}

.project-block-one .inner-box:hover .lower-content .view-btn {

	opacity:1

}

.project-block-one .inner-box .lower-content .view-btn a {

	position:relative;

	display:inline-block;

	font-size:30px;

	color:#fff;

	width:56px; font-weight:700;

	height:56px;

	line-height:56px;

	text-align:center;

	border-top:4px solid #fff;

	border-left:4px solid #fff

}

.project-block-one .inner-box .lower-content .view-btn a i{ font-size:30px; font-weight:200;}





.blog-card{

    position:relative;

    background-color:#fff; border-bottom: 1px solid #f2f2f2;

    overflow: hidden;

    margin-bottom:30px

}

.blog-card__image{

    position:relative;

    border-top-left-radius:5px;

    border-top-right-radius:5px;

    overflow:hidden

}

.blog-card__image>img{

    width:100%; max-height:300px;

    -webkit-transform:scale(1);

    transform:scale(1);

    -webkit-transition:-webkit-transform 500ms ease;

    transition:-webkit-transform 500ms ease;

    transition:transform 500ms ease;

    transition:transform 500ms ease,-webkit-transform 500ms ease

}

.blog-card__image>a{

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    width:100%;

    height:100%;

    background-color:rgba(31,78,61,.4);

    position:absolute;

    top:0;

    left:0;

    -webkit-box-pack:center;

    -ms-flex-pack:center;

    justify-content:center;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    opacity:0;

    -webkit-transform:translateY(-20%);

    transform:translateY(-20%);

    -webkit-transition:opacity 500ms ease,-webkit-transform 500ms ease;

    transition:opacity 500ms ease,-webkit-transform 500ms ease;

    transition:opacity 500ms ease,transform 500ms ease;

    transition:opacity 500ms ease,transform 500ms ease,-webkit-transform 500ms ease

}

.blog-card__image>a::before,.blog-card__image>a::after{

    content:"";

    width:32px;

    height:2px;

    background-color:#fff;

    display:block;

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%)

}

.blog-card__image>a::after{

    -webkit-transform:translate(-50%,-50%) rotate(90deg);

    transform:translate(-50%,-50%) rotate(90deg)

}

.blog-card:hover .blog-card__image>a{

    opacity:1;

    -webkit-transform:translateY(0);

    transform:translateY(0)

}

.blog-card:hover .blog-card__image>img{

    -webkit-transform:scale(1.05);

    transform:scale(1.05)

}

.blog-card__content{



    padding:25px;

    position:relative;

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease;

    border-bottom-left-radius:5px;

    border-bottom-right-radius:5px

}

.blog-card__content h3{

    color:#333;

    font-size:16px;

    line-height:1.417;

    margin:0;

    font-weight:700;

    margin-top:10px;

    margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; 

}

@media(min-width:768px){

    .blog-card__content h3{

        font-size:22px

    }

}

@media(min-width:992px){

    .blog-card__content h3{

        font-size:20px

    }

}

.blog-card__content h3 a{

    color:#303030; font-size:16px;

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease

}

.blog-card__content h3 a:hover{

    color:var(--thm-base)

}

.blog-card__content .thm-btn{

    position:relative;

	display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    border: none;

    outline: none!important;

    background:none;

    color:#fff;

    font-size: 14px;

    border-radius: 5px;

    font-weight: 700;

    padding: 0px;

    -webkit-transition: 500ms;

    transition: 500ms;

}

.blog-card__content .thm-btn:hover{ background:none;

    color:#009041

}

.blog-card__content .thm-btn:after{ position:absolute; content:""; bottom:0;width:80px; height:2px; background:var(--thm-primary);left:0;}

.blog-card:hover .blog-card__content{

}

.blog-card__date{

    

    font-size:14px;

    font-weight:600;

    color:#666;

    line-height:1.3;

}

@media(min-width:768px){

    .blog-card__date{

        top:-37px;

        right:30px

    }

}

.blog-card__meta{

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex; font-size:14px; color:#888; line-height:24px;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;

}

.blog-card__meta a{

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    line-height:1;

    color:#6e7673;

    font-size:14px;

    font-weight:600

}

.blog-card__meta a i{

    color:var(--thm-base);

    margin-right:5px

}

.blog-card__meta a+a{

    margin-left:15px

}

.blog-grid{

    padding-top:80px;

    padding-bottom:80px

}

.blog-grid img{ max-width:100%;}

@media(min-width:1200px){

    .blog-grid{

        padding-top:60px;

        padding-bottom:60px

    }

}

.blog-grid .more-btn__box{

    margin-top:20px

}

.blog-grid .more-btn__box .thm-btn{

    font-size:18px;

    font-weight:700;

    background-color:var(--thm-black)

}

.blog-grid .more-btn__box .thm-btn:hover{

    background-color:var(--thm-base);

    color:#fff

}

.blog-home-two{

    border-top:1px solid #e9e7e2;

    padding-top:80px;

    padding-bottom:50px

}

@media(min-width:1200px){

    .blog-home-two{

        padding-top:20px;

        padding-bottom:90px

    }

}

.blog-home-two .top-row{

    margin-bottom:30px

}

@media(min-width:992px){

    .blog-home-two .top-row{

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-align:center;

        -ms-flex-align:center;

        align-items:center

    }

}

.blog-home-two .block-title{

    margin-bottom:25px

}

@media(min-width:992px){

    .blog-home-two .block-text{

        margin-top:30px

    }

}

.home-one__boxed-bg{

    position:absolute;

    bottom:0;

    left:0

}

.blog-home-one{

    padding-bottom:170px;

    position:relative

}

.blog-home-one hr{

    margin:0;

    border-color:#e9e7e2;

    border-width:1px;

    margin-top:30px

}

.blog-home__slogan{

    padding-bottom:80px

}

@media(min-width:1200px){

    .blog-home__slogan{

        margin-top:-20px;

        padding-bottom:120px

    }

}

.blog-home__slogan i{

    font-size:50px;

    color:var(--thm-base)

}

@media(min-width:992px){

    .blog-home__slogan i{

        font-size:60px;

        margin-right:30px

    }

}

@media(min-width:1200px){

    .blog-home__slogan i{

        margin-right:45px

    }

}

.blog-home__slogan h3{

    margin:0;

    font-size:20px;

    color:var(--thm-black);

    margin-top:15px;

    margin-bottom:10px;

    font-weight:600

}

@media(min-width:1200px){

    .blog-home__slogan h3{

        font-size:30px;

        margin-bottom:20px

    }

}

.blog-home__slogan p{

    margin:0;

    line-height:2.125

}

@media(min-width:1200px){

    .blog-home__slogan p{

        max-width:670px

    }

}

.blog-home__slogan-main{

    text-align:center

}

@media(min-width:992px){

    .blog-home__slogan-main{

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        text-align:left;

        -webkit-box-align:center;

        -ms-flex-align:center;

        align-items:center

    }

}

.blog-home__slogan-image{

    margin-top:30px;

    position:relative

}

@media(min-width:768px){

    .blog-home__slogan-image{

        max-width:270px;

        margin-left:auto;

        margin-right:auto

    }

}

@media(min-width:768px){

    .blog-home__slogan-image::before{

        content:"";

        width:20px;

        height:100%;

        background-color:var(--thm-primary);

        border-radius:5px;

        position:absolute;

        top:0;

        right:100%;

        margin-right:20px

    }

}

.blog-home__slogan-image>img{

    display:block;

    border-radius:5px;

    margin-left:auto;

    margin-right:auto;

    max-width:100%

}

.blog-details{

    padding-top:80px;

    padding-bottom:80px

}

@media(min-width:1200px){

    .blog-details{

        padding-top:120px;

        padding-bottom:120px

    }

}

.blog-details img{

    border-radius:5px

}

.blog-details .blog-card__content{

    padding-bottom:0;

    -webkit-box-shadow:none;

    box-shadow:none;

    padding-left:0;

    padding-right:0

}

@media(min-width:1200px){

    .blog-details .blog-card__content h3{

        font-size:34px

    }

}

.blog-details__content p{

    margin:0

}

.blog-details__content p+p{

    margin-top:10px

}

@media(min-width:1200px){

    .blog-details__content p+p{

        margin-top:30px

    }

}

.blog-details__meta{

    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;

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

    -ms-flex-direction:column;

    flex-direction:column;

    border-top:1px solid #e9e7e2;

    margin-top:30px;

    padding-top:20px

}

@media(min-width:1200px){

    .blog-details__meta{

        -webkit-box-orient:horizontal;

        -webkit-box-direction:normal;

        -ms-flex-direction:row;

        flex-direction:row;

        -webkit-box-pack:justify;

        -ms-flex-pack:justify;

        justify-content:space-between;

        margin-top:40px;

        padding-top:30px

    }

}

.blog-details__tags span{

    color:var(--thm-black);

    font-size:18px;

    font-weight:700;

    margin-right:5px

}

@media(min-width:1200px){

    .blog-details__tags span{

        font-size:24px

    }

}

.blog-details__tags a{

    font-size:16px;

    color:#6e7673;

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease

}

@media(min-width:1200px){

    .blog-details__tags a{

        font-size:18px

    }

}

.blog-details__tags a:hover{

    color:var(--thm-black)

}

.blog-details__social{

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    -webkit-box-pack:center;

    -ms-flex-pack:center;

    justify-content:center;

    margin-top:10px

}

@media(min-width:1200px){

    .blog-details__social{

        margin-top:0

    }

}

.blog-details__social a{

    width:40px;

    height:40px;

    background-color:#f6f5f2;

    border-radius:50%;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    -webkit-box-pack:center;

    -ms-flex-pack:center;

    justify-content:center;

    font-size:14px;

    color:#6e7673;

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease

}

@media(min-width:1200px){

    .blog-details__social a{

        width:50px;

        height:50px;

        font-size:15px

    }

}

.blog-details__social a+a{

    margin-left:10px

}

.blog-details__social a:hover{

    background-color:var(--thm-primary);

    color:#fff

}

.blog-sidebar{

    margin-top:50px

}

@media(min-width:1200px){

    .blog-sidebar{

        margin-top:0

    }

}

.blog-sidebar ul{

    margin:0;

    padding:0;

    list-style:none

}

.blog-sidebar h3{

    margin:0;

    font-size:18px;

    color:var(--thm-black);

    font-weight:700;

    margin-bottom:20px

}

@media(min-width:1200px){

    .blog-sidebar h3{

        font-size:20px

    }

}

.blog-sidebar__search{

    margin-bottom:30px

}

.blog-sidebar__search form{

    width:100%;

    height:90px;

    background-color:var(--thm-primary);

    border-radius:5px;

    position:relative

}

.blog-sidebar__search form input[type=text],.blog-sidebar__search form input[type=search]{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    left:0;

    background-color:transparent;

    padding-left:30px;

    padding-right:30px;

    display:block;

    border:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

    outline:none;

    color:#fff;

    font-size:16px;

    font-weight:600

}

@media(min-width:1200px){

    .blog-sidebar__search form input[type=text],.blog-sidebar__search form input[type=search]{

        padding-left:50px;

        padding-right:50px

    }

}

.blog-sidebar__search form button[type=submit]{

    width:auto;

    padding:0;

    font-size:22px;

    color:#fff;

    position:absolute;

    top:50%;

    right:30px;

    -webkit-transform:translateY(-50%);

    transform:translateY(-50%);

    background-color:transparent;

    border:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none

}

@media(min-width:1200px){

    .blog-sidebar__search form button[type=submit]{

        right:50px

    }

}

.blog-sidebar__tags{

    background-color:#f6f5f2;

    border-radius:5px;

    padding:30px;

    margin-bottom:30px

}

@media(min-width:1200px){

    .blog-sidebar__tags{

        padding:50px

    }

}

.blog-sidebar__tags-links{

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -ms-flex-wrap:wrap;

    flex-wrap:wrap;

    margin-left:-10px;

    margin-top:-20px

}

.blog-sidebar__tags-links a{

    font-size:16px;

    color:#6e7673;

    font-weight:500;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    line-height:1;

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease;

    margin-left:10px;

    margin-top:20px

}

.blog-sidebar__tags-links a:hover{

    color:var(--thm-base)

}

.blog-sidebar__posts{

    background-color:#f6f5f2;

    border-radius:5px;

    margin-bottom:30px;

    padding:30px;

    padding-bottom:0

}

@media(min-width:1200px){

    .blog-sidebar__posts{

        padding:50px

    }

}

.blog-sidebar__posts h3{

    margin-bottom:10px

}

.blog-sidebar__posts ul{

    margin-left:-20px;

    margin-right:-20px

}

.blog-sidebar__posts ul li{

    position:relative;

    padding-left:90px;

    min-height:78px;

    padding-top:30px;

    padding-bottom:30px;

    padding-right:20px;

    padding-left:110px;

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease;

    border-radius:5px

}

.blog-sidebar__posts ul li:hover{

    background-color:#fff

}

.blog-sidebar__posts ul li>img{

    position:absolute;

    top:50%;

    left:20px;

    -webkit-transform:translateY(-50%);

    transform:translateY(-50%);

    border-radius:50%

}

.blog-sidebar__posts ul li span{

    color:#6e7673;

    font-size:14px;

    font-weight:500;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    line-height:1;

    margin-bottom:10px

}

.blog-sidebar__posts ul li span>i{

    font-size:14px;

    margin-right:5px

}

.blog-sidebar__posts ul li h4{

    margin:0;

    font-size:16px;

    font-weight:700;

    line-height:1.625

}

.blog-sidebar__posts ul li h4 a{

    color:inherit

}

.blog-sidebar__categories{

    background-color:#f6f5f2;

    border-radius:5px;

    margin-bottom:30px;

    padding:30px

}

@media(min-width:1200px){

    .blog-sidebar__categories{

        padding:50px

    }

}

.blog-sidebar__categories ul li+li{

    margin-top:10px

}

@media(min-width:1200px){

    .blog-sidebar__categories ul li+li{

        margin-top:25px

    }

}

.blog-sidebar__categories ul li a{

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    color:#6e7673;

    font-weight:500;

    line-height:1

}

.blog-sidebar__categories ul li a i{

    font-size:20px;

    margin-right:10px

}

.comment-form h2,.blog-comment h2{

    margin:0;

    font-size:28px;

    font-weight:700;

    color:var(--thm-black);

    margin-bottom:20px

}

@media(min-width:1200px){

    .comment-form h2,.blog-comment h2{

        font-size:36px;

        margin-bottom:50px

    }

}

.blog-author{

    margin-bottom:50px;

    margin-top:50px;

    background-color:#f6f5f2;

    border-radius:5px;

    padding:30px;

    text-align:center

}

@media(min-width:1200px){

    .blog-author{

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-align:center;

        -ms-flex-align:center;

        align-items:center;

        text-align:left;

        padding:60px

    }

}

.blog-author__image{

    margin-right:45px

}

.blog-author img{

    border-radius:50%

}

.blog-author h3{

    margin:0;

    font-size:18px;

    color:var(--thm-black);

    margin:0;

    font-weight:700;

    margin-top:20px;

    margin-bottom:10px

}

@media(min-width:1200px){

    .blog-author h3{

        font-size:22px;

        margin-top:0

    }

}

.blog-author p{

    margin:0

}

@media(min-width:1200px){

    .blog-author p{

        margin-top:20px

    }

}

.comment-form{

    margin-top:40px

}

@media(min-width:1200px){

    .comment-form{

        margin-top:30px

    }

}

.comment-form .contact-one__form{

    margin-top:0;

    padding:0;

    margin:0

}

.blog-comment__box{

    border-bottom:1px solid #e9e7e2;

    padding-bottom:30px;

    margin-bottom:30px

}

@media(min-width:1200px){

    .blog-comment__box{

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-align:center;

        -ms-flex-align:center;

        align-items:center;

        padding-bottom:60px;

        margin-bottom:60px

    }

}

.blog-comment__box .blog-comment__image{

    margin-right:30px

}

.blog-comment__box img{

    border-radius:50%;

    margin-bottom:20px

}

.blog-comment__box h3{

    font-size:18px;

    font-weight:700;

    color:var(--thm-black);

    margin:0;

    margin-top:10px;

    margin-bottom:10px

}

@media(min-width:1200px){

    .blog-comment__box h3{

        font-size:22px;

        margin-bottom:15px

    }

}

.blog-comment__box p{

    margin:0;

    margin-bottom:20px;

    font-weight:400

}

.blog-comment__box .blog-comment__content{

    position:relative

}

.blog-comment__box .thm-btn{

    font-size:14px;

    font-weight:700;

    padding:6px 20px;

    background-color:var(--thm-primary);

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease

}

@media(min-width:1200px){

    .blog-comment__box .thm-btn{

        position:absolute;

        top:0;

        right:0

    }

}

.blog-comment__box .thm-btn:hover{

    background-color:var(--thm-black);

    color:#fff

}







#docPage {

    margin-top: 15px;margin-left:0 !important; margin-block-start:0px;padding-inline-start:0px; text-align: center; font-size:14px;

}

#docPage li{

	display:inline-block; margin-bottom:4px;

}

#docPage span, 

#docPage a, 

#docPage a:focus {

	background: #f8f8f8; padding:0 20px; margin:0px 2px;

	height: 42px;

	color: #333;

	line-height: 42px;

	text-align: center;

	position: relative;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

	display: inline-block;

}

#docPage a:hover {background: #333; color:#fff;}

#docPage li.pagebarCurrent {

	background:#0D3380;

	color: #fff;

	display: inline-block;

	line-height: 42px; padding:0 20px;

	-webkit-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);

	-moz-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);

	box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);

}

#docPage li.prev a,

 #docPage li.next a {

	box-shadow: none;

	color: #fff;

	width: auto;

	padding: 0 20px;

}





#apartPage {

    margin-top: 15px; margin-bottom:30px;

    text-align: center; font-size:14px;

}

#apartPage li{

	display:inline-block;

}

#apartPage span, 

#apartPage a, 

#apartPage a:focus {

	background: #f8f8f8; padding:0 20px; margin:0px 5px;

	height: 42px;

	color: #333;

	line-height: 42px;

	text-align: center;

	position: relative;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

	display: inline-block;

}

#apartPage a:hover {background: #333; color:#fff;}

#apartPage li.pagebarCurrent {

	background: #333;

	color: #fff;

	display: inline-block;

	line-height: 42px; padding:0 20px;

	-webkit-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);

	-moz-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);

	box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);

}

#apartPage li.prev a,

 #apartPage li.next a {

	box-shadow: none;

	color: #fff;

	width: auto;

	padding: 0 20px;

}

.ny_nav{text-align:center; width:70%; margin: 50px auto 0 auto;}

.ny_nav1{width:100%; margin:0; padding:0;}

.ny_nav li{ display:inline-block; text-align:center; font-size:16px; padding:3px 5px;}

.ny_nav a{display:block;width:100%;

    line-height:60px;

    font-size: 16px; border:1px solid #d8d8d8;

    color: #333;

    position: relative;

    text-align: center;

    }

.ny_nav ul .column_active{ color:#fff; background:var(--logi-base);}

.ny_nav ul li a:hover{ color:#fff; background:var(--logi-base);}

.ny_nav ul li a:after{content: "";

    width: 0;

    height: 1px;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 0;

    background: #f00;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;}





.ny_navcon{text-align:center; width:100%; margin: 0 auto; background: #f8f8f8;}

.ny_navcon li{ display:inline-block; text-align:center; font-size:20px; position:relative; padding:0;}

.ny_navcon a{display:inline-block;

    line-height:80px;

    font-size: 20px;

    color: #333;

    position: relative;

    text-align: center;

    }

.ny_navcon ul .column_active{ color:#002d89; border-bottom: 2px solid #002d89;}

.ny_navcon ul li a:hover{ color:#002d89;border-bottom: 2px solid #002d89;}

.ny_navcon ul li a:after{content: "";

    width: 0;

    height: 1px;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 0;

    background: #f00;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;}







.ny_navcon_cp{text-align:center; width:100%; margin: 0 auto; background: #f8f8f8;}

.ny_navcon_cp li{ display:inline-block; text-align:center; font-size:20px; position:relative; padding:0;}

.ny_navcon_cp a{display:inline-block;

    line-height:80px;

    font-size: 20px;

    color: #333;

    position: relative;

    text-align: center;

    }

.ny_navcon_cp ul .column_active{ color:#002d89; border-bottom: 2px solid #002d89;}

.ny_navcon_cp ul li a:hover{ color:#002d89;border-bottom: 2px solid #002d89;}

.ny_navcon_cp ul li a:after{content: "";

    width: 0;

    height: 1px;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 0;

    background: #f00;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    transition: all 0.6s ease-in-out;}







/*===== service area start  ====*/

.service_area{

    padding: 60px 0;

}

/* section title */

.section_title{

    text-align: center;

    position: relative;

    margin-bottom: 50px;

}

.section_title img {

    position: absolute;

    top: -20px;

    left: 40%;

}

.section_title h4{

    color: var(--bgcolor);

}

.section_title h2{

    font-size: 48px;

}

.section_title h3{

    font-size: 48px;

    color: var(--titlecolor);

}

/* section title */

.main_service_item {

    padding: 40px 25px 25px 25px;

    text-align: center;

    transition: .5s;min-height: 500px;

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);

    background-color: #fff;

    margin-bottom: 20px;

}

.main_service_item:hover{

    background-color:#0D3380;

}

.main_service_item:hover .single_service h3{

    color:#fff;

}

/* icon */

.single_service >i{

    color: #0D3380;

    font-size: 50px;

    width: 100px;

    height: 100px;

    transition: .5s;

    line-height: 100px;

    text-align: center;

    display: inline-block;

    background-color: #FCF5E4;

    border-radius: 100px 100px 100px 100px;

}



.main_service_item:hover:before {

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

    background-color: var(--bgcolor);

    -webkit-transition: .5s;

    transition: .5s;

}

/* title */

.single_service h3 {

    margin: 25px 0 25px; font-weight: bold; font-size:30px;

    transition: .5s; color: #0D3380;

}

.main_service_item:hover .single_service h3 a{

    color: #fff;

}

.single_service p {

    margin-bottom: 20px; line-height: 34px;

    transition: .5s; text-align: left;

}

.main_service_item:hover .single_service p{

    color: #fff;

}

.br_service {

    border-radius: 0px 60px 0px 60px;

}

/* service btn */

.service_btn a{

    color: #133C5C;

    font-family: "Poppins", Sans-serif;

    font-size: 14px;

    font-weight: 500;

    border-style: none;

    transition: .5s;

    padding: 12px 30px;

}

.service_btn a i {

    font-size: 30px;

    position: relative;

    bottom: -5px;

}

.main_service_item:hover .service_btn a{

    color:#fff;

}

/* h2 service css */

.h2_main_service:hover{

    background-color: rgb(0 0 0 / 70%);

}

.h2_service {

    text-align: left;

}

.h2_service i {

    background-color: transparent;

    font-size: 35px;

    width: 0;

    height: 0;

    line-height: 1;

}

.h2_service_btn a{

    border: 1px solid var(--bgcolor);

}

.h2_service_btn a:hover{

    background-color: var(--bgcolor);

}

/* h2 service css */

.h3_setion_title h4{

    margin-bottom: 15px;

}

.h3_setion_title h2,.h3_setion_title h3{

    color: #222;

    font-size: 36px;

}

/*===== service area end  ====*/







/** Style 2 **/

.pbmit-portfolio-style-2{

	overflow: hidden;

}

.pbmit-portfolio-style-2 .pbminfotech-box-content{

	position: absolute;

	top: inherit;

	bottom: 40px;

	left: 40px;

	right: 40px;

	padding: 25px 30px;

	opacity: 0;

	border-radius: 20px;

	word-break: break-word;

	transform: translateY(100%) scale(0.7);

	background: #fff;

	transition: all .5s;

}

.pbmit-portfolio-style-2:hover .pbminfotech-box-content{

	transition: all .5s;

	opacity: 1;

	transform: translateY(0);

}

.pbmit-portfolio-style-2 .pbmit-port-cat a{

	font-size: 14px;

	line-height: 20px;

	letter-spacing: 0.5px;

	text-transform: uppercase;

	color: var(--pbmit-global-color);

}

.pbmit-portfolio-style-2 .pbmit-port-cat a:hover{

	color: var(--pbmit-secondary-color);

}

.pbmit-portfolio-style-2 .pbmit-portfolio-title{

	font-size: 24px;

	line-height: 30px;

	margin-bottom: 0;

}

.pbmit-portfolio-style-2 .pbmit-portfolio-title:hover{

	color: var(--pbmit-global-color);

}

.pbmit-portfolio-style-2 .pbmit-portfolio-title{

	font-size: 22px;

	line-height: 28px;

	margin-bottom: 0;

}

.pbmit-portfolio-style-2 .pbmit-featured-wrapper{

	position: relative;

	overflow: hidden;

}

.pbmit-portfolio-style-2 .pbmit-featured-wrapper img{

	width: 100%;

	transform: scale(1.05) rotate(.5deg);

	transform-origin: 90% 50%;

	border-radius: 30px;

	transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);

}

.pbmit-portfolio-style-2:hover .pbmit-featured-wrapper img{

	transform: scale(1.001) rotate(0);

}

.pbmit-portfolio-style-2 .pbminfotech-post-content{

	position: relative;

	overflow: hidden;

	border-radius: 30px;

}

.pbmit-portfolio-style-2 .pbmit-featured-wrapper{

	position: relative;

	overflow: hidden;

}

.pbmit-portfolio-style-2 .pbmit-featured-wrapper img{

	width: 100%;

	transform: scale(1.05) rotate(.5deg);

	transform-origin: 90% 50%;

	border-radius: 30px;

	transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);

}







/*----------------------------------------*/

/*  00 - Section Title

/*----------------------------------------*/

.pbmit-heading-subheading,

.pbmit-heading-subheading-style-1 {

    margin-bottom: 50px;

	position: relative;

	z-index: 1;

}

.pbmit-heading-subheading .pbmit-subtitle{

    font-size: 16px;

    line-height: 24px;

	font-weight: normal;

    letter-spacing: 0px;

	text-transform: uppercase;

    font-style: normal;

	position: relative;

    display: inline-block;

    padding: 0 0 0 15px;

	margin-bottom: 5px;

	color: var(--pbmit-global-color);

}

.pbmit-heading-subheading .pbmit-subtitle:before{

	content: "";

    position: absolute;

    left: 0;

    top: 5px;

    border-left: 7px solid #0D3380;

    height: 14px;

    width: 14px;

    border-radius: 50%;

}

.pbmit-heading-subheading .pbmit-title{

	font-size: 34px;

    line-height: 58px;color: #0D3380;

    text-transform: none;

	font-weight: bold;

}

.pbmit-heading-subheading .pbmit-heading-desc{

	margin: 25px 0 15px 0; line-height: 36px; font-size: 18px;

}

.pbmit-bg-color-secondary{background: url(../images/jj01.jpg) no-repeat center; background-attachment: fixed;padding:20% 0;}

.pbmit-bg-color-secondary .pbmit-heading-subheading .pbmit-title,

.pbmit-bg-color-blackish .pbmit-heading-subheading .pbmit-title{

	color: var(--pbmit-white-color);

}

.pbmit-heading-subheading-style-1 .pbmit-subtitle{

	position: relative;

	margin-bottom: 25px;

    font-size: 12px;

    line-height: 20px;

    letter-spacing: .5px;

    padding: 5px 30px;

    border-radius: 20px;

	display: inline-block;

	text-transform: uppercase;

	color: var(--pbmit-global-color);

	background-color: var(--pbmit-secondary-color);

}

.pbmit-heading-subheading-style-1 .pbmit-title{

	font-size: 60px;

    line-height: 60px;

	letter-spacing: -2px;

	text-transform: none;

    font-style: normal;

	margin-bottom: 0;

	color: var(--pbmit-white-color);

}

.pbmit-heading-desc{

	margin-bottom: 15px;

}

.pbmit-bg-color-secondary .pbmit-heading-desc,

.pbmit-bg-color-blackish .pbmit-heading-desc{

	color: rgba(var(--pbmit-white-color-rgb),.8);

}

.pbmit-ihbox-style-11 {

	padding: 10px 10px 0 0;

	position: relative;

	background-color: var(--pbmit-white-color);

	border-radius: 0 40px 0 0;

}



.pbmit-ihbox-style-11 .pbmit-element-title{

	font-size: 20px;

	line-height: 22px;

	margin-bottom: 0;

	color: #fff;

	font-weight: 400;

}



.pbmit-ihbox-style-11 .pbmit-element-subtitle{

	font-size: 14px;

	line-height: 20px;

	margin-bottom: 12px;

	color: var(--pbmit-white-color);

	text-transform: capitalize;

}

.pbmit-ihbox-style-11 .pbmit-heading-desc {

	text-transform: capitalize;

	padding: 0 30px;

	color: var(--pbmit-white-color);

}

.pbmit-ihbox-style-11 .pbmit-button-inner:hover{

	color: var(--pbmit-white-color);

}

.pbmit-ihbox-style-11:hover .pbmit-ihbox-icon-wrapper,

.pbmit-ihbox-style-11:hover .pbmit-ihbox-svg-wrapper,

.pbmit-ihbox-style-11:hover .pbmit-ihbox-icon-type-text{

	transform: translate(0, -5px);

}

.pbmit-ihbox-style-11 .pbmit-sticky-corner {

	transform: rotate(90deg);

}

.pbmit-ihbox-style-11 .pbmit-top-right-corner {

	top: auto;

	right: -30px;

	bottom: 0;

}

.pbmit-ihbox-style-11 .pbmit-bottom-left-corner{

	top: -30px;

	left: 0px;

}

.pbmit-ihbox-style-11 .pbmit-ihbox-btn .pbmit-button-inner .pbmit-button-wrapper:after{

	background-color: #005483;

	color:#fff;

}

.abo01{ padding:50px 0;}

.about-two-content { width:80%; margin: 0 auto;

}

.about-two-content1{

    padding: 35px 50px 0px 0px;

}

.portfolio-two{ padding-top:80px; padding-bottom: 60px;}







.swiper-slider{

     margin-left: auto;

     margin-right: auto;

     position: relative;

     overflow: hidden;

     z-index: 1;

}

 .swiper-pagination-bullet {

    background-color: var(--pbmit-blackish-color);

    outline: none;

    height: 8px;

    width: 8px;

	opacity: 1;

    vertical-align: middle;

	border-radius: 50%;

	margin: 0 9px !important;

	display: inline-block;

}

 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal,

 .swiper-pagination-custom, .swiper-pagination-fraction {

     bottom: 5px;

     left: 0px;

	 display: flex;

     align-items: center;

     justify-content: center;

}

 .swiper-slider[data-dots="true"] {

     padding-bottom: 50px;

}

 .swiper-pagination-bullet-active{

	outline: 1px solid var(--pbmit-global-color);

    outline-offset: 4px;

}

 .swiper-button-next:after, .swiper-button-prev:after {

	content: "\e814";

    font-family: "pbminfotech-base-icons";

    font-size: 22px;

	line-height: normal;

}

 .swiper-button-prev, .swiper-rtl .swiper-button-next {

    transform: rotate(180deg);

	background-color: var(--pbmit-secondary-color);

}

 .swiper-button-next, .swiper-button-prev{

	position: absolute;

	display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    background-color: transparent;

    border: 1px solid var(--pbmit-blackish-color);

    color: var(--pbmit-blackish-color);

    transition: all 500ms ease;

}

 .swiper-button-next{

	margin-left: 10px;

}

 .swiper-button-prev{

	left: auto;

 }

 .swiper-button-prev.swiper-button-disabled{

	opacity: 1;

	cursor: pointer;

	pointer-events: auto;

 }

.swiper-button-next:hover, .swiper-button-prev:hover{

	 color: var(--pbmit-white-color);

     background-color: var(--pbmit-blackish-color);

}

.swiper-slider.marquee .swiper-slide {

    display: flex;

    width: auto!important;

}

.swiper-slider.marquee .swiper-wrapper{

    -webkit-transition-timing-function:linear !important; 

    -o-transition-timing-function:linear !important; 

    transition-timing-function:linear !important; 

}





.ihbox-section-two{

}

.about-two-leftbox{

	position: relative;

}

.about-two-leftbox img{}

.about-two-leftbox .ihbox-style-area{

	position: absolute;

	width: auto;

	max-width: 100%;

	bottom: 0;

	left: 0;

}



.about-two-content .list-group{

	padding-bottom: 30px;

}

.about-two-content .pbmit-text-editor{

	font-size: 18px;

	line-height: 25px;

	color: var(--pbmit-global-color);

}





.abt-cont5 {

  background: url(../images/dq.jpg) no-repeat center; background-attachment: fixed;

  -o-background-size: cover;

     background-size: cover;

  padding: 10% 0 10%;

}



@media (max-width: 768px) {

  .abt-cont5 {

    padding: 4rem 0;

  }

}



.abt-cont5 .abt-a5b1 {

  width: 40.35714%;

}



@media (max-width: 768px) {

  .abt-cont5 .abt-a5b1 {

    width: 100%;

  }

}



.abt-cont5 .abt-a5b1 .p {

  color: #fff;

  font-size:16px; line-height: 30px; 

  padding: 1.2rem 0 1.8rem;

}



@media (max-width: 768px) {

  .abt-cont5 .abt-a5b1 .p {

    font-size: 16px;line-height: 24px;

  }

}



.ny_tit .tit {

  color: #000000;

  font-family: 'Noto Sans SC';

  font-size: 50px;

  font-style: normal;

  font-weight: 700;

  line-height: 1.25em;

}



.ny_tit .ftit {

  color: #0075CC;

  font-size: 18px;

  font-style: normal;

  line-height: 1.5em;

  text-transform: uppercase;

}



@media (max-width: 768px) {

  .ny_tit .ftit {

    font-size: 16px;

  }

}



.ny_tit.bs .tit, .ny_tit.bs .ftit {

  color: #fff;

}







.features-two {

    position: relative;

    display: block;

    padding: 100px 0px 100px;

    background-position: center center;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1;

    counter-reset: count;

}



.features-two::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(var(--thm-base-rgb), 0.95);

    z-index: -1;

    content: "";

}



.features-two__single {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 40px 40px 30px;

    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);

    margin-bottom: 30px;min-height: 400px;

    border-radius: 10px;

    overflow: hidden;

    z-index: 1;

}



.features-two__single::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #0D3380;

    border-radius: 10px;

    transform: perspective(400px) scaleX(0);

    transform-origin: center;

    transition: all 500ms linear;

    transition-delay: 0.1s;

    z-index: -1;

}



.features-two__single:hover:before {

    opacity: 1;

    transform: perspective(400px) scaleX(1.0);

    transition: all 300ms linear;

    transition-delay: 0.1s;

}



.features-two__single::after {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(255, 0255, 255, 0.10);

    width: 100%;

    height: 10px;

    border-top-left-radius: 10px;

    border-bottom-right-radius: 10px;

    transform: perspective(400px) scaleX(0);

    transform-origin: center;

    transition: all 500ms linear;

    transition-delay: 0.1s;

    z-index: -1;

    content: "";

}



.features-two__single:hover::after {

    opacity: 1;

    transform: perspective(400px) scaleX(1.0);

    transition: all 300ms linear;

    transition-delay: 0.1s;

}



.features-two__single-top {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 22px;

}



.features-two__single-top .icon {

    position: relative;

    display: inline-block;

    color: var(--thm-base);

    font-size: 65px;

    transition-delay: 0.3s;

    transition: all 500ms ease;

}



.features-two__single-top .icon span::before {}



.features-two__single:hover .features-two__single-top .icon {

    transform: rotateY(180deg);

    transition-delay: 0.3s;

}



.features-two__single-top .count-box {

    position: relative;

    display: block;

    color: #0D3380;

    font-size: 50px;

    line-height: 1.1em;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.features-two__single:hover .features-two__single-top .count-box {

    color: rgba(255, 255, 255, 0.5);

}



.features-two__single-top .count-box::before {

    counter-increment: count;

    content: "0"counter(count);

}



.features-two__single-title {

    position: relative;

    display: block;

}



.features-two__single-title h3 {

    font-size: 20px;

    line-height: 30px;

    font-family: var(--thm-font);

    margin-bottom: 3px;

}



.features-two__single-title h3 a {

    color: var(--thm-primary);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.features-two__single-title h3 a:hover {

    color: var(--thm-base);

}



.features-two__single:hover .features-two__single-title h3 a {

    color: #ffffff;

}



.features-two__single-title p {

    font-size: 16px;

    line-height: 30px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    margin-right: -5px;

}



.features-two__single:hover .features-two__single-title p {

    color: #fff;

}





.features-two__call-box {

    position: relative;

    display: block;

    margin-top: 20px;

}



.features-two__call-box-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center; padding-bottom: 50px;

}





.features-two__call-box-inner .title {

    position: relative;

    display: block;

   text-align: center;

}



.features-two__call-box-inner .title p {

    color: var(--thm-primary);

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    margin-bottom: 10px;

}



.features-two__call-box-inner .title h2 {

    font-size: 30px;

    line-height: 80px;

    font-weight: 700;

}



.wenhuasec {

  overflow: hidden;

  width: 100%;

  position: relative;

  height: 760px;

  background-color: #fff;

}

.secbg {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

}

.secbg21 {

  background-image: url('../images/td01.jpg');

}

.secbg22 {

  background-image: url('../images/td02.jpg');

  background-position: right;

}

.secbg23 {

  background-image: url('../images/td03.jpg');

}

.secwz {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 480px;

  height: 100%;

  color: #fff;

  position: absolute;

  right: 50%;

  top: 0;

  z-index: 2;

  margin-right: -800px;

}

.secwz.odd {

  left: 50%;

  margin-left: -800px;

  right: auto;

  margin-right: auto;

}

.secwz .inner {

  margin: auto 0;

  width: 100%;

}

.secwz h3 {

  font-size: 42px;

  line-height: 52px;

  font-family: "Century";

  text-transform: uppercase;

}

.secwz h3 span {

  display: block;

}

.secwz h4 {

  font-size: 32px;

  line-height: 44px;

  font-weight: bold;

  margin-top: 10px;

}

.secwz .hx {

  width: 100%;

  height: 1px;

  background-color: rgba(255, 255, 255, 0.2);

  margin: 28px 0 34px;

}

.secwz .txt {

  font-size: 20px;

  line-height: 34px;

  max-height: 204px;

  overflow: hidden;

}

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

  .secwz {

    right: 10%;

    margin-right: 0;

  }

  .secwz.odd {

    left: 10%;

    margin-left: 0;

    right: auto;

    margin-right: auto;

  }

}

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

  .secwz {

    right: 5%;

  }

  .secwz.odd {

    left: 5%;

  }

}

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

  .secwz h3 {

    font-size: 32px;

    line-height: 44px;

  }

  .secwz h4 {

    font-size: 22px;

    line-height: 36px;

  }

  .secwz .txt {

    font-size: 18px;

    line-height: 30px;

  }

}

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

  .secwz {

    width: 400px;

  }

}





/* join

-------------------------------------------------------------- */

.join{

	background:#fff; padding:60px 0;

	}

.joinnr{

	width:100%;

	overflow:hidden;

	}

.joinfbnr{

	width:100%;

	overflow:hidden;

	font-size:18px;

	line-height:30px;

	margin-top:50px;

	}

.joinfbnr p{

	overflow:hidden;

	font-size:16px;

	line-height:30px;

	}

.joinfbnr img{

	max-width:100%;

	height:auto;

	}

.jointit .tit h3:before{

	left: 230px;

}

.jointit .tit h3:after{

	left: 235px;

}

.joinfbnr dl{

	width:47%;

	overflow:hidden;

	float:left;

	border-bottom: 1px solid #e3e3e3;

	padding-bottom: 20px;

	margin-top:20px;

}

.joinfbnr dl:nth-child(2n+1){

	margin-right:3%;

}

.joinfbnr dl:nth-child(2n){

	margin-left:3%;

}

.joinfbnr dl dt,.joinfbnr dl dd{

	width:100%;

	overflow:hidden;

}

.joinfbnr dl dt{

	font-size:20px;

	line-height:30px;

	color:#332c2b;

}

.joinfbnr dl dd,.joinfbnr dl dd p{

	font-size:16px;

	line-height:30px;

}	

.services-item .services-wrap {

  position: relative;

  overflow: hidden;

}

.services-item .services-wrap .services-image img {

  width: 100%;

  height: auto;

  max-width: unset;

}

.services-item .services-wrap .services-content {

  padding: 20px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  width: 100%;

  background: rgba(0, 0, 0, 0.7);

  height: 100%;

  transition: 0.5s;

  opacity: 0;

  visibility: hidden;

}

.services-item .services-wrap .services-content .service-inner {

  text-align: center;

  position: absolute;

  width: 100%;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  padding: 20px;

}

.services-item .services-wrap .services-content .service-inner .icon-top {

  background: #dfc19e;

  display: inline-block;

  margin-bottom: 20px;

  border-radius: 50%;

}

.services-item .services-wrap .services-content .service-inner .icon-top img {

  max-width: 100px; border-radius:50px;

  transform: scale(1);

}

.services-item .services-wrap .services-content .service-inner .services-titles .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  margin: 0 0 10px;

}

.services-item .services-wrap .services-content .service-inner .services-titles .title a {

  color: #ffffff; font-size:18px; font-weight:bold;

}

.services-item .services-wrap .services-content .service-inner .services-txt {

  color: #CECCCC;

  margin-bottom: 30px;

}

.services-item .services-wrap .normarl-text-area {

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #f7f7f7;

  padding-left: 30px;

  transition: 0.5s;

  position: absolute;

  width: 100%;

  bottom: 0;

  right: 0;

}

.services-item .services-wrap .normarl-text-area .services-titles .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  margin: 0 0 10px;

}

.services-item .services-wrap .normarl-text-area .services-titles .title a {

  color: #010d14; font-size:15px; font-weight:bold;

}

.services-item .services-wrap .normarl-text-area .icon-image {

  background: #00428d;

  padding: 15px 20px;

}

.services-item .services-wrap .normarl-text-area .icon-image i{

  margin-bottom: 0;

  border-radius: 0;

  max-width: 42px; color:#fff; font-size:30px;

  transform: scale(1);

}

.services-item .services-wrap:hover .services-content {

  visibility: visible;

  opacity: 1;

}

.services-item .services-wrap:hover .normarl-text-area {

  opacity: 0;

  visibility: hidden;

  right: -100%;

}











.product__top {

  text-align: center;

}

.product__top strong {

  margin: auto;

  width:40%;

}

.product__top p {

    margin-bottom: 2%;

    line-height: 1;

    color: #000000;

    font-size:24px;

}

.product__top strong {

    display: block;

    color: #0D3380;

    font-size: 30px;

    line-height:36px;



}

.product__btn {

  display: flex; margin-top: 2%;

  justify-content: center;

}

.product__btn span {

  margin-right: 2%;

  position: relative;

  padding-left:2%;

  cursor: pointer;

  color: #000000;

  font-size: 18px;

}

.product__btn span.active:before,

.product__btn span:hover:before {

  transform: scale(1);

}

.product__btn span:before {

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -0.09rem;

  content: "";

  width: 0.17rem;

  height: 0.17rem;

  border-radius: 50%;

  background: #000;

  transform: scale(0);

  transition: 0.3s;

}

.product__btn span:last-child {

  margin-right: 0;

}

.product__tabs {

  margin-top: .14rem;

  padding-top:4.3rem;

  position: relative;

  z-index: 3;

  overflow: hidden;

}

.product__tabs:before {

  position: absolute;

  left: 50%;

  margin-left: -50%;

  bottom: 0;

  z-index: -1;

  content: "";

  width:100%;

  height: 36.7708vw;

  background: url(../images/productbg.png) center bottom no-repeat;

  background-size: 100% auto;

}

.product__swiper {

    margin: 0 0%;

	height: 16rem;

}

.product-slide {

  width: 33.333%;

  text-align: center;

  transition: margin 0.5s;

  margin-top: 3.3rem;

}

.product-slide a {

  transform: rotate(32deg);

}

.product-slide.swiper-slide-active {

  margin-top: 0;

}

.product-slide.swiper-slide-active a {

  opacity: 1;

  transform: rotate(0);

}

.product-slide.swiper-slide-active figure {

  transform: scale(1);

}

.product-slide a {

  display: inline-block;

  transition: 0.5s;

  opacity: 0.3;

}

.product-slide.swiper-slide-prev {

  margin-top: 1.3rem;

}

.product-slide.pprev{

	 margin-top: 2.3rem; background:#F00;	

}

.product-slide.swiper-slide-prev a {

  transform: rotate(-32deg);

}

.product-slide.swiper-slide-next {

  margin-top: 1.3rem;

}

.product-slide.nnext{

	 margin-top: 2.3rem; background:#F00;	

}

.product-slide.swiper-slide-next a {

  transform: rotate(32deg);

}

.product-slide.swiper-slide-duplicate-next {

  margin-top: 4.6rem;

}

.product-slide.swiper-slide-duplicate-next a {

  transform: rotate(-50deg);

}

.product-slide.swiper-slide-duplicate-prev {

  margin-top: 2.6rem;

}

.product-slide.swiper-slide-duplicate-prev a {

  transform: rotate(50deg);

}



.product-slide figure {

  display: block;

  height: 7.93rem;

  text-align: center;

  transform: scale(0.7);

  transform-origin: center bottom;

  transition: 0.5s;

}

.product-slide figure img {

  display: inline-block;

  width: auto;

  max-height: 100%;

}

.product-slide strong {

  display: block;

  position: relative;

  margin-top: 0.32rem;

  color: #000000;

  font-size: 20px;

  font-family: "HarmonyOS_Sans_SC_Medium";

  font-weight: normal;

}

.product__more {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  z-index: 5;

  bottom: 12.6458vw;

}

.product__list {

  position: absolute;

  left: 1.5vw;

  right: 1.5vw;

  top: 0;

  z-index: -1;

}

.product__items {

  position: absolute;

  left: 0;

  top: 0;

  display: flex;

  justify-content: space-between;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  transform: translateY(40px);

}

.product__items.active {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  transition: 0.5s;

}

.product__infos strong {

  display: block;

  margin-bottom: 0.1rem;

  line-height:30px;

  color: #0D3380;

  font-size:24px;



}

.product__infos span {

  display: block;

  margin-bottom: 0.22rem;

  color: #888888;

  font-size: 18px;

  line-height: 2;

}

.product__infos p {

  color: #000000;

  font-size: 20px;

  line-height: 1.7;width:40%;

}

.product__tags {

  position: relative;

}

.product__tags:before {

  position: absolute;

  top: 0.12rem;

  bottom: 0.6rem;

  left: 0.05rem;

  content: "";

  width: 1px;

  background: #D1D1D1;

}

.product__tags p {

  position: relative;

  padding-left: 0.4rem;

  margin-bottom: 0.3rem;

  color: #000000;

  font-size: 16px;

  max-width: 6.6rem;

}

.product__tags p:last-child {

  margin-bottom: 0;

  height: 0.4rem; line-height: 30px;

}

.product__tags p:last-child:before {

  top: 0.14rem;

}

.product__tags p:before {

  position: absolute;

  left: 0;

  top: 0.12rem;

  content: "";

  width: 0.1rem;

  height: 0.1rem;

  background: #000;

  border-radius: 50%;

}

.product__tags p:nth-child(2):after {

  position: absolute;

  left: -0.1rem;

  top: 50%;

  margin-top: -0.15rem;

  box-sizing: border-box;

  content: "";

  width: 0.3rem;

  height: 0.3rem;

  border: 1px solid #000;

  border-radius: 50%;

}

.product__tags p b {

  color: #666666;

  font-weight: normal;

}

.product__tabs {

  position: relative;

}

.product__tabs--item {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  opacity: 0;

  visibility: hidden;

}

.product__tabs--item.active {

  position: relative;

  opacity: 1;

  visibility: visible;

  transition: 0.6s;

  z-index: 3;

}

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

	.ny_navcon{width:100%;left:0;}

	.ny_navcon a{font-size: 16px; line-height: 40px; font-size: 16px;}	

	.ny_navcon_cp li a{font-size: 16px; line-height: 40px;}

	.features-two__single{min-height:auto;}

	.about-four img{max-width:100%; height:100%}

	.page-header_pro{

  position: relative;

  display: block; padding-top: 2rem;

  height: auto; overflow: hidden;

  z-index: 1;

}

	.product__top strong{width:100%; font-size: 14px;}

	.product__tags{display:none;}

	.product__items.active {

    position: relative;

  }

  .product__list {

    position: relative;

    padding: 0 5%;

    left: 0;

    right: 0;

  }

  .product-slide a {

    transform: rotate(0) !important;

    margin-top: 0;

  }

  .product__tabs:before {

    display: none;

  }

  .product-slide {

    margin-top: 0 !important;

  }

  .product-slide figure {

    transform: scale(1); height: 13rem;

  }

  .product__swiper {

    margin: 0;

    margin-top: 0.4rem;

    height: auto;

  }

  .product__more {

    position: relative;

    left: 0;

    transform: translateX(0);

    margin-top: 1.5rem;

    bottom: auto;

    text-align: center;

  }

  .product__center {

    padding-bottom: 1.6rem;

  }

}













@-webkit-keyframes scroll2 {

  0% {

    top: 0;

  }

  60% {

    top: 50%;

  }

  100% {

    top: 100%;

  }

}



@-moz-keyframes scroll2 {

  0% {

    top: 0;

  }

  60% {

    top: 50%;

  }

  100% {

    top: 100%;

  }

}



@-o-keyframes scroll2 {

  0% {

    top: 0;

  }

  60% {

    top: 50%;

  }

  100% {

    top: 100%;

  }

}



@keyframes scroll2 {

  0% {

    top: 0;

  }

  60% {

    top: 50%;

  }

  100% {

    top: 100%;

  }

}

.section3 {

  position: relative;

  overflow: hidden;

}



@media (max-width: 768px) {

  .section3 {

    padding: 0;

  }

}

.flex2 {

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;



}

.section3 .title_a1 {

  position: absolute;

  left: 0;

  width: 100%;

  top: 10.9375rem;

  text-align: center;

  z-index: 9;

}



@media (max-width: 768px) {

  .section3 .title_a1 {

    display: none;

  }

}



.section3 .title_a1 .tit {

  color: #fff;

}



.section3 .title_a1 .ftit {

  color: #fff;

}



.section3 .a3_v2 {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.section3 .a3_v2 dl {

  height: 100%;

}



.section3 .a3_v2 dl img {

  width: 100%;

  height: 100vh;

  -o-object-fit: cover;

     object-fit: cover;

}



@media (max-width: 990px) {

  .section3 .a3_v2 dl img {

    height: 50vh;

  }

  .viewMore--3t8jh{

    display: none;

  }

  .pc-banner .viewMore--3t8jh{

    display: block;

  }

}



@media (max-width: 768px) {

  .section3 .a3_v2 dl img {

    height: 100%;

  }

}



.section3 .a3_v1 {

  z-index: 9;

  position: relative;

}



.section3 .a3_v1 .a3_b1 li {

  width: 33.333333%;

  height: 100vh;

  padding: 0 2%;

  text-align: center;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-align-items: flex-end;

     -moz-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  position: relative;

  overflow: hidden;

}

@media (max-width: 1440px) {

  .section3 .a3_v1 .a3_b1 li {

    height: 100vh;

  }

}

@media (max-width: 990px) {

  .section3 .a3_v1 .a3_b1 li {

    height: 100vh;

  }

}



@media (max-width: 768px) {

  .section3 .a3_v1 .a3_b1 li {

    height: 40vh;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

}



.section3 .a3_v1 .a3_b1 li + li {

  border-left: 1px solid rgba(255, 255, 255, 0.2);

}



.section3 .a3_v1 .a3_b1 li::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -100%;

  background: -webkit-linear-gradient(bottom, #0D3380 -20%, rgba(44, 44, 44, 0) 100%);

  background: -moz-linear-gradient(bottom, #0D3380 -20%, rgba(44, 44, 44, 0) 100%);

  background: -o-linear-gradient(bottom, #0D3380 -20%, rgba(44, 44, 44, 0) 100%);

  background: linear-gradient(0deg, #0D3380 -20%, rgba(44, 44, 44, 0) 100%);

  width: 100%;

  height: 100%;

  -webkit-transition: all .6s;

  -o-transition: all .6s;

  -moz-transition: all .6s;

  transition: all .6s;

}



.section3 .a3_v1 .a3_b1 li:nth-child(2)::after {

  content: '';

  position: absolute;

  left: -1px;

  height: 60px;

  top: 0;

  width: 2px;

  background: #109cd9;

  -webkit-animation: scroll2 2.1s linear infinite;

     -moz-animation: scroll2 2.1s linear infinite;

       -o-animation: scroll2 2.1s linear infinite;

          animation: scroll2 2.1s linear infinite;

}



.section3 .a3_v1 .a3_b1 li:nth-child(3)::after {

  content: '';

  position: absolute;

  left: -1px;

  height: 60px;

  top: 0;

  width: 2px;

  background: #109cd9;

  -webkit-animation: scroll2 1.8s linear infinite;

     -moz-animation: scroll2 1.8s linear infinite;

       -o-animation: scroll2 1.8s linear infinite;

          animation: scroll2 1.8s linear infinite;

}



.section3 .a3_v1 .a3_b1 li:nth-child(4)::after {

  content: '';

  position: absolute;

  left: -1px;

  height: 60px;

  top: 0;

  width: 2px;

  background: #109cd9;

  -webkit-animation: scroll2 2.4s linear infinite;

     -moz-animation: scroll2 2.4s linear infinite;

       -o-animation: scroll2 2.4s linear infinite;

          animation: scroll2 2.4s linear infinite;

}



@media (max-width: 768px) {

  .section3 .a3_v1 .a3_b1 li:nth-child(5) {

    width: 100%;

  }

}



.section3 .a3_v1 .a3_b1 li:nth-child(5)::after {

  content: '';

  position: absolute;

  left: -1px;

  height: 60px;

  top: 0;

  width: 2px;

  background: #109cd9;

  -webkit-animation: scroll2 1.5s linear infinite;

     -moz-animation: scroll2 1.5s linear infinite;

       -o-animation: scroll2 1.5s linear infinite;

          animation: scroll2 1.5s linear infinite;

}



.section3 .a3_v1 .a3_b1 li .cont-p {

  color: #FFFFFF;

  text-align: center;

  width: 100%;

  margin-bottom: 10.9375rem;

  -webkit-transition: all .6s;

  -o-transition: all .6s;

  -moz-transition: all .6s;

  transition: all .6s;

  position: relative;

  z-index: 1;

}



@media (max-width: 768px) {

  .section3 .a3_v1 .a3_b1 li .cont-p {

    margin-bottom: 0;

  }

}



.section3 .a3_v1 .a3_b1 li .cont-p u {

  display: block;

  font-size: 0;

  width: 5.625rem;

  margin: 0 auto;

}

.section3 .a3_v1 .a3_b1 li .cont-p u i{ font-size:30px;}



@media (max-width: 768px) {

  .section3 .a3_v1 .a3_b1 li .cont-p u {

    width: 3.5rem;

  }

}



.section3 .a3_v1 .a3_b1 li .cont-p u img {

  width: 100%;

  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(97deg) brightness(108%) contrast(105%);

          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(97deg) brightness(108%) contrast(105%);

}



.section3 .a3_v1 .a3_b1 li .cont-p .tit { font-size:22px; font-weight:bold;

  margin: 1rem 0 0.8rem;

}



@media (max-width: 768px) {

  .section3 .a3_v1 .a3_b1 li .cont-p .tit {

    font-size: .8rem;

    margin: 0.5rem 0 0.4rem;

  }

}



.section3 .a3_v1 .a3_b1 li .cont-p .p {

  display: none; line-height: 28px;

}



.section3 .a3_v1 .a3_b1 li .cont-p a.more-b {

  margin-top: 2.75rem;

  display: none;

}



@media (max-width: 768px) {

  .section3 .a3_v1 .a3_b1 li .cont-p a.more-b {

    margin-top: 1rem;

  }

}



.section3 .a3_v1 .a3_b1 li:hover::before,.section3 .a3_v1 .a3_b1 li.on::before {

  bottom: 0;

}



.section3 .a3_v1 .a3_b1 li:hover .cont-p,.section3 .a3_v1 .a3_b1 li.on .cont-p  {

  margin-bottom: 5.625rem;

}



@media (max-width: 768px) {

  .section3 .a3_v1 .a3_b1 li:hover .cont-p,.section3 .a3_v1 .a3_b1 li.on .cont-p {

    margin-bottom: 0;

  }

}



.section3 .a3_v1 .a3_b1 li:hover .cont-p .p,.section3 .a3_v1 .a3_b1 li.on .cont-p .p  {

  display: block;

}



.section3 .a3_v1 .a3_b1 li:hover .cont-p a.more-b,.section3 .a3_v1 .a3_b1 li.on .cont-p a.more-b {

  display: inline-block;

}

.more-b {

    display: inline-block;

    padding: 0.38rem 2rem;

    border-radius: 3.125rem;

    color: #A9A9A9;

    overflow: hidden;

    position: relative;

    border: 1px solid #A9A9A9;

    z-index: 1;

}

.more-b.bs {

    border-color: #fff;

    color: #fff;

}

.more-b.bs:hover {

    background-color: #0D3380; border:1px solid #0D3380;

}

.more-b::after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: -1;

    border-radius: 3.125rem;

    background-color: #0075CC;

    -webkit-transform: scaleX(0);

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: center right;

    -moz-transform-origin: center right;

    -ms-transform-origin: center right;

    -o-transform-origin: center right;

    transform-origin: center right;

    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);

    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);

    -o-transition: -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);

    -moz-transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1);

    transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);

    transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);

}







@keyframes huxi {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.1);

  }

  100% {

    transform: scale(1);

  }

}

.social_responsibility .ty_top {

  text-align: center; padding-bottom: 50px;

}

.social_responsibility .ty_top .txt {

  font-size:40px;color: #0D3380;

  font-weight: bold;

}

.social_responsibility .ty_top .desc {

  margin-top:30px;

  color: #666;

  font-size:18px;

}

.social_responsibility .ty_bot {

  margin-top: 0.56rem;

  display: grid;

  gap: var(--f20);

}

.social_responsibility .ty_bot .item {

  position: relative;

}

.social_responsibility .ty_bot .item .bk {

  width: 100%;

}

.social_responsibility .ty_bot .item .bk img {

  width: 100%;

}

.social_responsibility .ty_bot .item .post {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: linear-gradient(to right, rgba(0, 31, 51, 0.8), rgba(0, 31, 51, 0));

  padding: 100px;

  display: flex;

}

.social_responsibility .ty_bot .item .post > div {

  margin: auto 0;

  width: 50%;

  color: #fff;

}

.social_responsibility .ty_bot .item .post > div .svg {

  height: 1.6rem;

}

.social_responsibility .ty_bot .item .post > div .svg i {

  font-size: 30px;

}

.social_responsibility .ty_bot .item .post > div .txt {

  margin: 14px 0 26px;

  font-size: 36px;

}

.social_responsibility .ty_bot .item .post > div .desc {

  font-size: 18px;

  line-height: 1.8;

  /*line-height: var(--f30);*/

  /*height: calc(var(--f30) * 5);*/

  /*overflow: auto;*/

  /*padding-right: 0.1rem;*/

}

.social_responsibility .ty_bot .item .post > div .desc::-webkit-scrollbar {

  width: 2px;

  height: 2px;

}

.social_responsibility .ty_bot .item .post > div .desc::-webkit-scrollbar-thumb {

  border-radius: 2px;

  background: #fff;

}

.social_responsibility .ty_bot .item .post > div .desc::-webkit-scrollbar-track {

  border-radius: 2px;

  background: rgba(255, 255, 255, 0.5);

}









.section-md {

    padding-top: 100px;

    padding-bottom: 70px;

}

.ihbox-one-left-col,

.ihbox-one-right-col{

	width: 28%;

	padding-top: 30px;

}

.ihbox-one-img-col .ihbox-imgbox{

	text-align: center;

	padding-right: 70px;

}

.ihbox-one-img-col .ihbox-imgbox img{

	transform: perspective(100px) rotateY(-3deg);

    border-radius: 15px;

    transition: .9s;

}

.ihbox-one-img-col .ihbox-imgbox:hover img{

	transform: rotateY(10deg) !important;

    cursor: crosshair;

}

.ihbox-one-img-col{

	width: 44%;

}

.pbmit-miconheading-style-8{

	margin-bottom: 30px;

}

.pbmit-ihbox-style-8,

.pbmit-ihbox-style-8 .pbmit-ihbox-contents,

.pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper i,

.pbmit-ihbox-style-8 .pbmit-icon-type-icon,

.pbmit-ihbox-style-8 .pbmit-ihbox-icon::before,

.pbmit-ihbox-style-8 .pbmit-ihbox-svg::before,

.pbmit-ihbox-style-8 .pbmit-ihbox-icon-type-text,

.pbmit-ihbox-style-8 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg{

	transition: all 0.3s ease-in;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-box{

	align-items: flex-start;

}

.pbmit-miconheading-style-8 .pbmit-ihbox-style-8 .pbmit-ihbox-box{

	margin-bottom: 45px;

}

.pbmit-miconheading-style-8:last-child .pbmit-ihbox-style-8 .pbmit-ihbox-box{

	margin-bottom: 0;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-icon,.pbmit-ihbox-style-8 .pbmit-ihbox-svg{

	margin-right: 25px;

	position: relative;

	display: inline-block;

	background-color:#0D3380;

	color:#fff;

	border-radius: 50%;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper,

.pbmit-ihbox-style-8 .pbmit-ihbox-svg-wrapper{

	border-radius: 50%;

	height: 80px;

	width: 80px;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	border-radius: 50%;

	overflow: hidden;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-box .pbmit-ihbox-icon::before,

.pbmit-ihbox-style-8 .pbmit-ihbox-box .pbmit-ihbox-svg::before{

	content: "";

	position: absolute;

	background-color: var(--pbmit-secondary-color);

	left: 50%;

	top: 50%;

	border-radius: 50%;

	transform: translate(-20px, -20px);

	width: 40px;

	height: 40px;

	opacity: 0;

}

.pbmit-ihbox-style-8:hover .pbmit-ihbox-box .pbmit-ihbox-icon::before,

.pbmit-ihbox-style-8:hover .pbmit-ihbox-box .pbmit-ihbox-svg::before{

	width: 100%;

	height: 100%;

	transform: translate(0, 0);

	left: 0;

	top: 0;

	opacity: 1;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-icon-wrapper i,

.pbmit-ihbox-style-8 .pbmit-icon-type-icon {

	font-size: 35px;

	line-height: 35px;

	color: var(--pbmit-white-color);

}

.pbmit-ihbox-style-8:hover .pbmit-ihbox-icon-wrapper i,

.pbmit-ihbox-style-8:hover .pbmit-icon-type-icon{

	color: var(--pbmit-white-color);

}

.pbmit-ihbox-style-8 .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg{

	width: 50px;

	height: 50px;

}

.pbmit-ihbox-style-8:hover .pbmit-ihbox-svg .pbmit-ihbox-svg-wrapper svg,

.pbmit-ihbox-style-8:hover .pbmit-ihbox-icon .pbmit-ihbox-icon-wrapper svg{

	fill: var(--pbmit-white-color);

}

.pbmit-ihbox-style-8 .pbmit-element-title {

	font-size: 20px;

	line-height: 30px;

	margin-top: 10px;

}

.pbmit-ihbox-style-8 .pbmit-heading-desc {

	margin-bottom: 0;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-icon-type-image{

	background-color: transparent;

}

.pbmit-ihbox-style-8 .pbmit-ihbox-icon-type-text{

	font-size: 40px;

}

.pbmit-ihbox-style-8:hover .pbmit-ihbox-icon-type-text{

	color: var(--pbmit-white-color);

}









.about-section-three{

	padding: 145px 0px 130px 0px;

}

.about-three-left-area{

	padding-right: 120px;

}

.about-three-rightbox{

	padding-left: 80px;

}

.about-three-rightbox .fid-style-area{

	left: -72px;

	top: 10px;

	z-index: 1;

}

.about-three-img1{

	margin-top: -40px;

}

.about-three-rightbox img{

	border-radius: 30px;

}

.accordion-two-rightbox .chair-img, .accordion-two-rightbox .sofa-img, .testimonial-two .ihbox-style-area, .about-three-rightbox .fid-style-area, .about-three-img2 {

    position: absolute;

    width: auto;

    max-width: 100%;

}

.about-three-img2{

	left: -25px;

	bottom: -30px;

}

.pbmit-ihbox-style-1 {

    border-bottom: 1px solid rgba(0,0,0,.1);

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.pbmit-ihbox-style-1 .pbmit-element-title {

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 0;

}

.img-fluid {

    max-width: 100%;

    height: auto;

}

.pbmit-heading-subheading,

.pbmit-heading-subheading-style-1 {

    margin-bottom: 50px;

	position: relative; text-align: center;

	z-index: 1;

}

.pbmit-heading-subheading .pbmit-subtitle{

    font-size: 18px;

    line-height: 50px;

	font-weight: normal;

    letter-spacing: 0px;

	text-transform: uppercase;

    font-style: normal;

	position: relative;

    display: inline-block;

    padding: 0 0 0 15px;

	margin-bottom: 5px;

	color: var(--pbmit-global-color);

}

.pbmit-heading-subheading .pbmit-subtitle:before{

	content: "";

    position: absolute;

    left: 0;

    top: 5px;

    border-left: 7px solid var(--pbmit-global-color);

    height: 14px;

    width: 14px;

    border-radius: 50%;

}

.pbmit-heading-subheading .pbmit-title{

	font-size: 38px;

    line-height: 48px;

    text-transform: none;

    font-style: normal;

}

.pbmit-heading-subheading .pbmit-heading-desc{

	margin: 50px 0 0px 0; text-align: left;

}





/*--------------------------------------------------------------

# All Contact Info

--------------------------------------------------------------*/

.all_contact_info {

  position: relative;

  display: block;

}

.all_contact_info_inner {

  position: relative;

  display: block;

  padding: 30px 0 30px;

}

.all_contact_info_single {

}

.all_contact_info_single .icon,

.all_contact_info_single .content {

  vertical-align: middle;

}

.all_contact_info_single .icon {

  width: 65px; margin:0 auto;

}



.all_contact_info_single .icon span {

  height: 65px;

  width: 65px;

  background:var(--moniz-primary, #bd1821);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease; color:#fff; font-size:30px;

}

.all_contact_info_single:hover .icon span {

  background:#000;

}

.all_contact_info_single .icon span:before {

  font-size: 20px;

  color:#fff;

  line-height: 25px;

}

.all_contact_info_single .content {

  text-align:center;

}

.all_contact_info_single .content a {

  font-size: 18px;

  color: #757575;

  transition: all 500ms ease;

}

.all_contact_info_single .content a:hover {

  color: var(--thm-primary);

}

.all_contact_info_single .content p {

  color: #757575;

  margin: 0;

}

.all_contact_info_single.mail_info { margin-bottom:60px;

}

.all_contact_info_single.phone_info {

  margin-left: 30px;

}

.all_contact_info_single.location_info {

  margin-left: -30px;

}





.newsDel ._sell{width: 100%;padding:20px;background-color: #fff;}

.newsDel ._sell ._title{font-weight: bold;color:#1256ab; font-size:30px;}

.newsDel ._sell ._list{margin-top:20px;}

.newsDel ._sell ._list ._item a{border-bottom: 1px solid #ddd; display:block;}

.newsDel ._sell ._list ._item a:hover{border-bottom: 1px solid #1256ab;}

.newsDel ._sell ._list ._item ._img{width: 100%;height: 0;position: relative;

padding-bottom: 56.20608899297423%;overflow: hidden;}

.newsDel ._sell ._list ._item ._img>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;

object-fit: cover;transition: transform .6s ease;}

.newsDel ._sell ._list ._item ._txt{padding: .4rem 0;line-height: 1;}

.newsDel ._sell ._list ._item ._txt ._name{color: #333;margin-bottom: .2rem;transition: color .3s ease;

overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:16px;}

.newsDel ._sell ._list ._item ._txt:hover ._name{ color:#1256ab; font-weight:bold;}

.newsDel ._sell ._list ._item ._txt ._time{color: #999;}







@keyframes research_san {



    0%{



        opacity: .6;



        transform: translate(-50%,-50%);



    }



    100%{



        opacity: 0;



        transform: translate(-50%,-50%) scale(3);



    }



}





.zrjb{background:url(../images/jb.jpg) no-repeat; background-attachment: fixed; background-size: cover; padding: 200px 0; text-align: center;color:#fff; font-size: 20px; line-height: 40px;}

.zrjb strong{font-size:28px;color:#FF0004;}

.xzbg{background: #f8f8f8; padding: 50px 0;}

.download_ {

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    display: block;

    width: 100%;color:#0D3380;

}



.section-full{background:url(../images/cg_bj.jpg) no-repeat; background-attachment: fixed; background-size: cover; padding: 200px 0;}

.shadow-bx {

    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); background: #fff;

}

/*Circle Animation*/

.scale-up-center:before {

  animation: scale-up-center 2s cubic-bezier(0.39, 0.575, 0.565, 1) infinite alternate-reverse both;

}



@keyframes scale-up-center {

  0% {

    transform: scale(0.5);

  }

  100% {

    transform: scale(1);

  }

}



/*slider-text-outline*/

.slider-text-outline {

  opacity: 0.2;

  color: #fff;

}



.square-flip {

  perspective: 1000;

  /* transform: perspective(1000px); */

  /* transform-style: preserve-3d; */

  position: relative;

  float: left;

  width: 100%;

  height: 200px;

}



.square, .square2 {

  width: 100%;

  height: 100%;

}



.square {

  background-size: cover;

  background-position: center center;

  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

  overflow: hidden;

  position: absolute;

  top: 0;border-radius: 20px;

  backface-visibility: hidden;

  transform: rotateY(0deg);

  transform-style: preserve-3d;

  z-index: 1;

}



.square-flip:hover .square {

  transform: rotateY(-180deg);

  transform-style: preserve-3d;

}



.square2 {

  background-size: cover;

  background-position: center center;

  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

  overflow: hidden;

  position: absolute;

  top: 0;

  backface-visibility: hidden;

  transform: rotateY(180deg);

  transform-style: preserve-3d;

  z-index: 1;

}



.square-flip:hover .square2 {

  transform: rotateY(0deg);

  transform-style: preserve-3d;

}



/*Square content*/

.square-container {

  padding: 40px;

  text-align: center;

  position: relative;

  top: 50%;

  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

  transform: translateY(-50%) translateX(0px) scale(1);

  transform-style: preserve-3d;

  z-index: 2;

}

.square-container .wt-title a{ font-size:20px; line-height: 30px;}

.square-flip:hover .square-container {

  transform: translateY(-50%) translateX(-650px) scale(0.88);

  transform-style: preserve-3d;

}



.square-container2 {

  padding: 40px;

  text-align: center;

  position: relative;

  top: 50%;

  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);

  transform-style: preserve-3d;

  z-index: 2;

}



.square-flip:hover .square-container2 {

  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);

  transform-style: preserve-3d;

}



/*Style text*/

/*Elements*/

.flip-overlay {

  display: block;

  background: rgba(0, 0, 0, 0.5);

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

}



.align-center {

  margin: 0 auto;

}



/*ADD SHADOWS OPTIONAL*/

.square-flip .square .boxshadow {

  transition: 0.60s;

  box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);

}



.square-flip .square .textshadow {

  transition: 0.60s;

  text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);

}



.square-flip .square2 .boxshadow {

  transition: 0.60s; color:#fff; line-height: 30px;

  box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);

}



.square-flip .square2 .textshadow {

  transition: 0.60s;

  text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);

}



.square-flip:hover .square .boxshadow {

  box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);

}



.square-flip:hover .square .textshadow {

  box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);

}



.square-flip:hover .square2 .boxshadow {

  box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);

}



.square-flip:hover .square2 .textshadow {

  box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);

}





.m-b30{margin-bottom:30px;}



.layout__box {

  padding: 0.86rem 8.4479vw 1rem 3.3333vw;

  display: flex;

  justify-content: space-between;



  background: #F6F6F6;

}

.about__title strong {

    display: block;

    line-height: 1;

    color: #0D3380;

    font-size:32px;

    font-weight: normal;

}

.layout__right {

  width: 38.0729vw;

}

.layout__info .about__title {

  text-align: left;

}

.layout__tts {

  padding: 0.6667vw 0 2.9167vw;

  color: #000000;

  font-size: 0.32rem;

  line-height: 1.8;

}

.layout__tts strong {

  display: block;

  font-weight: normal;

  font-family: "HarmonyOS_Sans_SC_Bold";

}

.layout__texts {

  color: #666666;

  font-size: 18px;

  line-height: 2.2;

}

.layout__texts p{

  margin-right: 20%;



}











/* banner */

.banner {

    position: relative;

    width: 100%;

    height: 100vh;

    overflow: hidden;

    z-index: 9;

}



.banner .index_banner {

    width: 100%;

    height: 100%;

}



.index_banner .img_pc {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.index_banner .img_pc::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    width: 100%;

    height: 100%;



}

.img_m {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.index_banner video {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}



.ban_text {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    z-index: 9;

	flex-wrap: wrap;

    align-content: stretch;

    justify-content: space-around;

}



.ban_text .line {

    width: 24px;

    height: 1px;

    background-color: var(--white-color);

}



.ban_text .word-wrap {

    overflow: hidden; text-align: center;

}



.ban_text .t {



    font-weight: 700;

    line-height: 1.5;

    color:#fff;

    opacity: 0;

    overflow: hidden;

}



.ban_text .t:first-child {

    margin-top: 16px;

}



.ban_text .word-wrap:nth-child(2) .t {

    animation-delay: 0.6s;

}



.ban_text .word-wrap:nth-child(3) .t {

    animation-delay: 0.7s;

}



.ban_text .t em {

    font-family: 'Rubik';

    font-style: normal;

}



.ban_text .ban_btn {

    margin-top: 38px;

}



.ban_txt1,

.ban_txt2,

.ban_txt3,

.ban_btn {

    opacity: 0;

}



.swiper-slide-active .ban_txt1,

.swiper-slide-active .ban_txt2,

.swiper-slide-active .ban_txt3,

.swiper-slide-active .ban_btn {

    animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;

}



.active .t {

    animation: an_7 1s 1 both;

    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);

    animation-delay: 0.5s;

}



.swiper-slide-active .ban_txt1 {

    animation-delay: 0.3s;

}



.swiper-slide-active .ban_txt2 {

    animation-delay: 0.5s;

}



.swiper-slide-active .ban_txt3 {

    animation-delay: 0.8s;

}



.swiper-slide-active .ban_btn {

    animation-delay: 0.8s;

}



.swiper-slide-active .main-tit.splitting .char {

    animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;

    transition-delay: calc(20ms + (30ms * var(--char-index)))

}



@keyframes an_7 {

    from {

        opacity: 0;

        transform: perspective(1000px) translate3d(0px, 300px, 0px) rotate3d(-100, 0, 0, 45deg);

    }



    to {

        opacity: 1;

        transform: perspective(500px) translate3d(0, 0, 0);

    }

}

@keyframes text-active-animation {

    from {

        opacity: 0;

        filter: Alpha(opacity=0);

        -webkit-transform: translateY(50px);

        transform: translateY(50px);

    }



    to {

        opacity: 1.0;

        filter: Alpha(opacity=100);

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



/* .index_banner .main-tit.splitting .char {

    opacity: 0;

} */





.banner .ban_button {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: -100px;

    height: 50px;

    transition: bottom ease-out 1s 0.4s;

    z-index: 9;

}



.ban_button.active {

    bottom: 100px;

}



.ban_button .left {

    display: flex;

    align-items: center;

}



.ban_button .left>div {

    display: flex;

    position: relative;

    width: 38px;

    height: 38px;

    padding: 10px;

    justify-content: center;

    align-items: center;

    border-radius: 36px;

    border: 1px solid rgba(255, 255, 255, 0.30);

    cursor: pointer;

    z-index: 1;

}



.ban_button .left>div.swiper-button-disabled {

    cursor: default;

}



.ban_button .left>div::before {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 0;

    height: 0;

    background-color:#0D3380;

    border-radius: 36px;

    transition: all .3s ease;

    z-index: -1;

}

.ban_button .left i,.ban_button .right i{color:#fff;font-size:30px;}

.ban_button .left>div:nth-child(2) {

    margin-left: -10px;

}



.ban_button .left>div:hover {

    border-color: var(--main-color);

}



.ban_button .left>div:hover::before {

    width: 100%;

    height: 100%;

}



.banner .ban-pagination {

    flex: 1;

    margin-left: 40px;

    position: relative;

    height: 2px;

    background: rgba(255, 255, 255, 0.20);

}



.banner .ban-pagination .swiper-pagination-progressbar-fill {

    background-color: var(--white-color);

}



@media (max-width:1366px) {

    .ban_button.active {

        bottom: 60px;

    }



}









@media (min-width: 1025px)

.pbmit-animation-style7.active img {

    transform: scale(1);

}

@media (min-width: 1025px)

.pbmit-animation-style7 img {

    transform: scale(0.5);

    transition: 0.9s;

}

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

	.product__btn{display:block; line-height: 34px; overflow:hidden;}

	.portfolio-two{padding-top:20px;}

	.page-header__inner h2{font-size:24px; display:none;}

	.page-header_abo{height:10rem;padding-top:0;}

	.section-md{padding:5%;}

	.ny_tit .tit {font-size: 28px;}

	.about-four{padding:5% 3%;}

	.index-head2 .p1 em{font-size:34px;}

	.pbmit-heading-subheading, .pbmit-heading-subheading-style-1{padding-bottom:10px; margin-bottom:10px;}

	.index-head1 .en{display:none;}

	.index-head1:after{margin-top:0;}

	.contact .contact-form .form-label{font-size:16px;}

	.section-title h3{font-size: 34px;}

	.contact .contact-form{margin-bottom:30px; display:none;}

	.features-two{padding:50px 10px}

	.social_responsibility .ty_bot .item .post > div .desc{font-size:14px;line-height: 24px;}

	.pbmit-heading-subheading .pbmit-subtitle{font-size:15px;line-height: 30px;}

	.pbmit-miconheading-style-8 .pbmit-ihbox-style-8 .pbmit-ihbox-box{margin-bottom:0;}

	.about-three-img2{display:none;}

	.index-banner .Hbanner_txt ._item ._title{font-size: 18px;}

	.sbgd{padding: 0 0 10% 0;}

	.about-three-left-area{padding-right: 0; padding-bottom: 60px;}

	.about-section-three{ padding:0 0;}

	.about-two-content{width:100%;}

	.Habout_num .data_item{width:47%;padding: 20px 0 50px; margin:2% 1%;}

	.masterTitle1 ._c{ font-size:20px;}

	.masterTitle1 ._t{font-size:12px;}

	.Hservice ._cnt{ display:none;}

	.Hservice {padding-bottom: 27.208333vw;}

	.product__btn span{width: 48%; float: left; display: block; border:1px solid #d8d8d8; border-radius: 20px; margin: 1%;}

	.product__btn span a{word-break: keep-all;font-size:16px;}

	.pbmit-heading-subheading .pbmit-title{font-size:22px;line-height: 38px;}

	.pbmit-heading-subheading .pbmit-heading-desc{font-size: 16px;line-height: 30px; margin:20px 0; text-align:left;}

	.product-block-one .inner-box a .lower-content h6{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: 300; line-height:50px; }

	.main_service_item{min-height: auto}

	.index-solutions .left .txt .sdt{font-size: 24px;}

	.footer .fmedias{display:none;}

	.pbmit-bg-color-secondary{display:none;url(../images/jj01.jpg) no-repeat; background-attachment:scroll; background-size:cover; padding:20% 0;}

	.index-head .p1 em{ font-size:1.4rem;text-transform: uppercase; display: block; background: linear-gradient(130.6deg, #0D3380 -3.59%, #0048da 105.38%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;

    text-fill-color: transparent;}

	.service_area{padding:60px 3%;}

	.download_{font-size:20px;}

	.fullpage-section .vm{ padding-top:20px; padding-bottom:135%;}

	.logistics__text strong{font-size: 20px; line-height: 50px;}

	.logistics__text p{display:none;}

	.logistics__item.active, .logistics__item{margin-bottom: 20px;}

	.rotate-background {background-image: url(../images/bgi-solutions-pdt.png);	animation: rotateBackground 20s linear infinite;

		position: absolute;	top:115%;right:0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:100%;	height:100%;		background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;	pointer-events: none;}

	.index-solutions .Tt .box .pic{ padding-top:20%;}

	.index-solutions .Tt { width: 100%; padding-top:50%; padding-bottom:40%;left: 0%;height:100%;overflow: hidden !important;}

	.index-solutions .Tg{top:240%;}

	.index-solutions .left .txt .sdd{width:100%; font-size:14px;}

	.index-solutions .Tg .btn span {writing-mode: vertical-rl; text-orientation: upright;  position: absolute;

		  top:80%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px;white-space: nowrap; font-weight:bold; color: #333333; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s;

	}	

	.social_responsibility .ty_bot .item .post {position:static;width: 100%;height: 100%;top: 0;left: 0;background: none;

    padding: 20px; display: flex;}

	.social_responsibility .ty_bot .item .post > div{width:100%;color: #333;margin: 0 auto;}

	.about-three-img2{bottom:0;}

	.accordion-two-rightbox .chair-img, .accordion-two-rightbox .sofa-img, .testimonial-two .ihbox-style-area, .about-three-rightbox .fid-style-area, .about-three-img2 { position: static; width: auto; max-width: 100%;}

	.about-three-rightbox{padding-left:0;}

	.social_responsibility .ty_bot .item .post {position:static;width: 100%;height: 100%;top: 0;left: 0;background: none;

    padding: 20px; display: flex;}

	.social_responsibility .ty_bot .item .post > div{width:100%;color: #333;margin: 0 auto;}

	.about-three-img2{bottom:0;}

	.accordion-two-rightbox .chair-img, .accordion-two-rightbox .sofa-img, .testimonial-two .ihbox-style-area, .about-three-rightbox .fid-style-area, .about-three-img2 { position: static; width: auto; max-width: 100%;}

	.about-three-rightbox{padding-left:0;}

	.product__infos strong{display: none;}

	.product__tabs{padding-top:0; margin-top:0;}

	.product-slide strong{font-weight:bold;color: #0D3380}

	.section3 .a3_v1 .a3_b1 li.on .cont-p .p{display:none;}

	.more-b{padding: 0.38rem 1rem}

	.blog-card{margin-bottom:20px;padding-bottom:0;}

	.blog-card__content{padding: 5px 10px 20px 10px;}

	.header .logo ._img{width:80%; padding-top: 4%}

	.header .logo ._img img{width:100%;}

	.data_item .data_number>span{font-size:30px;}

	.data_item i{font-size:40px;}

	.data_item .data_p{font-size:14px;}

	.banner{height:50vh;}

	.index-news-swiper .item .txt .title{font-size:16px;}

	.index_banner .img_pc { display: none;}

	.ys_ban_ph {display: block;max-width: 100%;}

	.ys_ban_imgbox img { width: 100%;}

	.index-banner .banner_bg{display:none;}

	.index-banner .Hbanner_txt{top:40%;}

	.index-banner .Hbanner_txt ._item ._tps{font-size: 14px;color:#fff;}

	.header .firNav{top:8%;}

	.navShow .navbtn s:before{background:#192548;}

	.page-header{height:12rem;}

	.index-solutions .left{text-align:left;}

	.index-head1 .cn .c1{font-size:1.4rem;}

	.sjcpnyban{display:block; height: 12rem; padding-top: 4.8rem;}

	.header .navbtn{padding:4px;top:14px;width:20px;}

	.header .navbtn s{width:20px; height: 1px;}

	.header .navbtn.active .i1{top:5px;}

	.header .navbtn.active .i3{bottom:7px;}

	.header .fns .item .btn .iconfont{font-size: 24px;}

	.ihbox-one-img-col{display:none;}

	.Hservice ._tabUl ._li ._cir{width:1.2rem;height:1.2rem;}

	.masterIcon{width:1.5rem;height:1.5rem;}

	.Hservice ._tabUl ._li .masterIcon{line-height:1.6rem;}

	.Hservice ._tabUl ._li ._name{top:1.8rem;}

	.index-head .p1{padding-top:40px;}

	.header .contain{padding-right:49px;}

	.about_tu{display:block;}

	.about_tu img{max-width:100%;}

	.index-head .p1 .txt{display:none;}

	.layout__box {padding: 1rem 5%; display: block;}

	.layout__right { width: 100%;}

	.layout__texts p{margin-right:0;font-size:16px;}

	.ihbox-one-left-col, .ihbox-one-right-col{padding-top:0;}

}

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

	.container {

        max-width:100%;

    }

	.about-three-left-area{padding-right: 0;}

}

@media (max-width: 1366px) and (min-width:768px){

	.container {

        max-width:1300px;

    }

}

@media (max-width: 1440px) and (min-width: 900px){

		.container {

        max-width: 1400px;

    }

}

@media (max-width: 1600px) and (min-width: 900px){

		.container {

        max-width: 1600px;

    }

}



@media (max-width: 1680px) and (min-width: 1050px){ 

	.container {

        max-width: 1600px;

    }

	.ys_cont1400, .ys_cont1440, .ys_cont1560, .ys_cont1600, .ys_cont1680 {

    width: 82.5%;

	}

}



@media (max-width: 1920px) and (min-width: 1080px){

	.container {

        max-width: 1600px;

    }

}