.toolbar {
    position: fixed;
    right: -80px;
    bottom: 30px;
    z-index: 99999
}

.toolbar.show {
    animation: slide-in .5s linear normal forwards
}

.toolbar.hide {
    animation: slide-out .5s linear normal forwards
}

.toolbar .wrapper {
    width: 56px;
    text-align: center;
    font-size: 10px;
    color: #889
}

.toolbar .apps a {
    display: inline-block;
    width: 100%;
    color: #889
}

.toolbar .apps a img {
    width: 28px;
    height: 28px;
    margin-bottom: 4px
}

.toolbar .item img {
    height: 24px;
    width: 24px;
    margin-bottom: 8px
}

.toolbar .call {
    margin-top: 10px
}

.toolbar .call .item {
    position: relative;
    min-height: 44px;
    width: 44px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    justify-content: center
}

.toolbar .call .item p {
    width: 12px;
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 17px
}

.toolbar .call .item .dinalternate-v {
    position: absolute;
    top: 0;
    right: 54px;
    height: 44px;
    width: 128px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: dinalternate-bold,Microsoft YaHei,微软雅黑,雅黑;
    font-weight: 700;
    color: #000;
    line-height: 44px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    text-align: center;
    display: none;
    opacity: 0
}

.toolbar .call .item .dinalternate-v.wechart {
    width: 120px;
    height: 120px
}

.toolbar .call .item .dinalternate-v.wechart img {
    width: 100%;
    height: 100%
}

.toolbar .call .item.item3,.toolbar .call .item.item4 {
    height: 118px;
    cursor: pointer
}

.toolbar .call .item.item3 p,.toolbar .call .item.item4 p {
    margin-top: 6px
}

.toolbar .call .item.item5 {
    height: 44px;
    cursor: pointer
}

.toolbar .call .item:hover.itemy {
    background: #37f;
    color: #fff
}

.toolbar .call .item:hover.itemy .icon,.toolbar .call .item:hover.itemy p {
    color: #fff
}

.toolbar .call .item:hover .dinalternate-v {
    display: block;
    opacity: 1
}

.toolbar .call .item .icon {
    display: inline-block;
    width: 20px;
    height: 20px
}

.toolbar .call .item .icon1 {
    color: #37f
}

.toolbar .call .item .icon1 span {
    font-family: icon2018!important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.toolbar .call .item .icon1 span:before {
    content: ""
}

.toolbar .call .item .icon2 {
    color: #37f
}

.toolbar .call .item .icon2 span {
    font-family: icon2018!important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.toolbar .call .item .icon2 span:before {
    content: ""
}

.toolbar .call .item .icon3 {
    color: #37f
}

.toolbar .call .item .icon3 span {
    font-family: icon2018!important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.toolbar .call .item .icon3 span:before {
    content: ""
}

.toolbar .call .item .icon4 {
    color: #37f
}

.toolbar .call .item .icon4 span {
    font-family: icon2018!important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.toolbar .call .item .icon4 span:before {
    content: ""
}

.toolbar .call .item .icon5 {
    color: #37f
}

.toolbar .call .item .icon5 span {
    font-family: icon2018!important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.toolbar .call .item .icon5 span:before {
    content: ""
}

@keyframes slide-in {
    0% {
        right: -80px
    }

    to {
        right: 0
    }
}

@keyframes slide-out {
    0% {
        right: 0
    }

    to {
        right: -80px
    }
}

@keyframes moveheight {
    0% {
        height: 110px
    }

    to {
        width: 300px
    }
}

.nav-new {
    top: 0;
    position: fixed;
    left: 0;
    z-index: 10000;
    height: 110px;
    width: 100%;
    min-width: 1200px;
    background: rgba(41,52,96,.8)
}

.nav-cont {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.nav-cont .nav-logo {
    width: 180px;
    height: 80px;
    transform: translateX(-30px)
}

.nav-cont .nav-menu {
    flex: 1;
    margin-left: 69px;
    height: 100%
}

.nav-cont .nav-menu .item {
    display: block;
    width: 102px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    display: inline-block;
    font-size: 14px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    opacity: .6;
    position: relative;
    box-sizing: content-box;
    text-align: center
}

.nav-cont .nav-menu .item.product {
    cursor: default
}

.nav-cont .nav-menu .item span {
    display: block;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #fff;
    transition: all .1s linear;
    z-index: 20000
}

.nav-cont .nav-menu .item.activedbtn,.nav-cont .nav-menu .item:hover {
    opacity: 1
}

.nav-cont .nav-menu .item:hover span {
    width: 100%;
    left: 0
}

.nav-cont .nav-menu .item:hover~.item span {
    left: 0
}

.nav-cont .nav-menu .item.activedbtn span {
    width: 100%;
    left: 0
}

.nav-cont .nav-menu .item.activedbtn~.item span {
    left: 0
}

.nav-cont .nav-menu .item.active {
    opacity: 1
}

.nav-cont .nav-menu .item.active span {
    width: 100%;
    left: 0
}

.nav-cont .right-call {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.nav-cont .right-call .call-icon {
    height: 20px;
    width: 20px
}

.nav-cont .right-call .text {
    height: 20px;
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    margin-left: 14px
}

.nav-cont .right-call .call-btn {
    width: 110px;
    height: 36px;
    background: #37f;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 36px;
    text-align: center;
    margin-left: 59px;
    cursor: pointer
}

.nav-flow {
    position: absolute;
    transition: all .8s ease;
    top: 100%;
    width: 100%;
    background: rgba(41,52,96,.8);
    z-index: 1000;
    height: 0;
    overflow: hidden
}

.nav-flow .cont {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    padding: 30px 0;
    min-height: 240px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

.nav-flow .cont,.nav-flow .cont .item-v {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.nav-flow .cont .item-v {
    display: block;
    display: flex;
    justify-content: flex-start;
    width: 282px;
    height: 80px;
    cursor: pointer
}

.nav-flow .cont .item-v .icon-v {
    height: 40px;
    width: 40px;
    margin-right: 16px
}

.nav-flow .cont .item-v .text-right-v .name {
    height: 22px;
    font-size: 14px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 22px
}

.nav-flow .cont .item-v .text-right-v .dis {
    margin-top: 1px;
    height: 20px;
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    opacity: .6;
    line-height: 20px
}

.nav-new.show-sub .nav-flow {
    height: 380px
}

.footer-new .content-f .top-f .cont-r .cont-tel-2 {
    height: 146px;
    margin-left: 30px
}

.footer-new .content-f .top-f .cont-r .cont-tel-2 .title {
    font-size: 14px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 14px;
    opacity: .5;
    padding-top: 15px
}

.footer-new .content-f .top-f .cont-r .cont-tel-2 .mail {
    margin-top: 33px;
    width: 244px;
    height: 48px;
    font-size: 14px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
    opacity: .5;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.footer-new .content-f .top-f .cont-r .cont-tel-2 .mail span.tel-num {
    font-size: 16px;
    font-weight: 600;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.footer-new .content-f .top-f .cont-r .cont-tel-2 .mail .com-address {
    display: flex;
    justify-content: flex-start;
    flex-direction: row
}

.footer-new .content-f .top-f .cont-r .cont-tel-2 .mail .com-address .left-1-s {
    flex-shrink: 0
}

.mainPage {
    background: #fff;
    position: relative;
    min-height: 100vh
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

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

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

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

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

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

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

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

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform
}

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

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

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

.swiper-container-3d {
    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 {
    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: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    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%;
    transform: translateY(-50%);
    width: 8px
}

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

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

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

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    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-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

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

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    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
}

.index .slogan .swiper-pagination {
    bottom: 102px
}

.index .slogan .swipe-item .cont-text .title {
    bottom: 266px
}

.index .slogan .swipe-item .cont-text .sub-title {
    bottom: 196px
}

@keyframes showIcon {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes showNextWithOpacityText {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes showmain1 {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    to {
        transform: translateY(-33px);
        opacity: 1
    }
}

@keyframes showlou1 {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    to {
        transform: translateY(-20px);
        opacity: 1
    }
}

@keyframes showphone2 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showkapan1 {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    to {
        transform: translateY(10px);
        opacity: 1
    }
}

.swiper-slide {
    background: #19378f;
    width: 100%;
    min-width: 1200px;
    text-align: center
}

.swiper-container,.swiper-wrapper {
    height: 100%;
    background: #19378f;
    width: 100%;
    min-width: 1200px;
    position: relative
}

.wrap {
    height: 1000px
}

.swiper-container {
    --swiper-theme-color: #f60;
    --swiper-pagination-color: #0f3
}

.index .slogan {
    position: relative;
    height: 770px;
    overflow: hidden;
    min-width: 1200px;
    background: #37f
}

.index .slogan .swiper-pagination {
    position: absolute;
    height: 20px;
    width: 400px;
    left: 50%;
    bottom: 70px;
    margin-left: -200px;
    z-index: 100
}

.index .slogan .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 0;
    margin: 0 7px;
    width: 50px;
    height: 4px;
    background: hsla(0,0%,100%,.2);
    opacity: 1
}

.index .slogan .swiper-pagination-bullet-active {
    opacity: 1
}

.index .slogan .swiper-pagination-bullet-active i {
    display: block;
    background: #fff;
    opacity: 1;
    height: 100%;
    animation: showIcon 3s linear forwards
}

.index .slogan .swipe-item {
    height: 100%;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    position: absolute;
    background: #19378f;
    top: 0;
    left: 0;
    animation: showphone2 .5s linear forwards
}

.index .slogan .swipe-item.swipe-item-1 {
    z-index: 100
}

.index .slogan .swipe-item.swipe-item-2 {
    z-index: 90
}

.index .slogan .swipe-item .iframe-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -860px;
    width: 1920px;
    height: 770px
}

.index .slogan .swipe-item .iframe-wrap.iframe1 {
    display: none
}

.index .slogan .swipe-item .iframe-wrap.iframe1 img.lou1 {
    height: 393px;
    width: 341px;
    position: absolute;
    left: 174px;
    top: 286px;
    opacity: 0
}

.index .slogan .swipe-item .iframe-wrap.iframe1 img.lou2 {
    width: 197px;
    height: 505px;
    position: absolute;
    left: 1677px;
    top: 440px;
    opacity: 0
}

.index .slogan .swipe-item .iframe-wrap.iframe1 img.loumain {
    height: 683px;
    width: 889px;
    position: absolute;
    left: 708px;
    top: 183px;
    opacity: 0
}

.index .slogan .swipe-item .iframe-wrap.iframe1.active img.loumain {
    animation: showmain1 .25s ease-in .1s forwards
}

.index .slogan .swipe-item .iframe-wrap.iframe1.active img.lou1,.index .slogan .swipe-item .iframe-wrap.iframe1.active img.lou2 {
    animation: showlou1 .3s ease-out .25s forwards
}

.index .slogan .swipe-item .iframe-wrap.iframe1.show {
    display: block
}

.index .slogan .swipe-item .iframe-wrap.iframe2 {
    display: none
}

.index .slogan .swipe-item .iframe-wrap.iframe2 img.ban1 {
    width: 166px;
    height: 158px;
    position: absolute;
    left: 1210px;
    top: 256px;
    opacity: 0;
    z-index: 300
}

.index .slogan .swipe-item .iframe-wrap.iframe2 img.ban2 {
    width: 166px;
    height: 159px;
    position: absolute;
    left: 1188px;
    top: 340px;
    opacity: 0;
    z-index: 300
}

.index .slogan .swipe-item .iframe-wrap.iframe2 img.bandi {
    width: 608px;
    height: 628px;
    position: absolute;
    left: 1064px;
    top: 112px;
    z-index: 200
}

.index .slogan .swipe-item .iframe-wrap.iframe2 img.banguang {
    width: 519px;
    height: 373px;
    position: absolute;
    left: 1103px;
    top: 304px;
    z-index: 289;
    opacity: 0
}

.index .slogan .swipe-item .iframe-wrap.iframe2 img.banphone {
    width: 223px;
    height: 419px;
    position: absolute;
    left: 1209px;
    top: 190px;
    opacity: 0;
    z-index: 299
}

.index .slogan .swipe-item .iframe-wrap.iframe2.active img.banphone {
    animation: showphone2 .35s ease-in .1s forwards
}

.index .slogan .swipe-item .iframe-wrap.iframe2.active img.banguang {
    animation: showphone2 .85s ease-in-out .3s forwards
}

.index .slogan .swipe-item .iframe-wrap.iframe2.active img.ban1 {
    animation: showkapan1 .75s ease-out .25s forwards
}

.index .slogan .swipe-item .iframe-wrap.iframe2.active img.ban2 {
    animation: showkapan1 .75s ease-out .45s forwards
}

.index .slogan .swipe-item .iframe-wrap.iframe2.show {
    display: block
}

.index .slogan .swipe-item .cont-text {
    width: 1200px;
    height: 100%;
    text-align: left;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 auto 0 -600px;
    z-index: 3000;
    opacity: 0;
    transform: translateY(30px)
}

.index .slogan .swipe-item .cont-text.active {
    animation: showNextWithOpacityText .6s ease-in forwards
}

.index .slogan .swipe-item .cont-text .title {
    position: absolute;
    bottom: 234px;
    left: 0;
    font-size: 38px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 38px
}

.index .slogan .swipe-item .cont-text .sub-title {
    position: absolute;
    bottom: 164px;
    left: 0;
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 20px
}

.radio-user {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: SourceHanSansCN-Normal,SourceHanSansCN;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 39px
}

.radio-user .img {
    height: 16px;
    width: 16px;
    position: relative;
    margin-right: 12px
}

.radio-user .img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    opacity: 0
}

.radio-user .img.check .img-no {
    opacity: 0
}

.radio-user .img.check .img-yes,.radio-user .img.no .img-no {
    opacity: 1
}

.radio-user .img.no .img-yes {
    opacity: 0
}

.radio-user .blue {
    color: #37f;
    cursor: pointer
}

.module-activity-login-pop {
    z-index: 9999999
}

.module-activity-login-pop .mask {
    background: rgba(0,0,0,.6);
    width: 100vw;
    height: 100vh
}

.module-activity-login-pop a {
    text-decoration: none
}

.module-activity-login-pop .content {
    position: absolute;
    box-sizing: border-box;
    width: 440px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin-top: -246px;
    margin-left: -220px;
    padding: 30px 40px 20px;
    border: 1px solid #d8d8d8
}

.module-activity-login-pop .close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    color: #000;
    cursor: pointer;
    font-family: focusued!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-activity-login-pop .close:before {
    content: ""
}

.module-activity-login-pop .title-1 {
    text-align: center;
    color: #333;
    font-size: 20px;
    line-height: 20px
}

.module-activity-login-pop .title-2 {
    text-align: center;
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin-top: 15px
}

.module-activity-login-pop .form {
    margin-top: 23px
}

.module-activity-login-pop .form .input-wrap {
    position: relative;
    height: 40px;
    line-height: 40px;
    width: 360px;
    box-sizing: border-box;
    font-size: 0;
    margin-bottom: 10px
}

.module-activity-login-pop .form .input-wrap .focusued {
    position: absolute;
    font-size: 16px;
    color: #c4c4c4;
    line-height: 40px;
    left: 17px
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-1 {
    font-family: focusued!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-1:before {
    content: ""
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-2 {
    font-family: focusued!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-2:before {
    content: ""
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-3 {
    font-family: focusued!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-3:before {
    content: ""
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-4 {
    font-family: focusued!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-4:before {
    content: ""
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-5 {
    font-family: focusued!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-5:before {
    content: ""
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-6 {
    font-family: focusued!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.module-activity-login-pop .form .input-wrap .focusued.focusued-6:before {
    content: ""
}

.module-activity-login-pop .form .input-wrap input {
    border: none;
    background: #fff;
    height: 40px;
    width: 100%;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    padding: 0 10px 0 48px;
    box-sizing: border-box;
    background: #f5f5f5;
    background-position: 15px 12px;
    background-size: 16px;
    background-repeat: no-repeat;
    outline: none
}

.module-activity-login-pop .form .input-wrap input.short {
    display: inline-block;
    width: 240px
}

.module-activity-login-pop .form .input-wrap .tip {
    display: none;
    position: absolute;
    left: 0;
    top: 47px;
    padding: 5px 5px 5px 23px;
    height: 12px;
    background-color: #f76;
    border-radius: 2px;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    z-index: 99;
    background-position: 6px 5px;
    background-size: 12px;
    background-repeat: no-repeat;
    font-style: normal
}

.module-activity-login-pop .form .input-wrap .tip:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 14px;
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat
}

.module-activity-login-pop .form .getCode-btn {
    float: right;
    background: #f5f5f5;
    font-size: 14px;
    color: #666;
    text-align: center;
    width: 110px;
    height: 40px;
    box-sizing: border-box
}

.module-activity-login-pop .form .imgcode-auth {
    float: right;
    width: 110px;
    height: 40px;
    box-sizing: border-box;
    vertical-align: top
}

.module-activity-login-pop .form .try-btn {
    margin: 20px auto 0;
    display: inline-block;
    width: 360px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #e60000;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    background: #37f
}

.module-activity-login-pop .error-tips {
    background: #f76;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    padding: 2px 20px;
    text-align: left;
    border-radius: 2px;
    position: absolute;
    bottom: -22px;
    left: 0;
    z-index: 999
}

.module-activity-login-pop .error-tips:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 20px;
    border: 5px solid transparent;
    border-bottom-color: #f76
}

.module-activity-login-pop .error-tips:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAL9JREFUKBWVkrENgzAURDHKEDAUY3gSlCkyB+loUrECPT0FXSicd+aDjIkixdLh891963+ZokhWCMGDASwGcZ9ENopYgR68QANqg7g0edVRaMKdvZTI/haMl3B5fSyAqA3dEsMWmjnPMcBHnmW8Duqz2U0rmNCmTFN7gwo0YJ2ZI9qYaZpruaViwp8JP1OqLi2dE9uJ3NHSt6E7At1eCD+GLp1zD4wVtDL2EHsQN62FrpaN4n8Pp5u0uE3t/fw1PofYCevNpHwXAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    position: absolute;
    left: 5px;
    top: 4px
}

.module-activity-login-pop input::-webkit-input-placeholder {
    color: #999!important
}

.module-activity-login-pop .t1 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    color: #333;
    line-height: 24px;
    font-weight: 500
}

.module-activity-login-pop .t2 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 12px;
    color: #666
}

.radio-wrap {
    margin-top: 20px
}

.radio-wrap .blue:hover {
    text-decoration: underline
}

.index .develop-eco.index {
    width: 100%;
    background: url(../images/bg_1.824076e1.jpg);
    background-size: cover;
    height: 702px;
    min-width: 1200px
}

.index .develop-eco.index .cont-c {
    height: 702px;
    width: 1200px;
    margin: 0 auto
}

.index .develop-eco.index .cont-c .title {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    text-align: center;
    padding-top: 60px
}

.index .develop-eco.index .cont-c .sub-title {
    margin-top: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.5);
    line-height: 22px;
    text-align: center
}

.index .develop-eco.index .cont-c .cont-d {
    margin-top: 54px;
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.index .develop-eco.index .cont-c .cont-d .web-img {
    height: 364px;
    width: 620px;
    position: relative;
    left: -15px;
    flex: 1
}

.index .develop-eco.index .cont-c .cont-d .right-cont {
    margin-left: 80px;
    max-width: 520px
}

.index .develop-eco.index .cont-c .cont-d .right-cont .text-t {
    height: 240px;
    font-size: 16px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 30px
}

.index .develop-eco.index .cont-c .cont-d .right-cont .btn-more {
    margin-top: 52px;
    width: 120px;
    height: 40px;
    display: block;
    background: #37f;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.index .develop-eco.index .cont-c .cont-d .right-cont .btn-more .span1 {
    transform: translateX(0);
    transition: .2s;
    left: 0;
    position: relative;
    margin-left: 5px
}

.index .develop-eco.index .cont-c .cont-d .right-cont .btn-more .span2 {
    font-family: icon2018!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.index .develop-eco.index .cont-c .cont-d .right-cont .btn-more .span2:after {
    content: "";
    position: relative;
    right: -2px;
    transition: .2s
}

.index .develop-eco.index .cont-c .cont-d .right-cont .btn-more:hover .span1 {
    left: -2px
}

.index .develop-eco.index .cont-c .cont-d .right-cont .btn-more:hover .span2:after {
    right: -4px
}

.advance {
    width: 100%;
    min-width: 1200px;
    height: 996px;
    background: url(../images/bg.e0d4e2ce.png) #fff;
    background-size: cover
}

.advance .center-wrap {
    width: 1200px;
    margin: 0 auto
}

.advance .swipe-cont {
    width: 100%;
    margin-top: 45px
}

.advance .swipe-cont .top-change {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 120px;
    position: relative
}

.advance .swipe-cont .top-change:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #d8d8d8;
    left: 0;
    bottom: 0
}

.advance .swipe-cont .top-change .item {
    width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: 117px;
    cursor: pointer
}

.advance .swipe-cont .top-change .item .img {
    height: 75px;
    width: 70px;
    position: relative
}

.advance .swipe-cont .top-change .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    width: 70px;
    transition: 1.2s
}

.advance .swipe-cont .top-change .item .img .img-n {
    opacity: 1;
    z-index: 1
}

.advance .swipe-cont .top-change .item .img .img-y {
    z-index: 2;
    opacity: 0
}

.advance .swipe-cont .top-change .item.active .img .img-y {
    opacity: 1
}

.advance .swipe-cont .top-change .item.active .img .img-n {
    opacity: 0
}

.advance .swipe-cont .top-change .item .name {
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 22px
}

.advance .swipe-cont .top-change .item .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 4px;
    background: #37f;
    z-index: 100;
    opacity: 0;
    transition: .3s;
    transform: scale(0)
}

.advance .swipe-cont .top-change .item.active .line {
    opacity: 1;
    transform: scale(1)
}

.advance .swipe-cont .chang-wrap {
    width: 100%;
    min-height: 600px;
    position: relative
}

.advance .swipe-cont .change-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 600px;
    opacity: 0
}

.advance .swipe-cont .change-cont.active {
    opacity: 1
}

.advance .swipe-cont .change-cont .title {
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    padding: 38px 0 30px
}

.advance .swipe-cont .change-cont .cont-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.advance .swipe-cont .change-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden
}

.advance .swipe-cont .change-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.advance .swipe-cont .change-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

@keyframes warn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    25% {
        transform: scale(.4);
        opacity: .3
    }

    50% {
        transform: scale(.6);
        opacity: .4
    }

    75% {
        transform: scale(.8);
        opacity: .3
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

.dot-container {
    position: relative;
    width: 36px;
    height: 36px
}

.dot {
    width: 8px;
    height: 8px;
    transform: translate(-50%,-50%);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 2px solid #37f;
    background: #37f;
    border-radius: 20px;
    z-index: 2
}

.dot,.pulse {
    position: absolute;
    top: 50%;
    left: 50%
}

.pulse {
    width: 36px;
    height: 36px;
    margin-left: -18px;
    margin-top: -18px;
    border: 5px solid #37f;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    transform-origin: center;
    -webkit-animation: warn 4s ease-out;
    -moz-animation: warn 4s ease-out;
    animation: warn 4s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.pulse1 {
    animation-delay: 1.2s
}

.pulse2 {
    animation-delay: 2s
}

@keyframes show1 {
    0% {
        transform: translateY(50px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes show2 {
    0% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes show21 {
    0% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes show22 {
    0% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes show23 {
    0% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes show24 {
    0% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes show25 {
    0% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes show26 {
    0% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes showPic {
    0% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes hidden {
    0% {
        transform: translateY(0)
    }

    0% {
        transform: translateY(60px)
    }
}

@keyframes slide-top {
    0% {
        transform: translateY(100px);
        opacity: 0
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: .9
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-top2 {
    0% {
        transform: translateY(100px);
        opacity: 0
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: .9
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.process-m {
    min-height: 300px;
    min-width: 1200px;
    background: url(../images/bg-bg.fa8ab09d.png) #fff;
    background-size: cover;
    width: 100%;
    background-color: #fff
}

.process-m .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 200px
}

.process-m .time-line {
    width: 100%;
    height: 58px;
    margin-top: 50px;
    margin-bottom: 78px;
    position: relative;
    box-sizing: content-box
}

.process-m .time-line:after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #cdd7e8;
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 90
}

.process-m .time-line .line-cont {
    width: 1200px;
    margin: 0 auto;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    justify-content: center
}

.process-m .time-line .line-cont .item {
    width: 180px;
    height: 58px;
    display: block;
    cursor: pointer;
    position: relative;
    margin-right: 60px
}

.process-m .time-line .line-cont .item:last-child {
    margin-right: 0
}

.process-m .time-line .line-cont .item .title {
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 22px;
    padding-top: 14px;
    transition: .2s
}

.process-m .time-line .line-cont .item .title.active {
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #37f;
    line-height: 28px;
    padding-top: 0;
    text-align: center
}

.process-m .time-line .line-cont .item .icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 9px;
    height: 9px;
    background: #abbee7;
    border-radius: 50%;
    transform: translate(-50%,50%);
    z-index: 100
}

.process-m .time-line .line-cont .item .icon.active {
    height: 36px;
    width: 36px;
    background: none
}

.process-m .wrap-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 632px;
    align-items: flex-start;
    position: relative
}

.process-m .wrap-cont .left-cont {
    height: 583px;
    width: 384px;
    position: relative;
    background: linear-gradient(180deg,#dbe5f5,#c9d7f2);
    box-shadow: 0 10px 11px 0 rgba(0,0,0,.04);
    border-radius: 4px
}

.process-m .wrap-cont .left-cont .bg-icon {
    width: 140px;
    height: 140px;
    left: 140px;
    position: absolute;
    left: 26px;
    bottom: 10px
}

.process-m .wrap-cont .left-cont .bg-icon img {
    width: 140px
}

.process-m .wrap-cont .left-cont .cont-cont {
	display: none;
    position: absolute;
    top: 30px;
    left: 26px;
    height: 583px;
    width: 408px
}
.process-m .wrap-cont .left-cont .active{
	display: block;
}

.process-m .wrap-cont .left-cont .cont-cont .item {
    height: 96px;
    width: 408px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px
}

.process-m .wrap-cont .left-cont .cont-cont .item:last-child {
    margin-bottom: 0
}

.process-m .wrap-cont .left-cont .cont-cont .item img {
    height: 40px;
    width: 40px
}

.process-m .wrap-cont .left-cont .cont-cont .item .item-right {
    margin-left: 20px;
    text-align: left
}

.process-m .wrap-cont .left-cont .cont-cont .item .item-right .title {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 22px
}

.process-m .wrap-cont .left-cont .cont-cont .item .item-right .line {
    width: 24px;
    height: 2px;
    background: #c9d2e3;
    margin-top: 10px;
    margin-bottom: 12px
}

.process-m .wrap-cont .left-cont .cont-cont .item .item-right .text-1 {
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    margin-top: 7px
}

.process-m .wrap-cont .left-cont .cont-cont .item .item-right .text-2 {
    margin-top: 1px;
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 17px
}

.process-m .wrap-cont .left-cont .cont-cont .item.active:hover {
    cursor: pointer;
    background: linear-gradient(90deg,#a2c1ff,#286ffd 100%,#37f 0)
}

.process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .title {
    color: #fff
}

.process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .line {
    background: #fff
}

.process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .text-1 {
    color: #fff
}

.process-m .wrap-cont .left-cont .cont-cont .item.active:hover .item-right .text-2 {
    color: hsla(0,0%,100%,.6)
}

.process-m .wrap-cont .right-cont {
    height: 462px;
    width: 560px;
    background: url(../images/img_floor.26b3f8fe.png);
    background-position: bottom;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0
}

.process-m .wrap-cont .right-cont .right-cont-item .right-cont-item-img {
    position: absolute;
    background-image: url(../images/img_island1.774741d1.png);
    background-size: 100% 100%;
    width: 500px;
    height: 440px;
    bottom: 124px;
    left: 33px
}

.process-m .wrap-cont .right-cont .right-cont-item .right-cont-item-tag {
    position: absolute;
    background-image: url(../images/tag_island1.5c9728b9.png);
    background-size: 100% 100%;
    width: 560px;
    height: 478px;
    left: 0;
    bottom: 124px
}

.process-m .wrap-cont .right-cont .hidden {
    opacity: 0
}

.process-m .wrap-cont .right-cont .fission .right-cont-item-img {
    background-image: url(../images/img_island1.774741d1.png);
    animation: slide-top .6s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont .fission .right-cont-item-tag {
    background-image: url(../images/tag_island1.5c9728b9.png);
    animation: slide-top2 .8s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont .receive .right-cont-item-img {
    background-image: url(../images/img_island2.fe3d46c6.png);
    animation: slide-top .6s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont .receive .right-cont-item-tag {
    background-image: url(../images/tag_island2.3aef9033.png);
    animation: slide-top2 .8s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont .channel .right-cont-item-img {
    background-image: url(../images/img_island3.02da050f.png);
    animation: slide-top .6s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont .channel .right-cont-item-tag {
    background-image: url(../images/tag_island3.13f9505c.png);
    animation: slide-top2 .8s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont .trade .right-cont-item-img {
    background-image: url(../images/img_island4.63c9f1fc.png);
    animation: slide-top .6s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont .trade .right-cont-item-tag {
    background-image: url(../images/tag_island4.930acb6a.png);
    animation: slide-top2 .8s cubic-bezier(.25,.46,.45,.94) both
}

.process-m .wrap-cont .right-cont1 {
    height: 493px;
    width: 704px;
    background: url(../images/img_底台@2x.f26e98fe.png);
    background-position: bottom;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0
}

.process-m .wrap-cont .right-cont1 .item {
    position: absolute
}

.process-m .wrap-cont .right-cont1 .item .text-img {
    height: 45px;
    width: 100px;
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -50px;
    opacity: 0
}

.process-m .wrap-cont .right-cont1 .item .text-img-2 {
    height: 45px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 95%;
    margin-left: -50px;
    opacity: 0
}

.process-m .wrap-cont .right-cont1 .item .text-img-3 {
    height: 45px;
    width: 100px;
    position: absolute;
    top: 0;
    left: -20%;
    opacity: 0
}

.process-m .wrap-cont .right-cont1 .item .img-img {
    position: absolute;
    top: 0;
    left: 0
}

.process-m .wrap-cont .right-cont1 .item.active .text-img {
    opacity: 1;
    animation: show1 .3s cubic-bezier(.2,-1,.8,1) forwards
}

.process-m .wrap-cont .right-cont1 .item.active .text-img-2,.process-m .wrap-cont .right-cont1 .item.active .text-img-3 {
    opacity: 1;
    animation: show2 .3s cubic-bezier(.2,-1,.8,1) forwards
}

.process-m .wrap-cont .right-cont1 .item.active {
    animation: showPic .6s cubic-bezier(.2,-1,.8,1) forwards
}

.process-m .wrap-cont .right-cont1 .baoming {
    width: 153px;
    height: 137px;
    background-size: 100% 100%;
    top: 111px;
    left: 36px
}

.process-m .wrap-cont .right-cont1 .baoming .text-img {
    background: url(../images/tag_报名宝@2x.579b5c86.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .baoming .img-img {
    width: 153px;
    height: 137px;
    background: url(../images/img_报名宝_gray@2x.2bc0aa48.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .baoming.active .img-img {
    background: url(../images/img_报名宝_light@2x.fb2ef740.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .huaji {
    width: 138px;
    height: 146px;
    top: 48px;
    left: 164px
}

.process-m .wrap-cont .right-cont1 .huaji .text-img {
    background: url(../images/tag_智能话机@2x.59fbc85d.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .huaji .img-img {
    width: 138px;
    height: 146px;
    background: url(../images/img_智能话机_gray@2x.0542d932.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .huaji.active .img-img {
    background: url(../images/img_智能话机_light@2x.f9d6fbf9.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .genke {
    width: 152px;
    height: 130px;
    top: 165px;
    left: 115px
}

.process-m .wrap-cont .right-cont1 .genke .text-img {
    background: url(../images/tag_跟客宝@2x.dde0eabb.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .genke .img-img {
    width: 152px;
    height: 130px;
    background: url(../images/img_跟客宝_gray@2x.521e8c90.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .genke.active .img-img {
    background: url(../images/img_跟客宝_light@2x.57de5194.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .shike {
    top: 215px;
    left: 197px;
    width: 157px;
    height: 130px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .shike .text-img {
    background: url(../images/tag_识客宝@2x.f05b04e5.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .shike .img-img {
    width: 157px;
    height: 130px;
    background: url(../images/img_识客宝_gray@2x.407a60e0.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .shike.active .img-img {
    background: url(../images/img_识客宝_light@2x.a3d18b12.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .fangke {
    top: 265px;
    left: 277px;
    width: 161px;
    height: 127px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .fangke .text-img {
    background: url(data:image/png;base64,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);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .fangke .img-img {
    width: 161px;
    height: 127px;
    background: url(../images/img_访客宝_gray@2x.89432e78.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .fangke.active .img-img {
    background: url(../images/img_访客宝_light@2x.5c6bde22.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .xuanche {
    top: -34px;
    left: 268px;
    width: 183px;
    height: 143px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .xuanche .text-img {
    background: url(../images/tag_选房宝@2x.6e2c2aaa.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .xuanche .text-img-2 {
    background: url(../images/tag_车位宝@2x.5381ca0a.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .xuanche .text-img-3 {
    background: url(data:image/png;base64,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);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .xuanche .img-img {
    width: 183px;
    height: 143px;
    background: url(../images/img_选房宝车位包_gray@2x.ddb212da.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .xuanche.active .img-img {
    background: url(../images/img_选房宝车位包_light@2x.7a29b280.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .yanzi {
    top: 23px;
    left: 422px;
    width: 139px;
    height: 169px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .yanzi .text-img {
    background: url(../images/tag_验资宝@2x.4ae97185.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .yanzi .img-img {
    width: 139px;
    height: 169px;
    background: url(../images/img_验资宝_gray@2x.43c4698c.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .yanzi .text-img-2 {
    background: url(../images/tag_房鑫宝@2x.10351ec3.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .yanzi.active .img-img {
    background: url(../images/img_验资宝_light@2x.44f13afb.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .shapan {
    top: 136px;
    left: 270px;
    width: 183px;
    height: 118px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .shapan .text-img {
    background: url(../images/tag_3d沙盘@2x.b700df2f.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .shapan .img-img {
    width: 183px;
    height: 118px;
    background: url(../images/img_3d沙盘_gray@2x.c2f9b405.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .shapan.active .img-img {
    background: url(../images/img_3d沙盘_light@2x.cd73533d.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .shapan-2 {
    top: 70px;
    left: 303px;
    width: 118px;
    height: 106px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .shapan-2 .text-img {
    background: url(../images/tag_3d沙盘@2x.b700df2f.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .shapan-2 .img-img {
    width: 118px;
    height: 106px;
    background: url(../images/img_VR_gray@2x.d3796dc0.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .shapan-2.active .img-img {
    background: url(../images/img_3d沙盘_light@2x.cd73533d.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .fenxiao {
    top: 219px;
    left: 397px;
    width: 162px;
    height: 102px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .fenxiao .text-img {
    background: url(../images/tag_分销宝@2x.94c75e5f.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .fenxiao .img-img {
    width: 162px;
    height: 102px;
    background: url(../images/img_分销宝_gray@2x.3be6f4bf.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .fenxiao.active .img-img {
    background: url(../images/img_分销宝_light@2x.8504006e.png);
    background-size: 100% 100%
}

.process-m .wrap-cont .right-cont1 .tuoke {
    top: 94px;
    left: 517px;
    width: 162px;
    height: 158px;
    position: absolute
}

.process-m .wrap-cont .right-cont1 .tuoke .text-img {
    background: url(../images/tag_拓客宝@2x.c18256dd.png);
    background-size: cover
}

.process-m .wrap-cont .right-cont1 .tuoke .img-img {
    width: 162px;
    height: 158px;
    background: url(../images/img_拓客宝_gray@2x.fb32a15f.png);
    background-size: 100% 100%;
    transition: .6s
}

.process-m .wrap-cont .right-cont1 .tuoke.active .img-img {
    background: url(../images/img_拓客宝_light@2x.1bbb6d22.png);
    background-size: 100% 100%
}

.achieve-num {
    min-height: 320px;
    min-width: 1200px;
    background: url(../images/bg.43f57aa3.jpg);
    background-size: cover;
    width: 100%
}

.achieve-num .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px
}

.achieve-num .wrap-cont .text-cont {
    padding-top: 111px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start
}

.achieve-num .wrap-cont .text-cont .left-cont {
    text-align: left
}

.achieve-num .wrap-cont .text-cont .left-cont .title {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    line-height: 40px
}

.achieve-num .wrap-cont .text-cont .left-cont .text-sub {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    margin-top: 12px
}

.achieve-num .wrap-cont .text-cont .right-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 792px
}

.achieve-num .wrap-cont .text-cont .right-cont .text-item {
    width: 180px;
    text-align: center
}

.achieve-num .wrap-cont .text-cont .right-cont .text-item .animate-text {
    font-size: 34px;
    font-family: PingFangSC-Regular,PingFang SC;
    color: #fff;
    line-height: 48px
}

.achieve-num .wrap-cont .text-cont .right-cont .text-item .text-2 {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.7);
    line-height: 20px;
    margin-top: 8px
}

@keyframes move {
    0% {
        webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        webkit-transform: translate3d(-2754px,0,0);
        -moz-transform: translate3d(-2754px,0,0);
        -ms-transform: translate3d(-2754px,0,0);
        -o-transform: translate3d(-2754px,0,0);
        transform: translate3d(-2754px,0,0)
    }
}

.brand {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg.b85963e0.png) #fff;
    background-size: cover;
    height: 680px
}

.brand .center-wrap {
    min-height: 300px;
    width: 100%;
    margin: 0 auto
}

.brand .center-wrap .swipe-img {
    width: 100%;
    margin-top: 75px;
    white-space: nowrap;
    overflow: hidden
}

.brand .center-wrap .swipe-img img {
    width: 2754px;
    height: auto;
    animation: move 28s linear infinite
}

.selectcases {
    width: 100%;
    height: 810px;
    min-width: 1200px;
    background: url(../images/bg_5.cbc5ccde.jpg) #fff no-repeat;
    background-size: cover
}

.selectcases .cont-s {
    width: 1200px;
    height: 810px;
    margin: 0 auto
}

.selectcases .cont-s .select-c {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 40px;
    text-align: center;
    padding-top: 60px
}

.selectcases .cont-s .solve-m {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.5);
    line-height: 22px;
    text-align: center;
    padding-top: 20px
}

.selectcases .cont-s .s-cases {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 60px
}

.selectcases .cont-s .s-cases .cas-container {
    perspective: 1000;
    width: 384px;
    height: 480px;
    margin-right: 24px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.07);
    border-radius: 4px;
    overflow: hidden
}

.selectcases .cont-s .s-cases .cas-container:nth-of-type(3n) {
    margin-right: 0
}

.selectcases .cont-s .s-cases .cas-container .cas {
    position: relative;
    width: 384px;
    height: 480px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-one {
    width: 384px;
    height: 480px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.07);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-one .activity_1 {
    width: 384px;
    height: 314px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont {
    width: 384px;
    height: 166px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .rong-c {
    width: 146px;
    height: 54px;
    margin-top: 10px;
    margin-left: 36px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .xiaxian {
    width: 24px;
    height: 3px;
    background: #c9d2e3;
    margin-top: 2px;
    margin-left: 36px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .cas-coop {
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 25px;
    margin-top: 17px;
    margin-left: 36px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .cas-ser {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    margin-top: 6px;
    margin-left: 36px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two {
    width: 384px;
    height: 480px;
    background: #fff;
    box-shadow: 0 9px 18px 0 rgba(104,137,171,.25);
    transform: translateY(50%);
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-coop {
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #37f;
    line-height: 25px;
    padding-top: 40px;
    padding-left: 36px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-col {
    width: 24px;
    height: 3px;
    background: #37f;
    margin-left: 36px;
    margin-top: 24px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-exper {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    padding-left: 36px;
    padding-top: 12px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-dis {
    width: 312px;
    height: 78px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 20px;
    padding-left: 36px;
    padding-top: 12px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two .caofeidian {
    width: 130px;
    height: 130px;
    margin-top: 12px;
    margin-left: 127px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two .fu-li {
    width: 144px;
    height: 54px;
    margin-left: 36px;
    margin-top: 38px
}

.selectcases .cont-s .s-cases .cas-container .cas .cas-two img:not([src]),.selectcases .cont-s .s-cases .cas-container .cas .cas-two img[src=""] {
    opacity: 0
}

.selectcases .cont-s .s-cases .cas-container:hover .cas-two {
    animation: showcase .5s ease forwards
}

.selectcases .cont-s .know-cases {
    font-size: 16px;
    display: block;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #37f;
    line-height: 22px;
    margin-top: 46px;
    text-align: center
}

.selectcases .cont-s .know-cases .span1 {
    transform: translateX(0);
    transition: .2s;
    left: 0;
    position: relative
}

.selectcases .cont-s .know-cases .span2 {
    font-family: icon2018!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
    margin-left: 2px
}

.selectcases .cont-s .know-cases .span2:after {
    content: "";
    position: relative;
    right: -2px;
    transition: .2s
}

.selectcases .cont-s .know-cases:hover .span1 {
    left: -2px
}

.selectcases .cont-s .know-cases:hover .span2:after {
    right: -4px
}

.selectcases .cont-s .c-arrows {
    width: 18px;
    height: 18px;
    font-size: 18px;
    font-family: icon2018;
    color: #37f;
    line-height: 18px;
    padding-left: 4px
}

.yuyue-banneer-index {
    min-height: 320px;
    min-width: 1200px;
    background: url(../images/bg_7@2x.423d8e3d.jpg);
    background-size: cover;
    background-position-x: center;
    width: 100%
}

.yuyue-banneer-index .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px;
    text-align: center
}

.yuyue-banneer-index .wrap-cont .title-v {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    line-height: 40px;
    padding-top: 84px
}

.yuyue-banneer-index .wrap-cont .title-sub {
    margin-top: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.yuyue-banneer-index .wrap-cont .btn-modle {
    margin: 50px auto 0;
    width: 120px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #37f;
    line-height: 40px;
    cursor: pointer
}

.yuyue-banneer-index .wrap-cont .btn-modle .span1 {
    transform: translateX(0);
    transition: .2s;
    left: 0;
    position: relative;
    margin-left: 5px
}

.yuyue-banneer-index .wrap-cont .btn-modle .span2 {
    font-family: icon2018!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.yuyue-banneer-index .wrap-cont .btn-modle .span2:after {
    content: "";
    position: relative;
    right: -2px;
    transition: .2s
}

.yuyue-banneer-index .wrap-cont .btn-modle:hover .span1 {
    left: -2px
}

.yuyue-banneer-index .wrap-cont .btn-modle:hover .span2:after {
    right: -4px
}

.partner {
    width: 100%;
    height: 800px;
    min-width: 1200px;
    background: url(../images/bg.0b6be419.png) #fff no-repeat;
    background-size: 914px 522px;
    background-position: 0 0
}

.partner .cont-t {
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    position: relative
}

.partner .cont-t .partner-plan {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px;
    text-align: center
}

.partner .cont-t .subtitle {
    font-size: 16px;
    color: rgba(0,0,0,.5);
    display: block;
    padding-top: 28px
}

.partner .cont-t .subtitle,.partner .cont-t .support {
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.partner .cont-t .support {
    font-size: 18px;
    color: #000;
    padding-top: 40px
}

.partner .cont-t .content-t {
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px
}

.partner .cont-t .content-t .item {
    width: 282px;
    height: 148px;
    margin-bottom: 30px
}

.partner .cont-t .content-t .item.item-v1 {
    background: url(../images/card_1@2x.d14d6d4f.png);
    background-size: cover
}

.partner .cont-t .content-t .item.item-v2 {
    background: url(../images/card_2@2x.3209ab82.png);
    background-size: cover
}

.partner .cont-t .content-t .item.item-v3 {
    background: url(../images/card_3@2x.e5f0fa95.png);
    background-size: cover
}

.partner .cont-t .content-t .item.item-v4 {
    background: url(../images/card_4@2x.78847d5c.png);
    background-size: cover
}

.partner .cont-t .content-t .item.item-v5 {
    background: url(../images/card_5@2x.203a7bdb.png);
    background-size: cover
}

.partner .cont-t .content-t .item.item-v6 {
    background: url(../images/card_6@2x.ca105978.png);
    background-size: cover
}

.partner .cont-t .content-t .item.item-v7 {
    background: url(../images/card_7@2x.4cf1dec4.png);
    background-size: cover
}

.partner .cont-t .content-t .item.item-v8 {
    background: url(../images/card_8@2x.7bd57d13.png);
    background-size: cover
}

.partner .cont-t .content-t .item .item-h {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    padding-top: 30px;
    padding-left: 30px
}

.partner .cont-t .content-t .item .item-p {
    height: 48px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 24px;
    margin-top: 30px;
    margin-left: 30px
}

.close {
	background: url("../images/delete.png") no-repeat;
	background-size: contain;
}

.partner .cont-t .process-v {
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    text-align: center;
    margin-top: 10px
}

.partner .cont-t .process-step {
    width: 1134px;
    height: 2px;
    background: rgba(230,239,250,.6);
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 50px;
    margin-left: 33px
}

.partner .cont-t .process-step .process-step1 {
    height: 96px;
    width: 64px
}

.partner .cont-t .process-step .process-step1 .p-s-i {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    text-align: center
}

.partner .cont-t .process-step .process-step1 .p-s {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #37f;
    line-height: 22px;
    text-align: center;
    padding-top: 14px
}

.partner-banneer-index {
    min-height: 320px;
    min-width: 1200px;
    background: url(../images/bg_9@2x.ceb00991.jpg);
    background-size: cover;
    width: 100%
}

.partner-banneer-index .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.partner-banneer-index .wrap-cont .title-v {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    line-height: 40px
}

.partner-banneer-index .wrap-cont .cont-text {
    margin-top: 30px;
    width: 523px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.partner-banneer-index .wrap-cont .cont-text .title-2 img {
    position: relative;
    height: 20px;
    width: 20px;
    top: 2px;
    margin-right: 5px
}

.partner-banneer-index .wrap-cont .right-btn {
    text-align: center;
    width: 120px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #37f;
    line-height: 40px;
    cursor: pointer
}

.partner-banneer-index .wrap-cont .right-btn .span1 {
    transform: translateX(0);
    transition: .2s;
    left: 0;
    position: relative
}

.partner-banneer-index .wrap-cont .right-btn .span2 {
    font-family: icon2018!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.partner-banneer-index .wrap-cont .right-btn .span2:after {
    content: "";
    position: relative;
    right: -2px;
    transition: .2s
}

.partner-banneer-index .wrap-cont .right-btn:hover .span1 {
    left: -2px
}

.partner-banneer-index .wrap-cont .right-btn:hover .span2:after {
    right: -4px
}

main {
    padding-bottom: 70px;
    background: url(../images/earth.21b7c562.png) no-repeat;
    background-position: 0 bottom;
    background-size: 100% 2197px
}

.main-content {
    position: relative;
    top: -264px;
    margin: 0 auto;
    width: 1200px
}

.feature .slogan {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    background: #f8f9fd;
    height: 110px
}

@keyframes showcase {
    0% {
        transform: translateY(50%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.feature .selectcases {
    width: 100%;
    height: 2350px;
    min-width: 1200px;
    background: #f8f9fd
}

.feature .selectcases .cont-s {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.feature .selectcases .cont-s .select-c {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    text-align: center;
    padding-top: 60px
}

.feature .selectcases .cont-s .solve-m {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.5);
    line-height: 22px;
    text-align: center;
    padding-top: 20px
}

.feature .selectcases .cont-s .s-cases {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 60px
}

.feature .selectcases .cont-s .s-cases .cas-container {
    perspective: 1000;
    width: 384px;
    height: 480px;
    margin-right: 24px;
    margin-bottom: 40px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.07);
    border-radius: 4px;
    overflow: hidden
}

.feature .selectcases .cont-s .s-cases .cas-container:nth-of-type(3n) {
    margin-right: 0
}

.feature .selectcases .cont-s .s-cases .cas-container:nth-of-type(9+n) {
    margin-bottom: 258px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas {
    position: relative;
    width: 384px;
    height: 480px;
    overflow: hidden
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-one {
    width: 384px;
    height: 480px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.07);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-one .activity_1 {
    width: 384px;
    height: 314px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont {
    width: 384px;
    height: 166px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .rong-c {
    width: 146px;
    height: 54px;
    margin-top: 10px;
    margin-left: 36px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .xiahuaxian {
    width: 24px;
    height: 3px;
    background: #c9d2e3;
    margin-top: 2px;
    margin-left: 36px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .cas-coop {
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 25px;
    margin-top: 17px;
    margin-left: 36px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-one .cas-cont .cas-ser {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    margin-top: 6px;
    margin-left: 36px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two {
    width: 384px;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 9px 18px 0 rgba(104,137,171,.25);
    overflow: hidden;
    z-index: 3;
    opacity: 0;
    transform: translateY(50%)
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-coop {
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #37f;
    line-height: 25px;
    padding-top: 40px;
    padding-left: 36px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-col {
    width: 24px;
    height: 3px;
    background: #37f;
    margin-left: 36px;
    margin-top: 24px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-exper {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    padding-left: 36px;
    padding-top: 12px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two .cas-dis {
    width: 312px;
    height: 78px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 20px;
    padding-left: 36px;
    padding-top: 12px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two .caofeidian {
    width: 130px;
    height: 130px;
    margin-top: 30px;
    margin-left: 127px;
    border: none
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two .fu-li {
    width: 146px;
    height: 54px;
    margin-left: 36px;
    margin-top: 28px
}

.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two img:not([src]),.feature .selectcases .cont-s .s-cases .cas-container .cas .cas-two img[src=""] {
    opacity: 0
}

.feature .selectcases .cont-s .s-cases .cas-container:hover .cas-two {
    animation: showcase .5s ease forwards
}

.yuyue-banneer {
    min-height: 320px;
    min-width: 1200px;
    background: url(../images/bg.1732e905.png);
    background-size: cover;
    background-position-x: center;
    width: 100%
}

.yuyue-banneer .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px;
    text-align: center
}

.yuyue-banneer .wrap-cont .title-v {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    line-height: 40px;
    padding-top: 84px
}

.yuyue-banneer .wrap-cont .title-sub {
    margin-top: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.yuyue-banneer .wrap-cont .btn-modle {
    margin: 50px auto 0;
    width: 120px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #37f;
    line-height: 40px;
    cursor: pointer
}

.yuyue-banneer .wrap-cont .btn-modle .span1 {
    transform: translateX(0);
    transition: .2s;
    left: 0;
    position: relative;
    margin-left: 5px
}

.yuyue-banneer .wrap-cont .btn-modle .span2 {
    font-family: icon2018!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.yuyue-banneer .wrap-cont .btn-modle .span2:after {
    content: "";
    position: relative;
    right: -2px;
    transition: .2s
}

.yuyue-banneer .wrap-cont .btn-modle:hover .span1 {
    left: -2px
}

.yuyue-banneer .wrap-cont .btn-modle:hover .span2:after {
    right: -4px
}

.about .slogan {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 650px;
    background: #999;
    background: url(../images/banner_1.e98d76b9.jpg) no-repeat;
    background-size: cover
}

.about .slogan-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

.about .slogan-content .cont-text {
    position: absolute;
    bottom: 0;
    width: 820px;
    height: 260px
}

.about .slogan-content h2.title {
    font-size: 38px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 57px
}

.about .slogan-content .sub-text {
    margin-top: 50px;
    width: 820px;
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 34px
}

.develop-brand {
    width: 100%;
    min-width: 1200px;
    height: 500px;
    background: url(../images/bg_company.82f80fb0.jpg) #fff no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.develop-brand .cont-d {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.develop-brand .cont-d .web-img {
    width: 529px;
    height: 300px;
    position: relative
}

.develop-brand .cont-d .right-cont {
    height: 500px
}

.develop-brand .cont-d .right-cont .title-d {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px;
    padding-top: 107px
}

.develop-brand .cont-d .right-cont .text-t {
    padding-top: 16px;
    font-size: 16px;
    width: 460px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 30px
}

.about .develop-eco {
    width: 100%;
    min-width: 1200px;
    height: 570px;
    background: url(../images/bg_scene.973bb7ca.png) #fff;
    background-size: cover
}

.about .develop-eco .cont-d {
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.about .develop-eco .cont-d .web-img {
    height: 364px;
    width: 620px;
    position: relative;
    left: -15px;
    flex-grow: 1
}

.about .develop-eco .cont-d .right-cont {
    height: 364px;
    margin-left: 104px
}

.about .develop-eco .cont-d .right-cont .title-d {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px;
    padding-top: 25px
}

.about .develop-eco .cont-d .right-cont .text-t {
    padding-top: 16px;
    font-size: 16px;
    width: 446px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 30px
}

.partner-banneer-about {
    min-height: 320px;
    min-width: 1200px;
    background: url(../images/bg_join.b742723d.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%
}

.partner-banneer-about .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.partner-banneer-about .wrap-cont .title-v {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    line-height: 40px
}

.partner-banneer-about .wrap-cont .cont-text-2 {
    margin-top: 30px;
    width: 923px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.partner-banneer-about .wrap-cont .cont-text-2 .title-2 img {
    position: relative;
    height: 20px;
    width: 20px;
    top: 2px;
    margin-right: 5px
}

.partner-banneer-about .wrap-cont .right-btn {
    text-align: center;
    width: 120px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #37f;
    line-height: 40px;
    cursor: pointer
}

.partner-banneer-about .wrap-cont .right-btn .span1 {
    transform: translateX(0);
    transition: .2s;
    left: 0;
    position: relative
}

.partner-banneer-about .wrap-cont .right-btn .span2 {
    font-family: icon2018!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.partner-banneer-about .wrap-cont .right-btn .span2:after {
    content: "";
    position: relative;
    right: -2px;
    transition: .2s
}

.partner-banneer-about .wrap-cont .right-btn:hover .span1 {
    left: -2px
}

.partner-banneer-about .wrap-cont .right-btn:hover .span2:after {
    right: -4px
}

.tec-sup {
    width: auto;
    height: 590px;
    background: url(../images/bg_certificate.645993ec.jpg) no-repeat;
    background-size: cover
}

.tec-sup .tecsup-cont {
    width: 1200px;
    margin: 0 auto
}

.tec-sup .tecsup-cont .tecs-u {
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

.tec-sup .tecsup-cont .tecs-u .tecs-lef {
    margin-top: 101px
}

.tec-sup .tecsup-cont .tecs-u .tecs-lef .tecs-tit {
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.tec-sup .tecsup-cont .tecs-u .tecs-lef .tecs-subt {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 30px;
    margin-top: 16px
}

.tec-sup .tecsup-cont .tecs-u .cer-ti {
    width: 585px;
    height: 198px;
    margin-left: 97px;
    margin-top: 82px
}

.tec-sup .tecsup-cont .ent-rs {
    padding-top: 66px;
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

.tec-sup .tecsup-cont .ent-rs .ite-s {
    width: 270px;
    height: 148px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhwAAAEoBAMAAADh0zVpAAAAJFBMVEX///8AAAD///////////////////////////////////////9l1p1dAAAAC3RSTlNrAN6a96N5LQbMuL7byBUAAAK/SURBVHja7NIhMoVRAIbhk0l/MGMB2u0ETZU0XRRFSbAKxRLMZRhzNucyR3j38DzzreCdb2zbw9nk4Opi28b2PFlut3H6Mlm+n8bJ3J8PDu5282Y8ztfBn6P5NS73g2X3/juWwzWuPwfL/ceYb4PleMohhxxyyCGHHP/kCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5Qo6QI+QIOUKOkCPkCDlCjpAj5Ag5ftqlQ2QKowAMwydrJ5ixAO12gqZKmi6KoiRYhWINl2HM2Zyf+cu7AO155lvBO1/IEXKEHCFHyBFyhBwhR8gRcoQcIUfIEXKEHCFHyBFyhBwhR8gRcoQcIUfIEXKEHCFHyBFyhBwhR8gRcoQcIUfIEXKEHCFHyBFyhBwhR8gRcoQcIUfIEXKEHCFHyBFyhBwhR8gRcoQcIUfIEXLEf+S4+RzsHj7G4X2wuzr+jt12jaf1Nvhzsr7G6TpeDDb3h3U7zl4Xu+/nMV8Wu7s55nw8X2yuL+f8AREeDzLkCSsYAAAAAElFTkSuQmCC);
    background-size: cover
}

.tec-sup .tecsup-cont .ent-rs .ite-s .ic-pat {
    width: 60px;
    height: 60px;
    margin-top: 16px;
    margin-left: 105px
}

.tec-sup .tecsup-cont .ent-rs .ite-s .chi-pat {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    margin-top: 9px;
    text-align: center
}

.tec-sup .tecsup-cont .ent-rs .ite-s .c-p-sub {
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.6);
    line-height: 17px;
    opacity: .6;
    margin-top: 6px;
    text-align: center
}

.cooperate .slogan {
    position: relative;
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 650px;
    background: #999;
    background: url(../images/banner_cooperation.d82df2b6.jpg) no-repeat;
    background-size: cover;
    background-position: 50%
}

.cooperate .slogan-content {
    position: absolute;
    top: 450px;
    height: 200px;
    width: 100%;
    min-width: 1200px;
    text-align: center
}

.cooperate .slogan-content .apply {
    margin: 75px auto;
    width: 140px;
    height: 50px;
    background: #37f;
    border-radius: 4px;
    border-width: 0;
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff
}

.co-partner {
    width: 100%;
    height: 895px;
    min-width: 1200px
}

.co-partner .cont-t {
    width: 1200px;
    height: 895px;
    margin: 0 auto;
    position: relative
}

.co-partner .cont-t .title {
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    margin-top: 60px;
    text-align: center
}

.co-partner .cont-t .content-card {
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px
}

.co-partner .cont-t .content-card .card-2 {
    width: 588px;
    border-radius: 8px;
    height: 120px
}

.co-partner .cont-t .content-card .card-2.card-v1-2 {
    width: 588px;
    border-radius: 8px;
    height: 120px;
    background: url(../images/card_agent.ee893fe8.jpg);
    background-size: cover
}

.co-partner .cont-t .content-card .card-2.card-v2-2 {
    width: 588px;
    border-radius: 8px;
    height: 120px;
    background: url(../images/card_union.092c8ccc.jpg);
    background-size: cover
}

.co-partner .cont-t .content-t {
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px
}

.co-partner .cont-t .content-t .item {
    width: 282px;
    height: 148px;
    margin-bottom: 30px
}

.co-partner .cont-t .content-t .item.item-v1 {
    background: url(../images/card_1@2x.d14d6d4f.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item.item-v2 {
    background: url(../images/card_2@2x.3209ab82.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item.item-v3 {
    background: url(../images/card_3@2x.e5f0fa95.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item.item-v4 {
    background: url(../images/card_4@2x.78847d5c.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item.item-v5 {
    background: url(../images/card_5@2x.203a7bdb.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item.item-v6 {
    background: url(../images/card_6@2x.ca105978.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item.item-v7 {
    background: url(../images/card_7@2x.4cf1dec4.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item.item-v8 {
    background: url(../images/card_8@2x.7bd57d13.png);
    background-size: cover
}

.co-partner .cont-t .content-t .item .item-h {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    padding-top: 30px;
    padding-left: 30px
}

.co-partner .cont-t .content-t .item .item-p {
    height: 48px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 24px;
    margin-top: 30px;
    margin-left: 30px
}

.co-partner .cont-t .process-v {
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    text-align: center;
    margin-top: 10px
}

.co-partner .cont-t .process-step {
    width: 1134px;
    height: 2px;
    background: rgba(230,239,250,.6);
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 50px;
    margin-left: 33px;
    margin-bottom: 164px
}

.co-partner .cont-t .process-step .process-step1 {
    height: 96px;
    width: 64px
}

.co-partner .cont-t .process-step .process-step1 .p-s-i {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    text-align: center
}

.co-partner .cont-t .process-step .process-step1 .p-s {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #37f;
    line-height: 22px;
    text-align: center;
    padding-top: 14px
}

.cooperate .entrance {
    width: 100%;
    min-width: 1200px;
    height: 160px;
    background: url(../images/content_search.435c15c5.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.cooperate .entrance span {
    font-size: 26px;
    color: #fff
}

.cooperate .entrance .icon-arrow {
    margin-left: 20px;
    width: 26px;
    height: 26px;
    vertical-align: text-bottom
}

.footer-new {
    background: #2d395c;
    height: 280px;
    width: 100%;
    min-width: 1200px
}

.footer-new .content-f {
    width: 1200px;
    margin: 0 auto
}

.footer-new .content-f .top-f {
    padding-top: 32px
}

.footer-new .content-f .top-f,.footer-new .content-f .top-f .cont-l {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.footer-new .content-f .top-f .cont-l {
    width: 680px;
    justify-content: flex-start
}

.footer-new .content-f .top-f .cont-l img {
    /*width: 240px;
    height: 146px*/
    width: 180px;
    height: 80px;
}

.footer-new .content-f .top-f .cont-l .cont-product {
    height: 146px;
    margin-left: 24px
}

.footer-new .content-f .top-f .cont-l .cont-product .title-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px
}

.footer-new .content-f .top-f .cont-l .cont-product .title {
    font-size: 14px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 14px;
    opacity: .5
}

.footer-new .content-f .top-f .cont-l .cont-product .pro-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 420px
}

.footer-new .content-f .top-f .cont-l .cont-product .pro-list .text {
    width: 50px;
    height: 14px;
    font-size: 12px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 14px;
    margin-right: 30px;
    margin-top: 20px;
    opacity: .5
}

.footer-new .content-f .top-f .cont-r {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.footer-new .content-f .top-f .cont-r img {
    width: 85px;
    height: 85px
}

.footer-new .content-f .top-f .cont-r .cont-tel {
    height: 146px;
    margin-left: 30px
}

.footer-new .content-f .top-f .cont-r .cont-tel .title {
    font-size: 14px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 14px;
    opacity: .5;
    padding-top: 15px
}

.footer-new .content-f .top-f .cont-r .cont-tel .mail {
    margin-top: 33px;
    width: 244px;
    height: 48px;
    font-size: 14px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
    opacity: .5;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.footer-new .content-f .top-f .cont-r .cont-tel .mail span.tel-num {
    font-size: 16px;
    font-weight: 600;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.footer-new .content-f .top-f .cont-r .right-img {
    margin-left: 53px;
    padding-top: 0
}

.footer-new .content-f .top-f .cont-r .right-img .dis-text {
    text-align: center;
    width: 85px;
    font-size: 12px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 300;
    color: hsla(0,0%,100%,.5);
    line-height: 14px;
    display: block;
    margin-top: 9px
}

.footer-new .content-f .bottom-f {
    margin-top: 52px
}

.footer-new .content-f .bottom-f .text-copy-1 {
    font-size: 12px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 12px;
    text-align: center;
    opacity: .5;
    user-select: text
}

.footer-new .content-f .bottom-f .text-copy-1 a {
    margin-left: 6px;
    user-select: text
}

.footer-new .content-f .bottom-f .text-copy,.footer-new .content-f .bottom-f .text-copy a {
    font-size: 12px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 12px;
    text-align: center;
    user-select: text
}

.footer-new .content-f .bottom-f .text-copy a {
    opacity: .5
}

.footer-new .content-f .bottom-f .text-copy a:hover {
    opacity: .6
}

.footer-new .content-f .bottom-f .text-copy .line-x {
    display: inline-block;
    margin: 0 6px;
    opacity: .5
}

.footer-new .content-f .bottom-f .text-beian {
    margin-top: 12px;
    text-align: center
}

.footer-new .content-f .bottom-f .text-beian img {
    width: 16px;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: 5px
}

.footer-new .content-f .bottom-f .bottom-icon {
    width: 490px;
    margin: 20px auto 0
}

.footer-new .content-f .bottom-f .bottom-icon,.footer-new .content-f .bottom-f .bottom-icon .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.footer-new .content-f .bottom-f .bottom-icon .item img {
    height: 32px;
    width: 26px
}

.footer-new .content-f .bottom-f .bottom-icon .item.item2 img {
    height: 32px;
    width: 36px
}

.footer-new .content-f .bottom-f .bottom-icon .item.item3 img {
    height: 32px;
    width: 28px
}

.footer-new .content-f .bottom-f .bottom-icon .item.item4 img {
    height: 32.5px;
    width: 31.5px
}

.footer-new .content-f .bottom-f .bottom-icon .item .right-text {
    margin-left: 10px;
    cursor: pointer
}

.footer-new .content-f .bottom-f .bottom-icon .item .right-text .text1 {
    font-size: 12px;
    font-family: PingFangSC-Light,PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 18px;
    opacity: .5
}

.footer-new .content-f .bottom-f .bottom-icon .item .right-text .text1:hover {
    opacity: .6
}

.input-box {
    display: flex;
    width: 880px
}

.input-box .select {
    width: 200px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #dedede;
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    padding: 0 10px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.input-box .select #arrows {
    width: 22px;
    height: 22px
}

.input-box .select .options {
    position: absolute;
    top: 58px;
    left: -1px
}

.input-box .select .options li {
    width: 200px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #dedede;
    border-bottom-color: transparent;
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.input-box .select .options li:hover {
    color: #37f;
    background-color: #f5f5f6
}

.input-box .select .options li:last-child {
    border-bottom-color: #dedede
}

.input-box .input {
    width: 500px;
    height: 60px;
    background: #fff;
    border: 1px solid #dedede;
    border-left-color: transparent;
    padding-left: 20px;
    font-size: 18px;
    outline: none
}

.input-box .input:focus::-webkit-input-placeholder {
    color: transparent
}

.input-box .submit {
    width: 180px;
    height: 60px;
    background: linear-gradient(90deg,#69f,#37f);
    border-width: 0;
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 28px
}

.input-box .submit:hover {
    opacity: .9
}

.linkBanner {
    width: 100%;
    min-width: 1200px;
    height: 340px;
    display: flex;
    align-items: center;
    justify-content: center
}

.linkBanner-left {
    background: url(../images/card_saas.141e43f0.jpg);
    background-size: cover;
    margin-right: 24px
}

.linkBanner-left,.linkBanner-right {
    width: 588px;
    height: 200px;
    border-radius: 5px;
    cursor: pointer
}

.linkBanner-right {
    background: url(../images/card_cooperation.5e038960.jpg);
    background-size: cover
}

.search-cont {
    width: 100%;
    min-width: 1200px;
    height: 100%
}

.search-cont .search {
    width: 100%;
    min-width: 1200px;
    height: 549px;
    background: url(../images/banner_search.304854d0.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.search-cont .search .title {
    font-size: 40px;
    font-weight: 500;
    color: #000;
    line-height: 55px;
    margin-bottom: 40px
}

.search-cont .search-result {
    height: 544px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.search-cont .search-result .result-title {
    font-size: 30px;
    padding-bottom: 40px
}

.search-cont .search-result .result-content {
    width: 1200px;
    height: 392px;
    background: linear-gradient(180deg,#eaf1ff,#fff);
    border-radius: 7px;
    border: 1px solid #dedede;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.search-cont .search-result .result-content .result-company {
    width: 760px;
    height: 30px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000
}

.search-cont .search-result .result-content .result-code {
    margin-top: 8px;
    margin-bottom: 30px;
    width: 760px;
    height: 30px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65)
}

.search-cont .search-result .result-content table.result-table {
    width: 760px
}

.search-cont .search-result .result-content table.result-table thead {
    font-size: 18px;
    height: 44px;
    background: rgba(225,234,250,.5);
    border-radius: 8px
}

.search-cont .search-result .result-content table.result-table thead th {
    width: 50%;
    padding: 13px 0
}

.search-cont .search-result .result-content table.result-table .empty {
    height: 20px
}

.search-cont .search-result .result-content table.result-table tbody {
    font-size: 18px;
    color: rgba(0,0,0,.65)
}

.search-cont .search-result .result-content table.result-table tbody tr td {
    padding-top: 20px
}

.search-cont .search-result .result-content .no_result-pic {
    width: 110px;
    height: 110px;
    background: url(../images/img_noresult.260d4ba5.png);
    background-size: cover
}

.search-cont .search-result .result-content .no_result-font {
    margin-top: 20px;
    font-size: 18px;
    color: rgba(0,0,0,.45)
}

.slogan.product-slogan {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 650px;
    background: url(../images/bg.875ef89d.jpg);
    background-size: cover;
    background-position-x: center;
    overflow: hidden
}

.slogan.product-slogan .slogan-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.slogan.product-slogan .slogan-content .cont-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 429px;
    text-align: left;
    transform: translateY(50px);
    opacity: 0;
    animation: showNextWithOpacity 1s cubic-bezier(.68,-.55,.27,1.2) 0s forwards!important
}

.slogan.product-slogan .slogan-content .cont-cont h2.title {
    font-size: 38px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 57px
}

.slogan.product-slogan .slogan-content .cont-cont .sub-title {
    font-size: 26px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 39px;
    margin-top: 44px
}

.slogan.product-slogan .slogan-content .cont-cont .dis-text {
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    margin-top: 21px;
    opacity: .8
}

.slogan.product-slogan .slogan-content .cont-cont .btn-go {
    width: 140px;
    height: 50px;
    background: hsla(0,0%,100%,.2);
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    margin-top: 70px;
    cursor: pointer;
    transition: .2s
}

.slogan.product-slogan .slogan-content .cont-cont .btn-go:hover {
    background: #fff;
    color: #37f
}

.slogan.product-slogan .slogan-content .img-wrap {
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 522px;
    height: 650px;
    overflow: hidden
}

.slogan.product-slogan .slogan-content .img-wrap .title-img {
    width: 522px;
    height: 650px
}

.product-vs .trandition {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.product-vs .trandition.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.product-vs .trandition.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.product-vs .trandition.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.product-vs .trandition h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.product-vs .trandition-content {
    /* height: 100%; */
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.product-vs .trandition-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.product-vs .trandition-content .tran-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px)
}

.product-vs .trandition-content .tran-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.product-vs .trandition-content .tran-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

.product-vs .model-vs {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 430px
}

.product-vs .model-vs.model-vs-1 {
    margin-top: 60px;
    background: #f3f2ee no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.product-vs .model-vs.model-vs-2 {
    background: #f6f6f6 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.product-vs .model-vs.model-vs-3 {
    background: #f3f2ee no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.product-vs .model-vs .model-cont {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.product-vs .model-vs .model-cont .text-cont-pp {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.product-vs .model-vs .model-cont .text-cont-pp .text-cont-1 {
    transform: translateY(50px)
}

.product-vs .model-vs .model-cont .text-cont-pp .text-cont-2 {
    padding-top: 50px;
    transform: translateY(50px)
}

.product-vs .model-vs .model-cont .text-cont-pp .title-1 {
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.product-vs .model-vs .model-cont .text-cont-pp .title-2 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 28px;
    margin-top: 18px
}

.product-vs .model-vs .model-cont .text-cont-pp.right {
    left: 55%
}

.product-vs .model-vs .model-cont .text-cont-pp .white .title-1,.product-vs .model-vs .model-cont .text-cont-pp .white .title-2 {
    color: #fff!important
}

.product-vs .is_visible .text-cont-1,.product-vs .is_visible .text-cont-2 {
    animation: showNext .6s ease 0s forwards!important
}

.shapan .slogan {
    position: relative;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    background: rgba(41,52,96,.8);
    max-height: 800px;
    overflow: hidden;
    min-width: 1200px
}

.shapan .slogan .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.5);
    z-index: 1000
}

.shapan .slogan .mask .btn-wrap {
    width: 100%;
    height: 356px;
    bottom: 2px;
    left: 0;
    position: absolute;
    text-align: center
}

.shapan .slogan .mask .btn-wrap img {
    height: 60px
}

.shapan .slogan .mask .btn-wrap .btn-go {
    width: 140px;
    height: 50px;
    background: hsla(0,0%,100%,.2);
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    cursor: pointer;
    margin: 106px auto 0
}

.shapan .slogan .mask .btn-wrap .btn-go:hover {
    color: #37f;
    background: #fff
}

.shapan .slogan video {
    min-height: 600px;
    width: auto;
    margin: 0 auto;
    position: relative;
    top: 2px
}

.shapan .slogan video.big {
    width: 100%
}

.shapan .play-full {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 10000
}

.shapan .play-full .video-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 1008px;
    height: 566px;
    overflow: hidden
}

.shapan .play-full .video-wrap.big {
    width: 1400px;
    height: 786px
}

.shapan .play-full .video-wrap video {
    width: 100%;
    position: relative;
    top: 2px
}

.shapan .play-full .close-btn {
    position: absolute;
    top: 60px;
    right: 2%;
    color: #fff;
    cursor: pointer
}

.shapan .play-full .close-btn span {
    font-family: icon2018!important;
    font-size: 30px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shapan .play-full .close-btn span:before {
    content: ""
}

.shapan h3.title-vs {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.shapan .tandition {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.shapan .tandition.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.shapan .tandition.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.shapan .tandition.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.shapan .tandition h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.shapan .tandition-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.shapan .tandition-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.shapan .tandition-content .tran-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px)
}

.shapan .tandition-content .tran-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.shapan .tandition-content .tran-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

.shapan .model-vs {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 430px
}

.shapan .model-vs.model-vs-1 {
    margin-top: 60px;
    background: url(../images/bg-1.120cf12a.jpg) #f5f5f5 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.shapan .model-vs.model-vs-2 {
    background: url(../images/bg-2.65497b90.jpg) #597cbc no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.shapan .model-vs.model-vs-2 .text-cont .title-1,.shapan .model-vs.model-vs-2 .text-cont .title-2 {
    color: #fff!important
}

.shapan .model-vs.model-vs-3 {
    background: url(../images/bg-3.a194184f.jpg) #f5f5f5 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.shapan .model-vs .model-cont {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.shapan .model-vs .model-cont .text-cont {
    position: absolute;
    left: 0;
    top: 0
}

.shapan .model-vs .model-cont .text-cont .text-cont-1 {
    padding-top: 180px;
    transform: translateY(50px)
}

.shapan .model-vs .model-cont .text-cont .text-cont-2 {
    padding-top: 50px;
    transform: translateY(50px)
}

.shapan .model-vs .model-cont .text-cont .title-1 {
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.shapan .model-vs .model-cont .text-cont .title-2 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 28px;
    margin-top: 18px
}

.shapan .model-vs .model-cont .text-cont.right {
    left: 55%
}

.shapan .is_visible .text-cont-1,.shapan .is_visible .text-cont-2 {
    animation: showNext .6s ease 0s forwards!important
}

.experience {
    width: 100%;
    min-width: 1200px;
    height: 1000px;
    background: url(../images/bg.600d3d2f.jpg) no-repeat;
    background-size: cover
}

.experience-content {
    width: 1100px;
    height: 700px;
    background: #fff;
    border-radius: 30px;
    border: 2px solid rgba(51,119,255,.5);
    margin: 70px auto 0
}

.experience-content.ie {
    background: url(../images/ieBg.18db7c06.png) no-repeat;
    background-size: cover
}

.experience-content.ie p {
    color: hsla(0,0%,100%,.8)
}

.experience-content.ie img {
    position: relative;
    left: 10px;
    margin-top: 46px;
    border-radius: 50%;
    width: 160px;
    height: 160px
}

.experience-content .inner {
    height: 640px;
    width: 1040px;
    position: relative;
    margin: 30px auto 0
}

.experience-content .inner .mask {
    background-color: rgba(0,0,0,.6);
    width: 1040px
}

.experience-content .inner .mask .pointer {
    margin-top: -28px;
    animation: pointer-rotate 2s infinite reverse
}

.experience-content .inner .mask.hide {
    display: none
}

.experience .btn {
    width: 420px;
    height: 64px;
    background-size: cover;
    color: #54a1ff
}

@keyframes pointer-rotate {
    10% {
        transform: rotate(30deg)
    }

    20% {
        transform: rotate(-30deg)
    }

    30% {
        transform: rotate(10deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    50%,to {
        transform: rotate(0deg)
    }
}

.enroll .process {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 872px;
    background: url(../images/全流程保障_bg@2x.66d95d3e.jpg);
    background-size: cover
}

.enroll .process-content {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.enroll .process-content h3.title {
    padding-top: 60px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px
}

.enroll .process-content .sub-title {
    padding-top: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.85);
    line-height: 22px
}

.enroll .process-content .peoc-cont {
    margin-top: 40px;
    width: 1172px;
    height: 612px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

.enroll .process-content .peoc-cont .desc-ie1 {
    width: 582px;
    height: 302px;
    background: url(../images/card_1@2x.b574f147.png);
    background-size: cover
}

.enroll .process-content .peoc-cont .desc-ie1 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 130px;
    margin-left: 367px;
    text-align: left
}

.enroll .process-content .peoc-cont .desc-ie1 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.enroll .process-content .peoc-cont .desc-ie1 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 367px;
    text-align: left;
    opacity: .65
}

.enroll .process-content .peoc-cont .desc-ie2 {
    width: 582px;
    height: 302px;
    background: url(../images/card_2@2x.a57a9ad2.png);
    background-size: cover
}

.enroll .process-content .peoc-cont .desc-ie2 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 130px;
    margin-left: 367px;
    text-align: left
}

.enroll .process-content .peoc-cont .desc-ie2 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.enroll .process-content .peoc-cont .desc-ie2 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 367px;
    text-align: left;
    opacity: .65
}

.enroll .process-content .peoc-cont .desc-ie3 {
    width: 582px;
    height: 302px;
    background: url(../images/card_3@2x.a0d5bfe7.png);
    background-size: cover
}

.enroll .process-content .peoc-cont .desc-ie3 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 130px;
    margin-left: 367px;
    text-align: left
}

.enroll .process-content .peoc-cont .desc-ie3 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.enroll .process-content .peoc-cont .desc-ie3 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 367px;
    text-align: left;
    opacity: .65
}

.enroll .process-content .peoc-cont .desc-ie4 {
    width: 582px;
    height: 302px;
    background: url(../images/card_4@2x.3d6210de.png);
    background-size: cover
}

.enroll .process-content .peoc-cont .desc-ie4 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 130px;
    margin-left: 367px;
    text-align: left
}

.enroll .process-content .peoc-cont .desc-ie4 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.enroll .process-content .peoc-cont .desc-ie4 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 367px;
    text-align: left;
    opacity: .65
}

.enroll h3.title-vs {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.enroll .tandition {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.enroll .tandition.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.enroll .tandition.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.enroll .tandition.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.enroll .tandition h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.enroll .tandition-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.enroll .tandition-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.enroll .tandition-content .tran-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px)
}

.enroll .tandition-content .tran-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.enroll .tandition-content .tran-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

.enroll .model-vs {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 430px
}

.enroll .model-vs.model-vs-1 {
    margin-top: 60px;
    background: url(../images/bg-1.4fa0f977.jpg) #fcfcfc no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.enroll .model-vs.model-vs-2 {
    background: url(../images/bg-2.5a4e58a7.jpg) #4da3ec no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.enroll .model-vs.model-vs-2 .text-cont .title-1,.enroll .model-vs.model-vs-2 .text-cont .title-2 {
    color: #fff!important
}

.enroll .model-vs.model-vs-3 {
    background: url(../images/bg-3.85b1d1e8.jpg) #f6f7f9 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.enroll .model-vs .model-cont {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.enroll .model-vs .model-cont .text-cont {
    position: absolute;
    left: 0;
    top: 0
}

.enroll .model-vs .model-cont .text-cont .text-cont-1 {
    padding-top: 122px;
    transform: translateY(50px)
}

.enroll .model-vs .model-cont .text-cont .text-cont-2 {
    padding-top: 50px;
    transform: translateY(50px)
}

.enroll .model-vs .model-cont .text-cont .title-1 {
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.enroll .model-vs .model-cont .text-cont .title-2 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 28px;
    margin-top: 18px
}

.enroll .model-vs .model-cont .text-cont.right {
    left: 55%
}

.enroll .is_visible .text-cont-1,.enroll .is_visible .text-cont-2 {
    animation: showNext .6s ease 0s forwards!important
}

.recognition .process {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 1182px;
    background: url(../images/全流程保障_bg@2x.374e0ba5.jpg);
    background-size: cover
}

.recognition .process-content {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.recognition .process-content h3.title {
    padding-top: 60px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px
}

.recognition .process-content .sub-title {
    padding-top: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.85);
    line-height: 22px
}

.recognition .process-content .peoc-cont {
    margin-top: 40px;
    width: 1172px;
    height: 612px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

.recognition .process-content .peoc-cont .desc-ie1 {
    width: 582px;
    height: 302px;
    background: url(../images/card_1.049cc5bc.png);
    background-size: cover
}

.recognition .process-content .peoc-cont .desc-ie1 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 106px;
    margin-left: 332px;
    text-align: left
}

.recognition .process-content .peoc-cont .desc-ie1 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.recognition .process-content .peoc-cont .desc-ie1 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 332px;
    text-align: left;
    opacity: .65
}

.recognition .process-content .peoc-cont .desc-ie2 {
    width: 582px;
    height: 302px;
    background: url(../images/card_2.ef45422a.png);
    background-size: cover
}

.recognition .process-content .peoc-cont .desc-ie2 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 106px;
    margin-left: 332px;
    text-align: left
}

.recognition .process-content .peoc-cont .desc-ie2 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.recognition .process-content .peoc-cont .desc-ie2 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 332px;
    text-align: left;
    opacity: .65
}

.recognition .process-content .peoc-cont .desc-ie3 {
    width: 582px;
    height: 302px;
    background: url(../images/card_3.0b3ba755.png);
    background-size: cover
}

.recognition .process-content .peoc-cont .desc-ie3 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 106px;
    margin-left: 332px;
    text-align: left
}

.recognition .process-content .peoc-cont .desc-ie3 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.recognition .process-content .peoc-cont .desc-ie3 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 332px;
    text-align: left;
    opacity: .65
}

.recognition .process-content .peoc-cont .desc-ie4 {
    width: 582px;
    height: 302px;
    background: url(../images/card_4.0c3f12be.png);
    background-size: cover
}

.recognition .process-content .peoc-cont .desc-ie4 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 106px;
    margin-left: 332px;
    text-align: left
}

.recognition .process-content .peoc-cont .desc-ie4 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.recognition .process-content .peoc-cont .desc-ie4 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 332px;
    text-align: left;
    opacity: .65
}

.recognition .process-content .peoc-cont .desc-ie5 {
    width: 582px;
    height: 302px;
    background: url(../images/card_5.c23f5315.png);
    background-size: cover
}

.recognition .process-content .peoc-cont .desc-ie5 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 106px;
    margin-left: 332px;
    text-align: left
}

.recognition .process-content .peoc-cont .desc-ie5 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.recognition .process-content .peoc-cont .desc-ie5 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 332px;
    text-align: left;
    opacity: .65
}

.recognition .process-content .peoc-cont .desc-ie6 {
    width: 582px;
    height: 302px;
    background: url(../images/card_6.bea5ddf6.png);
    background-size: cover
}

.recognition .process-content .peoc-cont .desc-ie6 .processstep {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px;
    margin-top: 106px;
    margin-left: 332px;
    text-align: left
}

.recognition .process-content .peoc-cont .desc-ie6 .processstep .ite {
    font-size: 40px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f61;
    line-height: 28px
}

.recognition .process-content .peoc-cont .desc-ie6 .procedesc {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.65);
    line-height: 24px;
    margin-left: 332px;
    text-align: left;
    opacity: .65
}

.recognition h3.title-vs {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.recognition .tandition {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.recognition .tandition.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.recognition .tandition.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.recognition .tandition.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.recognition .tandition h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.recognition .tandition-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.recognition .tandition-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.recognition .tandition-content .tran-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px)
}

.recognition .tandition-content .tran-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.recognition .tandition-content .tran-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

.recognition .model-vs {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 430px
}

.recognition .model-vs.model-vs-1 {
    margin-top: 60px;
    background: url(../images/bg_yanzi_1.85546c3c.jpg) #fcfcfc no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.recognition .model-vs.model-vs-2 {
    background: url(../images/bg_yanzi_2.2739ad0a.jpg) #fffefa no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.recognition .model-vs.model-vs-3 {
    background: url(../images/bg_yanzi_3.38e77301.jpg) #355785 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.recognition .model-vs .model-cont {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.recognition .model-vs .model-cont .text-cont-pus {
    position: absolute;
    left: 0;
    top: 0
}

.recognition .model-vs .model-cont .text-cont-pus .text-cont-1 {
    padding-top: 120px;
    transform: translateY(50px)
}

.recognition .model-vs .model-cont .text-cont-pus .text-cont-2 {
    padding-top: 50px;
    transform: translateY(50px)
}

.recognition .model-vs .model-cont .text-cont-pus .title-1 {
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.recognition .model-vs .model-cont .text-cont-pus .title-2 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 28px;
    margin-top: 12px
}

.recognition .model-vs .model-cont .text-cont-pus .title-3 {
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 28px;
    opacity: .9
}

.recognition .model-vs .model-cont .text-cont-pus .title-4 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.6);
    line-height: 22px;
    margin-top: 16px;
    opacity: .9
}

.recognition .model-vs .model-cont .text-cont-pus.right {
    left: 55%
}

.recognition .is_visible .text-cont-1,.recognition .is_visible .text-cont-2 {
    animation: showNext .6s ease 0s forwards!important
}

.advantage .compare-title .compare-right {
    width: 295px
}

.advantage .compare-line .compare-left,.advantage .compare-line .compare-right {
    white-space: nowrap
}

.process {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 700px;
    background: url(../images/bg-bg.9fde7b3a.png);
    background-size: cover
}

.process-content {
    height: 800px;
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.process-content h3.title {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 40px;
    padding-top: 60px
}

.process-content .sub-title {
    margin-top: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 22px
}

.process-content .pro-img {
    height: 359px;
    margin-top: 70px
}

.house h3.title-vs {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.house .tandition {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.house .tandition.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.house .tandition.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.house .tandition.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.house .tandition h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.house .tandition-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.house .tandition-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.house .tandition-content .tran-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px)
}

.house .tandition-content .tran-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.house .tandition-content .tran-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

.house .model-vs {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 430px
}

.house .model-vs.model-vs-1 {
    margin-top: 60px;
    background: url(../images/bg-1.76bebe3f.jpg) #fff no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.house .model-vs.model-vs-2 {
    background: url(../images/bg-2.d1a4fed1.jpg) #f5f5f3 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.house .model-vs.model-vs-3 {
    background: url(../images/bg-3.d3c71a19.jpg) #f5f5f3 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.house .model-vs .model-cont {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.house .model-vs .model-cont .text-cont {
    position: absolute;
    left: 0;
    top: 0
}

.house .model-vs .model-cont .text-cont .text-cont-1 {
    padding-top: 122px;
    transform: translateY(50px)
}

.house .model-vs .model-cont .text-cont .text-cont-2 {
    padding-top: 50px;
    transform: translateY(50px)
}

.house .model-vs .model-cont .text-cont .title-1 {
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.house .model-vs .model-cont .text-cont .title-2 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 28px;
    margin-top: 18px
}

.house .model-vs .model-cont .text-cont.right {
    left: 55%
}

.house .is_visible .text-cont-1,.house .is_visible .text-cont-2 {
    animation: showNext .6s ease 0s forwards!important
}

.house .advantage {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg-bg.3be9cefd.png);
    background-size: 100%;
    background-position-x: center;
    text-align: center
}

.house .advantage-content {
    width: 1200px;
    margin: 0 auto
}

.house .advantage .title {
    padding-top: 82px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px
}

.house .advantage .vs {
    box-sizing: content-box;
    margin-top: 50px;
    padding-bottom: 50px
}

.house .advantage .compare-left {
    display: inline-block;
    text-align: left
}

.house .advantage .compare-right {
    display: inline-block;
    text-align: right
}

.house .advantage .compare-title {
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    font-size: 0
}

.house .advantage .compare-title .title-text {
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
    display: inline-block
}

.house .advantage .compare-title .compare-left {
    box-sizing: border-box;
    width: 295px;
    height: 50px;
    color: #909090;
    padding-right: 100px;
    text-align: right;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    background: hsla(0,0%,73.3%,.2)
}

.house .advantage .compare-title .compare-right {
    box-sizing: border-box;
    width: 295px;
    height: 50px;
    color: #f61;
    padding-left: 100px;
    text-align: left;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    background: rgba(255,102,17,.08)
}

.house .advantage .compare-title .compare-middle {
    position: absolute;
    width: 100%;
    top: 0
}

.house .advantage .compare-title .compare-middle .middle-icon {
    display: inline-block;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover
}

.house .advantage .compare-title .compare-middle .middle-icon_vs {
    width: 28px;
    margin-top: 11px
}

.house .advantage .compare-line~.compare-line {
    margin-top: 30px
}

.house .advantage .compare-line {
    text-align: center;
    font-size: 0;
    height: 50px
}

.house .advantage .compare-line .compare-middle {
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin: 0 20px
}

.house .advantage .compare-line .compare-left {
    opacity: 0;
    width: 325px;
    color: #909090;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: right
}

.house .advantage .compare-line .compare-right {
    opacity: 0;
    width: 325px;
    color: #f61;
    font-size: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8oAAABkCAMAAABpTzkFAAAAwFBMVEX/Zg0AAAD/Zw7/eFX/aw3/ZAn/aRH/byL/gID/dDr/ZxH/cBD/ZxT/cxj/ZhL/ZhH/ZxD/ZhD/ZhH/Zw3/ZhH/ZhL/ZhH/ZhH/ZxL/ZRL/ZhH/ZhH/ZxH/ZxH/ZxD/ZhD/ZQ//aRD/aA3/bAv/Zg7/ZhH/////dCf/mF//gTr/ezH/bh7/+vf/9vL/xKT//v7/4dD/2sX/rYD/aRX/7uT/p3b/1r7/0Lf/oW3/kVT/8+z/6dz/vpv/tY3/jEv/t4+FqSMOAAAAJXRSTlMUABEDExoOBwIE4RAMCubVm3VaJfny8O3YycC3pJd8X1NOLy03QNS3tgAABhZJREFUeNrs3Nd22kAUQNGbkVBBEsW9x7FzBW6JS5xe/v+vIuOAwEaRDGREWGc/Ds9nDQwzV15VFIR+4kXGuALgn3ONibzED4OqhVZK2fE9IwBqYDzfWUzKYULGQK1MEs6bcpBEAqB2URLMkbITC4AlETszpux4AmCJeM4MKQfsyMDSiYOXpuzzpxOwhIxflDLfrYH/SsG3bGFLBv4vrl815VimWT/udvbaze2Nje1me6/TPV4XAHWIK6UcRPJMY+2wrc+0D9caAsC6KChP2THy1JuDTS2wefBGANhmnLKUQ1cmNbpN/atml60ZsM0NC1IuKLlx1NJSrSNiBqwobln+WvJaUytprgkAq9ywOGVnsuSTfa1s/0QA2OQ6RSkHRsa93tIX2HotAGwyQUHKkYxpdPSFOvxiBqyKpqccy5j1XX2xXS6NAFbF01L2Zczpjs5g51QAWOTnKU898nrb0pm03goAe1znWcqe5E5bOqMW+zJgk/c0ZV9y6zs6sx1+LwM2+ZMpB66MNHZ1DrucYwMWucFEyrHkOjqXjgCwJx5P2ZHca50Td0UAm5yxlD0ZOdnSOW1xhxOwyMtTdiS3r3PbFwD2OKOUYxlZ0wXgnRRgUTxMOZCRRlMXoMkpNmBR8CflREaOdCGOBIA1yZ+UIxlqtHQhWmzLgD3RY8qhjHR1QboCwJpwkHIiI01dkKYAsCYZpGxk6I0WuTvrVVnNMVMXsMc8pOzIyIEWuL9K0+uz8tXcgQCwxslS9mWosVlUcvrga690NbfJwRdgj5+l7JVfD7lKB35MX+WaCFA3L0vZyNChTneePvpYvpo7FAC2mFcSyEhbp7t4nw68K1/NtQWANYGEMrSuRW7SgX6F1RzjRAB7QvFl6FiLnH/It9+S1dyxALDFl6TKVa+L20/v+tNXufAFLIFEvNJBQAwGApaeJ5EM7elC7QkAWyIxZQfY5TjCBupmxJS9peBFBbD8jLgytK0LtS0AbHElt6ELtSEArCFlYDXwBRtYAS7HXsAqMPwZBawCwxURYBVEFS5unt/+1GK9+z4XN4G6eeXPKXpX6fu+Frn4lqa3PKcAapaUP3Lsp2l6eaYFPmaf3vDIEaiZXz56oHeZ1fqhp1P9SjO3jB4AahZWGAh0n2ZuLnSKz2nm+o4DbKBmQZUxfZ/SzLczferue5q5OmNMH1AzU2l47sV1mrn8rJPOH5e/MDwXqJtXbaR97zp9cDNe7fn3y0HJfWWkPfC7vTtRShwIwjjenckxOTlUBFF01cH1ZD3Ko/Z4/8faKpV0RAgBrEms+n7v8K8mwyRdt6DiopnLp/Grhz8/zy/N/dnL3e3kbTfFP4NFMwC1U0vWv4m7q/EcjxdY/wZQP2eFpawXT5PxjIdnvEsB0ATpSqvSz2+ux2Jy+3yPVekAjRC+pswxTXmZKXP/8vfx9/Xk6uHXzfOZKZHh0AvAnpjfUk4pNzJfYkQAYE36nrKmnBeZLxBhKANYpN9T5oRyXbMSXA8BqF3C05QViaHZ2JAAwB6Vp8w+5Y57ZkO9YwIAa3yWlBWJQ7OhQwIAe1QhZU5ItM07bHAEaL6Eiylrl3LewGxggNNrAItc/SFlDkhs9c3a+vh4CIBNAUvKr3wSJ5lZU3ZCAGCPz7MpK5fEabZmyacEAPa4SlKeCqjgpG/W0MdMBrAqYEk5l1DB1sCsbIDnZACrEs4Ri5gKvLZZURtn1wBWxSyIhXao6LBnVtDDzRAAuxw9J2U5+hLHQ1PZELc1AexyFc+kLEKXPuhGppII70IBWOaGXERc2rI3ysxS2QhPyQAWScmCuLxl8jqRKRV1EDKAVVKyIJ6hHJr1Y3/HLLCzj6/kAtjnKF6WMuuYPvG6By3zSeugi4EMUINY8+KURULzbB112nutaHd7ezdq7bU7R7gQAlCPhLksZRG4BAAN5QZcNWVWPgFAI/mKF6WMwQzwXchILk9Z6IQAoGESzaUp41c2wDfgK16IuITCZAZojERxCeJSOo0JAGoXp5pLES8Tpg4BQI2cNORliCtQgY+cAWrh+IHiCogr0mGQ+rHj4E8qAAtcx4n9NAg1V/Qf/dXtyjp7N5UAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: left
}

.house .advantage.is_visible .compare-line.line1 .compare-left {
    animation: com-left .7s ease-in-out 0s forwards
}

.house .advantage.is_visible .compare-line.line1 .compare-right {
    animation: com-right .7s ease-in-out 0s forwards
}

.house .advantage.is_visible .compare-line.line2 .compare-left {
    animation: com-left .7s ease-in-out .32s forwards
}

.house .advantage.is_visible .compare-line.line2 .compare-right {
    animation: com-right .7s ease-in-out .32s forwards
}

.house .advantage.is_visible .compare-line.line3 .compare-left {
    animation: com-left .7s ease-in-out .64s forwards
}

.house .advantage.is_visible .compare-line.line3 .compare-right {
    animation: com-right .7s ease-in-out .64s forwards
}

.house .advantage.is_visible .compare-line.line4 .compare-left {
    animation: com-left .7s ease-in-out .96s forwards
}

.house .advantage.is_visible .compare-line.line4 .compare-right {
    animation: com-right .7s ease-in-out .96s forwards
}

.house .advantage.is_visible .compare-line.line5 .compare-left {
    animation: com-left .7s ease-in-out 1.28s forwards
}

.house .advantage.is_visible .compare-line.line5 .compare-right {
    animation: com-right .7s ease-in-out 1.28s forwards
}

.house .advantage.is_visible .compare-line.line6 .compare-left {
    animation: com-left .7s ease-in-out 1.6s forwards
}

.house .advantage.is_visible .compare-line.line6 .compare-right {
    animation: com-right .7s ease-in-out 1.6s forwards
}

.house .advantage.is_visible .compare-line.line7 .compare-left {
    animation: com-left .7s ease-in-out 1.92s forwards
}

.house .advantage.is_visible .compare-line.line7 .compare-right {
    animation: com-right .7s ease-in-out 1.92s forwards
}

.house .advantage.is_visible .compare-line.line8 .compare-left {
    animation: com-left .7s ease-in-out 2.24s forwards
}

.house .advantage.is_visible .compare-line.line8 .compare-right {
    animation: com-right .7s ease-in-out 2.24s forwards
}

h3.title-vs {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.parking .trandition {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.parking .trandition.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.parking .trandition.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.parking .trandition.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.parking .trandition h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.parking .trandition-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.parking .trandition-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.parking .trandition-content .tran-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px)
}

.parking .trandition-content .tran-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.parking .trandition-content .tran-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

.parking .model-vs {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 430px
}

.parking .model-vs.model-vs-1 {
    margin-top: 60px;
    background: url(../images/bg-1.c6b5ee4c.jpg) #eef5ff no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.parking .model-vs.model-vs-2 {
    background: url(../images/bg-2.f403a186.jpg) #f6f6f6 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.parking .model-vs.model-vs-3 {
    background: url(../images/bg-3.471d9be5.jpg) #f3f2ee no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.parking .model-vs .model-cont {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.parking .model-vs .model-cont .text-cont {
    position: absolute;
    left: 0;
    top: 0
}

.parking .model-vs .model-cont .text-cont .text-cont-1 {
    padding-top: 122px;
    transform: translateY(50px)
}

.parking .model-vs .model-cont .text-cont .text-cont-2 {
    padding-top: 50px;
    transform: translateY(50px)
}

.parking .model-vs .model-cont .text-cont .title-1 {
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.parking .model-vs .model-cont .text-cont .title-2 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 28px;
    margin-top: 18px
}

.parking .model-vs .model-cont .text-cont.right {
    left: 55%
}

.parking .is_visible .text-cont-1,.parking .is_visible .text-cont-2 {
    animation: showNext .6s ease 0s forwards!important
}

.advantage {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg-bg.3be9cefd.png);
    background-size: 100%;
    background-position-x: center;
    text-align: center
}

.advantage-content {
    width: 1200px;
    margin: 0 auto
}

.advantage .title {
    padding-top: 82px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px
}

.advantage .vs {
    box-sizing: content-box;
    margin-top: 50px;
    padding-bottom: 50px
}

.advantage .compare-left {
    display: inline-block;
    text-align: left
}

.advantage .compare-right {
    display: inline-block;
    text-align: right
}

.advantage .compare-title {
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    font-size: 0
}

.advantage .compare-title .title-text {
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
    display: inline-block
}

.advantage .compare-title .compare-left {
    box-sizing: border-box;
    width: 295px;
    height: 50px;
    color: #909090;
    padding-right: 100px;
    text-align: right;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    background: hsla(0,0%,73.3%,.2)
}

.advantage .compare-title .compare-right {
    box-sizing: border-box;
    width: 300px;
    height: 50px;
    color: #f61;
    padding-left: 100px;
    text-align: left;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    background: rgba(255,102,17,.08)
}

.advantage .compare-title .compare-middle {
    position: absolute;
    width: 100%;
    top: 0
}

.advantage .compare-title .compare-middle .middle-icon {
    display: inline-block;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover
}

.advantage .compare-title .compare-middle .middle-icon_vs {
    width: 28px;
    margin-top: 11px
}

.advantage .compare-line~.compare-line {
    margin-top: 30px
}

.advantage .compare-line {
    text-align: center;
    font-size: 0;
    height: 50px
}

.advantage .compare-line .compare-middle {
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin: 0 20px
}

.advantage .compare-line .compare-left {
    opacity: 0;
    width: 325px;
    color: #909090;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: right
}

.advantage .compare-line .compare-right {
    opacity: 0;
    width: 325px;
    color: #f61;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: left
}

.advantage.is_visible .compare-line.line1 .compare-left {
    animation: com-left .7s ease-in-out 0s forwards
}

.advantage.is_visible .compare-line.line1 .compare-right {
    animation: com-right .7s ease-in-out 0s forwards
}

.advantage.is_visible .compare-line.line2 .compare-left {
    animation: com-left .7s ease-in-out .32s forwards
}

.advantage.is_visible .compare-line.line2 .compare-right {
    animation: com-right .7s ease-in-out .32s forwards
}

.advantage.is_visible .compare-line.line3 .compare-left {
    animation: com-left .7s ease-in-out .64s forwards
}

.advantage.is_visible .compare-line.line3 .compare-right {
    animation: com-right .7s ease-in-out .64s forwards
}

.advantage.is_visible .compare-line.line4 .compare-left {
    animation: com-left .7s ease-in-out .96s forwards
}

.advantage.is_visible .compare-line.line4 .compare-right {
    animation: com-right .7s ease-in-out .96s forwards
}

.advantage.is_visible .compare-line.line5 .compare-left {
    animation: com-left .7s ease-in-out 1.28s forwards
}

.advantage.is_visible .compare-line.line5 .compare-right {
    animation: com-right .7s ease-in-out 1.28s forwards
}

.advantage.is_visible .compare-line.line6 .compare-left {
    animation: com-left .7s ease-in-out 1.6s forwards
}

.advantage.is_visible .compare-line.line6 .compare-right {
    animation: com-right .7s ease-in-out 1.6s forwards
}

.advantage.is_visible .compare-line.line7 .compare-left {
    animation: com-left .7s ease-in-out 1.92s forwards
}

.advantage.is_visible .compare-line.line7 .compare-right {
    animation: com-right .7s ease-in-out 1.92s forwards
}

.advantage.is_visible .compare-line.line8 .compare-left {
    animation: com-left .7s ease-in-out 2.24s forwards
}

.advantage.is_visible .compare-line.line8 .compare-right {
    animation: com-right .7s ease-in-out 2.24s forwards
}

.kaipan h3.title-vs {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.kaipan h3.title-vs.lower {
    padding-top: 20px
}

.kaipan .trandition {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.kaipan .trandition.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.kaipan .trandition.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.kaipan .trandition.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.kaipan .trandition h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.kaipan .trandition-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.kaipan .trandition-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.kaipan .trandition-content .tran-cont .cont-1 .item-c {
    height: 212px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px)
}

.kaipan .trandition-content .tran-cont .cont-1 .item-c .text-1 {
    padding-top: 144px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px
}

.kaipan .trandition-content .tran-cont .cont-1 .item-c .text-2 {
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    line-height: 20px;
    margin-top: 6px
}

.kaipan .trandition-m {
    background: #fff;
    width: 100%;
    min-width: 1200px
}

.kaipan .trandition-m.is_visible .item-c:first-of-type {
    animation: showNext .8s ease 0s forwards!important
}

.kaipan .trandition-m.is_visible .item-c:nth-of-type(2) {
    animation: showNext .8s ease .1s forwards!important
}

.kaipan .trandition-m.is_visible .item-c:nth-of-type(3) {
    animation: showNext .8s ease .2s forwards!important
}

.kaipan .trandition-m h3.title {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    padding-top: 60px
}

.kaipan .trandition-m .trandition-m-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.kaipan .trandition-m .trandition-m-content .tran-cont .cont-1 {
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.kaipan .trandition-m .trandition-m-content .tran-cont .cont-1 .item-c {
    height: 312px;
    width: 384px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(50px);
    background-position: top
}

.kaipan .trandition-m .trandition-m-content .tran-cont .cont-1 .item-c .text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 384px;
    height: 100px;
    background: rgba(233,233,237,.6)
}

.kaipan .trandition-m .trandition-m-content .tran-cont .cont-1 .item-c .text-3 {
    margin-top: 23px;
    margin-left: 30px;
    height: 24px;
    font-size: 17px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 24px
}

.kaipan .trandition-m .trandition-m-content .tran-cont .cont-1 .item-c .text-4 {
    margin-top: 9px;
    margin-left: 30px;
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    line-height: 20px
}

.kaipan .model-vs {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 430px
}

.kaipan .model-vs.model-vs-1 {
    margin-top: 60px;
    background: #f3f2ee no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.kaipan .model-vs.model-vs-2 {
    background: #f6f6f6 no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.kaipan .model-vs.model-vs-3 {
    background: #f3f2ee no-repeat;
    background-size: auto 100%;
    background-position-x: center
}

.kaipan .model-vs .model-cont {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.kaipan .model-vs .model-cont .text-cont {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.kaipan .model-vs .model-cont .text-cont .text-cont-1 {
    transform: translateY(50px)
}

.kaipan .model-vs .model-cont .text-cont .text-cont-2 {
    padding-top: 50px;
    transform: translateY(50px)
}

.kaipan .model-vs .model-cont .text-cont .title-1 {
    font-size: 20px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #000;
    line-height: 28px
}

.kaipan .model-vs .model-cont .text-cont .title-2 {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    opacity: .6;
    line-height: 28px;
    margin-top: 18px
}

.kaipan .model-vs .model-cont .text-cont.right {
    left: 55%
}

.kaipan .model-vs .model-cont .text-cont .white .title-1,.kaipan .model-vs .model-cont .text-cont .white .title-2 {
    color: #fff!important
}

.kaipan .is_visible .text-cont-1,.kaipan .is_visible .text-cont-2 {
    animation: showNext .6s ease 0s forwards!important
}

.advantage.advantage-selldown {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg-bg.3be9cefd.png);
    background-size: 100%;
    background-position-x: center;
    text-align: center
}

.advantage.advantage-selldown-content {
    width: 1200px;
    margin: 0 auto
}

.advantage.advantage-selldown .title {
    padding-top: 82px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px
}

.advantage.advantage-selldown .vs {
    box-sizing: content-box;
    margin-top: 50px;
    padding-bottom: 50px
}

.advantage.advantage-selldown .compare-left {
    display: inline-block;
    text-align: left
}

.advantage.advantage-selldown .compare-right {
    display: inline-block;
    text-align: right
}

.advantage.advantage-selldown .compare-title {
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    font-size: 0
}

.advantage.advantage-selldown .compare-title .title-text {
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
    display: inline-block
}

.advantage.advantage-selldown .compare-title .compare-left {
    box-sizing: border-box;
    width: 340px;
    height: 50px;
    color: #909090;
    padding-right: 100px;
    text-align: right;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    background: hsla(0,0%,73.3%,.2)
}

.advantage.advantage-selldown .compare-title .compare-right {
    box-sizing: border-box;
    width: 346px;
    height: 50px;
    color: #f61;
    padding-left: 100px;
    text-align: left;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    background: rgba(255,102,17,.08)
}

.advantage.advantage-selldown .compare-title .compare-middle {
    position: absolute;
    width: 100%;
    top: 0
}

.advantage.advantage-selldown .compare-title .compare-middle .middle-icon {
    display: inline-block;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover
}

.advantage.advantage-selldown .compare-title .compare-middle .middle-icon_vs {
    width: 28px;
    margin-top: 11px
}

.advantage.advantage-selldown .compare-line~.compare-line {
    margin-top: 30px
}

.advantage.advantage-selldown .compare-line {
    text-align: center;
    font-size: 0;
    height: 50px
}

.advantage.advantage-selldown .compare-line .compare-middle {
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin: 0 20px
}

.advantage.advantage-selldown .compare-line .compare-left {
    opacity: 0;
    width: 325px;
    color: #909090;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: right
}

.advantage.advantage-selldown .compare-line .compare-right {
    opacity: 0;
    width: 325px;
    color: #f61;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: left
}

.advantage.advantage-selldown.is_visible .compare-line.line1 .compare-left {
    animation: com-left .7s ease-in-out 0s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line1 .compare-right {
    animation: com-right .7s ease-in-out 0s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line2 .compare-left {
    animation: com-left .7s ease-in-out .32s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line2 .compare-right {
    animation: com-right .7s ease-in-out .32s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line3 .compare-left {
    animation: com-left .7s ease-in-out .64s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line3 .compare-right {
    animation: com-right .7s ease-in-out .64s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line4 .compare-left {
    animation: com-left .7s ease-in-out .96s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line4 .compare-right {
    animation: com-right .7s ease-in-out .96s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line5 .compare-left {
    animation: com-left .7s ease-in-out 1.28s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line5 .compare-right {
    animation: com-right .7s ease-in-out 1.28s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line6 .compare-left {
    animation: com-left .7s ease-in-out 1.6s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line6 .compare-right {
    animation: com-right .7s ease-in-out 1.6s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line7 .compare-left {
    animation: com-left .7s ease-in-out 1.92s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line7 .compare-right {
    animation: com-right .7s ease-in-out 1.92s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line8 .compare-left {
    animation: com-left .7s ease-in-out 2.24s forwards
}

.advantage.advantage-selldown.is_visible .compare-line.line8 .compare-right {
    animation: com-right .7s ease-in-out 2.24s forwards
}

.advantage.advantage-geekCloud {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg-bg.3be9cefd.png);
    background-size: 100%;
    background-position-x: center;
    text-align: center
}

.advantage.advantage-geekCloud-content {
    width: 1200px;
    margin: 0 auto
}

.advantage.advantage-geekCloud .title {
    padding-top: 82px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px
}

.advantage.advantage-geekCloud .vs {
    box-sizing: content-box;
    margin-top: 50px;
    padding-bottom: 50px
}

.advantage.advantage-geekCloud .compare-left {
    display: inline-block;
    text-align: left
}

.advantage.advantage-geekCloud .compare-right {
    display: inline-block;
    text-align: right
}

.advantage.advantage-geekCloud .compare-title {
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    font-size: 0
}

.advantage.advantage-geekCloud .compare-title .title-text {
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
    display: inline-block
}

.advantage.advantage-geekCloud .compare-title .compare-left {
    box-sizing: border-box;
    width: 365px;
    height: 50px;
    color: #909090;
    padding-right: 100px;
    text-align: right;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    background: hsla(0,0%,73.3%,.2)
}

.advantage.advantage-geekCloud .compare-title .compare-right {
    box-sizing: border-box;
    width: 370px;
    height: 50px;
    color: #f61;
    padding-left: 100px;
    text-align: left;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    background: rgba(255,102,17,.08)
}

.advantage.advantage-geekCloud .compare-title .compare-middle {
    position: absolute;
    width: 100%;
    top: 0
}

.advantage.advantage-geekCloud .compare-title .compare-middle .middle-icon {
    display: inline-block;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover
}

.advantage.advantage-geekCloud .compare-title .compare-middle .middle-icon_vs {
    width: 28px;
    margin-top: 11px
}

.advantage.advantage-geekCloud .compare-line~.compare-line {
    margin-top: 30px
}

.advantage.advantage-geekCloud .compare-line {
    text-align: center;
    font-size: 0;
    height: 50px
}

.advantage.advantage-geekCloud .compare-line .compare-middle {
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin: 0 20px
}

.advantage.advantage-geekCloud .compare-line .compare-left {
    opacity: 0;
    width: 325px;
    color: #909090;
    font-size: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8oAAABkCAMAAABpTzkFAAAAe1BMVEW8vLyhoaQAAADk5Oa9vb27u7u2trajo6ampqm8vLzBwcG8vLzg4OCzs7PExMSioqSjo6WoqKvAwMC+vr6mpqnk5OSioqWpqayurrC0tLTh4eK5ubvBwcOysrXX19jb29zGxsmsrK/T09XNzc+jo6ilpamrq6/Q0NLe3t/i7e2uAAAAKXRSTlMmkgDTIgUqfmUdGBUCMgiMhVQkDZXRh0dCEc2jqp7Bxq+ZvbZ1cUm6ynahwJgAAAX4SURBVHja7NzZdqJAFEDRe8MoMjlrjFNikv7/L+xuJwwioNIlvdbZj/V+FtQoLzWF8awbdGzbFgD/nG3bnaA7i8OXmmql7AwCCgaewg4GTjMpx10yBp7K7saPphzOOgLg6Tqz8IGUnaAvAFqhHzh3puwEAqBFAueOlMOuAGiZbnhrygPWuoAWsgc3peyw2AW0VMepn/KA1S6gtfqDwpSZJQOtEU17/tZLE9Uk9bZ+bxrVnjELP9dAK7gT39MLnj9xa/1ky0XJrHcB5k39RK9I/Knk2U5VyjElA6a5vVRLpT0333JcnnLMghdgmNsba6VxPuZ+rmWhZOCpJqnWkk5KWxbmycATRZ9a22dUMl8WSgae5yvRGyRfuZaLUw7ZhQKMcn29ke/KmU5YmDInQwCjXE9v5v1ouVuU8kAAGBR5egcvkjODy5QdFq8Bk6Kx3mUcSabvXKTMRBko05aScy13Tinzew3U8vx5cuF8efAz5ZB9KKBEm0r+2bIdHlJm9Rowz9eH+JLpnqfsCABzvvRBX5JxzlLmbU3AoCjRByWRnAT7lPkoA6Z96sM+859l4aMMGDbRBkzkJDimHHI6BDDHTbUBqStH/fCQ8kwAGNPTRvTkZPY3ZQ56AUa5Y23E2JWjzj7lWAAY09Niw/miZLT8sxz/SZnjIYBRqRZajyzrdV49mknlpLtLmTObgDlTLfRm/TXaVI9mpnJk/0mZTWXAJF8LvVo739WjGf98a1m4EwUY5CZaZGjtrapHM4l7dj9KOB8CGDTRYiNrZ1k8WnlMJHgRpsqAQb4We7d23kpH8/yzybKEAsAYT4sNV9mkuGI048lJKOwqA+ZEetXb98e8ajQvkqNYOLUJmDPVRk3laCYcEAGqtO789eWBr66wgA1UaM9DQNfXvQLhLgVgzlYbtZWjjrAXBZjjaaM8ObJJGTAo1UalpAw8RaKNSuSAkAGjtGECoIb/KWW+y0CJ/+cHm5SBEix7Abh3M2qzmM8XG63mZSlzRAQwaKtV5h+rkbUzWq4Xel3uiAgHNwGDfC01/Hi1fvj1pmV8OQq4TgEY1CsNeT2yMlUx565TcMkRMGiq1y1+WQevq+Vydfo+vw+1SO6SI08PAJXMPD0w2mf8PT+ku3lbHoYWekUkRzEPAgEmeXrFel/teqhnNh+7mEfzqgVsCXmmDzDJLy15OSz+6x4tKla9bB7PBYyaaKH5Lti1Xhq+777WG83JPZ7Lk/bA7/buZbdVGAqgqM8RNhDe4SqPSvfVNvn/T+ygaSAuBdpUhkp7TTPewhjHJyhXyYD/DyPL6H9DV2H7V9ozaAYIK5EBf8Zuu5bHoV+9QTOMfwPCOojvMlDmSYZcb8P+O/YpKmIoKxBaPdDqg7eCHlh/P0qfP5SVUelAaI289/vx6Zd0pn8fHJWu/KMCCMft5FvsnHmT6mvKnN0EJq3uWvvGXB0vKedbAyAUV8s3qJ15s80vKXNKBAhpL99gb642ekmZT8tAUCe528l07GvKPJaBwIpK7lQV3kNZjfJYBkI7y53OpmO7lDkmAsyzkomOielk2k855/QmEJCL5Q6xM1dRfpMy/48Cxqyq5diZTqv9lDnyBQRW7OSLdoXppOqnbDknAoxYTcs3JW9tL2WW2MASili+IC5MT6s3KbOLDcyz+Pty7ExPpkMp57wuA0G5RD4puSk5zQdTVssXKSCscyWfUJ1NX2S1Y5SWgeUUJ5ntVPgleyl3SraxgcD2tcxS782Nbal9RmkZWJRrdjJp17jRkv2UtWSNDYTmmlpG1X7IJip1IGXel4GFHZJKPlAlB+OLrE6lrJZvUsAC3D6J5Z042TvzTmp1OmXNOSsCLKM4NMlzXFciVR0/J82hMEOyXMdS7rRsfgGrtW1VP0iZRTbwY6RWp1PutOx+ASsUtapjKfPGDPwEWa7TKfss93ACq7KxqjNT9mNm/wtYiW0X8uyUO/mRDTBgBdJjrqOMTikzdsCARUVZqVOMzmDbDTkDi4g2rdUZjM6Ul8dsk0YRTQMBRFGUbrJjmetML6CzUkBNgYu4AAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: right
}

.advantage.advantage-geekCloud .compare-line .compare-right {
    opacity: 0;
    width: 325px;
    color: #f61;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: left
}

.advantage.advantage-geekCloud.is_visible .compare-line.line1 .compare-left {
    animation: com-left .7s ease-in-out 0s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line1 .compare-right {
    animation: com-right .7s ease-in-out 0s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line2 .compare-left {
    animation: com-left .7s ease-in-out .32s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line2 .compare-right {
    animation: com-right .7s ease-in-out .32s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line3 .compare-left {
    animation: com-left .7s ease-in-out .64s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line3 .compare-right {
    animation: com-right .7s ease-in-out .64s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line4 .compare-left {
    animation: com-left .7s ease-in-out .96s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line4 .compare-right {
    animation: com-right .7s ease-in-out .96s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line5 .compare-left {
    animation: com-left .7s ease-in-out 1.28s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line5 .compare-right {
    animation: com-right .7s ease-in-out 1.28s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line6 .compare-left {
    animation: com-left .7s ease-in-out 1.6s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line6 .compare-right {
    animation: com-right .7s ease-in-out 1.6s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line7 .compare-left {
    animation: com-left .7s ease-in-out 1.92s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line7 .compare-right {
    animation: com-right .7s ease-in-out 1.92s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line8 .compare-left {
    animation: com-left .7s ease-in-out 2.24s forwards
}

.advantage.advantage-geekCloud.is_visible .compare-line.line8 .compare-right {
    animation: com-right .7s ease-in-out 2.24s forwards
}

.slogan {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    height: 650px;
    background: url(../images/bg.875ef89d.jpg);
    background-size: cover;
    background-position-x: center;
    overflow: hidden
}

.slogan-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.slogan-content .cont-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 429px;
    text-align: left;
    transform: translateY(50px);
    opacity: 0;
    animation: showNextWithOpacity 1s cubic-bezier(.68,-.55,.27,1.2) 0s forwards!important
}

.slogan-content .cont-cont h2.title {
    font-size: 38px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 57px
}

.slogan-content .cont-cont .sub-title {
    font-size: 26px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 39px;
    margin-top: 44px
}

.slogan-content .cont-cont .dis-text {
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    margin-top: 21px;
    opacity: .8
}

.slogan-content .cont-cont .btn-go {
    width: 140px;
    height: 50px;
    background: hsla(0,0%,100%,.2);
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    margin-top: 70px;
    cursor: pointer;
    transition: .2s
}

.slogan-content .cont-cont .btn-go:hover {
    background: #fff;
    color: #37f
}

.slogan-content .img-wrap {
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 522px;
    height: 650px;
    overflow: hidden
}

.advantage.advantage-smartCashier {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg-bg.3be9cefd.png);
    background-size: 100%;
    background-position-x: center;
    text-align: center
}

.advantage.advantage-smartCashier-content {
    width: 1200px;
    margin: 0 auto
}

.advantage.advantage-smartCashier .title {
    padding-top: 82px;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px
}

.advantage.advantage-smartCashier .vs {
    box-sizing: content-box;
    margin-top: 50px;
    padding-bottom: 50px
}

.advantage.advantage-smartCashier .compare-left {
    display: inline-block;
    text-align: left
}

.advantage.advantage-smartCashier .compare-right {
    display: inline-block;
    text-align: right
}

.advantage.advantage-smartCashier .compare-title {
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    font-size: 0
}

.advantage.advantage-smartCashier .compare-title .title-text {
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
    display: inline-block
}

.advantage.advantage-smartCashier .compare-title .compare-left {
    box-sizing: border-box;
    width: 365px;
    height: 50px;
    color: #909090;
    padding-right: 100px;
    text-align: right;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    background: hsla(0,0%,73.3%,.2)
}

.advantage.advantage-smartCashier .compare-title .compare-right {
    box-sizing: border-box;
    width: 370px;
    height: 50px;
    color: #f61;
    padding-left: 100px;
    text-align: left;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    background: rgba(255,102,17,.08)
}

.advantage.advantage-smartCashier .compare-title .compare-middle {
    position: absolute;
    width: 100%;
    top: 0
}

.advantage.advantage-smartCashier .compare-title .compare-middle .middle-icon {
    display: inline-block;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover
}

.advantage.advantage-smartCashier .compare-title .compare-middle .middle-icon_vs {
    width: 28px;
    margin-top: 11px
}

.advantage.advantage-smartCashier .compare-line~.compare-line {
    margin-top: 30px
}

.advantage.advantage-smartCashier .compare-line {
    text-align: center;
    font-size: 0;
    height: 50px
}

.advantage.advantage-smartCashier .compare-line .compare-middle {
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url(../images/blue-bg.c8859ccd.png);
    background-size: cover;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin: 0 20px
}

.advantage.advantage-smartCashier .compare-line .compare-left {
    opacity: 0;
    width: 325px;
    color: #909090;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: right
}

.advantage.advantage-smartCashier .compare-line .compare-right {
    opacity: 0;
    width: 325px;
    color: #f61;
    font-size: 18px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    line-height: 50px;
    text-align: left
}

.advantage.advantage-smartCashier.is_visible .compare-line.line1 .compare-left {
    animation: com-left .7s ease-in-out 0s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line1 .compare-right {
    animation: com-right .7s ease-in-out 0s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line2 .compare-left {
    animation: com-left .7s ease-in-out .32s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line2 .compare-right {
    animation: com-right .7s ease-in-out .32s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line3 .compare-left {
    animation: com-left .7s ease-in-out .64s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line3 .compare-right {
    animation: com-right .7s ease-in-out .64s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line4 .compare-left {
    animation: com-left .7s ease-in-out .96s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line4 .compare-right {
    animation: com-right .7s ease-in-out .96s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line5 .compare-left {
    animation: com-left .7s ease-in-out 1.28s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line5 .compare-right {
    animation: com-right .7s ease-in-out 1.28s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line6 .compare-left {
    animation: com-left .7s ease-in-out 1.6s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line6 .compare-right {
    animation: com-right .7s ease-in-out 1.6s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line7 .compare-left {
    animation: com-left .7s ease-in-out 1.92s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line7 .compare-right {
    animation: com-right .7s ease-in-out 1.92s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line8 .compare-left {
    animation: com-left .7s ease-in-out 2.24s forwards
}

.advantage.advantage-smartCashier.is_visible .compare-line.line8 .compare-right {
    animation: com-right .7s ease-in-out 2.24s forwards
}

@keyframes com-left {
    0% {
        opacity: 0;
        width: 325px;
        padding-right: 100px
    }

    to {
        opacity: 1;
        width: 485px;
        padding-right: 55px
    }
}

@keyframes com-right {
    0% {
        opacity: 0;
        width: 325px;
        padding-left: 100px
    }

    to {
        opacity: 1;
        width: 485px;
        padding-left: 55px
    }
}

@keyframes color-opacity {
    0% {
        color: transparent
    }

    to {
        color: #fff
    }
}

@keyframes showNextWithOpacity {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes showNext {
    0% {
        transform: translateY(50px)
    }

    to {
        transform: translateY(0)
    }
}

.partner-banneer {
    min-height: 320px;
    min-width: 1200px;
    background: url(../images/bg_9@2x.38c370cf.jpg);
    background-size: cover;
    background-position-x: center;
    width: 100%
}

.partner-banneer .wrap-cont {
    width: 1200px;
    margin: 0 auto;
    height: 320px;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.partner-banneer .wrap-cont .title-v {
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    line-height: 40px
}

.partner-banneer .wrap-cont .cont-text {
    margin-top: 30px;
    width: 523px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.partner-banneer .wrap-cont .cont-text .title-2 img {
    position: relative;
    height: 20px;
    width: 20px;
    top: 2px;
    margin-right: 5px
}

.partner-banneer .wrap-cont .right-btn {
    text-align: center;
    width: 120px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #37f;
    line-height: 40px;
    cursor: pointer
}

.partner-banneer .wrap-cont .right-btn .span1 {
    transform: translateX(0);
    transition: .2s;
    left: 0;
    position: relative
}

.partner-banneer .wrap-cont .right-btn .span2 {
    font-family: icon2018!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.partner-banneer .wrap-cont .right-btn .span2:after {
    content: "";
    position: relative;
    right: -2px;
    transition: .2s
}

.partner-banneer .wrap-cont .right-btn:hover .span1 {
    left: -2px
}

.partner-banneer .wrap-cont .right-btn:hover .span2:after {
    right: -4px
}

html {
    font-family: Helvetica;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

* {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent!important;
    user-select: none;
    box-sizing: border-box
}

@font-face {
    font-family: dinalternate-bold;
    src: url(https://t.focus-res.cn/front-end/applet/saas-static/dinalternate-bold.eot#iefix) format("embedded-opentype"),url(https://t.focus-res.cn/front-end/applet/saas-static/dinalternate-bold.ttf) format("truetype"),url(https://t.focus-res.cn/front-end/applet/saas-static/dinalternate-bold.svg#dinalternate-bold) format("svg");
    font-style: normal
}

@font-face {
    font-family: songti;
    src: url(https://t.focus-res.cn/front-end/applet/saas-static/zaozisong.eot#iefix) format("embedded-opentype"),url(https://t.focus-res.cn/front-end/applet/saas-static/zaozisong.ttf) format("truetype");
    font-style: normal
}

.songti {
    font-family: songti,PingFang SC,微软雅黑!important
}

.dinalternate {
    font-family: dinalternate-bold!important
}

.yahei {
    font-family: 微软雅黑
}

.pointer {
    cursor: pointer
}

.en {
    text-align: center;
    color: hsla(0,0%,100%,.4)
}

.smooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hide-scrollbar {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.hide-scrollbar::-webkit-scrollbar {
    width: 0!important
}

body,html {
    width: 100%;
    height: 100%;
    color: #333;
    font-family: PingFang SC,Helvetica,Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",simsun,sans-serif,DIN;
    -webkit-text-size-adjust: none;
    background: #fff;
    max-height: 100%
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

.saasPc .head-nav {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000
}

.module-footer,.static-area-left,.static-area-right {
    background: #2d395c!important
}

.module-footer .static-area {
    border: none!important
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden
}

.flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

.color-main {
    color: #f7b500
}

.overflow-hidden {
    overflow: hidden
}

.rec-color-main {
    color: #f7b81c
}

.flex>.cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    padding: 0!important;
    position: relative
}

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

@keyframes show-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.module-footer * {
    box-sizing: content-box
}

.toast {
    background: rgba(0,0,0,.5);
    padding: 15px 20px;
    line-height: 1;
    position: fixed;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    border-radius: 4px;
    white-space: nowrap
}

.toast.wap {
    padding: .15rem .2rem;
    font-size: .3rem;
    border-radius: .04rem
}

.fixed {
    position: fixed
}

.main-title-g {
    width: 100%;
    font-size: 28px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 40px;
    text-align: center;
    padding-top: 60px
}

.sub-title-g {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.5);
    line-height: 22px;
    text-align: center;
    padding-top: 26px
}

.phone-sss {
    font-size: 20px!important;
    line-height: 20px
}

.main-title-wap {
    width: 100%;
    font-size: 30px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #000;
    line-height: 42px;
    text-align: center;
    padding-top: 58px
}

.sub-title-wap {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,.5);
    line-height: 28px;
    text-align: center;
    padding-top: 20px
}

.common-wrap {
    min-height: 100vh;
    background: #fff;
    position: relative
}

.rule-content {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 40px;
    font-family: Microsoft YaHei,微软雅黑,雅黑
}

.rule-content h1 {
    text-align: center;
    font-size: 28px;
    margin: 22px 0
}

.rule-content p {
    text-indent: 32px;
    line-height: 32px;
    font-size: 16px;
    margin: 0
}

.rule-content p.no-indent {
    text-indent: 0
}

.rule-content p.text-indent-2 {
    text-indent: 60px
}

.rule-content h2 {
    font-size: 22px;
    margin: 18px 0
}