/*@charset "UTF-8";*/
/* CSS Document */

svg {
    width: 100%;
    height: 100%;
    display: block;
}

/*插件样式*/
.bsTop {
    width: 10.8333vw !important;
}

.bsFrameDiv div {
    width: 10.8333vw !important;
    height: 10.8333vw !important;
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.bsFrameDiv img {
    margin: 0 !important;
}

.bshare-custom {
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.8333vw;
    color: #b2b2b2;
}

.bshare-custom.icon-medium-plus a {
    padding-left: 0 !important;
    color: #999999;
    margin: 0 0 0 1.1458333vw !important;
    width: 2.08333vw !important;
    height: 2.08333vw !important;
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    outline: none;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.bshare-custom a:hover {
    text-decoration: none !important;
    opacity: 1;
    color: #36adad;
}

.BMap_Marker img {
    width: auto;
    display: inline-block;
}

.BMap_bubble_content img {
    width: auto;
    display: inline-block;
}

.nicescroll-cursors {
    border: none !important;
}

.nicescroll-rails {
    cursor: pointer !important;
}

/*默认样式*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}


.Poppins-Black {
    font-family: "Poppins-Black", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Poppins-Bold {
    font-family: "Poppins-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Poppins-ExtraLight {
    font-family: "Poppins-ExtraLight", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Poppins-Light {
    font-family: "Poppins-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Poppins-Medium {
    font-family: "Poppins-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Poppins-Regular {
    font-family: "Poppins-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Poppins-SemiBold {
    font-family: "Poppins-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

/*.PuHuiTi-Medium {*/
/*    font-family: "Poppins-Medium", "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important*/
/*}*/

/*.PuHuiTi-Light {*/
/*    font-family: "Poppins-Light", "Alibaba-PuHuiTi-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important*/
/*}*/

/*.PuHuiTi_Regular {*/
/*    font-family: "Poppins-Regular", "Alibaba-PuHuiTi-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important*/
/*}*/

/*.PuHuiTi-Bold {*/
/*    font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important*/
/*}*/

@font-face {
    font-family: "Alibaba-PuHuiTi-Medium";
    src: url(../fonts/Alibaba-PuHuiTi-Medium.otf);
}

@font-face {
    font-family: "Alibaba-PuHuiTi-Light";
    src: url(../fonts/Alibaba-PuHuiTi-Light.otf);
}


@font-face {
    font-family: "Alibaba-PuHuiTi-Regular";
    src: url(../fonts/Alibaba-PuHuiTi-Regular.otf);
}

@font-face {
    font-family: "Alibaba-PuHuiTi-Bold";
    src: url(../fonts/ALIBABA-PUHUITI-BOLD.OTF);
}

@font-face {
    font-family: "Poppins-Black";
    src: url(../fonts/Poppins-Black.otf);
}

@font-face {
    font-family: "Poppins-Bold";
    src: url(../fonts/Poppins-Bold.otf);
}

@font-face {
    font-family: "Poppins-ExtraLight";
    src: url(../fonts/Poppins-ExtraLight.otf);
}

@font-face {
    font-family: "Poppins-Light";
    src: url(../fonts/Poppins-Light.otf);
}

@font-face {
    font-family: "Poppins-Medium";
    src: url(../fonts/Poppins-Medium.otf);
}

@font-face {
    font-family: "Poppins-Regular";
    src: url(../fonts/Poppins-Regular.otf);
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url(../fonts/Poppins-SemiBold.otf);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word !important;
    word-break: normal !important;
    /*user-select: none;*/
}

html, body {
    font-family: "Poppins-Regular", "Alibaba-PuHuiTi-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    background: #fff;
    font-size: 0.7291666vw;
    width: 100%;
    color: #000;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
}

body {
    overflow: hidden;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "Alibaba-PuHuiTi-Regular", "Poppins-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.html_page {
    position: relative;
    z-index: 19;
    background: #ffffff;
    width: 100%;
    /*min-height: 100vh;*/
}

.html_page:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
}

.html_black:after {
    opacity: 1;
}

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

img {
    border: none;
    display: block;
    width: 100%;
}

i {
    font-style: normal;
}

div {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
}

a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

video {
    outline: none;
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}


select::-ms-expand {
    display: none;
}

textarea {
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    resize: vertical;
}

/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

/*input高亮*/
.salient-input {
    padding: 0.36458333vw 0 0.36458333vw 0.26041666vw;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.salient-input:focus {
    border-color: #4faad6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8c8c8c;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8c8c8c;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8c8c8c;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8c8c8c;
}


.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-animation {
    opacity: 0;
}

.banner_box .swiper-slide {
    background: #fff;
    overflow: hidden;
}

.swiper-pagination-bullet {
    outline: none;
    cursor: pointer;
}

/*!*滚动条整体部分，可以设置宽度等*!*/
/*::-webkit-scrollbar {*/
/*}*/

/*!*滚动条两端的按钮*!*/

/*::-webkit-scrollbar-button {*/
/*}*/

/*!*外层轨道*!*/
/*::-webkit-scrollbar-track {*/
/*}*/

/*!*内层滚动槽*!*/
/*::-webkit-scrollbar-track-piece {*/
/*}*/

/*!*滚动的滑块*!*/
/*::-webkit-scrollbar-thumb {*/
/*}*/

/*!*边角*!*/
/*::-webkit-scrollbar-corner {*/
/*}*/

/*!*定义右下角拖动块的样式*!*/
/*::-webkit-resizer {*/
/*}*/

/*css play*/
.index_page_wrap {
    position: relative;
}


.index_banner_wrap {
    height: 100vh;
    position: relative;
}

.index_banner_line {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 48.958333vw;
    z-index: 9;
    mix-blend-mode: overlay;
    pointer-events: none;
}

.index_banner_line svg {
    overflow: initial;
    fill: none;
    stroke-width: 2.91666vw;
    stroke: rgba(255, 255, 255, .4);
    stroke-dasharray: 1843;
    stroke-dashoffset: 1843;
    stroke-linecap: round;
}

.index_bottom_button_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 2.5vw;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 9;
    opacity: 0;
}

.index_bottom_button_box {
    width: 3.958333vw;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    pointer-events: auto;
    cursor: pointer;
}

.index_bottom_button_jt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(-0.3vw);
    transform: translateY(-0.3vw);
    opacity: 0;
}

.index_bottom_button_jt {
    -webkit-animation: IconDown 1.4s infinite linear normal both;
    animation: IconDown 1.4s infinite linear normal both;
}

@-webkit-keyframes IconDown {
    0% {
        -webkit-transform: translateY(-0.3vw);
        transform: translateY(-0.3vw);
        opacity: 0;
    }
    70% {
        -webkit-transform: translateY(0.3vw);
        transform: translateY(0.3vw);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0.6vw);
        transform: translateY(0.6vw);
        opacity: 0;
    }
}

@keyframes IconDown {
    0% {
        -webkit-transform: translateY(-0.3vw);
        transform: translateY(-0.3vw);
        opacity: 0;
    }
    70% {
        -webkit-transform: translateY(0.3vw);
        transform: translateY(0.3vw);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0.6vw);
        transform: translateY(0.6vw);
        opacity: 0;
    }
}


.index_banner_back {
    height: 100%;
    width: 100%;
    background: #ffffff;
    z-index: 7;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.index_banner_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.index_banner_back video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_banner_swiper {
    height: 100%;
    position: relative;
    z-index: 8;
}

.index_banner_slide {
    height: 100%;
}

.index_banner_content {
    height: 100%;
}


.loading_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.loading_box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 11;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.loading_content {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;

}

.loading_number {
    position: absolute;
    bottom: 2vw;
    width: 100%;
    left: 0;
    color: #c9c8c8;
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.loading_after_box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 0;
    height: 0;
    box-sizing: content-box;
    z-index: 3;
}

.loading_after_read {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    border: 100vw solid #ffffff;
    border-radius: 100%;
}

.loading_line_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.loading_line_box {
    width: 1px;
    height: 100%;
    position: relative;
    background: #e4e4e4;
}

.loading_line_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #0038d6;
}

.loading_back_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.loading_back_content {
    width: 100%;
}

.loading_back_text {
    font-size: 10.41666vw;
    color: #f8f8f8;
}

.loading_back_border {
    color: transparent;
    -webkit-text-stroke: 0.1041666vw #f7f7f7;
}

.loading_big {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.loading_read {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;

}


.loading_logo_center {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.loading_logo_animate {
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}

.loading_logo_max {
    width: 4.1666vw;
    height: 4.1666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.loading_logo_img {
    width: 70%;
}

.loading_logo_circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: CircleLogo 2s infinite linear normal both;
    animation: CircleLogo 2s infinite linear normal both;
}

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

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

.loading_logo_read {
    width: 9.8958333vw;
    padding-left: 1.041666vw;
}

.loading_logo_text {
    width: 100%;
    overflow: hidden;
}

.loading_hide .loading_logo_max {
    margin-left: 9.8958333vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.loading_hide .loading_logo_text img {
    transform: translateX(-120%);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.loading_hide .loading_big {
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.loading_hide .loading_after_box {
    width: 120vw;
    height: 120vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition-delay: 1s;
}


.index_banner_big {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_banner_center {
    width: 100%;
    padding: 0 5.7291666vw;
    margin-top: -6.270833vw;
}

.index_banner_max {
    color: #111111;
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    letter-spacing: 0.26041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_banner_title_box {
}

.index_banner_title_text {
    font-size: 2.6vw;
    line-height: 3.6458333vw;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    text-align: center;

}

.index_banner_subtitle_text {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    margin-top: 1.041666vw;
}


.index_banner_button {
    margin: 2.8125vw auto 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.public_button_read {
    padding: 0.625vw 0;
    position: relative;
    z-index: 9;
}

.public_button_center {
    position: relative;
    overflow: hidden;
}

.public_button_box a {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 8.4375vw;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    background: #003bd8;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
}

.public_button_icon {
    width: 0.5208333vw;
    height: 0.5208333vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    margin-right: 0.7291666vw;
    z-index: 1;
}

.public_button_icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    z-index: 9;

}

.public_button_label {
    width: 60%;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_label svg {
    fill: #000;
}

.public_button_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_text:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.public_button_box:hover .public_button_text:nth-child(1) {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.public_button_box:hover .public_button_text:nth-child(2) {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    color: #003bd8;
}

.public_button_box:hover .public_button_icon:after {
    width: 3000%;
    height: 3000%;
}

.public_button_box:hover .public_button_icon:before {
    -webkit-transform: none;
    transform: none;
}

.public_button_box:hover a {
    background: #ffffff;
}

.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05);
    background: #ffffff;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_down_after_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.header_down_after_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_active:after {
    height: 100%;
    opacity: 1;
}

.header_active .header_logo_box a img {
    -webkit-filter: none;
    filter: none;
}

.header_active .public_btn_text {
    color: #003bd8;
}

.header_active .public_btn_box a:after {
    border: 1px solid #003bd8;
}

.header_active .header_menu_languages_icon svg {
    fill: #999999;
}

.header_active .header_menu_languages_text {
    color: #999999;;
}

.header_active .header_menu_item_text {
    color: #333333;
}

.header_active .header_menu_item_active .header_menu_item_text {
    color: #003bd8;
}

.header_white:after {
    height: 100%;
    opacity: 1;
}

.header_white .header_logo_box a img {
    -webkit-filter: none;
    filter: none;
}

.header_white .public_btn_text {
    color: #003bd8;
}

.header_white .public_btn_box a:after {
    border: 1px solid #003bd8;
}

.header_white .header_menu_languages_icon svg {
    fill: #999999;
}

.header_white .header_menu_languages_text {
    color: #999999;;
}

.header_white .header_menu_item_text {
    color: #333333;
}

.header_white .header_menu_item_active .header_menu_item_text {
    color: #003bd8;
}

.header_hover:after {
    height: 100%;
    opacity: 1;
}

.header_hover .header_logo_box a img {
    -webkit-filter: none;
    filter: none;
}

.header_hover .public_btn_text {
    color: #003bd8;
}

.header_hover .public_btn_box a:after {
    border: 1px solid #003bd8;
}

.header_hover .header_menu_item_text {
    color: #111111;
}

.header_hover .header_menu_languages_icon svg {
    fill: #999999;
}

.header_hover .header_menu_languages_text {
    color: #999999;;
}

.header_hover .header_menu_item_active .header_menu_item_text {
    color: #003bd8;
}

.header_hover .header_menu_item_active .header_menu_item_icon {
    opacity: 1;
}

.header_hover .header_menu_item_default .header_menu_item_text {
    color: #111111;
}

.header_hover .header_menu_item_default .header_menu_item_icon {
    opacity: 0;
}

.header_hover .header_menu_item_hover .header_menu_item_text {
    color: #003bd8;
}

.header_hover .header_menu_item_hover .header_menu_item_icon {
    opacity: 1;
}

.header_box {
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    height: 5.1041666vw;
}

.header_logo_box {
    width: 8.333vw;
    position: relative;
    z-index: 9;
}

.header_logo_box a img {
    -webkit-filter: grayscale(100%) brightness(0%) invert(100%);
    filter: grayscale(100%) brightness(0%) invert(100%);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_content {
    width: 100%;
    padding: 0 1.5625vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.header_menu_wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 87.0967%;
    position: relative;
}

.header_menu_pack {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.header_menu_item_content {
    position: relative;
}

.header_menu_item_link {
    position: relative;
    z-index: 9;
}

.header_menu_content {
    position: relative;
    z-index: 9;
}

.header_menu_item_icon {
    position: absolute;
    left: -0.67708333vw;
    top: 0.26041666vw;
    width: 1.1458333vw;
    -webkit-transform: rotate(95deg);
    transform: rotate(95deg);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_item_text {
    font-size: 0.8333vw;
    line-height: 2.5vw;
    color: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_item_active .header_menu_item_text {
    color: #ffffff;
}

.header_menu_item_active .header_menu_item_icon {
    opacity: 1;
}

.header_menu_item_default .header_menu_item_text {
    color: #111111;
}

.header_menu_item_default .header_menu_item_icon {
    opacity: 0;
}

.header_menu_item_hover .header_menu_item_text {
    color: #003bd8;
}

.header_menu_item_hover .header_menu_item_icon {
    opacity: 1;
}

.header_menu_item_box {
    margin-right: 3.0208333vw;
    position: relative;
    padding: 1.25vw 0;
}

.header_menu_down_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
    -webkit-border-radius: 0 0 2.3958333vw 2.3958333vw;
    border-radius: 0 0 2.3958333vw 2.3958333vw;

}

.header_menu_down_content {
    position: relative;
    padding-top: 5vw;
}

.header_menu_down_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5vw;
    -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05);
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .05);
}

.header_menu_down_big {
    pointer-events: auto;
    background: #ffffff;
    position: relative;
}

.header_menu_down_pic {
    width: 19.947%;
}

.header_menu_down_img {
    height: 100%;
    min-height: 14.0625vw;
}

.header_menu_down_pack {
    width: 80.053%;
}

.header_down_tab {
    width: 71.37281%;
    position: relative;
    padding: 2.08333vw 3.125vw 0 3.125vw;
}

.header_down_item_box {
    width: 31.2855%;
    margin: 0 3.07175% 3.07175% 0;

}

.header_down_item_box:nth-child(3n) {
    margin: 0 0 3.07175% 0;
}

.header_down_item_box a {
    padding: 0.78125vw 1.5625vw;
    display: block;
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
}

.header_down_item_current a {
    background: #f6f6f6;
}

.header_down_item_current a .header_down_item_title {
    color: #003bd8;
}

.header_down_item_box a:hover {
    background: #f6f6f6;
}

.header_down_item_box a:hover .header_down_item_title {
    color: #003bd8;
}

.header_down_item_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_down_item_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #8d99a0;
    margin-top: 0.3125vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header_menu_down_read {
    width: 28.62719%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 3.125vw 3.6458333vw 2.08333vw 2.6041666vw;
    position: relative;
}

.header_menu_down_read:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ededed;
}

.header_menu_down_title {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #111111;
}

.header_menu_down_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #8d99a0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0.78125vw;
}

.header_down_btn_text {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #003bd8;
}

.header_down_btn_icon {
    width: 0.8vw;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_down_btn_icon svg {
    fill: #003bd8;
}

.header_menu_down_btn a:hover .header_down_btn_icon {
    margin-left: 0.3125vw;
    opacity: 1;
}

.header_menu_item_box:last-child {
    margin-right: 0;
}

.header_menu_languages_wrap {
    margin-right: 1.458333vw;
    -webkit-align-items: center;
    align-items: center;
}

.header_menu_languages_li {
    position: relative;
}

.header_menu_languages_icon {
    width: 0.8333vw;
    margin-right: 0.3125vw;
}

.header_menu_languages_icon svg {
    width: 100%;
    display: block;
    fill: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_languages_text {
    font-size: 0.78125vw;
    line-height: 2.34375vw;
    color: #ffffff;
    position: relative;
    text-align: center;
    z-index: 9;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_button {
    -webkit-align-items: center;
    align-items: center;
}

.header_menu_btn_box {
    margin-left: 1.041666vw;
}

.header_menu_btn_box:first-child {
    margin-left: 0;
}


.public_btn_box a {
    overflow: hidden;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    width: 8.5vw;
}

.public_btn_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.public_btn_text {
    font-size: 0.6vw;
    line-height: 2.6041666vw;
    color: #ffffff;

    text-align: center;
    position: relative;
    z-index: 9;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.public_btn_active a:after {
    background: #003bd8;
    border: 1px solid transparent;
}

.public_btn_active .public_btn_text {
    color: #ffffff;
}

.index_banner_auto_wrap {
    position: absolute;
    left: 0;
    bottom: 2.6041666vw;
    z-index: 99;
    padding: 0 5.7291666vw;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_banner_auto_item {
    width: 6vw;
    margin-right: 1.041666vw;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_auto_text {
    font-size: 0.6vw;
    line-height: 1.041666vw;
    color: rgba(255, 255, 255, .3);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_auto_line {
    margin-top: 0.5208333vw;
    height: 1px;
    position: relative;
    width: 100%;
}


.index_banner_auto_after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_auto_animate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 1);

    z-index: 1;
}


.index_banner_auto_line_active .index_banner_auto_text {
    color: #ffffff;
}

.index_banner_auto_line_active {
    width:8vw;
}

.index_banner_auto_line_current .index_banner_auto_animate {
    width: 100%;
    -webkit-transition: all 5s linear;
    transition: all 5s linear;
}


.body_animate .header_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.index_page_big {
    position: relative;
    z-index: 20;
}

.index_page_control_wrap {
    position: absolute;
    right: 1.5625vw;
    top: 0;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.index_page_control_ul {
    width: 1.041666vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_control_li {
    margin: 0 0 0.7291666vw 0;
    width: 100%;
    height: 1.041666vw;
    cursor: pointer;
    pointer-events: auto;
}

.index_page_control_li:last-child {
    margin: 0;
}

.index_page_control_read {
    position: relative;
    width: 100%;
}

.index_page_control_label {
    width: 100%;
    position: relative;
}


.index_page_control_label svg {
    overflow: initial;
    fill: none;
    stroke-width: 1px;
    stroke: #003bd8;
    stroke-dashoffset: 47;
    stroke-dasharray: 47;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_control_label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #ffffff;
    width: 40%;
    height: 40%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_control_color .index_page_control_label:after {
    background: #c3c3c3;
}

.index_page_control_active .index_page_control_label svg {
    stroke-dashoffset: 0;
}

.index_page_control_active .index_page_control_label:after {
    background: #003bd8;
}

.index_page_control_hide .index_page_control_ul {
    opacity: 0;
}

.index_page_control_hide .index_page_control_li {
    pointer-events: none;
}

.index_page_swiper {
    height: 100vh;
    position: relative;
}

.index_page_slide {
    height: 100%;
}

.index_page_slide:last-child {
    height: 40.15625vw;
}

.index_page_content {
    height: 100%;
}

.index_page_img {
    height: 100%;
}

.index_banner_swiper .swiper-slide-active .index_banner_title_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_banner_swiper .swiper-slide-active .index_banner_subtitle_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_banner_swiper .swiper-slide-active .index_banner_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.body_animate .index_banner_line svg {
    stroke-dashoffset: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.body_animate .index_control_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_banner_auto_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_page_control_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.index_content_wrap {
    position: relative;
    background: #ffffff;
    width: 100%;
}

.index_passage_page_wrap {
    background: #ffffff;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
    position: relative;
    z-index: 30;
    overflow: hidden;
}

.index_passage_page_box {
    position: relative;
    z-index: 9;
}

.index_passage_page_back {
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

.index_passage_page_circle:nth-child(1) {
    position: absolute;
    bottom: -10vw;
    right: -20vw;
    width: 24vw;
    height: 26vw;
    z-index: 1;
    opacity: .6;

}

.index_passage_page_circle:nth-child(2) {
    position: absolute;
    bottom: -15vw;
    right: -20vw;
    width: 30vw;
    height: 18vw;
    z-index: 1;
    opacity: .6;

}

.index_passage_page_circle:nth-child(3) {
    position: absolute;
    bottom: 20vw;
    right: -10vw;
    width: 16vw;
    height: 30vw;
    z-index: 1;
    opacity: .6;
}

.index_passage_page_circle:nth-child(4) {
    position: absolute;
    bottom: 30vw;
    right: -10vw;
    width: 20vw;
    height: 18vw;
    z-index: 1;
    opacity: .6;
}

.index_passage_page_circle:nth-child(1):after,
.index_passage_page_circle:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}


.index_passage_page_circle:nth-child(3):after,
.index_passage_page_circle:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}


.index_passage_page_circle:nth-child(1):after {
    -webkit-animation: 10s opacityAnimate linear infinite normal both;
    animation: 10s opacityAnimate linear infinite normal both;
}

.index_passage_page_circle:nth-child(2):after {
    -webkit-animation: 11s opacityAnimate linear infinite normal both;
    animation: 11s opacityAnimate linear infinite normal both;
}

.index_passage_page_circle:nth-child(3):after {
    -webkit-animation: 10s opacityAnimate2 linear infinite normal both;
    animation: 10s opacityAnimate2 linear infinite normal both;
}

.index_passage_page_circle:nth-child(4):after {
    -webkit-animation: 11s opacityAnimate2 linear infinite normal both;
    animation: 11s opacityAnimate2 linear infinite normal both;
}


@-webkit-keyframes opacityAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(-20vw);
        transform: translateY(-20vw) translateX(-20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-40vw) translateX(-10vw);
        transform: translateY(-40vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-40vw) translateX(10vw);
        transform: translateY(-40vw) translateX(10vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes opacityAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(-20vw);
        transform: translateY(-20vw) translateX(-20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-40vw) translateX(-10vw);
        transform: translateY(-40vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-40vw) translateX(10vw);
        transform: translateY(-40vw) translateX(10vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes opacityAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(20vw) translateX(20vw);
        transform: translateY(20vw) translateX(20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(40vw) translateX(10vw);
        transform: translateY(40vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(30vw) translateX(-10vw);
        transform: translateY(30vw) translateX(-10vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes opacityAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(20vw) translateX(20vw);
        transform: translateY(20vw) translateX(20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(40vw) translateX(10vw);
        transform: translateY(40vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(30vw) translateX(-10vw);
        transform: translateY(30vw) translateX(-10vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.index_passage_box {
    padding: 0 5.7291666vw;
}

.index_passage_head_wrap {
    padding: 5.7291666vw 0 3.6458333vw 0;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index_passage_head_tips {
    width: 40%;
    font-size: 1.6vw;
    line-height: 3vw;
    color: #003bd8;
}

.index_passage_head_read {
    width: 58%;
}

.index_passage_head_title {
    font-size: 1.4vw;
    line-height: 3vw;
    color: #111111;
}


.index_passage_head_text {
    font-size: 1.4vw;
    line-height: 3vw;
    color: #111111;
}

.index_passage_item_box {
    width: 48.823%;
    position: relative;
    margin: 0 2.354% 0 0;
}

.index_passage_item_box:nth-child(1) {
    transform: translateX(-30%);
    -webkit-filter: blur(1vw);
    filter: blur(1vw);
    opacity: 0;
    pointer-events: none;
}

.index_passage_item_box:nth-child(2) {
    transform: translateX(30%);
    -webkit-filter: blur(1vw);
    filter: blur(1vw);
    opacity: 0;
    pointer-events: none;
}

.AddIndexPassageItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    filter: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_passage_item_box:nth-child(2n) {
    margin: 0;
}

.index_passage_item_photo {
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    padding: 2.08333vw 0 0 0;
}


.index_passage_item_max {
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_passage_item_max img {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_passage_item_core {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.index_passage_item_feature {
    position: absolute;
    right: -6.92708333vw;
    bottom: 0;
    width: 63.253%;
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_passage_item_img {
    padding-bottom: 48.7951%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    overflow: hidden;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.index_passage_item_box:hover .index_passage_item_max img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    filter: blur(2vw);
}

.index_passage_item_box:hover .index_passage_item_feature {
    -webkit-transform: translateX(-2vw);
    transform: translateX(-2vw);
}


.index_passage_item_read {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 0 18.2291666vw 0 3.6458333vw;
}

.index_passage_item_pack {
    width: 100%;
    height: 100%;
    padding: 5.46875vw 0 2.34375vw 0;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.index_passage_item_head {
    width: 100%;
}

.index_passage_item_tips {
    -webkit-align-items: center;
    align-items: center;
}

.index_passage_item_icon {
    width: 2.5vw;
}

.index_passage_item_title {
    font-size: 1.6vw;
    line-height: 2.5vw;
    color: #ffffff;
    margin-left: 0.78125vw;
}

.index_passage_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: rgba(255, 255, 255, .6);
    margin-top: 1.30208333vw;
}

.index_passage_item_button {
    -webkit-align-items: center;
    align-items: center;
}

.index_passage_item_btn {
    margin-right: 2.08333vw;
}

.index_passage_item_btn .public_button_box a {
    background: none;
    position: relative;
}

.index_passage_item_btn .public_button_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    box-sizing: border-box;
}

.index_passage_item_link a {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #ffffff;
    position: relative;
}

.index_passage_item_link a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    background: #ffffff;
    height: 1px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_passage_item_link a:hover:after {
    width: 100%;
    left: 0;
}


.index_partner_wrap {
    padding: 7.8125vw 0 6.25vw 0;
}


.index_partner_box {
    padding: 0 5.7291666vw;
}

.index_partner_title {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
    text-align: center;
}

.index_partner_img {
    padding-bottom: 48.571%;
}

.index_partner_content {
    margin-top: 4.42708333vw;
}

.index_partner_swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.index_main_page_wrap {
    position: relative;
    margin-top: -5.7291666vw;
    z-index: 29;
}

.index_main_page_box {
    position: relative;
    padding: 5.7291666vw 0 0 0;

}

.index_main_page_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
    overflow: hidden;
    pointer-events: none;
}

.index_industry_head_wrap {
    position: relative;
    z-index: 19;
}

.index_industry_head_box:nth-child(2) {
    position: absolute;
    left: 0;
    top: 2.6041666vw;
    width: 100%;
    pointer-events: none;
}

.index_main_page_content {
    position: relative;
    z-index: 20;
}

.index_industry_wrap {
    position: relative;
}

.index_industry_fixed_item {
    height: 150vh;
}

.index_industry_fixed_item:nth-child(2) {
    height: 80vh;
}

.index_industry_pack {
    position: sticky;
    width: 100%;
    height: 100vh;
    top: 0;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_main_page_back {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.index_main_circle_back {
    position: absolute;
    right: 0;
    top: -5.7291666vw;
    width: 100vw;
    height: calc(100% + 11.458333vw);
    opacity: 1;
    overflow: hidden;
}

.index_main_white_back {
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    overflow: hidden;
}

.index_main_white_label:nth-child(1) {
    position: absolute;
    top: -10vw;
    left: -60vw;
    width: 24vw;
    height: 26vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.index_main_white_label:nth-child(2) {
    position: absolute;
    top: -15vw;
    left: -60vw;
    width: 30vw;
    height: 18vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.index_main_white_label:nth-child(3) {
    position: absolute;
    top: 10vw;
    left: -50vw;
    width: 16vw;
    height: 30vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.index_main_white_label:nth-child(4) {
    position: absolute;
    top: 20vw;
    left: -50vw;
    width: 20vw;
    height: 18vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.index_main_white_label:nth-child(1):after,
.index_main_white_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_white_label:nth-child(3):after,
.index_main_white_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_white_label:nth-child(1):after {
    -webkit-animation: 10s WhiteCircleAnimate linear infinite normal both;
    animation: 10s WhiteCircleAnimate linear infinite normal both;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.index_main_white_label:nth-child(2):after {
    -webkit-animation: 11s WhiteCircleAnimate linear infinite normal both;
    animation: 11s WhiteCircleAnimate linear infinite normal both;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.index_main_white_label:nth-child(3):after {
    -webkit-animation: 10s WhiteCircleAnimate2 linear infinite normal both;
    animation: 10s WhiteCircleAnimate2 linear infinite normal both;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.index_main_white_label:nth-child(4):after {
    -webkit-animation: 11s WhiteCircleAnimate2 linear infinite normal both;
    animation: 11s WhiteCircleAnimate2 linear infinite normal both;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

@-webkit-keyframes WhiteCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(15vw);
        transform: translateY(10vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(10vw);
        transform: translateY(20vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw);
        transform: translateY(10vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes WhiteCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(15vw);
        transform: translateY(10vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(10vw);
        transform: translateY(20vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw);
        transform: translateY(10vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes WhiteCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(15vw);
        transform: translateY(-20vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-30vw) translateX(10vw);
        transform: translateY(-30vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(5vw);
        transform: translateY(-20vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes WhiteCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(15vw);
        transform: translateY(-20vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-30vw) translateX(10vw);
        transform: translateY(-30vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(5vw);
        transform: translateY(-20vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.index_main_circle_label:nth-child(1) {
    position: absolute;
    top: -10vw;
    right: -22vw;
    width: 40vw;
    height: 40vw;
    z-index: 1;
    opacity: .4;
}

.index_main_circle_label:nth-child(2) {
    position: absolute;
    top: 10vw;
    right: -32vw;
    width: 50vw;
    height: 26vw;
    z-index: 1;
    opacity: .5;
}

.index_main_circle_label:nth-child(3) {
    position: absolute;
    bottom: -22vw;
    right: 0;
    width: 40vw;
    height: 40vw;
    z-index: 1;
    opacity: .4;
}

.index_main_circle_label:nth-child(4) {
    position: absolute;
    bottom: -22vw;
    right: -10vw;
    width: 60vw;
    height: 26vw;
    z-index: 1;
    opacity: .3;
}

.index_main_circle_label:nth-child(5) {
    position: absolute;
    top: 30vw;
    left: -10vw;
    width: 30vw;
    height: 20vw;
    z-index: 1;
    opacity: .6;
}

.index_main_circle_label:nth-child(6) {
    position: absolute;
    top: -20vw;
    left: -20vw;
    width: 30vw;
    height: 40vw;
    z-index: 1;
    opacity: .5;
}

.index_main_circle_label:nth-child(1):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_circle_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_circle_label:nth-child(3):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_circle_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_circle_label:nth-child(5):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_circle_label:nth-child(6):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_main_page_after {
    position: absolute;
    right: 0;
    top: -5.7291666vw;
    width: 100%;
    height: calc(100% + 11.458333vw);
    background: #00041d;
    -webkit-border-radius: 0 0 0 5.7291666vw;
    border-radius: 0 0 0 5.7291666vw;
    overflow: hidden;
}

.index_passage_wrap {
    width: 100vw;
    overflow: hidden;
}

.index_industry_big {
    position: relative;
    z-index: 9;
    width: 100vw;
    max-width: 100%;
}

.index_industry_box {
    position: relative;
    padding: 0 5.7291666vw;
}


.index_industry_subtitle {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #ffffff;
    text-align: center;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_industry_title {
    font-size:1.5vw;
    line-height: 3vw;
    color: #ffffff;
    text-align: center;
    margin-top: 0.5208333vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_industry_head_box:nth-child(2) .index_industry_subtitle {
    color: #003bd8;
    text-align: left;
}

.index_industry_head_box:nth-child(2) .index_industry_title {
    color: #111111;
    text-align: left;
}

.index_industry_content {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: -3.125vw;
}

.index_industry_swiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 19.41176%;
    z-index: 29;
    padding: 7.8125vw 0;
}

.index_industry_swiper2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 19.41176%;
    z-index: 29;
    padding: 7.8125vw 0;
}

.index_industry_slide_icon {
    width: 3.38541666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_industry_slide_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #ffffff;
    margin-top: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_industry_slide_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    margin-top: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_industry_slide_button {
    margin-top: 2.34375vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_industry_slide_btn {
    position: relative;
}

.index_industry_slide_btn a {
    background: #24b474;
    -webkit-border-radius: 1.458333vw;
    border-radius: 1.458333vw;
    overflow: hidden;
    position: relative;
    width: 2.91666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_industry_slide_btn a:hover {
    width: 8.125vw;
    padding-left: 5.20833vw;
}

.index_industry_slide_btn a:hover .index_industry_btn_text {
    opacity: 1;
}

.index_industry_btn_text {
    width: 5.20833vw;
    text-align: right;
    font-size: 0.7291666vw;
    line-height: 2.91666vw;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_industry_btn_icon {
    width: 2.91666vw;
    height: 2.91666vw;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.index_industry_btn_label {
    width: 14.2857%;
}

.index_industry_btn_label svg {
    fill: #ffffff;
}

.index_industry_circle_wrap {
    position: relative;
    width: 88.70588%;
}

.index_industry_circle_box {
    position: relative;
    padding-bottom: 50%;
}

.index_industry_circle_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 4.708225% 4.708225% 0 4.708225%;
}

.index_industry_circle_border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_industry_circle_border2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 71.1458333vw;
    height: 71.1458333vw;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_industry_circle_border2:after {
    content: "";
    position: absolute;
    left: -0.1041666vw;
    top: -0.1041666vw;
    width: 100%;
    height: 100%;
    border: 0.208333vw solid #00beb3;
    box-sizing: border-box;
    -webkit-filter: blur(0.26041666vw);
    filter: blur(0.26041666vw);
    border-right: transparent;
    border-top: transparent;
    border-bottom: transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: .6;
}

.index_industry_circle_border2:after {
    -webkit-animation: CircleBorder 4s infinite linear normal both;
    animation: CircleBorder 4s infinite linear normal both;
}

.index_industry_circle_big {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9;
}


.index_industry_circle_big {
    padding: 6.88141% 6.88141% 0 6.88141%;
    position: relative;
}

.index_industry_circle_pack {
    position: relative;
    width: 100%;
    height: 100%;
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}

.index_industry_circle_tab {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-2%) rotate(0.8deg);
    transform: translateX(-2%) rotate(0.8deg);
    z-index: 9;
}

.index_industry_item_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32.6825%;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
}


.index_industry_item_content {
    -webkit-transform: translateY(9%) translateX(-7%);
    transform: translateY(9%) translateX(-7%);
    pointer-events: auto;
}

.index_industry_item_content a {
    position: relative;
    display: block;
}

.index_industry_item_img {
    padding-bottom: 92.72727%;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_industry_item_img:nth-child(1) {

}

.index_industry_item_img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
}

.index_industry_item_box:nth-child(1) {
    -webkit-transform: rotate(-30deg) translateY(52%) translateX(-37%);
    transform: rotate(-30deg) translateY(52%) translateX(-37%);
}

.index_industry_item_box:nth-child(2) {
    -webkit-transform: none;
    transform: none;
}

.index_industry_item_box:nth-child(3) {
    -webkit-transform: rotate(30deg) translateY(-65%) translateX(8%);
    transform: rotate(30deg) translateY(-65%) translateX(8%);


}

.index_industry_item_box:nth-child(4) {
    -webkit-transform: rotate(60deg) translateY(-126%) translateX(-15%);
    transform: rotate(60deg) translateY(-126%) translateX(-15%);

}

.index_industry_item_box:nth-child(5) {
    -webkit-transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);
    transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);

}

.index_industry_item_box:nth-child(6) {
    -webkit-transform: rotate(120deg) translateY(-174%) translateX(-124%);
    transform: rotate(120deg) translateY(-174%) translateX(-124%);
}

.index_industry_item_box:hover {
    z-index: 9;
}

.index_industry_item_box:hover .index_industry_item_img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    /*-webkit-transform-origin: 50% 58%;*/
    /*transform-origin: 50% 58%;*/
}

.index_industry_item_box:hover .index_industry_item_img:nth-child(1) {
    opacity: 0;
}


.index_industry_item_box:hover .index_industry_item_img:nth-child(2) {
    opacity: 1;
}

.index_industry_circle_center {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}

.index_industry_earth_wrap {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_industry_earth_box {
    width: 44.39728%;
    position: relative;
}

.index_industry_earth_back {

    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    z-index: 9;
}

.index_industry_circle_img {
    width: 100%;

}

.index_circle_max_box {
    padding-bottom: 100%;
    background: rgba(45, 203, 168, .7);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
}

.index_circle_max_animate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_circle_max_label {
    position: absolute;
    left: 0;
    top: -70%;
    width: 100%;
    height: 100%;
    background: #064cd5;
    -webkit-filter: blur(2vw);
    filter: blur(2vw);
    opacity: .9;
}

.index_circle_min_read {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 42.4474%;
    height: 42.4474%;
    background: rgba(45, 203, 168, .3);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 9;
}

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

.index_circle_scale_label {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    border: 1px solid #00beb3;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: border-box;
    z-index: 9;
}

.index_circle_scale_label:nth-child(2) {
    -webkit-animation: jack_scale 6s linear infinite normal both;
    animation: jack_scale 6s linear infinite normal both;
}

.index_circle_scale_label:nth-child(3) {
    -webkit-animation: jack_scale 6s 1.5s linear infinite normal both;
    animation: jack_scale 6s 1.5s linear infinite normal both;
}

.index_circle_scale_label:nth-child(4) {
    -webkit-animation: jack_scale 6s 3s linear infinite normal both;
    animation: jack_scale 6s 3s linear infinite normal both;
}

.index_circle_scale_label:nth-child(5) {
    -webkit-animation: jack_scale 6s 4.5s linear infinite normal both;
    animation: jack_scale 6s 4.5s linear infinite normal both;
}

@-webkit-keyframes jack_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 133.75%;
        height: 133.75%;
        opacity: 0.3;
    }
    40% {
        width: 167.5%;
        height: 167.5%;
        opacity: 0.1;
    }
    60% {
        width: 201.25%;
        height: 201.25%;
        opacity: .05;
    }
    80% {
        width: 235%;
        height: 235%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jack_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 133.75%;
        height: 133.75%;
        opacity: 0.3;
    }
    40% {
        width: 167.5%;
        height: 167.5%;
        opacity: 0.1;
    }
    60% {
        width: 201.25%;
        height: 201.25%;
        opacity: .05;
    }
    80% {
        width: 235%;
        height: 235%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_circle_min_animate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_circle_min_label {
    position: absolute;
    left: 0;
    top: -80%;
    width: 100%;
    height: 100%;
    background: #064cd5;
    -webkit-filter: blur(2vw);
    filter: blur(2vw);
    opacity: .9;
}

.index_industry_circle_text {
    font-size: 0.8vw;
    line-height: 1.4vw;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 36%;
    width: 100%;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_head_animate .index_industry_head_box:nth-child(1) .index_industry_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

.index_head_animate .index_industry_head_box:nth-child(1) .index_industry_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_industry_animate .index_main_circle_label:nth-child(1):after {
    -webkit-animation: 15s opacityCircleAnimate linear infinite normal both;
    animation: 15s opacityCircleAnimate linear infinite normal both;
}

.index_industry_animate .index_main_circle_label:nth-child(2):after {
    -webkit-animation: 18s opacityCircleAnimate linear infinite normal both;
    animation: 18s opacityCircleAnimate linear infinite normal both;
}

.index_industry_animate .index_main_circle_label:nth-child(3):after {
    -webkit-animation: 14s opacityCircleAnimate2 linear infinite normal both;
    animation: 14s opacityCircleAnimate2 linear infinite normal both;
}

.index_industry_animate .index_main_circle_label:nth-child(4):after {
    -webkit-animation: 16s opacityCircleAnimate2 linear infinite normal both;
    animation: 16s opacityCircleAnimate2 linear infinite normal both;
}

.index_industry_animate .index_main_circle_label:nth-child(5):after {
    -webkit-animation: 15s opacityCircleAnimate3 linear infinite normal both;
    animation: 15s opacityCircleAnimate3 linear infinite normal both;
}

.index_industry_animate .index_main_circle_label:nth-child(6):after {
    -webkit-animation: 17s opacityCircleAnimate3 linear infinite normal both;
    animation: 17s opacityCircleAnimate3 linear infinite normal both;
}


@-webkit-keyframes opacityCircleAnimate {
    0% {
        transform: none;
        opacity: 1;
    }
    25% {
        -webkit-transform: translateX(-40vw) translateY(-25vw) scale(1.1);
        transform: translateX(-40vw) translateY(-25vw) scale(1.1);
        opacity: .3;
    }
    50% {
        -webkit-transform: translateX(-60vw) translateY(-5vw) scale(0.8);
        transform: translateX(-60vw) translateY(-5vw) scale(0.8);
        opacity: .6;
    }

    75% {
        -webkit-transform: translateX(-30vw) translateY(10vw) scale(0.8);
        transform: translateX(-30vw) translateY(10vw) scale(0.8);
        opacity: .3;
    }
    100% {
        transform: none;
        opacity: 1;
    }
}

@keyframes opacityCircleAnimate {
    0% {
        transform: none;
        opacity: 1;
    }
    25% {
        -webkit-transform: translateX(-40vw) translateY(-25vw) scale(1.1);
        transform: translateX(-40vw) translateY(-25vw) scale(1.1);
        opacity: .3;
    }
    50% {
        -webkit-transform: translateX(-60vw) translateY(-5vw) scale(0.8);
        transform: translateX(-60vw) translateY(-5vw) scale(0.8);
        opacity: .6;
    }

    75% {
        -webkit-transform: translateX(-30vw) translateY(10vw) scale(0.8);
        transform: translateX(-30vw) translateY(10vw) scale(0.8);
        opacity: .3;
    }
    100% {
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes opacityCircleAnimate2 {
    0% {
        transform: none;
        opacity: 1;
    }
    25% {
        -webkit-transform: translateX(30vw) translateY(-25vw) scale(1.1);
        transform: translateX(30vw) translateY(-25vw) scale(1.1);
        opacity: .3;
    }
    50% {
        -webkit-transform: translateX(40vw) translateY(-5vw) scale(0.8);
        transform: translateX(40vw) translateY(-5vw) scale(0.8);
        opacity: .6;
    }

    75% {
        -webkit-transform: translateX(10vw) translateY(10vw) scale(0.8);
        transform: translateX(10vw) translateY(10vw) scale(0.8);
        opacity: .3;
    }
    100% {
        transform: none;
        opacity: 1;
    }
}

@keyframes opacityCircleAnimate2 {
    0% {
        transform: none;
        opacity: 1;
    }
    25% {
        -webkit-transform: translateX(30vw) translateY(-25vw) scale(1.1);
        transform: translateX(30vw) translateY(-25vw) scale(1.1);
        opacity: .3;
    }
    50% {
        -webkit-transform: translateX(40vw) translateY(-5vw) scale(0.8);
        transform: translateX(40vw) translateY(-5vw) scale(0.8);
        opacity: .6;
    }

    75% {
        -webkit-transform: translateX(10vw) translateY(10vw) scale(0.8);
        transform: translateX(10vw) translateY(10vw) scale(0.8);
        opacity: .3;
    }
    100% {
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes opacityCircleAnimate3 {
    0% {
        transform: none;
        opacity: 1;
    }
    25% {
        -webkit-transform: translateX(20vw) translateY(25vw) scale(1.1);
        transform: translateX(20vw) translateY(25vw) scale(1.1);
        opacity: .3;
    }
    50% {
        -webkit-transform: translateX(30vw) translateY(5vw) scale(0.8);
        transform: translateX(30vw) translateY(5vw) scale(0.8);
        opacity: .6;
    }

    75% {
        -webkit-transform: translateX(15vw) translateY(-10vw) scale(1.3);
        transform: translateX(15vw) translateY(-10vw) scale(1.3);
        opacity: .3;
    }
    100% {
        transform: none;
        opacity: 1;
    }
}

@keyframes opacityCircleAnimate3 {
    0% {
        transform: none;
        opacity: 1;
    }
    25% {
        -webkit-transform: translateX(20vw) translateY(25vw) scale(1.1);
        transform: translateX(20vw) translateY(25vw) scale(1.1);
        opacity: .3;
    }
    50% {
        -webkit-transform: translateX(30vw) translateY(5vw) scale(0.8);
        transform: translateX(30vw) translateY(5vw) scale(0.8);
        opacity: .6;
    }

    75% {
        -webkit-transform: translateX(15vw) translateY(-10vw) scale(1.3);
        transform: translateX(15vw) translateY(-10vw) scale(1.3);
        opacity: .3;
    }
    100% {
        transform: none;
        opacity: 1;
    }
}

.index_industry_animate .index_industry_earth_back {
    -webkit-transform: none;
    transform: none;
}

.index_industry_animate .index_industry_item_box {
    opacity: 1;
}

.index_industry_animate .index_industry_item_box:nth-child(1) {
    -webkit-transform: none;
    transform: none;
}

.index_industry_animate .index_industry_item_box:nth-child(2) {
    -webkit-transform: rotate(30deg) translateY(-65%) translateX(8%);
    transform: rotate(30deg) translateY(-65%) translateX(8%);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_industry_animate .index_industry_item_box:nth-child(3) {
    -webkit-transform: rotate(60deg) translateY(-126%) translateX(-15%);
    transform: rotate(60deg) translateY(-126%) translateX(-15%);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.index_industry_animate .index_industry_item_box:nth-child(4) {
    -webkit-transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);
    transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_industry_animate .index_industry_item_box:nth-child(5) {
    -webkit-transform: rotate(120deg) translateY(-174%) translateX(-124%);
    transform: rotate(120deg) translateY(-174%) translateX(-124%);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.index_industry_animate .index_industry_item_box:nth-child(6) {
    -webkit-transform: rotate(150deg) translateY(-149%) translateX(-180%);
    transform: rotate(150deg) translateY(-149%) translateX(-180%);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.index_industry_animate .index_industry_circle_border2 {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.index_industry_animate .index_industry_circle_border {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.index_industry_animate .index_industry_circle_border img {
    -webkit-animation: CircleBorder infinite 80s linear normal both;
    animation: CircleBorder infinite 80s linear normal both;
}

.index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_icon,
.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_title,
.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_text,
.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_industry_animate .index_industry_current_swiper .swiper-slide-active .index_industry_slide_button,
.index_industry_animate .index_industry_swiper .swiper-slide-active .index_industry_slide_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

@-webkit-keyframes CircleBorder {
    0% {
        transform: none;

    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes CircleBorder {
    0% {
        transform: none;

    }
    100% {
        transform: rotate(360deg);
    }
}

.index_industry_hide .index_industry_circle_tab {
    pointer-events: none;
}

.index_industry_hide .index_industry_circle_text {
    opacity: 0;
}

.index_industry_hide .index_industry_item_content {
    pointer-events: none;
}

.index_industry_hide .index_industry_item_box {
    opacity: 0;
}

.index_industry_hide .index_industry_item_box:nth-child(6) {
    -webkit-transform: rotate(120deg) translateY(-174%) translateX(-124%);
    transform: rotate(120deg) translateY(-174%) translateX(-124%);
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

.index_industry_hide .index_industry_item_box:nth-child(5) {
    -webkit-transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);
    transform: rotate(90deg) translateY(-165.7%) translateX(-63.5%);
    -webkit-transition-delay: .1s !important;
    transition-delay: .1s !important;
}

.index_industry_hide .index_industry_item_box:nth-child(4) {
    -webkit-transform: rotate(60deg) translateY(-126%) translateX(-15%);
    transform: rotate(60deg) translateY(-126%) translateX(-15%);
    -webkit-transition-delay: .2s !important;
    transition-delay: .2s !important;
}


.index_industry_hide .index_industry_item_box:nth-child(3) {
    -webkit-transform: rotate(30deg) translateY(-65%) translateX(8%);
    transform: rotate(30deg) translateY(-65%) translateX(8%);
    -webkit-transition-delay: .3s !important;
    transition-delay: .3s !important;
}

.index_industry_hide .index_industry_item_box:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .4s !important;
    transition-delay: .4s !important;
}

.index_industry_hide .index_industry_item_box:nth-child(1) {
    -webkit-transform: rotate(-30deg) translateY(52%) translateX(-37%);
    transform: rotate(-30deg) translateY(52%) translateX(-37%);
    -webkit-transition-delay: .5s !important;
    transition-delay: .5s !important;
}

.index_industry_hide .index_industry_circle_border2 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.index_industry_hide .index_industry_circle_border {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.index_industry_hide .index_industry_head_wrap .index_industry_head_box:nth-child(1) .index_industry_subtitle {
    -webkit-transform: translateY(-4vw);
    transform: translateY(-4vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.index_industry_hide .index_industry_head_wrap .index_industry_head_box:nth-child(1) .index_industry_title {
    -webkit-transform: translateY(-4vw);
    transform: translateY(-4vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;

}

.index_industry_hide .index_industry_swiper {
    pointer-events: none;
}

.index_industry_hide .index_industry_swiper .swiper-slide {
    pointer-events: none;
}

.index_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_icon,
.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_icon {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.index_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_title,
.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_text,
.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_text {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_industry_hide .index_industry_current_swiper .swiper-slide-active .index_industry_slide_button,
.index_industry_hide .index_industry_swiper .swiper-slide-active .index_industry_slide_button {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_industry_earth_content {
    width: 100vw;
    height: 100vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.index_industry_earth_big {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.index_industry_earth_big canvas {
    position: relative;
    z-index: 9;
}

.index_industry_earth_after {
    position: absolute;
    width: 41%;
    height: 41%;
    left: 50%;
    top: 50%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.index_industry_earth_after:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fafafa;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
}

.index_industry_earth_after:before {
    content: "";
    position: absolute;
    width: 89%;
    height: 89%;
    left: 50%;
    top: 54%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background: rgba(131, 139, 169, .3);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    filter: blur(0.6vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    z-index: 8;
    opacity: 0;

}

.index_industry_earth_before {
    position: absolute;
    width: 48%;
    height: 48%;
    left: 50%;
    top: 50%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.index_industry_earth_before:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1.82291666vw solid #fafafa;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_earth_read {
    position: absolute;
    left: 0;
    bottom: 38%;
    width: 100%;
    z-index: 19;
    padding: 0 5.7291666vw;
    pointer-events: none;
}

.index_earth_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index_earth_item_box {
    width: 30%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_earth_item_box:nth-child(1) {
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;

}

.index_earth_item_box:nth-child(2) {
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
}

.index_earth_item_title {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_earth_item_number {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #003bd8;
}

.index_earth_item_label {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #003bd8;
}

.index_earth_item_min {
    font-size: 1.25vw;
    line-height: 2.6041666vw;
    color: #003bd8;
}

.index_earth_item_text {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #111111;
    text-align: center;
}

/* 信息面板样式 */
.info-panel {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.625vw 0.8333vw;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    -webkit-box-shadow: 0 0.1041666vw 0.5208333vw rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.1041666vw 0.5208333vw rgba(0, 0, 0, 0.2);
    display: none;
    pointer-events: none;
    z-index: 100;
}

.info-panel h3 {
    margin: 0 0 0.41666vw 0;
    color: #0054ce;
    font-weight: bold;
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
}

.info-panel p {
    color: #666;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
}

.index_industry_earth_animate .index_industry_earth_back {
    opacity: 0;
    pointer-events: none;
}

.index_industry_earth_animate .index_industry_earth_content {
    opacity: 1;
}

.index_industry_earth_animate .index_industry_head_box:nth-child(2) .index_industry_subtitle {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.index_industry_earth_animate .index_industry_head_box:nth-child(2) .index_industry_title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}


.index_industry_earth_animate .index_industry_earth_after:before {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_industry_earth_animate .index_industry_earth_after:after {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_industry_earth_animate .index_industry_earth_before:after {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.index_industry_earth_animate .index_earth_item_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.index_industry_earth_animate .index_main_white_label:nth-child(1),
.index_industry_earth_animate .index_main_white_label:nth-child(2) {
    left: -20vw;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.index_industry_earth_animate .index_main_white_label:nth-child(3),
.index_industry_earth_animate .index_main_white_label:nth-child(4) {
    left: -10vw;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.index_news_wrap {

    position: relative;
    z-index: 30;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
}


.index_news_pack {
    position: relative;
    z-index: 2;
    padding: 5.7291666vw 0 7.8125vw 0;
}

.index_news_pack:after {
    content: "";
    position: absolute;
    left: -30vw;
    bottom: -30vw;
    width: 100vw;
    height: 60vw;
    background: #003bd8;
    opacity: .1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
    pointer-events: none;
}

.index_news_box {
    padding: 0 5.7291666vw;
    position: relative;
    z-index: 9;
    overflow: hidden;
    width: 100vw;
}

.index_news_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
    overflow: hidden;
}

.index_news_head_wrap {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_news_head_box {
    width: 70%;
}

.index_news_head_subtitle {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #003bd8;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*-webkit-transform: translateY(4vw);*/
    /*transform: translateY(4vw);*/
}

.index_news_head_title {
    font-size: 1.4vw;
    line-height: 3vw;
    color: #111111;
    margin-top: 0.5208333vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*-webkit-transform: translateY(4vw);*/
    /*transform: translateY(4vw);*/
}

.index_news_head_button {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 30%;
    margin-bottom: 0.5208333vw;
}

.index_news_head_btn {
    margin-right: 1.041666vw;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_prev_btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_news_head_btn:last-child {
    margin-right: 0;
}

.index_news_head_icon {
    width: 2.91666vw;
    height: 2.91666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.index_news_head_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #111111;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_head_label {
    width: 14.2857%;
    position: relative;
    z-index: 9;
}

.index_news_head_label svg {
    fill: #111111;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_head_active .index_news_head_icon:after {
    background: #003bd8;
    border: 1px solid #003bd8;
}

.index_news_head_active .index_news_head_label svg {
    fill: #ffffff;
}

.index_news_head_btn.swiper-button-disabled {
    opacity: .4;
    pointer-events: none;
}

.index_news_item_pic {
    position: relative;
    z-index: 9;
}

.index_news_item_pic a {
    display: block;
}

.index_news_item_img {
    padding-bottom: 56%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.index_news_swiper {
    overflow: initial;
}

.index_news_swiper .index_news_item_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_news_swiper .swiper-slide:nth-child(4n+1) .AddIndexNewsItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_news_swiper .swiper-slide:nth-child(4n+2) .AddIndexNewsItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_news_swiper .swiper-slide:nth-child(4n+3) .AddIndexNewsItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_news_swiper .swiper-slide:nth-child(4n) .AddIndexNewsItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_news_swiper .swiper-slide:nth-child(4n+1) .AddIndexNewsItemBox .index_news_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_news_swiper .swiper-slide:nth-child(4n+2) .AddIndexNewsItemBox .index_news_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_news_swiper .swiper-slide:nth-child(4n+3) .AddIndexNewsItemBox .index_news_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_news_swiper .swiper-slide:nth-child(4n) .AddIndexNewsItemBox .index_news_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_news_content {
    margin-top: 4.1666vw;
}

.index_news_item_box {
    background: #ffffff;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    position: relative;
    overflow: hidden;
}

.index_news_item_line {
    position: absolute;
    right: 5vw;
    bottom: -4vw;
    width: 37.34375vw;
    height: 38.75vw;
    -webkit-transform: rotate(31deg);
    transform: rotate(31deg);
    pointer-events: none;
}

.index_news_item_line svg {
    overflow: initial;
    fill: none;
    stroke-width: 2.08333vw;
    stroke: #f9f9f9;
    stroke-dasharray: 1843;
    stroke-dashoffset: 1843;
    stroke-linecap: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_read {
    padding: 2.08333vw 1.5625vw 1.82291666vw 1.5625vw;
    overflow: hidden;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_tips {
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 1.30208333vw;
}

.index_news_item_icon {
    width: 0.41666vw;
    height: 0.41666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #0054ce;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.index_news_item_time {
    font-size: 0.78125vw;
    line-height: 1.041666vw;
    color: #0054ce;
    margin-left: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_title a {
    font-size: 1.1458333vw;
    line-height: 1.5625vw;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_text {
    margin-top: 0.78125vw;
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_news_item_pack {
    position: relative;
    padding-bottom: 1.40625vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_button {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_box .public_button_box a {
    background: none;
}

.index_news_item_box .public_button_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    box-sizing: border-box;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_box .public_button_icon:after {
    background: #222222;
}

.index_news_item_box .public_button_text {
    color: #222222;
}

.index_news_item_box .public_button_box:hover a:after {
    opacity: 0;
}

.index_news_item_box .public_button_box:hover .public_button_icon:after {
    background: #003bd8;
}

.index_news_item_box .public_button_box:hover .public_button_icon:before {
    background: #ffffff;
}

.index_news_item_box .public_button_box:hover .public_button_text:nth-child(2) {
    color: #ffffff;
}

.index_news_item_box:hover {
    -webkit-box-shadow: 0 0.5208333vw 4.1666vw rgba(118, 145, 218, .2);
    box-shadow: 0 0.5208333vw 4.1666vw rgba(118, 145, 218, .2);
}

.index_news_item_box:hover .index_news_item_title a {
    color: #003bd8;
}

.index_news_item_box:hover .index_news_item_pack {
    padding-bottom: 4.53125vw;
}

.index_news_item_box:hover .index_news_item_button {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
}

.index_news_item_box:hover .index_news_item_img {
    padding-bottom: 44%;
}

.index_news_item_box:hover .index_news_item_icon {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.index_news_item_box:hover .index_news_item_time {
    margin: 0;
}


.index_news_item_box:hover .index_news_item_line svg {
    stroke-dashoffset: 0;
}


.index_news_circle_label:nth-child(1) {
    position: absolute;
    bottom: -25vw;
    right: -20vw;
    width: 40vw;
    height: 26vw;
    z-index: 1;
    opacity: .6;

}

.index_news_circle_label:nth-child(2) {
    position: absolute;
    bottom: -30vw;
    right: -20vw;
    width: 36vw;
    height: 18vw;
    z-index: 1;
    opacity: .6;

}

.index_news_circle_label:nth-child(3) {
    position: absolute;
    bottom: 10vw;
    right: 0;
    width: 40vw;
    height: 20vw;
    z-index: 1;
    opacity: .6;
}

.index_news_circle_label:nth-child(4) {
    position: absolute;
    bottom: 20vw;
    right: 0;
    width: 35vw;
    height: 18vw;
    z-index: 1;
    opacity: .6;
}

.index_news_circle_label:nth-child(1):after,
.index_news_circle_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}


.index_news_circle_label:nth-child(3):after,
.index_news_circle_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}


.index_news_circle_label:nth-child(1):after {
    -webkit-animation: 10s NewsCircleAnimate linear infinite normal both;
    animation: 10s NewsCircleAnimate linear infinite normal both;
}

.index_news_circle_label:nth-child(2):after {
    -webkit-animation: 9s NewsCircleAnimate linear infinite normal both;
    animation: 9s NewsCircleAnimate linear infinite normal both;
}

.index_news_circle_label:nth-child(3):after {
    -webkit-animation: 9s NewsCircleAnimate2 linear infinite normal both;
    animation: 9s NewsCircleAnimate2 linear infinite normal both;
}

.index_news_circle_label:nth-child(4):after {
    -webkit-animation: 10s NewsCircleAnimate2 linear infinite normal both;
    animation: 10s NewsCircleAnimate2 linear infinite normal both;
}


@-webkit-keyframes NewsCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(-20vw);
        transform: translateY(-20vw) translateX(-20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-40vw) translateX(0);
        transform: translateY(-40vw) translateX(0);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-40vw) translateX(20vw);
        transform: translateY(-40vw) translateX(20vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes NewsCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(-20vw);
        transform: translateY(-20vw) translateX(-20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-40vw) translateX(0);
        transform: translateY(-40vw) translateX(0);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-40vw) translateX(20vw);
        transform: translateY(-40vw) translateX(20vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes NewsCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(20vw) translateX(20vw);
        transform: translateY(20vw) translateX(20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(40vw) translateX(40vw);
        transform: translateY(40vw) translateX(40vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(30vw) translateX(20vw);
        transform: translateY(30vw) translateX(20vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes NewsCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(20vw) translateX(20vw);
        transform: translateY(20vw) translateX(20vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(40vw) translateX(40vw);
        transform: translateY(40vw) translateX(40vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(30vw) translateX(20vw);
        transform: translateY(30vw) translateX(20vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

.index_sound_fixed_wrap {
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    overflow: hidden;
}

.index_sound_fixed_box {
    position: relative;
}

.index_sound_box {
    position: relative;
    padding: 5.7291666vw 0 0 0;
    z-index: 9;
    overflow: hidden;

}

.index_sound_big {
    position: relative;
    padding: 0 5.7291666vw
}

.index_sound_content {
    width: 100%;;
    position: relative;
}

.index_sound_fixed_head {
    position: absolute;
    right: 0;
    top: 26.041666vw;
}

.index_sound_fixed_button {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 1.5625vw;
}

.index_sound_fixed_button .public_button_box a {
    background: none;
    position: relative;
}

.index_sound_fixed_button .public_button_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    box-sizing: border-box;
}

.index_sound_back {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    opacity: 1;
    overflow: hidden;
}

.index_sound_after {
    position: absolute;
    right: 0;
    top: -5.72917vw;
    width: 100%;
    height: calc(100% + 11.45834vw);
    background: rgb(0, 4, 29);
    overflow: hidden;
}

.index_sound_circle_back {
    position: absolute;
    right: 0;
    top: -5.7291666vw;
    width: 100%;
    height: calc(100% + 11.45834vw);
    overflow: hidden;
}


.index_sound_circle_label:nth-child(1) {
    position: absolute;
    bottom: -20vw;
    right: -22vw;
    width: 40vw;
    height: 40vw;
    z-index: 1;
    opacity: .4;
}

.index_sound_circle_label:nth-child(2) {
    position: absolute;
    bottom: -10vw;
    right: -15vw;
    width: 30vw;
    height: 26vw;
    z-index: 1;
    opacity: .5;
}

.index_sound_circle_label:nth-child(3) {
    position: absolute;
    bottom: -20vw;
    right: 0;
    width: 40vw;
    height: 40vw;
    z-index: 1;
    opacity: .4;
}

.index_sound_circle_label:nth-child(4) {
    position: absolute;
    bottom: -15vw;
    right: -10vw;
    width: 60vw;
    height: 26vw;
    z-index: 1;
    opacity: .3;
}

.index_sound_circle_label:nth-child(5) {
    position: absolute;
    top: 0;
    left: -10vw;
    width: 30vw;
    height: 20vw;
    z-index: 1;
    opacity: .6;
}

.index_sound_circle_label:nth-child(6) {
    position: absolute;
    top: -20vw;
    left: -20vw;
    width: 30vw;
    height: 40vw;
    z-index: 1;
    opacity: .5;
}

.index_sound_circle_label:nth-child(7) {
    position: absolute;
    bottom: -20vw;
    left: -15vw;
    width: 30vw;
    height: 30vw;
    z-index: 1;
    opacity: .6;
}

.index_sound_circle_label:nth-child(8) {
    position: absolute;
    bottom: -30vw;
    left: -20vw;
    width: 30vw;
    height: 40vw;
    z-index: 1;
    opacity: .5;
}

.index_sound_circle_label:nth-child(1):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(3):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(5):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(6):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(7):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(8):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.index_sound_circle_label:nth-child(1):after {
    -webkit-animation: 10s SoundCircleAnimate linear infinite normal both;
    animation: 10s SoundCircleAnimate linear infinite normal both;
}

.index_sound_circle_label:nth-child(2):after {
    -webkit-animation: 12s SoundCircleAnimate linear infinite normal both;
    animation: 12s SoundCircleAnimate linear infinite normal both;
}

.index_sound_circle_label:nth-child(3):after {
    -webkit-animation: 11s SoundCircleAnimate2 linear infinite normal both;
    animation: 11s SoundCircleAnimate2 linear infinite normal both;
}

.index_sound_circle_label:nth-child(4):after {
    -webkit-animation: 13s SoundCircleAnimate2 linear infinite normal both;
    animation: 13s SoundCircleAnimate2 linear infinite normal both;
}

.index_sound_circle_label:nth-child(5):after {
    -webkit-animation: 10s SoundCircleAnimate3 linear infinite normal both;
    animation: 10s SoundCircleAnimate3 linear infinite normal both;
}

.index_sound_circle_label:nth-child(6):after {
    -webkit-animation: 12s SoundCircleAnimate3 linear infinite normal both;
    animation: 12s SoundCircleAnimate3 linear infinite normal both;
}

.index_sound_circle_label:nth-child(7):after {
    -webkit-animation: 11s SoundCircleAnimate4 linear infinite normal both;
    animation: 11s SoundCircleAnimate4 linear infinite normal both;
}

.index_sound_circle_label:nth-child(8):after {
    -webkit-animation: 13s SoundCircleAnimate4 linear infinite normal both;
    animation: 13s SoundCircleAnimate4 linear infinite normal both;
}


@-webkit-keyframes SoundCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .4;
        -webkit-transform: translateY(-20vw) translateX(-20vw) scale(0.8);
        transform: translateY(-20vw) translateX(-20vw) scale(0.8);
    }
    50% {
        opacity: .7;
        -webkit-transform: translateY(-40vw) translateX(-40vw) scale(1.1);
        transform: translateY(-40vw) translateX(-40vw) scale(1.1);
    }
    75% {
        opacity: .4;
        -webkit-transform: translateY(-15vw) translateX(-20vw) scale(0.6);
        transform: translateY(-15vw) translateX(-20vw) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes SoundCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .4;
        -webkit-transform: translateY(-20vw) translateX(-20vw) scale(0.8);
        transform: translateY(-20vw) translateX(-20vw) scale(0.8);
    }
    50% {
        opacity: .7;
        -webkit-transform: translateY(-40vw) translateX(-40vw) scale(1.1);
        transform: translateY(-40vw) translateX(-40vw) scale(1.1);
    }
    75% {
        opacity: .4;
        -webkit-transform: translateY(-15vw) translateX(-20vw) scale(0.6);
        transform: translateY(-15vw) translateX(-20vw) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes SoundCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .5;
        -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6);
        transform: translateY(-15vw) translateX(-10vw) scale(0.6);
    }
    50% {
        opacity: .3;
        -webkit-transform: translateY(-30vw) translateX(-20vw) scale(1.1);
        transform: translateY(-30vw) translateX(-20vw) scale(1.1);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6);
        transform: translateY(-15vw) translateX(-10vw) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes SoundCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .5;
        -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6);
        transform: translateY(-15vw) translateX(-10vw) scale(0.6);
    }
    50% {
        opacity: .3;
        -webkit-transform: translateY(-30vw) translateX(-20vw) scale(1.1);
        transform: translateY(-30vw) translateX(-20vw) scale(1.1);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateY(-15vw) translateX(-10vw) scale(0.6);
        transform: translateY(-15vw) translateX(-10vw) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes SoundCircleAnimate3 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw) scale(0.6);
        transform: translateY(10vw) translateX(5vw) scale(0.6);
    }
    50% {
        opacity: .5;
        -webkit-transform: translateY(20vw) translateX(10vw) scale(1);
        transform: translateY(20vw) translateX(10vw) scale(1);
    }
    75% {
        opacity: .2;
        -webkit-transform: translateY(5vw) translateX(5vw) scale(0.6);
        transform: translateY(5vw) translateX(5vw) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes SoundCircleAnimate3 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw) scale(0.6);
        transform: translateY(10vw) translateX(5vw) scale(0.6);
    }
    50% {
        opacity: .5;
        -webkit-transform: translateY(20vw) translateX(10vw) scale(1);
        transform: translateY(20vw) translateX(10vw) scale(1);
    }
    75% {
        opacity: .2;
        -webkit-transform: translateY(5vw) translateX(5vw) scale(0.6);
        transform: translateY(5vw) translateX(5vw) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes SoundCircleAnimate4 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .6;
        -webkit-transform: translateY(-10vw) translateX(15vw) scale(1.1);
        transform: translateY(-10vw) translateX(15vw) scale(1.1);
    }
    50% {
        opacity: .2;
        -webkit-transform: translateY(-20vw) translateX(30vw) scale(0.7);
        transform: translateY(-20vw) translateX(30vw) scale(0.7);
    }
    75% {
        opacity: .6;
        -webkit-transform: translateY(-5vw) translateX(15vw) scale(1.1);
        transform: translateY(-5vw) translateX(15vw) scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes SoundCircleAnimate4 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .6;
        -webkit-transform: translateY(-10vw) translateX(15vw) scale(1.1);
        transform: translateY(-10vw) translateX(15vw) scale(1.1);
    }
    50% {
        opacity: .2;
        -webkit-transform: translateY(-20vw) translateX(30vw) scale(0.7);
        transform: translateY(-20vw) translateX(30vw) scale(0.7);
    }
    75% {
        opacity: .6;
        -webkit-transform: translateY(-5vw) translateX(15vw) scale(1.1);
        transform: translateY(-5vw) translateX(15vw) scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.index_sound_head_title {
    color: #ffffff;
    font-size: 3vw;
    line-height: 4vw;
}

.index_sound_tab {
    margin-top: 6vw;
    position: relative;
    pointer-events: none;
    padding: 0 0 10vw 0;
}

.index_sound_item_box {
    width: 41.82352%;
    margin-bottom: 2vw;
}

.index_sound_item_box:last-child {
    margin-bottom: 0;
}

.index_sound_item_box:nth-child(1) {
    transform: none;
}

.index_sound_item_box:nth-child(1) .index_sound_item_content {
    transform: none;
}

.index_sound_item_content {
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(1.041666vw);
    backdrop-filter: blur(1.041666vw);
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    pointer-events: auto;
}


.index_sound_item_box:nth-child(4n+1) {
    margin-left: 27.94117%;
}

.index_sound_item_box:nth-child(4n+2) {
    margin-left: 3.88235%;

}

.index_sound_item_box:nth-child(4n+3) {
    margin-left: 45.2941%;
}

.index_sound_item_box:nth-child(4n) {
    margin-left: 32%;
}

.index_sound_item_box:nth-child(2) .index_sound_item_content {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
}

.index_sound_item_box:nth-child(3) .index_sound_item_content {
    -webkit-transform: translateY(-160%);
    transform: translateY(-160%);
}

.index_sound_item_box:nth-child(4) .index_sound_item_content {
    -webkit-transform: translateY(-240%);
    transform: translateY(-240%);
}

.index_sound_item_pic {
    width: 35.1617%;
}

.index_sound_item_img {
    padding-bottom: 111.6%;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.index_sound_item_read {
    width: 64.8383%;
    padding: 1.5625vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.index_sound_item_tips {
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.index_sound_item_pack {
    width: 100%;
    position: relative;
}

.index_sound_item_head {
    width: 16.2094%;
}

.index_sound_head_img {
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_sound_item_message {
    width: 83.7906%;
    padding-left: 1.041666vw;
}

.index_sound_item_name {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #ffffff;
}

.index_sound_item_label {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #ffffff;
}

.index_sound_item_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #ffffff;
}

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

.footer_box {
    position: relative;
    background: #000;
    padding: 0 5.7291666vw;
}

.footer_line_box {
    position: absolute;
    left: 27%;
    bottom: -1.19791666vw;
    width: 61.9791666%;
}

.footer_line_read {
    width: 100%;

}

.footer_content {
    position: relative;
    z-index: 9;
}

.footer_head_wrap {
    padding: 3.90625vw 0 0 0;
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer_tips_wrap {
    width: 45%;
}

.footer_logo_box {
    width: 11.71875vw;
}

.footer_message_box {
    margin-top: 3.90625vw;
}

.footer_message_item_box {
    margin-bottom: 0.78125vw;
}

.footer_message_item_box:last-child {
    margin-bottom: 0;
}

.footer_message_item_icon {
    width: 0.78125vw;

}

.footer_message_item_icon svg {
    fill: #003bd8;
}

.footer_message_item_text {
    width: calc(100% - 0.78125vw);
    padding-left: 0.78125vw;
}

.footer_message_item_text,
.footer_message_item_text a {
    font-size: 0.6vw;
    line-height: 1.1458333vw;
    color: #aaaaaa;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_message_item_text a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_message_item_text a:hover {
    color: #ffffff;
}

.footer_message_item_text a:hover:after {
    left: 0;
    width: 100%;
}

.footer_nav_wrap {
    width: 53.52941%;
}

.footer_nav_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer_nav_item_ul {
    margin-top: 0.78125vw;
}

.footer_nav_item_title a {
    font-size: 0.88541666vw;
    line-height: 1.3541666vw;
    color: #ffffff;
}

.footer_nav_item_li {
    padding: 0.26041666vw 0;
    position: relative;
}

.footer_nav_item_li a {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #adadad;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_nav_item_li a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_nav_item_li a:hover {
    color: #ffffff;
}

.footer_nav_item_li a:hover:after {
    left: 0;
    width: 100%;
}

.footer_max_box {
    position: relative;
}

.footer_pack {
    padding: 7.291666vw 0 4.6875vw 0;
}

.footer_big {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.footer_share_wrap {
    width: 45%;
}

.footer_cta_wrap {
    width: 53.52941%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.footer_return_btn {
    width: 2.708333vw;
    height: 2.708333vw;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.footer_return_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #666666;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_return_read {
    width: 23.07692%;
    position: relative;
    z-index: 9;
}

.footer_return_icon {
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_return_icon:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.footer_return_icon svg {
    fill: #ffffff;
}

.footer_return_btn:hover:after {
    background: #003bd8;
    border: 1px solid #003bd8;
}

.footer_return_btn:hover .footer_return_icon:nth-child(1) {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.footer_return_btn:hover .footer_return_icon:nth-child(2) {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.footer_public_title {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #2fdca6;
}

.footer_share_item_box {
    width: 2.08333vw;
    height: 2.08333vw;
    position: relative;
    margin-right: 1.5625vw;
}

.footer_share_item_box:last-child {
    margin-right: 0;
}

.footer_share_item_box a {
    background: #242424;
    height: 100%;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_share_item_icon {
    width: 38%;
}

.footer_share_item_icon svg {
    fill: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.share_facebook {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

.share_ytb {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.footer_share_item_box a:hover {
    background: #ffffff;
}

.footer_share_item_box a:hover .footer_share_item_icon svg {
    fill: #111111;
}

.footer_share_box {
    margin-top: 1.30208333vw;
    padding-top: 0.3125vw;
}

.footer_cta_button {
    margin-top: 1.30208333vw;
}

.footer_cta_btn {
    margin-right: 0.8333vw;
}

.footer_cta_btn:last-child {
    margin-right: 0;
}

.footer_cta_btn a {
    position: relative;
    padding: 0.5208333vw 1.3541666vw;
    -webkit-align-items: center;
    align-items: center;
}

.footer_cta_btn a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #666666;
    box-sizing: border-box;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.footer_cta_icon {
    width: 0.41666vw;
    position: relative;
    z-index: 9;
}

.footer_cta_icon svg {
    fill: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_cta_read {
    width: 7vw;
    position: relative;
    z-index: 9;
    overflow: hidden;

}

.footer_cta_text {
    font-size: 0.6vw;
    line-height: 1.666vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_cta_text:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}


.footer_cta_btn a:hover:after {
    background: #003bd8;
    border: 1px solid #003bd8;
}

.footer_cta_btn a:hover .footer_cta_icon svg {
    fill: #ffffff;
}

.footer_cta_btn a:hover .footer_cta_text {
    color: #ffffff;
}

.footer_cta_btn a:hover .footer_cta_text:nth-child(1) {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.footer_cta_btn a:hover .footer_cta_text:nth-child(2) {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.footer_cta_wx_wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index:10;
    bottom: 2vw;
    display: none;
}

.footer_cta_wx {
    position: relative;
    margin-bottom: 1.8vw;
    background: #fff;
    border-radius: 0.625vw;
    padding: 1.25vw 1.25vw 0.625vw;
}

.footer_cta_wx::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: none;
    left: 50%;
    margin-left: -10px;
    bottom: -11px;
}

.footer_cta_wx_inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.footer_cta_wx_item + .footer_cta_wx_item {
    margin-left: 2.083vw;
}
.footer_cta_wx_item {
    text-align: center;
}

.footer_cta_wx_img {
    width: 6.25vw;
    height: 6.25vw;
    margin: 0 auto;
}

.footer_cta_wx_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_cta_wx_info {
    font-size: 0.6vw;
    line-height: 1vw;
    padding-top: 0.3vw;
    color: #333;
}

.footer_copy_wrap {
    padding: 2.34375vw 0;
    position: relative;
}

.footer_copy_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(128, 199, 199, .15);
}

.footer_copy_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer_copy_text {
    margin-right: 0.625vw;
}

.footer_copy_text:last-child {
    margin-right: 0;
}

.footer_copy_text,
.footer_copy_text a {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #777777;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_copy_text a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_copy_text a:hover {
    color: #ffffff;
}

.footer_copy_text a:hover:after {
    left: 0;
    width: 100%;
}

.public_banner_wrap {
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
    overflow: hidden;
    z-index: 9;
}


.public_banner_back {
    padding-bottom: 43.2291666%;
    position: relative;
}

.public_banner_back video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public_banner_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.public_banner_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;

}

.public_banner_big {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.public_banner_en_box {

    mix-blend-mode: overlay;
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    z-index: 9;

}

.public_banner_en_read {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.public_banner_en_label {
    font-size: 3.75vw;
    line-height: 4.2708333vw;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.public_banner_cn_box {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    z-index: 9;
}

.public_banner_cn_read {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.public_banner_cn_label {
    font-size: 2.8125vw;
    line-height: 4.2708333vw;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.AddPublicBanner .public_banner_en_label {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddPublicBanner .public_banner_cn_label {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.news_page_box {
    padding: 0 8.3333vw;
    position: relative;
    z-index: 9;
}

.news_page_label_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    background-image: linear-gradient(to left, #33e0a1, #064cd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_page_title_text {
    font-size: 2.8vw;
    line-height: 3.2vw;
    color: #111111;
    margin-top: 0.78125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_page_subtitle_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_page_wrap {
    padding: 4.6875vw 0;
    position: relative;
}

.news_page_head {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    z-index: 9;
}

.news_page_content {
    position: relative;
    z-index: 1;
    margin-top: 4.6875vw;
}

.news_screen_select_box {
    width: 20vw;
    position: relative;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    margin-left: 0.5208333vw;
}

.news_screen_select_content {
    background: #f4f4f4;
    padding: 0 1.041666vw;
    position: relative;
    z-index: 9;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    cursor: pointer;
}

.news_screen_select_input {
    width: 56%;
}

.news_screen_select_input input {
    width: 100%;
    font-size: 0.7vw;
    line-height: 3.125vw;
    color: #999999;
    pointer-events: none;
}

.news_screen_select_read {
    width: 44%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.news_screen_select_title {
    font-size: 0.7vw;
    line-height: 3.125vw;
    color: #666666;
}


.news_screen_select_icon {
    width: 0.7291666vw;
    margin-left: 0.625vw;
}

.news_screen_select_label {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.news_screen_select_label svg {
    width: 100%;
    fill: #666666;
}

.news_screen_select_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fafafa;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 3.6458333vw 0 1.041666vw 0;
}

.news_screen_type_show .news_screen_select_label {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_screen_type_show .news_screen_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.news_screen_time_show .news_screen_select_label {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_screen_time_show .news_screen_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.news_screen_select_pack {
    max-height: 8.8541666vw;
    overflow-y: auto;
    position: relative;
}

.news_screen_select_option {
    font-size: 0.7291666vw;
    line-height: 1.7708333vw;
    color: #333333;
    padding: 0 1.041666vw;
    cursor: pointer;
}

.news_screen_select_option:hover {
    color: #003bd8;
}

.news_page_tab .index_news_item_box {
    width: 31.25%;
    margin: 0 3.125% 3.125vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_page_tab .index_news_item_box:nth-child(3n) {
    margin: 0 0 3.125vw 0;
}

.news_page_tab .index_news_item_box:nth-child(3n+1).AddIndexNewsItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.news_page_tab .index_news_item_box:nth-child(3n+2).AddIndexNewsItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.news_page_tab .index_news_item_box:nth-child(3n).AddIndexNewsItemBox {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.news_page_tab .index_news_item_box:nth-child(3n+1).AddIndexNewsItemBox .index_news_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.news_page_tab .index_news_item_box:nth-child(3n+2).AddIndexNewsItemBox .index_news_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.news_page_tab .index_news_item_box:nth-child(3n).AddIndexNewsItemBox .index_news_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.public_pagination_wrap {
    position: relative;
}

.public_pagination_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.news_page_pagination_wrap {
    margin-top: 1.5625vw;
}

.public_pagination_box a {
    width: 2.708333vw;
    height: 2.708333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0.26041666vw;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    position: relative;
    font-size: 0.8333vw;
    line-height: 2.708333vw;
    color: #111111;
    background: #f4f4f4;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.public_pagination_box a.public_pagination_prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.public_pagination_box a.public_pagination_current {
    color: #ffffff;
    background: #003bd8;
}


.public_pagination_box a svg {
    width: 17.3913%;
    fill: #111111;
    display: block;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.public_pagination_box a:hover {
    color: #ffffff;
    background: #003bd8;
}

.public_pagination_box a.public_pagination_next {
    margin: 0 0.26041666vw 0 2.6041666vw;
}

.public_pagination_box a.public_pagination_prev {
    margin: 0 2.6041666vw 0 0.26041666vw;
}

.public_pagination_box a.public_pagination_next:hover svg,
.public_pagination_box a.public_pagination_prev:hover svg {
    fill: #ffffff;
}


.news_white_back {
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    overflow: hidden;
    z-index: 3;
}

.news_white_label:nth-child(1) {
    position: absolute;
    top: -10vw;
    left: -20vw;
    width: 24vw;
    height: 26vw;
    z-index: 3;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_white_label:nth-child(2) {
    position: absolute;
    top: -15vw;
    left: -20vw;
    width: 30vw;
    height: 18vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_white_label:nth-child(3) {
    position: absolute;
    top: 10vw;
    left: -20vw;
    width: 16vw;
    height: 30vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_white_label:nth-child(4) {
    position: absolute;
    top: 20vw;
    left: -20vw;
    width: 20vw;
    height: 18vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_white_label:nth-child(1):after,
.news_white_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.news_white_label:nth-child(3):after,
.news_white_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.news_white_label:nth-child(1):after {
    -webkit-animation: 10s NewsWhiteCircleAnimate linear infinite normal both;
    animation: 10s NewsWhiteCircleAnimate linear infinite normal both;

}

.news_white_label:nth-child(2):after {
    -webkit-animation: 11s NewsWhiteCircleAnimate linear infinite normal both;
    animation: 11s NewsWhiteCircleAnimate linear infinite normal both;

}

.news_white_label:nth-child(3):after {
    -webkit-animation: 10s NewsWhiteCircleAnimate2 linear infinite normal both;
    animation: 10s NewsWhiteCircleAnimate2 linear infinite normal both;

}

.news_white_label:nth-child(4):after {
    -webkit-animation: 11s NewsWhiteCircleAnimate2 linear infinite normal both;
    animation: 11s NewsWhiteCircleAnimate2 linear infinite normal both;

}

@-webkit-keyframes NewsWhiteCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(15vw);
        transform: translateY(10vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(10vw);
        transform: translateY(20vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw);
        transform: translateY(10vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes NewsWhiteCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(15vw);
        transform: translateY(10vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(10vw);
        transform: translateY(20vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw);
        transform: translateY(10vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes NewsWhiteCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(15vw);
        transform: translateY(-20vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-30vw) translateX(10vw);
        transform: translateY(-30vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(5vw);
        transform: translateY(-20vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes NewsWhiteCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(15vw);
        transform: translateY(-20vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-30vw) translateX(10vw);
        transform: translateY(-30vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-20vw) translateX(5vw);
        transform: translateY(-20vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.news_foot_back {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}

.news_foot_label:nth-child(1) {
    position: absolute;
    bottom: -10vw;
    right: -10vw;
    width: 24vw;
    height: 26vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_foot_label:nth-child(2) {
    position: absolute;
    bottom: -15vw;
    right: -10vw;
    width: 30vw;
    height: 18vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_foot_label:nth-child(3) {
    position: absolute;
    bottom: -10vw;
    right: -20vw;
    width: 16vw;
    height: 30vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_foot_label:nth-child(4) {
    position: absolute;
    bottom: -20vw;
    right: -20vw;
    width: 20vw;
    height: 18vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.news_foot_label:nth-child(1):after,
.news_foot_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.news_foot_label:nth-child(3):after,
.news_foot_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.news_foot_label:nth-child(1):after {
    -webkit-animation: 10s NewsFootCircleAnimate linear infinite normal both;
    animation: 10s NewsFootCircleAnimate linear infinite normal both;

}

.news_foot_label:nth-child(2):after {
    -webkit-animation: 11s NewsFootCircleAnimate linear infinite normal both;
    animation: 11s NewsFootCircleAnimate linear infinite normal both;

}

.news_foot_label:nth-child(3):after {
    -webkit-animation: 10s NewsFootCircleAnimate2 linear infinite normal both;
    animation: 10s NewsFootCircleAnimate2 linear infinite normal both;

}

.news_foot_label:nth-child(4):after {
    -webkit-animation: 11s NewsFootCircleAnimate2 linear infinite normal both;
    animation: 11s NewsFootCircleAnimate2 linear infinite normal both;

}

@-webkit-keyframes NewsFootCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-15vw);
        transform: translateY(10vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(-10vw);
        transform: translateY(20vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-5vw);
        transform: translateY(10vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes NewsFootCircleAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-15vw);
        transform: translateY(10vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(-10vw);
        transform: translateY(20vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-5vw);
        transform: translateY(10vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes NewsFootCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-10vw) translateX(-15vw);
        transform: translateY(-10vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-20vw) translateX(-10vw);
        transform: translateY(-20vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-10vw) translateX(-5vw);
        transform: translateY(-10vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes NewsFootCircleAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-10vw) translateX(-15vw);
        transform: translateY(-10vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-20vw) translateX(-10vw);
        transform: translateY(-20vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-10vw) translateX(-5vw);
        transform: translateY(-10vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.news_screen_select_button {
    margin-left: 1.041666vw;
}

.news_screen_select_button a {
    width: 16vw;
    font-size: 0.88541666vw;
    line-height: 3.0208333vw;
    color: #111111;
    background: #f4f4f4;
    -webkit-border-radius: 1.51041666vw;
    border-radius: 1.51041666vw;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_screen_select_active a {
    background: #003bd8;
    color: #ffffff;
}

.activity_item_box {
    width: 31.25%;
    margin: 0 3.125% 3.6458333vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.activity_item_box:nth-child(3n+2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.activity_item_box:nth-child(3n) {
    margin: 0 0 3.6458333vw 0;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.activity_item_pic a {
    display: block;
    position: relative;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.activity_item_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.activity_item_pack:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.208333vw;
    background: #25b472;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.activity_item_button {
    width: 3.125vw;
    height: 3.125vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #003bd8;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.activity_item_btn {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;

}

.activity_item_eyes_icon {
    width: 33.3333%;
}

.activity_item_eyes_icon svg {
    fill: #ffffff;
}

.activity_item_img {
    padding-bottom: 56%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.activity_item_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.AddActivityItemBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddActivityItemBox .activity_item_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.activity_item_tips_wrap {
    margin-top: 1.041666vw;
}

.activity_item_tips_box {
    -webkit-align-items: center;
    align-items: center;
    max-width: 50%;
    padding-right: 1.5625vw;
}

.activity_item_tips_box:last-child {
    padding-right: 0;
}

.activity_item_tips_icon {
    width: 0.625vw;
}

.activity_item_tips_label {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #999999;
    margin-left: 0.5208333vw;
    max-width: calc(100% - 1.1458333vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity_item_title a {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #000000;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.activity_item_read {
    padding: 2.08333vw 0 0 0;
}

.activity_item_box .activity_item_pic a:hover {
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
}

.activity_item_box:hover .activity_item_pack {
    opacity: 1;
}


.activity_item_box:hover .activity_item_pack:after {
    width: 100%;
}

.activity_item_box:hover .activity_item_button {
    -webkit-transform: none;
    transform: none;
}

.activity_item_box:hover .activity_item_title a {
    color: #003bd8;
}


.news_active_wrap {
    padding: 11.458333vw 0 6.25vw 0;
}

.news_active_box {
    padding: 0 8.3333vw;
    position: relative;
    z-index: 9;
}

.news_active_editor_title {
    font-size: 2.1875vw;
    line-height: 2.86458333vw;
    color: #111111;
}

.news_active_editor_label {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #003bd8;
    padding: 0 1.5625vw;
    position: relative;
}

.news_active_editor_label:after {
    content: "";
    position: absolute;
    right: 0;
    top: 21%;
    width: 1px;
    height: 58%;
    background: #c6c6c6;
}

.news_active_editor_label:first-child {
    padding: 0 1.5625vw 0 0;
}

.news_active_editor_label:last-child {
    padding: 0 0 0 1.5625vw;
}

.news_active_editor_label:last-child:after {
    display: none;
}

.news_active_editor_bjq {
    margin-top: 3.125vw;
}

.news_active_editor_bjq,
.news_active_editor_bjq p {
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #777c8a;
}

.news_active_editor_bjq p {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_active_editor_bjq img {
    padding: 2.6041666vw 0;
    width: auto;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_active_editor_tips {
    margin-top: 1.5625vw;
}

.news_active_content {
    position: relative;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.news_active_editor_wrap {
    width: 68.375%;
    position: relative;
}

.news_active_related_wrap {
    width: 31.625%;
    position: sticky;
    top: 11.458333vw;
    padding-left: 5.208333vw;
}

.news_active_related_pic {
    width: 44.226%;
}

.news_active_related_img {
    padding-bottom: 56%;
}

.news_active_related_read {
    width: 55.774%;
    padding-left: 1.041666vw;
}

.news_active_related_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #003bd8;
}

.news_active_related_li {
    padding: 2.08333vw 0;
    position: relative;
}

.news_active_related_li a {
    position: relative;
}

.news_active_related_li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ececec;
}

.news_active_related_li:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0.1041666vw;
    background: #003bd8;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_active_related_li:hover:before {
    width: 100%;
    left: 0;
}

.news_active_related_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.news_active_related_button a {
    -webkit-justify-content: center;
    justify-content: center;
    background: #fbfbfb;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_active_related_button a:hover {
    background: #eeeeee;
}

.news_active_btn_icon {
    width: 0.9375vw;
}

.news_active_btn_icon svg {
    fill: #999999;
}

.news_active_btn_text {
    font-size: 0.8333vw;
    line-height: 3.6458333vw;
    color: #999999;
    margin-left: 0.78125vw;
}

.news_editor_btn_text {
    font-size: 0.88541666vw;
    line-height: 2.91666vw;
    color: #666666;
}

.news_editor_btn_icon {
    width: 2.91666vw;
    height: 2.91666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.news_editor_btn_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #111111;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_editor_btn_label {
    width: 14.2857%;
    position: relative;
    z-index: 9;
}

.news_editor_btn_label svg {
    fill: #111111;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_active_editor_button {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 2.08333vw;
    position: relative;
}

.news_active_editor_button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #ececec;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_active_editor_prev .news_editor_btn_label {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_active_editor_prev .news_editor_btn_text {
    margin-left: 1.041666vw;
}

.news_active_editor_next .news_editor_btn_text {
    margin-right: 1.041666vw;
}

.news_active_editor_box {
    padding-bottom: 3.6458333vw;
}

.news_active_editor_btn:hover .news_editor_btn_icon:after {
    background: #003bd8;
    border: 1px solid #003bd8;
}

.news_active_editor_btn:hover .news_editor_btn_text {
    color: #003bd8;
}

.news_active_editor_btn:hover .news_editor_btn_label svg {
    fill: #ffffff;
}

.join_page_wrap {
    position: relative;
    padding: 6.25vw 0 7.291666vw 0;
    overflow: hidden;
}

.join_page_box {
    padding: 0 8.3333vw;
    position: relative;
    z-index: 9;
}

.join_page_title {
    font-size: 2.8vw;
    line-height: 3.2vw;
    color: #111111;
}

.join_page_subtitle {
    font-size: 1vw;
    line-height: 1.86vw;
    color: #111111;
    margin-top: 1.458333vw;
}

.join_message_item_box {
    width: 33.3333%;
    position: relative;
    padding: 0 3.125vw;
}

.join_message_item_box:first-child {
    padding: 0 3.125vw 0 0;
}

.join_message_item_box:last-child {
    padding: 0 0 0 3.125vw;
}

.join_message_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #d2d7df;
}

.join_message_item_box:last-child:after {
    display: none;
}

.join_message_item_title {
    font-size: 1.4vw;
    line-height: 2vw;
    color: #003bd8;
    margin-top: 0.78125vw;
}

.join_message_item_read {
    margin-top: 6.25vw;
}

.join_message_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #333333;
}

.join_message_item_big {
    padding: 2.08333vw 0 3.125vw 0;
}

.join_message_item_head {
    margin-top: 2.6041666vw;
}

.join_message_item_icon {
    width: 2.5vw;
}

.join_message_item_icon svg {
    fill: #003bd8;
}

.join_message_item_tips {
    position: relative;
}

.join_message_item_label {
    width: 0.7291666vw;
    height: 0.7291666vw;
    background: rgba(36, 181, 116, .5);
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.join_message_item_label:nth-child(2) {
    margin-left: -0.36458333vw;
}

.AddJoinMessageWrap .join_message_item_label:nth-child(1) {
    -webkit-animation: JoinIconAnimate 3s infinite linear normal both;
    animation: JoinIconAnimate 3s infinite linear normal both;
}

.AddJoinMessageWrap .join_message_item_label:nth-child(2) {
    -webkit-animation: JoinIconAnimate2 3s infinite linear normal both;
    animation: JoinIconAnimate2 3s infinite linear normal both;
}

@-webkit-keyframes JoinIconAnimate {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    50% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: .8;
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes JoinIconAnimate {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    50% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: .8;
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes JoinIconAnimate2 {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: .8;
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes JoinIconAnimate2 {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: .8;
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.join_message_wrap {
    margin-top: 6.25vw;
    position: relative;
}

.join_message_line_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 9;
    height: 0.15625vw;
    pointer-events: none;
}

.join_message_line_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #d2d7df;
}

.join_message_line_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    height: 100%;
    background: #0037d5;
    z-index: 1;
}

.AddJoinMessageWrap .join_message_line_box:before {
    -webkit-animation: JoinLineAnimate 5s infinite linear normal both;
    animation: JoinLineAnimate 5s infinite linear normal both;
}

@-webkit-keyframes JoinLineAnimate {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    25% {
        -webkit-transform: none;
        transform: none;
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    75% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
    100% {
        -webkit-transform: translateX(300%);
        transform: translateX(300%);
    }
}

@keyframes JoinLineAnimate {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    25% {
        -webkit-transform: none;
        transform: none;
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    75% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }
    100% {
        -webkit-transform: translateX(300%);
        transform: translateX(300%);
    }
}

.join_btn_item_box {
    width: 48.75%;
    margin: 0 2.5% 0 0;
}

.join_btn_item_box:nth-child(2n+1) {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
}

.join_btn_item_box:nth-child(2n) {
    margin: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    pointer-events: none;
}

.join_btn_item_box.AddJoinBtnItemBox {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.join_btn_item_box a {
    display: block;
    position: relative;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
}

.join_btn_item_content {
    position: relative;
}

.join_btn_item_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.join_btn_item_pack {
    height: 100%;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_btn_item_pack:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, .2);
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_bottom_item_parcel {
    -webkit-align-content: space-between;
    align-content: space-between;
    height: 100%;
    position: relative;
    z-index: 9;
    padding: 2.34375vw 3.125vw 1.82291666vw 3.125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_btn_item_head {
    width: 100%;
}

.join_btn_item_read {
    width: 100%;
}

.join_btn_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #ffffff;
}

.join_btn_item_img {
    padding-bottom: 51.282%;

}

.join_btn_item_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_btn_item_img img {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_btn_item_title {
    font-size: 1.8vw;
    line-height: 2.6vw;
    color: #ffffff;
}

.join_btn_item_tips {
    -webkit-align-items: center;
    align-items: center;
    margin-top: 1.041666vw;
}

.join_btn_item_submit {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #ffffff;
    margin-right: 0.5208333vw;
}

.join_btn_item_icon {
    width: 0.9375vw;
    height: 0.9375vw;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.join_btn_item_icon svg {
    fill: #0740d9;
}

.join_btn_item_label {
    width: 28%;
}

.join_button_wrap {
    margin-top: 7.8125vw;
    position: relative;
}

.join_btn_item_box a:hover .join_btn_item_img:after {
    opacity: 1;
}

.join_btn_item_box a:hover .join_btn_item_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.join_btn_item_box a:hover .join_btn_item_big {
    padding: 1.5625vw;
}

.join_btn_item_box a:hover .join_btn_item_pack:after {
    opacity: 1;
}

.join_active_wrap {
    padding: 9.8958333vw 0 5.7291666vw 0;
    background: #f9f9f9;
}

.page_center {
    padding: 0 8.3333vw;
}

.join_active_box {
    position: relative;
}

.join_screen_type_show .news_screen_select_label {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.join_screen_type_show .news_screen_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.join_active_head {
    position: relative;
    z-index: 9;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.join_screen_type_box .news_screen_select_content {
    background: #ffffff;
}

.join_screen_type_box .news_screen_select_big {
    background: #f3f3f3;
}

.join_screen_box {
    width: 20.8333vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    background: #ffffff;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.join_screen_input {
    width: 73.75%;
}

.join_screen_input input {
    font-size: 0.78125vw;
    line-height: 3.125vw;
    padding: 0 1.5625vw;
    width: 100%;
}

.join_screen_button {
    width: 26.25%;
    padding-right: 0.26041666vw;
}

.join_screen_button a {
    width: 100%;
    background: #24b574;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.join_screen_title {
    font-size: 0.78125vw;
    line-height: 2.6041666vw;
    color: #ffffff;
}

.join_screen_icon {
    width: 0.7291666vw;
    margin-left: 0.5208333vw;
}

.join_screen_label {
    width: 100%;
}

.join_screen_label svg {
    fill: #ffffff;
}

.join_active_item_head {

    padding: 0 2.34375vw 0 2.08333vw;
    cursor: pointer;
    position: relative;
}

.join_active_item_head:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0.1041666vw;
    background: #003bd8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_active_item_top {
    padding: 1.1458333vw 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.join_active_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #111111;
    width: 80%;
}

.join_active_item_time {
    width: 20%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.join_active_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #aaaaaa;
}

.join_active_item_color {
    color: #003bd8;
    margin-right: 0.78125vw;
}

.join_btn_item_parcel {
    padding-bottom: 2vw;
}

.join_active_item_label {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    max-width: 33.3333%;
    margin-right: 9.8958333vw;
    font-family: "Poppins-Light", "Alibaba-PuHuiTi-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important
}

.join_active_item_label:last-child {
    margin-right: 0;
}

.join_active_item_tips {
    width: 80%;
}

.join_active_item_btn {
    width: 20%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.join_active_btn_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_active_btn_icon {
    width: 0.9375vw;
    margin-left: 0.78125vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_active_btn_icon svg {
    fill: #b3b3b3;
}

.join_active_item_bottom {
    padding: 1.6666vw 0;
    position: relative;
}

.join_active_item_bottom:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #efefef;
}

.join_active_item_box {
    margin-bottom: 1.5625vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    position: relative;
    background: #ffffff;
}

.join_active_content {
    margin-top: 2.08333vw;
}

.join_active_item_content {
    overflow: hidden;
    height: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_active_item_pack {
    padding: 0 2.34375vw 0 2.08333vw;
}


.join_active_item_bjq,
.join_active_item_bjq p {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: #666666;
    font-family: "Poppins-Light", "Alibaba-PuHuiTi-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important
}

.join_active_item_bjq h1 {
    font-size: 1.1458333vw;
    line-height: 2.08333vw;
    color: #111111;
    font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important
}

.join_active_item_bjq h2 {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #111111;
    font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important
}

.join_active_item_bjq h3 {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    color: #111111;
    font-family: "Poppins-Bold", "Alibaba-PuHuiTi-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important
}

.join_active_mail_btn {
    margin-top: 1.82291666vw;
}

.join_active_mail_btn,
.join_active_mail_btn a {
    color: #003bd8;
    font-size: 0.8333vw;
    line-height: 2.08333vw;
}

.join_active_mail_btn a {
    position: relative;
}

.join_active_mail_btn a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #003bd8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_active_mail_btn a:hover:after {
    width: 100%;
    left: 0;
}

.join_active_item_current .join_active_btn_text {
    color: #003bd8;
}

.join_active_item_current .join_active_btn_icon {
    -webkit-transform: none;
    transform: none;
}

.join_active_item_current .join_active_item_head:after {
    width: 100%;
    left: 0;
}

.join_active_tab {
    padding-bottom: 3.125vw;
}

.case_global_back {
    padding-bottom: 35.2604%;
}

.case_global_wrap {
    position: relative;

}

.case_global_box {
    position: relative;
    z-index: 9;
    padding: 5.208333vw 0 0 0;
}

.case_page_head {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    z-index: 9;
    padding: 0 8.3333vw;
}

.case_global_content {
    margin-top: 6.7708333vw;
    position: relative;
    -webkit-transform: translateY(10vw);
    transform: translateY(10vw);
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddCaseGlobalContent {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
}

.case_global_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.case_global_item_head {
    width: 3.4375vw;
}

.case_global_item_img {
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}


.case_global_circle_label {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #24b574;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.case_global_circle_label:nth-child(2) {
    -webkit-animation: GlobalScale 2.4s linear infinite normal both;
    animation: GlobalScale 2.4s linear infinite normal both;
}

.case_global_circle_label:nth-child(3) {
    -webkit-animation: GlobalScale 2.4s .8s linear infinite normal both;
    animation: GlobalScale 2.4s .8s linear infinite normal both;
}

.case_global_circle_label:nth-child(4) {
    -webkit-animation: GlobalScale 2.4s 1.6s linear infinite normal both;
    animation: GlobalScale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes GlobalScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 200%;
        height: 200%;
        opacity: 0.4;
    }
    40% {
        width: 300%;
        height: 300%;
        opacity: 0.3;
    }
    60% {
        width: 400%;
        height: 400%;
        opacity: .2;
    }
    80% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes GlobalScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 200%;
        height: 200%;
        opacity: 0.4;
    }
    40% {
        width: 300%;
        height: 300%;
        opacity: 0.3;
    }
    60% {
        width: 400%;
        height: 400%;
        opacity: .2;
    }
    80% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.case_global_item_pack {
    width: 24.791666vw;

}

.case_global_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.case_global_item_parcel {
    padding: 1.041666vw 1.82291666vw 1.041666vw 1.82291666vw;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
    height: 100%;
}

.case_global_item_top {
    width: 100%;
}

.case_global_item_back {
    padding-bottom: 55.4621%;
}

.case_global_item_tips {
    -webkit-align-items: center;
    align-items: center;
}

.case_global_item_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #111111;
}

.case_global_item_subtitle {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
}

.case_global_item_read {
    width: calc(100% - 3.4375vw);
    padding-left: 0.78125vw;
}

.case_global_item_label {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.case_global_item_text {
    margin-top: 1.25vw;
}

.case_global_item_button {
    width: 100%;
}

.case_global_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #003bd8;
}

.case_global_btn_box a {
    -webkit-align-items: center;
    align-items: center;
}

.case_global_btn_icon {
    width: 0.8333vw;
    height: 0.8333vw;
    background: #003bd8;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-left: 0.5208333vw;
}

.case_global_btn_label {
    width: 25%;
}

.case_global_btn_label svg {
    fill: #f8fafe;
}

.case_global_item_li {
    position: absolute;
    z-index: 9;
}

.case_global_item_all {
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
}

.case_global_item_circle {
    width: 0.5208333vw;
    height: 0.5208333vw;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.case_global_item_box {
    position: absolute;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.highlight {
    opacity: 1;
    pointer-events: auto;
}

.highlight .case_global_item_circle {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.highlight .case_global_item_all {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 1.6s ease;
    transition: all 1.6s ease;
}

/*左上*/
.GlobalLeftTop .case_global_item_back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.GlobalLeftTop .case_global_item_li {
    padding: 0;
    left: 0.26041666vw;
    top: 0.26041666vw;
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
}

.GlobalLeftTop .case_global_item_all {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

.GlobalLeftTop .case_global_item_content {
    padding: 0 0.416666vw 0.78125vw 0;
}

/*右上*/
.GlobalRightTop .case_global_item_back {
    -webkit-transform: none;
    transform: none;
}

.GlobalRightTop .case_global_item_li {
    padding: 0.26041666vw 0 0 0.26041666vw;
    left: 0;
    top: 0.26041666vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.GlobalRightTop .case_global_item_content {
    padding: 0 0 0.78125vw 0.416666vw;
}

.GlobalRightTop .case_global_item_all {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

/*右下*/
.GlobalRightBottom .case_global_item_back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.GlobalRightBottom .case_global_item_li {
    padding: 0.26041666vw 0 0 0.26041666vw;
    left: 0;
    top: 0;
}

.GlobalRightBottom .case_global_item_content {
    padding: 0.78125vw 0 0 0.416666vw;
}

.GlobalRightBottom .case_global_item_all {
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

/*左下*/
.GlobalLeftBottom .case_global_item_back {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.GlobalLeftBottom .case_global_item_li {
    padding: 0;
    left: 0.26041666vw;
    top: 0.26041666vw;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.GlobalLeftBottom .case_global_item_content {
    padding: 0.78125vw 0 0 0.416666vw;
}

.GlobalLeftBottom .case_global_item_all {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.merchant_wrap {
    padding: 5.208333vw 0 5.7291666vw 0;
    position: relative;
    z-index: 9;
}

.merchant_item_box {
    width: 23.0625%;
    margin: 0 2.58333% 3.125vw 0;
}


.merchant_item_box:nth-child(4n+2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.merchant_item_box:nth-child(4n+3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.merchant_item_box:nth-child(4n) {
    margin: 0 0 3.125vw 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.merchant_item_box a {
    display: block;
    position: relative;
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.merchant_item_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
}

.merchant_item_box a:hover:after {
    border: 1px solid #003bd8;
}

.merchant_item_box a:hover {
    -webkit-box-shadow: 0 1.041666vw 1.5625vw rgba(71, 117, 239, .1);
    box-shadow: 0 1.041666vw 1.5625vw rgba(71, 117, 239, .1);
}

.merchant_item_pic {
    position: relative;
    z-index: 9;
}

.merchant_item_img {
    padding-bottom: 50.6775%;
}

.merchant_item_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.merchant_item_max {
    height: 6.25vw;
    margin-top: 1.041666vw;
}

.merchant_item_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.merchant_item_pack {
    background: #ffffff;
    padding: 1.5625vw 1.5625vw 1.82291666vw 1.5625vw;
}

.merchant_item_add {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #999999;
    margin-top: 3.6458333vw;
}

.merchant_item_head_box {
    width: 2.6041666vw;
}

.merchant_item_tips {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-top: 2.08333vw;
}

.merchant_item_head_img {
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.merchant_item_read {
    width: calc(100% - 2.6041666vw);
    padding-left: 0.78125vw;
}

.merchant_item_name {
    font-size: 0.8333vw;
    line-height: 1.1458333vw;
    color: #111111;
}

.merchant_item_label {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #666666;
}

.merchant_tab {
    padding-bottom: 1.5625vw;
}

.case_active_wrap {
    position: relative;
    padding: 11.9791666vw 0 6.7708333vw 0;
}

.case_active_pack {
    width: 68.75%;
}

.case_active_bjq {
    margin-top: 2.08333vw;
}

.case_active_bjq video {
    width: 100%;
    height: auto!important;
    max-width: 100%;
    padding: 1.7708333vw 0;
}

.case_active_bjq image {
    width: auto;
    max-width: 100%;
    padding: 1.7708333vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.case_active_title {
    font-size: 2.1875vw;
    line-height: 2.708333vw;
    color: #111111;
}

.case_active_bjq,
.case_active_bjq p {
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #777c8a;
}

.case_active_bjq p {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.case_active_box {
    position: relative;
}

.case_active_content {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: relative;
    padding-bottom: 4.1666vw;
}

.case_active_line {
    width: 100%;
    height: 1px;
    background: #ececec;
}

.case_active_tips_wrap {
    position: sticky;
    top: 11.9791666vw;
    width: 25.375%;
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
    overflow: hidden;
}

.case_active_tips_content {
    background: #003bd8;
    padding: 1.5625vw;
    -webkit-align-items: center;
    align-items: center;
}

.case_active_head_box {
    width: 2.6041666vw;
    padding: 0.1041666vw;
    position: relative;
}

.case_active_head_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.1041666vw solid #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: border-box;
}

.case_active_head_img {
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.case_active_tips_read {
    width: calc(100% - 2.6041666vw);
    padding-left: 0.78125vw;
}

.case_active_tips_title {
    font-size: 0.8333vw;
    line-height: 1.1458333vw;
    color: #ffffff;
}

.case_active_tips_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #ffffff;
}

.case_active_message_box {
    padding: 1.5625vw;
    background: #fbfbfb;
}

.case_active_message_text {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: #333333;
}

.case_active_tips_box {
    position: relative;
}

.case_active_tips_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.1041666vw;
    background: #003bd8;
}

.case_active_related_wrap {
    margin-top: 2.6041666vw;
}

.case_active_related_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #003bd8;
}

.case_active_related_box {
    margin-top: 2.08333vw;
}

.case_active_related_box .merchant_item_box {
    margin: 0 2.58333% 0 0;
}

.case_active_related_box .merchant_item_box:nth-child(4n) {
    margin: 0;
}

.investor_page_wrap {
    padding: 4.6875vw 0;
    position: relative;
}

.investor_page_box {
    position: relative;
    z-index: 9;
}

.investor_page_head {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.investor_item_box {
    position: relative;
}

.investor_item_box:first-child:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #c5cee7;
}

.investor_item_box a {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}


.investor_item_box a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #c5cee7;
}

.investor_item_box a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #003bd8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    z-index: 1;
}

.investor_item_title {
    width: 90%;
    font-size: 1.25vw;
    line-height: 5vw;
    color: #111111;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.investor_item_tips {
    width: 10%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}

.investor_item_label {
    font-size: 0.8333vw;
    line-height: 5vw;
    color: #999999;
    -webkit-transform: translateX(1.6666vw);
    transform: translateX(1.6666vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.investor_item_icon {
    width: 1.1458333vw;
    margin-left: 0.5208333vw;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.investor_item_icon svg {
    fill: #999999;
}

.investor_page_tab {
    padding: 3.125vw 0 4.1666vw 0;
    position: relative;
}

.investor_item_box a:hover .investor_item_title {
    color: #003bd8;
}

.investor_item_box a:hover:before {
    left: 0;
    width: 100%;
}

.investor_item_box a:hover .investor_item_label {
    -webkit-transform: none;
    transform: none;
}

.investor_item_box a:hover .investor_item_icon {
    opacity: 1;
}

.report_item_box {
    width: 22.3125%;
    margin: 0 3.58333% 3.6458333vw 0;
}

.report_item_box:nth-child(4n) {
    margin: 0 0 3.6458333vw 0;
}

.report_item_box a {
    display: block;

}

.service_train_box {
    position: relative;
}

.report_item_img {
    padding-bottom: 122.689%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.report_item_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #111111;
    margin-top: 1.30208333vw;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report_page_tab {
    position: relative;
    margin-top: 3.6458333vw;
}

.report_item_box a:hover .report_item_title {
    color: #003bd8;
}

.report_item_box a:hover .report_item_img {
    -webkit-box-shadow: 0 0.5208333vw 1.5625vw rgba(118, 145, 218, .4);
    box-shadow: 0 0.5208333vw 1.5625vw rgba(118, 145, 218, .4);
}

.governance_page_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #003bd8;
}

.governance_item_box {
    width: 31.4375%;
    margin: 0 2.84375% 2.6041666vw 0;
    background: #ffffff;
    position: relative;

    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
}

.governance_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dadfeb;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    box-sizing: border-box;
    z-index: 9;
    pointer-events: none;
}

.governance_item_back {
    position: absolute;
    right: -2.08333vw;
    top: -2.08333vw;
    width: 58.0516%;
    z-index: 9;
}

.governance_item_label:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.governance_item_label svg {
    overflow: initial;
    fill: none;
    stroke-width: 2.91666vw;
    stroke: #f9f9f9;
    stroke-linecap: round;
}

.governance_item_label:nth-child(2) svg {
    stroke: #003bd8;
    stroke-dasharray: 1843;
    stroke-dashoffset: 1843;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.governance_item_box:hover .governance_item_label:nth-child(2) svg {
    stroke-dashoffset: 0;
}

.governance_item_box:nth-child(3n) {
    margin: 0 0 2.6041666vw 0;
}

.governance_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
}

.governance_item_read {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: #666666;
    margin-top: 1.5625vw;
}

.governance_page_box {
    padding-top: 4.6875vw;
}

.governance_page_tab {
    margin-top: 2.08333vw;
}

.governance_item_content {
    position: relative;
    z-index: 9;
    padding: 2.08333vw 2.08333vw 1.82291666vw 2.08333vw;
}

.investor_form_box {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.investor_form_content {
    width: 67.375%;
}

.investor_form_head {
    font-size: 1.5625vw;
    line-height: 2.6041666vw;
    color: #111111;
}

.investor_form_head a {
    color: #003bd8;
    position: relative;
}

.investor_form_head a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #003bd8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.investor_form_head a:hover:after {
    width: 100%;
    left: 0;
}

.investor_form_pack {
    margin-top: 4.1666vw;
}

.investor_form_big {
    margin-top: 1.82291666vw;
}

.investor_form_tips {
    font-size: 1.041666vw;
    line-height: 1.6666vw;
    color: #003bd8;
}

.investor_form_min .investor_form_item_box {
    width: 48.8868%;
    margin: 0 2.2264% 1.5625vw 0;
}

.investor_form_min .investor_form_item_box:nth-child(2n) {
    margin: 0 0 1.5625vw 0;
}

.investor_form_max .investor_form_item_box {
    width: 100%;
    margin: 0 0 1.5625vw 0;
}

.investor_form_item_box {
    position: relative;
}

/*.investor_form_item_box:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    border:1px solid #dde2ee;*/
/*    box-sizing: border-box;*/
/*}*/

.investor_form_item_box input {
    width: 100%;
    font-size: 0.8333vw;
    line-height: 3.3333vw;
    color: #333333;
    position: relative;
    z-index: 9;
    padding: 0 1.041666vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #dde2ee;
}

.investor_form_item_box input::placeholder {
    color: #999999;
}

.investor_form_item_box textarea {
    width: 100%;
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #333333;
    position: relative;
    z-index: 9;
    padding: 1.041666vw;
    resize: none;
    height: 10.208333vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #dde2ee;
}

.investor_form_item_box textarea::placeholder,
.investor_form_item_box input::placeholder {
    color: #999999;
}

.investor_form_item_box textarea:focus,
.investor_form_item_box input:focus {
    border-color: #003bd8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3);
}

.investor_form_img {
    width: 11.875vw;
    height: 3.4375vw;
    position: relative;
    border: 1px solid #dde2ee;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.investor_form_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.investor_form_check_input {
    width: 11.875vw;
    position: relative;
    margin-left: 0.5208333vw;
}

.investor_form_check_input input {
    width: 100%;
    font-size: 0.8333vw;
    line-height: 3.3333vw;
    color: #333333;
    position: relative;
    z-index: 9;
    padding: 0 1.041666vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #dde2ee;
}

.investor_form_check_input input::placeholder {
    color: #999999;
}

.investor_form_check_input input:focus {
    border-color: #003bd8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(0, 59, 216, .3);
}

.investor_form_tab_for_about {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 1vw;
}

.contact_form_item_box.investor_form_tab_for_about {
    width: 48%;
}

.investor_form_tab_for_about .investor_form_check_input {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
.investor_form_tab_for_about .investor_form_check_input input {
    height: 3.3333vw;
    height: calc(3.3333vw + 2px);
}

.investor_form_button {
    width: 10.41666vw;
    margin-top: 2.6041666vw;
}

.investor_form_button button {
    width: 100%;
    font-size: 0.8333vw;
    line-height: 3.4375vw;
    color: #ffffff;
    background: #003bd8;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    cursor: pointer;
}

.investor_ecology_wrap {
    padding-bottom: 2.08333vw;
}

.investor_ecology_box {
    margin-top: 3.6458333vw;
}

.investor_ecology_title {
    font-size: 1.875vw;
    line-height: 2.3958333vw;
    color: #111111;
}

.investor_ecology_big img {
    padding: 2.291666vw 0;
    width: auto;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.investor_ecology_big p {
    font-size: 0.8333vw;
    line-height: 1.1458333vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.stock_page_wrap {
    width: 61.125%;
}

.news_page_tips {
    width: 38%;
}

.stock_tips_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #111111;
}

.stock_tips_number {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: #003bd8;
}

.stock_tips_label {
    font-size: 1.041666vw;
    line-height: 2.6041666vw;
    color: #111111;
}

.stock_tips_link {
    margin-top: 1.30208333vw;
}

.stock_tips_read {
    margin-top: 1.82291666vw;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.stock_tips_link a {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #333333;
}

.stock_page_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-top: 4.6875vw;
}

.stock_item_box {
    max-width: 25%;
}

.stock_item_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #111111;
}

.stock_item_number {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: #003bd8;
    margin-top: 0.5208333vw;
}

.stock_page_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #888888;
    margin-top: 4.0625vw;
}

.stock_page_head {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.news_page_screen_wrap {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.AddNewsPageTips .news_page_label_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddNewsPageTips .news_page_title_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddNewsPageTips .news_page_subtitle_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddNewsPageScreen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.esg_page_wrap {
    position: relative;
    z-index: 9;
    padding: 6.25vw 0 0 0;
    -webkit-border-radius: 0 0 0 5.7291666vw;
    border-radius: 0 0 0 5.7291666vw;
    overflow: hidden;
    background: #ffffff;
}

.esg_concept_tips_box {
    padding-left: 3.6458333vw;
    margin-top: 4.1666vw;
    position: relative;
}

.esg_concept_tips_text {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #111111;
}

.esg_concept_tips_title {
    font-size: 1.6vw;
    line-height: 2.4vw;
    color: #0038d5;
    margin-top: 0.5208333vw;
}

.esg_concept_tab {
    padding-left: 20%;
    position: relative;
    margin-top: 3.6458333vw;
    padding-bottom: 4.6875vw;
}

.esg_concept_item_box {
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0.5vw;
}

.esg_concept_item_icon {
    width: 0.625vw;
    height: 0.625vw;
    position: relative;
}

.esg_concept_item_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.15625vw solid #24b474;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: border-box;
}

.esg_concept_item_title {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #111111;
    width: calc(100% - 0.625vw);
    padding-left: 1.1458333vw;
}

.esg_concept_pack {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.esg_concept_min_pic {
    width: 35.625%;
    height: 22.3958333vw;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
}

.esg_concept_max_pic {
    width: 63.5625%;
    height: 22.3958333vw;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    position: relative;
}

.esg_concept_min_img,
.esg_concept_max_img {
    height: 38.75vw;
}

.esg_concept_max_img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.esg_concept_slogan_read {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.esg_concept_slogan_box {
    margin-top: 3.6458333vw;
}

.esg_concept_slogan_text {
    font-size: 10.8333vw;
    line-height: 8.3333vw;
    text-transform: uppercase;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: 1px #e1e1e1;
    text-stroke: 1px #e1e1e1;
}

.esg_duty_box .news_page_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.esg_duty_box .news_page_label_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.esg_duty_box .news_page_title_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.esg_duty_wrap {
    padding: 6.25vw 0 8.8541666vw 0
}

.esg_duty_item_box {
    width: 23.4375%;
    margin: 0 2.08333% 0 0;
    background: #ffffff;
    padding: 1.6vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-box-shadow: 0 0 1.5625vw rgba(231, 231, 231, .5);
    box-shadow: 0 0 1.5625vw rgba(231, 231, 231, .5);
}

.esg_duty_item_box:nth-child(4n) {
    margin: 0;
}

.esg_duty_item_title {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #0038d5;
    text-align: center;
    margin-top: 2.34375vw;
}

.esg_duty_item_icon {
    width: 3.3333vw;
    height: 3.3333vw;
    margin: 0 auto;
}

.esg_duty_item_icon svg {
    fill: #24b474;
}

.esg_duty_item_line {
    margin: 1.30208333vw auto 0;
    width: 1.7708333vw;
    height: 0.208333vw;
    background: #0038d5;
}

.esg_duty_item_read {
    margin-top: 4.42708333vw;
}

.esg_duty_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #333333;
    text-align: center;
}

.esg_page_box {
    position: relative;
    z-index: 9;
}

.esg_duty_tab {
    margin-top: 4.1666vw;
}

.esg_core_wrap {
    position: relative;
    margin-top: -5.7291666vw;

    z-index: 1;
}

.esg_core_back {
    padding-bottom: 53.6458333%;
}

.esg_core_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 5.7291666vw 0 0 0;
}

.esg_core_content {
    padding: 4.6875vw 0 0 0;
}


.esg_core_content .news_page_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.esg_core_content .news_page_label_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.esg_core_content .news_page_title_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.esg_core_tab {
    margin-top: 9.8958333vw;
}

.esg_core_item_box {
    width: 32.5%;
    margin: 0 1.25% 0 0;
    position: relative;
    backdrop-filter: blur(0.6vw);

}

.esg_core_item_box:nth-child(3n) {
    margin: 0;
}

.esg_core_item_icon {
    position: absolute;
    right: -1.041666vw;
    top: -1.041666vw;
    width: 11.458333vw;
    height: 9.375vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.esg_core_item_icon svg {
    fill: rgba(0, 0, 0, 1);
    opacity: .1;
}

.esg_core_item_content {
    position: relative;
    padding-bottom: 59.2307%;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    background: rgba(0, 0, 0, .1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.esg_core_item_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    margin-top: -9.375vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.esg_core_item_title {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #fefeff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.esg_core_item_text {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #fefeff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.esg_core_item_read {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    padding: 2.6041666vw 1.6vw;
    width: 100%;
}

.esg_core_item_label {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #444444;
    margin-top: 0.8333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.esg_core_item_line {
    width: 83%;
    position: absolute;
    left: 2.291666vw;
    top: 5%;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
}

.esg_core_item_line svg {
    overflow: initial;
    fill: none;
    stroke-width: 2.91666vw;
    stroke: rgba(122, 154, 229, .1);
    stroke-dasharray: 1843;
    stroke-dashoffset: 1843;
    stroke-linecap: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.esg_core_item_box:hover .esg_core_item_content {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: none;
}

.esg_core_item_box:hover .esg_core_item_icon {
    opacity: 0;
}

.esg_core_item_box:hover .esg_core_item_pack {
    -webkit-transform: none;
    transform: none;
    margin-top: 0;
}

.esg_core_item_box:hover .esg_core_item_label {
    opacity: 1;
    -webkit-transform: translateY(-2.08333vw);
    transform: translateY(-2.08333vw);
}

.esg_core_item_box:hover .esg_core_item_title {
    color: #111111;
}

.esg_core_item_box:hover .esg_core_item_text {
    opacity: 0;
}

.esg_core_item_box:hover .esg_core_item_line svg {
    stroke-dashoffset: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.advantage_page_wrap {
    position: relative;
}

.advantage_page_box {
    position: relative;
}

.advantage_page_content {
    position: relative;
}

.advantage_page_tab {
    position: relative;
}

.advantage_item_box {
    height: 100vh;
}

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

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

.advantage_animate_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.advantage_animate_box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.advantage_animate_wrap:last-child .advantage_animate_box {
    height: 100% !important;
}

.advantage_animate_content {
    position: relative;
    width: 100%;
    height: 100vh;
}

.advantage_animate_back {
    position: relative;
    width: 100%;
    height: 100%;
}

.advantage_animate_parcel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 0 8.3333vw;
    -webkit-align-items: center;
    align-items: center;
}

.advantage_animate_wrap:nth-child(2n+1) .advantage_animate_parcel {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.advantage_animate_wrap:nth-child(2n) .advantage_animate_parcel {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.advantage_animate_show {
    width: 43.75%;
}

.advantage_animate_en {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webnkit-transition-delay: .4s;
    transition-delay: .4s;
}

.advantage_animate_cn {
    font-size: 2vw;
    line-height: 3vw;
    color: #003bd8;
    margin-top: 0.5208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.advantage_animate_head {
    margin-bottom: 2.6041666vw;
}

.advantage_animate_line {
    width: 1.82291666vw;
    height: 0.208333vw;
    background: #24b574;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.advantage_animate_text {
    font-size: 1vw;
    line-height: 1.5vw;
    color: #111111;
    margin-top: 3.90625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.advantage_animate_tab {
    margin-top: 3.6458333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.advantage_animate_item_box {
    padding: 0.36458333vw 0;
}

.advantage_animate_icon {
    width: 0.8333vw;
    margin-top: 0.26041666vw;
}

.advantage_animate_label {
    font-size: 0.7vw;
    line-height: 1.3vw;
    color: #111111;
    width: calc(100% - 0.8333vw);
    padding-left: 0.78125vw;
}


.advantage_animate_current .advantage_animate_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;

}

.advantage_animate_current .advantage_animate_cn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;

}

.advantage_animate_current .advantage_animate_line {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;

}

.advantage_animate_current .advantage_animate_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;

}

.advantage_animate_current .advantage_animate_tab {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;

}

.service_back_wrap {
    position: relative;
    background: #fbfbfc;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
    overflow: hidden;
    z-index: 9;
}

.service_back_box {
    position: relative;
    z-index: 9;
}

.service_supplier_wrap {
    padding: 5.208333vw 0 3.6458333vw 0;
    position: relative;
}


.service_supplier_head .news_page_label_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.service_supplier_head .news_page_title_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.service_supplier_head .service_page_subtitle_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.041666vw;
}

.service_public_head .news_page_tips {
    width: 100%;
}

.service_public_head .service_page_subtitle_box {
    margin-top: 1.041666vw;
}

.service_page_subtitle_text {
    font-size: 0.8vw;
    line-height: 1.2vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.AddNewsPageTips .service_page_subtitle_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.service_supplier_content {
    padding: 5.208333vw 0 0 0;
}

.service_supplier_control_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.service_supplier_control_li {
    margin: 0 3vw;
    cursor: pointer;
}

.service_supplier_item_icon {
    width: 2.1875vw;
    margin: 0 auto;
}

.service_supplier_item_title {
    font-size: 1vw;
    line-height: 1.6666vw;
    padding: 0.625vw 0;
    margin-top: 0.3125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
}

.service_supplier_item_title:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0.1041666vw;
    background: #0038d5;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_supplier_control_active .service_supplier_item_title {
    font-weight: bold;
    color: #0038d5;
}

.service_supplier_control_active .service_supplier_item_title:after {
    width: 100%;
}

.service_supplier_swiper {
    margin-top: 2.34375vw;
}

.supplier_active_wrap {
    background: #ffffff;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
}

.supplier_active_box {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}

.supplier_active_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 48.0625%;
    height: 100%;
    padding: 2.08333vw 1.041666vw 2.08333vw 3.125vw;
}

.supplier_active_big {
    padding: 0 2.08333vw 0 0;
    height: 100%;
    overflow: auto;
}

.supplier_active_pic {
    width: 51.9375%;
}

.supplier_active_img {
    padding-bottom: 68.592%;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.supplier_active_item_box {
    position: relative;
}

.supplier_active_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #efefef;
}


.supplier_active_item_content {
    padding: 1.30208333vw 0;
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.supplier_active_item_title {
    font-size: 1vw;
    line-height: 1.6666vw;
    color: #111111;
    width: calc(100% - 2.6041666vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.supplier_active_item_read {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.supplier_active_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #111111;
    padding: 0 0 1.041666vw 0;
}

.supplier_active_item_bjq {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #111111;
}

.supplier_active_item_icon {
    width: 1.5625vw;
    height: 1.5625vw;
    position: relative;
}

.supplier_active_item_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #003bd8;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.supplier_active_item_label {
    width: 40%;
    height: 1px;
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background: #003bd8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.supplier_active_item_label:nth-child(2) {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}


.supplier_active_item_active .supplier_active_item_title {
    font-size: 1vw;
    font-weight: bold;
}

.supplier_active_item_active .supplier_active_item_icon:after {
    background: #003bd8;
}

.supplier_active_item_active .supplier_active_item_label {
    background: #ffffff;
}

.supplier_active_item_active .supplier_active_item_label:nth-child(1) {
    width: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

.supplier_active_item_active .supplier_active_item_label:nth-child(2) {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
    transform: translateY(-50%) translateX(-50%) rotate(180deg);
}

.service_purchase_wrap {
    padding: 4.1666vw 0 7.8125vw 0;
    position: relative;
}

.service_purchase_content {
    position: relative;
    margin-top: 4.1666vw;
}

.service_purchase_line {
    height: 0.1041666vw;
    background: #000;
}


.service_purchase_tab {
    position: relative;
    margin-top: 4.1666vw;
    -webkit-flex-flow: nowrap;
    flex-flow: nowrap;
}

.service_purchase_item_max {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 100%;
    padding: 0 1.5625vw;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_purchase_item_tips {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 1vw;
    line-height: 2.08333vw;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100%;
}

.service_purchase_item_box {
    position: relative;
    height: 23.4375vw;
    width: 5.208333vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
}

.service_purchase_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ced3e1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_purchase_item_box:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ced3e1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.service_purchase_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 62.5vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_purchase_item_big {
    width: 100%;
    padding: 0 1.82291666vw;
    position: relative;
}

.service_purchase_item_active {
    width: 62.5vw;
}


.service_purchase_item_box:first-child.service_purchase_item_active:before {
    opacity: 0;
}

.service_purchase_item_box:last-child.service_purchase_item_active:after {
    opacity: 0;
}

.service_purchase_item_box:first-child.service_purchase_item_active .service_purchase_item_big {
    padding: 0 1.82291666vw 0 0;
}

.service_purchase_item_box:last-child.service_purchase_item_active .service_purchase_item_big {
    padding: 0 0 0 1.82291666vw;
}

.service_purchase_item_active .service_purchase_item_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}


.service_purchase_item_active .service_purchase_item_max {
    opacity: 0;
    pointer-events: none;
}

.service_purchase_item_pack {
    width: calc(100% - 34.0625vw);
    -webkit-align-content: space-between;
    align-content: space-between;
    padding-right: 2.86458333vw;
}

.service_purchase_item_pic {
    width: 34.0625vw;
}

.service_purchase_item_img {
    height: 23.4375vw;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.service_purchase_item_number {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: #cccccc;
    width: 100%;
}

.service_purchase_item_title {
    font-size: 1.4vw;
    line-height: 2vw;
    color: #003bd8;
    width: 100%;
}

.service_purchase_item_read {
    width: 100%;
}

.service_purchase_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #111111;
}

.service_global_wrap {
    position: relative;
    z-index: 8;
    margin-top: -5.7291666vw;
    -webkit-border-radius: 0 0 0 5.7291666vw;
    border-radius: 0 0 0 5.7291666vw;
    overflow: hidden;
}

.service_global_back {
    padding-bottom: 56.25%;
}

.service_global_box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.service_global_pack {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 5.7291666vw 0 0 0;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_global_hide {
    margin-left: -34.8958333vw;
}

.service_global_hide .service_global_btn_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service_global_hide .service_global_btn_icon svg {
    fill: #ffffff;
}

.service_global_hide .service_global_popup_button {
    background: #003bd8;
}

.service_global_big {
    position: relative;
    -webkit-transform: translateX(-34.8958333vw);
    transform: translateX(-34.8958333vw);
    pointer-events: none;
}

.AddServiceGlobalBig {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.service_global_popup_wrap {
    width: 34.8958333vw;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.service_global_popup_max {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 0 2.08333vw rgba(35, 61, 132, .1);
    box-shadow: 0 0 2.08333vw rgba(35, 61, 132, .1);
    backdrop-filter: blur(0.6vw);
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 0 0 0 5.72917vw;
    border-radius: 0 0 0 5.72917vw;
    overflow: hidden;
}

.service_global_popup_button {
    position: absolute;
    right: -1.041666vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 2.08333vw;
    height: 2.08333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_global_btn_icon {
    width: 22%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_global_btn_icon svg {
    fill: #111111;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_global_popup_button:hover {
    background: #003bd8;
}

.service_global_popup_button:hover .service_global_btn_icon svg {
    fill: #ffffff;
}

.service_global_popup_box {
    padding: 0 4.1666vw 0 8.3333vw;
    width: 100%;
    position: relative;
}

.service_global_head {
    width: 100%;
}

.service_global_subtitle_box {
    margin-top: 2.34375vw;
}

.service_global_subtitle_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #666666;

}

.service_global_label_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    background-image: linear-gradient(to left, #33e0a1, #064cd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service_global_title_text {
    font-size: 1.6vw;
    line-height: 2vw;
    color: #111111;
    margin-top: 0.78125vw;
}

.service_global_popup_tab {
    position: relative;
    margin-top: 3.125vw;
}

.global_popup_item_box {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 2.08333vw 0;
}

.global_popup_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e1e7f9;
}

.global_popup_item_box:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #e1e7f9;
}

.global_popup_item_icon {
    width: 3.6458333vw;
    height: 3.6458333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.global_popup_item_label {
    width: 42.8%;
}

.global_popup_item_label svg {
    fill: #003bd8;
}

.global_popup_item_read {
    width: calc(100% - 3.6458333vw);
    padding-left: 1.5625vw;
}

.global_popup_item_title {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #003bd8;
}

.global_popup_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.service_global_tips_wrap {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    padding: 2.08333vw 2.6041666vw;
    width: 40%;
}

.service_global_tips_title {
    font-size: 1vw;
    line-height: 1.6vw;
    color: #111111;
}

.service_global_tips_button {

    margin-top: 1.5625vw;
}

.service_global_tips_button a {
    width: 19vw;
    background: #ffffff;
}

.service_global_tips_button a .public_button_icon {
    margin-left: 0.7291666vw;
}

.service_global_tips_button .public_button_text {
    color: #003bd8;
}

.service_global_tips_button .public_button_icon:after {
    background: #003bd8;
}

.service_global_tips_button .public_button_icon:before {
    background: #ffffff;
}

.service_global_tips_button .public_button_box:hover .public_button_icon:after {
    width: 6000%;
    height: 6000%;
}

.service_global_tips_button .public_button_box:hover a {
    background: #003bd8;
}

.service_global_tips_button .public_button_box:hover .public_button_text:nth-child(2) {
    color: #ffffff;
}

.service_global_tips_text {
    font-size: 0.8333vw;
    line-height: 2.708333vw;
    color: #003bd8;
}

.service_global_tips_icon {
    width: 0.416666vw;
    height: 0.416666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #003bd8;
    margin-left: 0.8333vw;
}

.service_global_content {
    position: relative;
}

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


.global_add_item_box {
    position: absolute;
}

.global_add_item_box:nth-child(1) {
    left: 72.7%;
    top: 58%;
}

.global_add_item_box:nth-child(2) {
    left: 72.1%;
    top: 56%;
}

.global_add_item_box:nth-child(3) {
    left: 78.5%;
    top: 61%;
}

.global_add_item_box:nth-child(4) {
    left: 54%;
    top: 46%;
}

.global_add_item_box:nth-child(5) {
    left: 83%;
    top: 75%;
}

.global_add_item_box:nth-child(6) {
    left: 54.5%;
    top: 33.5%;
}

.global_add_item_box:nth-child(7) {
    left: 95%;
    top: 89%;
}

.global_add_item_read {
    position: absolute;
    width: max-content;
    z-index: 9;
    opacity: 0;
}

.global_top {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    top: -0.625vw;
}

.global_bottom {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    margin-top: 0.625vw;
}

.global_left {
    left: -0.625vw;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    top: 50%;
}

.global_right {
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    margin-left: 0.625vw;
}

.global_add_item_title {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #111111;
}

.global_add_item_icon {
    width: 0.416666vw;
    height: 0.416666vw;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
}


.global_add_item_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}


.global_add_item_label:nth-child(2) {
    -webkit-animation: ServiceGlobalScale 6s linear infinite normal both;
    animation: ServiceGlobalScale 6s linear infinite normal both;
}

.global_add_item_label:nth-child(3) {
    -webkit-animation: ServiceGlobalScale 6s 1.5s linear infinite normal both;
    animation: ServiceGlobalScale 6s 1.5s linear infinite normal both;
}

.global_add_item_label:nth-child(4) {
    -webkit-animation: ServiceGlobalScale 6s 3s linear infinite normal both;
    animation: ServiceGlobalScale 6s 3s linear infinite normal both;
}

.global_add_item_label:nth-child(5) {
    -webkit-animation: ServiceGlobalScale 6s 4.5s linear infinite normal both;
    animation: ServiceGlobalScale 6s 4.5s linear infinite normal both;
}

@-webkit-keyframes ServiceGlobalScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 650%;
        height: 650%;
        opacity: 0.16;
    }
    40% {
        width: 1200%;
        height: 1200%;
        opacity: 0.1;
    }
    60% {
        width: 1850%;
        height: 1850%;
        opacity: 0.04;
    }
    80% {
        width: 2200%;
        height: 2200%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes ServiceGlobalScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 650%;
        height: 650%;
        opacity: 0.16;
    }
    40% {
        width: 1200%;
        height: 1200%;
        opacity: 0.1;
    }
    60% {
        width: 1850%;
        height: 1850%;
        opacity: 0.04;
    }
    80% {
        width: 2200%;
        height: 2200%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.service_train_wrap {
    margin-top: -5.7291666vw;
    position: relative;
    z-index: 7;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
    overflow: hidden;
}

.service_train_back {
    padding-bottom: 56.25%;
}

.service_train_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 5.7291666vw 0 0 0;
}

.service_train_pack {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}

.service_train_big {
    padding: 0 8.3333vw;
    width: 100%;
}


.service_train_head {
    width: 100%;
}

.service_train_subtitle_box {
    margin-top: 2.34375vw;
}

.service_train_subtitle_text {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #ffffff;
    text-align: center;

}

.service_train_label_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #ffffff;
    text-align: center;
}

.service_train_title_text {
    font-size: 2.8vw;
    line-height: 3.2vw;
    color: #ffffff;
    margin-top: 0.78125vw;
    text-align: center;
}

.service_train_item_content {
    height: 19.791666vw;
    position: relative;
    background: rgba(0, 0, 0, .3);
    backdrop-filter: blur(0.6vw);
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.AddServiceTrainItemContent {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.service_train_tips_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 2.08333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_train_tips_title {
    font-size: 0.8vw;
    line-height: 1.4vw;
    color: #fefeff;
    text-align: center;
}

.service_train_tab {
    -webkit-flex-flow: nowrap;
    flex-flow: nowrap;
    position: relative;
    margin-top: 6.25vw;
}

.service_train_item_box {
    width: 17.5%;
    margin: 0 1.25% 0 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.service_train_item_box:nth-child(3n) {
    margin: 0;
}


.service_train_tips_head {
    width: 100%;
}

.service_train_tips_btn {
    width: 2.291666vw;
    height: 2.291666vw;
    position: relative;
}

.service_train_tips_button {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.service_train_tips_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.service_train_tips_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 31.818%;
    height: 0.1041666vw;
    background: #ffffff;
}

.service_train_tips_label:nth-child(2) {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

.service_train_item_big {
    height: 100%;
    padding: 2.08333vw;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    overflow: hidden;
}

.service_train_item_read {
    width: 100%;


}

.service_train_item_title {
    font-size: 1.6vw;
    line-height: 2.4vw;
    color: #fefeff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}


.service_train_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #fefeff;
    margin-top: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.service_train_item_active {
    width: 62.5%;
}

.service_train_item_active .service_train_tips_box {
    opacity: 0;
    pointer-events: none;
}

.service_train_item_active .service_train_item_title {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;

}

.service_train_item_active .service_train_item_text {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;

}

.service_purchaser_wrap {
    padding: 6.7708333vw 0 4.1666vw 0;
    position: relative;
}

.service_foot_wrap {
    position: relative;
    z-index: 6;
    margin-top: -5.7291666vw;
}

.service_foot_box {
    position: relative;
    z-index: 2;
    padding: 5.7291666vw 0 0 0;
}

.service_public_head .service_purchaser_subtitle_box {
    margin-top: 1.82291666vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.service_trust_subtitle_box {
    margin-top: 1.82291666vw;
}

.service_purchaser_subtitle_text {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #111111;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}


.AddNewsPageTips .service_purchaser_subtitle_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.service_trust_subtitle_text {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}


.AddNewsPageTips .service_trust_subtitle_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.service_purchaser_item_box {
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    margin-bottom: 5.208333vw;
}

.service_purchaser_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9;
}

.AddServicePurchaserItemBox:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.service_purchaser_item_pic {
    position: relative;
}

.service_purchaser_item_img {
    padding-bottom: 69.8989%;
}


.service_purchaser_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.service_purchaser_item_content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
    opacity: 0;
    background-image: linear-gradient(to top, rgba(0, 59, 216, 1), rgba(0, 59, 216, 0) 100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    z-index: 2;
}

.service_purchaser_item_content:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0) 30%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_purchaser_item_read {
    width: 100%;
    padding: 1.5625vw;
    -webkit-transform: translateY(calc(100% - 4.791666vw));
    transform: translateY(calc(100% - 4.791666vw));
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
    z-index: 9;
}

.service_purchaser_item_title {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service_purchaser_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #ffffff;
    margin-top: 0.78125vw;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.service_purchaser_control_tips {
    position: relative;
    width: 30%;
}

.service_purchaser_control_refer {
    position: relative;
    width: 30%;
    -webkit-justify-content: center;
    justify-content: center;
}

.service_purchaser_control_big {
    position: relative;
    width: 30%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.service_purchaser_refer_btn {
    background: #24b474;
    -webkit-border-radius: 1.458333vw;
    border-radius: 1.458333vw;
    padding: 0 1.9791666vw;
    cursor: pointer;
}

.service_purchaser_control_icon {
    width: 0.8333vw;
}

.service_purchaser_control_icon svg {
    fill: #ffffff;
}

.service_purchaser_control_label {
    font-size: 0.78125vw;
    line-height: 2.91666vw;
    color: #ffffff;
    margin-left: 0.5208333vw;
}

.service_purchaser_control_box {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-top: 2.6041666vw;
}

.service_purchaser_control_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service_purchaser_control_text {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    margin-right: 1.041666vw;
}

.service_purchaser_control_current {
    color: #003bd5;
}

.service_purchaser_control_center {
    font-size: 0.8333vw;
}

.service_purchaser_swiper {
    margin-top: 6.7708333vw;
}


.service_purchaser_swiper .swiper-slide-active .service_purchaser_item_box {
    -webkit-transform: translateY(5.208333vw);
    transform: translateY(5.208333vw);
}

.service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_box {
    -webkit-transform: translateY(5.208333vw);
    transform: translateY(5.208333vw);
}


.service_purchaser_swiper .swiper-slide-active .service_purchaser_item_read {
    -webkit-transform: none;
    transform: none;
}

.service_purchaser_swiper .swiper-slide-active .service_purchaser_item_text {
    opacity: 1;
}

.service_purchaser_swiper .swiper-slide-active .service_purchaser_item_content:after {
    height: 100%;
    opacity: 1;
}

.service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_read {
    -webkit-transform: none;
    transform: none;
}

.service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_text {
    opacity: 1;
}

.service_purchaser_swiper .swiper-slide-duplicate-active .service_purchaser_item_content:after {
    height: 100%;
    opacity: 1;
}

.service_purchaser_swiper .service_purchaser_item_default .service_purchaser_item_read {
    -webkit-transform: translateY(calc(100% - 4.791666vw));
    transform: translateY(calc(100% - 4.791666vw));
}

.service_purchaser_swiper .service_purchaser_item_default .service_purchaser_item_text {
    opacity: 0;
}

.service_purchaser_swiper .service_purchaser_item_default .service_purchaser_item_content:after {
    height: 20%;
    opacity: 0;
}

.service_purchaser_swiper .service_purchaser_item_active .service_purchaser_item_read {
    -webkit-transform: none;
    transform: none;
}

.service_purchaser_swiper .service_purchaser_item_active .service_purchaser_item_text {
    opacity: 1;
}

.service_purchaser_swiper .service_purchaser_item_active .service_purchaser_item_content:after {
    height: 100%;
    opacity: 1;
}

.service_trust_head .news_page_tips {
    width: 100%;
}

.service_trust_wrap {
    padding: 4.1666vw 0 6.7708333vw 0;
    position: relative;
}

.service_trust_content {
    margin-top: 6.25vw;
}

.service_trust_item_box {
    width: 25%;
    padding: 0 2vw;
    position: relative;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.service_trust_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #e8e8e8;
}

.AddServiceTrustItemBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddServiceTrustItemBox:after {
    height: 100%;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.service_trust_item_box:first-child {
    padding: 0 2vw 0 0;
}

.service_trust_item_box:last-child {
    padding: 0 0 0 2vw;
}

.service_trust_item_box:last-child:after {
    display: none;
}

.service_trust_item_icon {
    width: 3.8541666vw;
    height: 3.8541666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.service_trust_item_icon svg {
    fill: #0038d5;
}

.service_trust_item_title {
    font-size: 1vw;
    line-height: 1.4vw;
    color: #111111;
}

.service_trust_item_subtitle {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #666666;
    margin-top: 0.5vw;
}

.service_trust_item_pack {
    margin-top: 3.6458333vw;
    -webkit-transform: translateY(calc(100% - 5.3125vw));
    transform: translateY(calc(100% - 5.3125vw));
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_trust_item_big {
    margin-top: 1.82291666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_trust_item_line {
    width: 1.5625vw;
    height: 0.208333vw;
    background: #0038d5;
}

.service_trust_item_read {
    margin-top: 1.82291666vw;
}

.service_trust_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #999999;
}

.service_trust_item_active .service_trust_item_pack {
    -webkit-transform: none;
    transform: none;
}

.service_trust_item_active .service_trust_item_big {
    opacity: 1;
    pointer-events: auto;
}


.advantage_right_back {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}

.advantage_right_label:nth-child(1) {
    position: absolute;
    bottom: -10vw;
    right: -10vw;
    width: 24vw;
    height: 20vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_right_label:nth-child(2) {
    position: absolute;
    bottom: -15vw;
    right: -10vw;
    width: 30vw;
    height: 15vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_right_label:nth-child(3) {
    position: absolute;
    bottom: -10vw;
    right: -20vw;
    width: 16vw;
    height: 20vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_right_label:nth-child(4) {
    position: absolute;
    bottom: -20vw;
    right: -20vw;
    width: 20vw;
    height: 15vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_right_label:nth-child(1):after,
.advantage_right_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.advantage_right_label:nth-child(3):after,
.advantage_right_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.advantage_right_label:nth-child(1):after {
    -webkit-animation: 10s AdvantageAnimate linear infinite normal both;
    animation: 10s AdvantageAnimate linear infinite normal both;

}

.advantage_right_label:nth-child(2):after {
    -webkit-animation: 11s AdvantageAnimate linear infinite normal both;
    animation: 11s AdvantageAnimate linear infinite normal both;

}

.advantage_right_label:nth-child(3):after {
    -webkit-animation: 10s AdvantageAnimate2 linear infinite normal both;
    animation: 10s AdvantageAnimate2 linear infinite normal both;

}

.advantage_right_label:nth-child(4):after {
    -webkit-animation: 11s AdvantageAnimate2 linear infinite normal both;
    animation: 11s AdvantageAnimate2 linear infinite normal both;

}

@-webkit-keyframes AdvantageAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-15vw);
        transform: translateY(10vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(-10vw);
        transform: translateY(20vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-5vw);
        transform: translateY(10vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes AdvantageAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-15vw);
        transform: translateY(10vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(-10vw);
        transform: translateY(20vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(-5vw);
        transform: translateY(10vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes AdvantageAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(-15vw);
        transform: translateY(-5vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-10vw) translateX(-10vw);
        transform: translateY(-10vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(-5vw);
        transform: translateY(-5vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes AdvantageAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(-15vw);
        transform: translateY(-5vw) translateX(-15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-10vw) translateX(-10vw);
        transform: translateY(-10vw) translateX(-10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(-5vw);
        transform: translateY(-5vw) translateX(-5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.advantage_left_back {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}

.advantage_left_label:nth-child(1) {
    position: absolute;
    bottom: -10vw;
    left: -10vw;
    width: 24vw;
    height: 20vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_left_label:nth-child(2) {
    position: absolute;
    bottom: -15vw;
    left: -10vw;
    width: 30vw;
    height: 15vw;
    z-index: 1;
    opacity: .4;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_left_label:nth-child(3) {
    position: absolute;
    bottom: -10vw;
    left: -20vw;
    width: 16vw;
    height: 20vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_left_label:nth-child(4) {
    position: absolute;
    bottom: -20vw;
    left: -20vw;
    width: 20vw;
    height: 15vw;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.advantage_left_label:nth-child(1):after,
.advantage_left_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.advantage_left_label:nth-child(3):after,
.advantage_left_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1bad9a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-filter: blur(4vw);
    filter: blur(4vw);
}

.advantage_left_label:nth-child(1):after {
    -webkit-animation: 10s AdvantageLeftAnimate linear infinite normal both;
    animation: 10s AdvantageLeftAnimate linear infinite normal both;

}

.advantage_left_label:nth-child(2):after {
    -webkit-animation: 11s AdvantageLeftAnimate linear infinite normal both;
    animation: 11s AdvantageLeftAnimate linear infinite normal both;

}

.advantage_left_label:nth-child(3):after {
    -webkit-animation: 10s AdvantageLeftAnimate2 linear infinite normal both;
    animation: 10s AdvantageLeftAnimate2 linear infinite normal both;

}

.advantage_left_label:nth-child(4):after {
    -webkit-animation: 11s AdvantageLeftAnimate2 linear infinite normal both;
    animation: 11s AdvantageLeftAnimate2 linear infinite normal both;

}

@-webkit-keyframes AdvantageLeftAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(15vw);
        transform: translateY(10vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(10vw);
        transform: translateY(20vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw);
        transform: translateY(10vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes AdvantageLeftAnimate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(15vw);
        transform: translateY(10vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(20vw) translateX(10vw);
        transform: translateY(20vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(10vw) translateX(5vw);
        transform: translateY(10vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes AdvantageLeftAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(15vw);
        transform: translateY(-5vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-10vw) translateX(10vw);
        transform: translateY(-10vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(5vw);
        transform: translateY(-5vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes AdvantageLeftAnimate2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    25% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(15vw);
        transform: translateY(-5vw) translateX(15vw);
    }
    50% {
        opacity: .6;
        -webkit-transform: translateY(-10vw) translateX(10vw);
        transform: translateY(-10vw) translateX(10vw);
    }
    75% {
        opacity: .3;
        -webkit-transform: translateY(-5vw) translateX(5vw);
        transform: translateY(-5vw) translateX(5vw);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.service_form_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_form_popup_box {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.service_form_popup_content {
    width: 52%;
    position: relative;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_form_popup_show {
    opacity: 1;
    pointer-events: auto;

}

.service_form_popup_show .service_form_popup_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;

}

.service_form_popup_close {
    position: absolute;
    right: -1.5625vw;
    top: 0;
    width: 1.3541666vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    cursor: pointer;
}

.service_form_popup_close svg {
    fill: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_form_popup_close:hover svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service_form_popup_pack {
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
}

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

.service_form_popup_parcel {
    position: relative;
    z-index: 9;
    padding: 1.5625vw 2.91666vw 2.6041666vw 2.91666vw;

}

.service_form_popup_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #222222;
    text-align: center;
}

.service_form_popup_subtitle {
    font-size: 0.78125vw;
    line-height: 1.30208333vw;
    color: #777777;
    text-align: center;
}

.service_form_popup_big {
    margin-top: 2.6041666vw;
}

.service_form_item_box {
    width: 49.0566%;
    margin: 0 1.8868% 1.5625vw 0;
}

.service_form_item_box:nth-child(2n) {
    margin: 0 0 1.5625vw 0;
}

.service_form_item_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #111111;
    margin-bottom: 0.5208333vw;
}


.service_form_item_input input {
    background: #f5f7f9;
    font-size: 0.78125vw;
    line-height: 3.0208333vw;
    color: #111111;
    width: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    padding: 0 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.service_form_item_input input::placeholder {
    color: #b9bfc5;
}

.service_form_select_wrap {
    position: relative;
    z-index: 9;
}

.service_form_select_box {
    background: #f5f7f9;
    color: #111111;
    width: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    padding-right: 1.041666vw;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_form_select_input {
    width: calc(100% - 0.78125vw);
    pointer-events: none;
}

.service_form_select_input input {
    padding: 0 1.041666vw;
    font-size: 0.78125vw;
    line-height: 3.0208333vw;
    color: #111111;
    width: 100%;
}

.service_form_select_icon {
    width: 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_form_select_icon svg {
    fill: #b3b3b3;
}

.service_form_select_input input::placeholder {
    color: #b9bfc5;
}

.service_form_select_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    background: #f0f0f0;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 3.6458333vw 0 1.041666vw 0;
}

.service_form_select_pack {
    height: 7.08333vw;
    overflow: auto;
}

.service_form_select_option {
    padding: 0 1.041666vw;
    font-size: 0.7291666vw;
    line-height: 1.7708333vw;
    color: #333333;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_form_select_option:hover {
    color: #003bd8;
}


.service_form_select_show .service_form_select_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service_form_select_show .service_form_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.service_form_radio_read {
    -webkit-align-items: center;
    align-items: center;
    margin-right: 2.6041666vw;
    padding-bottom: 1.041666vw;
}

.service_form_radio_input input {
    position: relative;
    display: block;
    width: 0.7291666vw;
    height: 0.7291666vw;
    border: 0.208333vw solid #e5e5e5;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.service_form_radio_input input:checked {
    border: 0.208333vw solid #003bd8;
}

.service_form_radio_label {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: #666666;
}

.service_form_radio_label label {
    padding-left: 0.625vw;
}

.service_form_radio_box {
    padding-bottom: 0.5208333vw;
}

.service_form_textarea_box textarea {
    background: #f5f7f9;
    font-size: 0.78125vw;
    line-height: 1.30208333vw;
    padding: 0.78125vw 1.041666vw;
    color: #111111;
    width: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    resize: none;
    /*height: 6.7708333vw;*/
    height: 4.7708333vw;
}

.service_form_checkbox_box {
    margin: 0.5208333vw 0 0 0;
}

.service_form_checkbox_read {
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

.service_form_checkbox_input {
    width: 0.7291666vw;
    height: 0.7291666vw;
}

.service_form_checkbox_input input {
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #999999;
    box-sizing: border-box;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.service_form_checkbox_input input:checked {
    background: url(../images/cd-icon-check.svg) no-repeat center center #003bd8;
    background-size: 150%;
    border: 1px solid #003bd8;
}

.service_form_checkbox_label {
    font-size: 0.7vw;
    line-height: 1.5625vw;
    color: #999999;
}

.service_form_checkbox_label {
    width: calc(100% - 0.7291666vw);
    padding-left: 0.625vw;
}

.service_form_button_box {
    margin-top: 1.82291666vw;
    position: relative;
}

.service_form_button_box button {
    background: #003bd8;
    font-size: 0.9375vw;
    line-height: 3.2291666vw;
    color: #ffffff;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    cursor: pointer;
}

.about_brand_wrap {
    position: relative;
}


.about_brand_animate_wrap {
    height: 250vh;
}

.about_brand_content {
    width: 100%;
    position: relative;
    z-index: 9;
}

.about_brand_big {
    position: relative;
}

.about_brand_box {
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
}

.about_brand_pic_wrap {
    position: relative;
    width: 100%;
    height: 100vh;
    margin-top: -37vh;
    z-index: 9;
}

.about_brand_pic_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 10.41666vw 0 0 0;
    overflow: hidden;
}

.about_brand_pic_tips {
    width: 56.25%;
    pointer-events: none;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
}

.about_brand_pic_tips .news_page_label_text {
    background-image: linear-gradient(to left, #ffffff, #ffffff);
}

.about_brand_pic_tips .news_page_title_text {
    color: #ffffff;
}

.pic_tips_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

.about_brand_pic_read {
    width: 43.75%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    -webkit-transition: .6s ease;
    transition: .6s ease;
}

.pic_read_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

.about_public_title_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #111111;
}

.about_public_subtitle_text {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: #111111;
}

.about_brand_pic_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
}

.about_brand_slogan_box {
    margin-top: 2.08333vw;
}

.about_brand_pic_content .news_page_label_text {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.about_brand_pic_content .news_page_title_text {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}


.about_brand_slogan_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #ffffff;
}

.about_brand_slogan_text {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #ffffff;
    margin-top: 0.5208333vw;
}

.about_brand_pic_top {
    position: relative;
    width: 100%;
    height: 100%;

}

.about_brand_pic_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_brand_pic_width {
    width: 18%;
    height: 26%;
    overflow: hidden;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.about_brand_pic_details {
    min-width: max-content;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_brand_pic_img {
    width: 100vw;
    height: 100vh;
}

.about_brand_pack {
    padding: 10.41666vw 0 0 0;
}

.about_brand_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.about_brand_text {
    font-size: 3.3333vw;
    line-height: 3.8541666vw;
    color: #111111;
    margin: 0 0.625vw;
}

.about_brand_color {
    color: #003bd8;
}

.about_brand_line_box {
    height: 16.666vw;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.7708333vw;
}

.about_brand_line_label {
    width: 1px;
    height: 100%;
    background: #e2e7f6;
    margin: 0 0.15625vw;
    position: relative;
}

.about_brand_line_after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    top: 0;
    width: 300%;
    height: 24%;
    background-image: linear-gradient(to top, #003bd8, #00d88e);
}


.about_vision_wrap {
    position: relative;
    padding: 7.291666vw 0 5.208333vw 0;
    overflow: hidden;
}

.about_vision_item_box {
    width: 48.75%;
    margin: 0 2.5% 0 0;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    position: relative;

}

.about_vision_item_box:nth-child(2n+1) {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
}

.about_vision_item_box:nth-child(2n) {
    margin: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    pointer-events: none;
}

.about_vision_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 1.041666vw;
}

.about_vision_item_read {
    width: 100%;
    background: rgba(255, 255, 255, .95);
    padding: 2.08333vw 2.34375vw;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.about_vision_item_img {
    padding-bottom: 64.1025%;
}

.about_vision_item_title {
    font-size: 2.3958333vw;
    line-height: 2.91666vw;
    color: #111111;
}

.about_vision_item_text {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #111111;
    margin-top: 0.78125vw;
}

.about_vision_content {
    position: relative;
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_vision_swiper {
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    position: relative;

}

.about_vision_slide_img {
    padding-bottom: 41%;
}

.about_vision_cost_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
}

.about_vision_cost_box {

    position: relative;
    width: 100%;
}

.about_vision_cost_title {
    font-size: 2.3958333vw;
    line-height: 2.91666vw;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_vision_cost_pack {
    margin-top: 4.94791666vw;
    position: relative;

}

.about_vision_cost_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    pointer-events: none;
}


.about_vision_back_li:nth-child(1),
.about_vision_back_li:nth-child(5) {
    width: 9.375vw;
    margin-top: 6.7708333vw;
}

.about_vision_back_li:nth-child(2),
.about_vision_back_li:nth-child(4) {
    width: 15.46875vw;
    margin-top: 1.3541666vw;
}

.about_vision_back_li:nth-child(3) {
    width: 15.3125vw;
    margin-top: 1.82291666vw;
}

.about_vision_back_pic {
    width: 0;
    overflow: hidden;
}

.about_vision_back_li:nth-child(1) .about_vision_back_img,
.about_vision_back_li:nth-child(5) .about_vision_back_img {
    width: 9.375vw;
}

.about_vision_back_li:nth-child(2) .about_vision_back_img,
.about_vision_back_li:nth-child(4) .about_vision_back_img {
    width: 15.46875vw;
}

.about_vision_back_li:nth-child(3) .about_vision_back_img {
    width: 15.3125vw;
}

.about_vision_back_li:nth-child(5) .about_vision_back_img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

}

.about_vision_back_li:nth-child(4) .about_vision_back_img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.about_vision_cost_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 4.1666vw;

}

.about_vision_cost_li {
    width: 20.13888%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    cursor: pointer;
}

.about_vision_cost_li:first-child {
    margin-top: 3.90625vw;
}

.about_vision_cost_li:last-child {
    margin-top: 3.90625vw;
}

.about_vision_cost_icon {
    width: 4.6875vw;
    height: 4.6875vw;
    position: relative;
    background: rgba(255, 255, 255, .2);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    margin: 0 auto;
}

.about_vision_cost_label {
    width: 48.888%;
}

.about_vision_cost_label svg {
    fill: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_vision_cost_tips {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #ffffff;
    text-align: center;
    margin-top: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_vision_cost_text {
    font-size: 0.6vw;
    line-height: 1vw;
    color: rgba(255, 255, 255, .5);
    margin-top: 1vw;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.about_vision_cost_active .about_vision_cost_tips {
    font-weight: bold;
}

.about_vision_cost_active .about_vision_cost_text {
    color: rgba(255, 255, 255, 1);
}

.about_vision_cost_active .about_vision_cost_icon {
    background: rgba(255, 255, 255, 1);
}

.about_vision_cost_active .about_vision_cost_label svg {
    fill: #003bd8;
}

.AddAboutVisionContent {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutVisionContent .about_vision_cost_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutVisionContent .about_vision_back_li:nth-child(1) .about_vision_back_pic {
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddAboutVisionContent .about_vision_cost_li:nth-child(1) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddAboutVisionContent .about_vision_back_li:nth-child(2) .about_vision_back_pic {
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddAboutVisionContent .about_vision_cost_li:nth-child(2) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddAboutVisionContent .about_vision_back_li:nth-child(3) .about_vision_back_pic {
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddAboutVisionContent .about_vision_cost_li:nth-child(3) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddAboutVisionContent .about_vision_back_li:nth-child(4) .about_vision_back_pic {
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.AddAboutVisionContent .about_vision_cost_li:nth-child(4) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.AddAboutVisionContent .about_vision_back_li:nth-child(5) .about_vision_back_pic {
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.about_stories_animate_wrap {
    padding: 0 50vh;
}

.about_stories_animate_box {
    height: 100vh;
}

.about_stories_wrap {
    position: relative;
}

.about_stories_box {
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
}

.about_stories_content {
    height: 100%;
}

.about_stories_swiper {
    height: 100%;
    position: relative;
    -webkit-border-radius: 0 0 0 5.7291666vw;
    border-radius: 0 0 0 5.7291666vw;
}

.about_stories_swiper .swiper-slide {
    overflow: hidden;
}

.about_stories_swiper .about_stories_slide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about_stories_item_content {
    height: 100%;
    position: relative;
}

.about_stories_item_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 0 8.3333vw;
}

.about_stories_item_pack {
    width: 100%;
    padding: 0 14% 0 28.125%;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_stories_item_pic {
    height: 100%;
    position: relative;
    z-index: 1;
}

.about_stories_item_big {
    width: 66.954%;
    -webkit-align-items: center;
    align-items: center;
}

.about_stories_item_title {
    font-size: 1.7vw;
    line-height: 2.7vw;
    color: rgba(255, 255, 255, .5);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_stories_item_add {
    font-size: 2vw;
    line-height: 3vw;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_stories_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #ffffff;
    margin-top: 3.125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.AddStoriesAnimate .about_stories_item_current .about_stories_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddStoriesAnimate .about_stories_item_current .about_stories_item_add {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddStoriesAnimate .about_stories_item_current .about_stories_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_stories_item_img {
    height: 100%;
}

.about_stories_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 8.3333vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    pointer-events: none;
    z-index: 9;
}

.about_stories_tips_wrap {
    width: 28.125%;
    pointer-events: auto;

}

.about_stories_tips_box {
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 8.8541666vw 0 6.7708333vw 0;
}

.about_stories_tips_pack {
    width: 100%;
}

.about_stories_tips_read {
    width: 100%;
}

.about_stories_control_wrap {
    width: 14%;
    -webkit-align-items: center;
    align-items: center;
}

.about_stories_control_box {
    width: 100%;
}

.about_stories_tips_pack .news_page_label_text {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.about_stories_tips_pack .news_page_title_text {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.about_stories_tips_pack .news_page_label_text {
    background-image: linear-gradient(to left, #ffffff, #ffffff);
}

.about_stories_tips_pack .news_page_title_text {
    color: #ffffff;
}

.about_stories_tips_title {
    font-size: 1.6666vw;
    line-height: 2.1875vw;
    color: #ffffff;
}

.about_stories_tips_text {
    font-size: 1vw;
    line-height: 1.6vw;
    color: #ffffff;
    margin-top: 1.041666vw;
}

.about_stories_control_li {
    margin-bottom: 2.6041666vw;
    pointer-events: auto;
}

.about_stories_control_li:last-child {
    margin-bottom: 0;
}

.about_stories_control_text {
    position: relative;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.about_stories_control_text a {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: rgba(255, 255, 255, .25);
    text-align: right;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_stories_control_active .about_stories_control_text a {
    color: rgba(255, 255, 255, 1);
}


.about_culture_wrap {
    position: relative;
    padding: 5.7291666vw 0 6.7708333vw 0;
    overflow: hidden;
}

.about_culture_box {
    padding: 0 0 0 8.3333vw;
    overflow: hidden;
    position: relative;
}

.about_culture_control_box {
    width: 13.6363%;
    -webkit-align-items: center;
    align-items: center;
}

.about_culture_control_li {
    margin-bottom: 1.30208333vw;
}

.about_culture_control_li:last-child {
    margin-bottom: 0;
}

.about_culture_control_label {
    font-size: 0.8vw;
    line-height: 2.291666vw;
    color: #999999;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_control_label:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0.1041666vw;
    background: #003bd8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_control_active .about_culture_control_label {
    color: #003bd8;
}

.about_culture_control_active .about_culture_control_label:after {
    width: 100%;
    left: 0;
}

.about_culture_pack {
    width: 77.2727%;
    position: relative;
}

.culture_control_button {
    position: absolute;
    right: 43.75%;
    top: 50%;
    width: 5vw;
    height: 5vw;
    z-index: 9;
    -webkit-transform: translateX(50%) translateY(-50%) scale(0);
    transform: translateX(50%) translateY(-50%) scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.culture_control_btn {
    width: 50%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #003bd8;
    -webkit-border-radius: 0 2.5vw 2.5vw 0;
    border-radius: 0 2.5vw 2.5vw 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
    outline: none;
}

.culture_control_active {
    background: #24b574;
}

.culture_control_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.culture_control_label {
    width: 26%;
}

.culture_control_label svg {
    fill: #ffffff;
}

.about_culture_content {
    position: relative;
    margin-top: 2.08333vw;
}

.about_culture_min_box {
    position: absolute;
    right: -16.5909%;
    top: 0;
    width: 21.81818%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_culture_item_content {
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 0 4.1666vw;
}

.about_culture_item_pack {
    position: relative;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.about_culture_pic {
    width: 46.484375%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_culture_img {
    padding-bottom: 126.0504%;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.about_culture_item_head {
    position: relative;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_culture_item_title {
    font-size: 2.4vw;
    line-height: 3vw;
    color: #003bd8;

}

.about_culture_item_en {
    font-size: 2vw;
    line-height: 3vw;
    color: #24b574;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_culture_item_cn {
    font-size: 1.6vw;
    line-height: 2.6vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_culture_item_text {
    font-size: 0.7vw;
    line-height: 1.3vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_culture_item_label {
    font-size: 0.8vw;
    line-height: 1.4vw;
    color: #aaaaaa;
    margin-top: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_culture_big {
    padding: 4.42708333vw 2vw 4.42708333vw 0;
    width: 53.515625%;
    position: relative;
}

.about_culture_big:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 1px;
    background: #efefef;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_big:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #efefef;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_item_tips {
    margin-top: 4.1666vw;
}

.about_culture_item_read {
    margin-top: 2.6041666vw;
}

.about_culture_swiper {
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.about_culture_min_img {
    padding-bottom: 126.0504%;

}

.about_culture_min_swiper {
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.about_culture_min_swiper .swiper-slide {
    overflow: hidden;
}

.about_culture_min_swiper .about_culture_min_slide {
    overflow: hidden;
    width: 100%;
}

.about_hover_wrap {
    position: absolute;
    left: -2.86458333vw;
    top: -2.86458333vw;
    z-index: 999;
    pointer-events: none;
}

.about_hover_button {
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_hover_active .about_hover_button {
    -webkit-transform: none;
    transform: none;
}

.about_hover_btn {
    width: 5.7291666vw;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_hover_icon {
    width: 0.36458333vw;
}

.about_hover_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.about_hover_label {
    width: 100%;
}

.about_hover_label svg {
    fill: #ffffff;
}

.about_hover_text {
    line-height: 5.7291666vw;
    color: #fff;
    font-size: 0.78125vw;
    margin: 0 0.208333vw;
}

.about_active_wrap {
    position: relative;
    padding: 6.25vw 0 7.291666vw 0;
}

.about_active_head {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    z-index: 9;
}

.about_active_content {
    position: relative;
    z-index: 9;
}

.about_active_item_box {
    width: 32.1875%;
    margin: 0 1.71875% 2.5vw 0;
}

.about_active_item_box:nth-child(3n) {
    margin: 0 0 2.5vw 0;
}

.about_active_item_box a {
    position: relative;
    display: block;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    background: #ffffff;
}

.about_active_item_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    border: 0.1041666vw solid #dde2ee;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_active_item_content {
    padding: 2.08333vw 2.5vw;
}

.layui-layer-content .about_active_item_content {
    padding: 0 2.5vw;
}

.about_active_item_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #111111;
}

.about_active_item_tips {
    padding: 1.5625vw 0;
    position: relative;
}

.about_active_item_time {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #111111;
}

.about_active_item_year {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #003bd8;
    margin-left: 0.416666vw;
}

.about_active_btn_text {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #999999;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_active_item_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #f4f4f4;
}

.about_active_item_head {
    width: 100%;
}

.about_active_item_button {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin-top: 2.08333vw;
}

.about_active_btn_icon {
    width: 1.25vw;
}

.about_active_item_label {
    width: 100%;
}

.about_active_item_label svg {
    fill: #003bd8;
}

.about_active_tab {
    padding-bottom: 1.5625vw;
}

.about_active_big {
    margin-top: 5.7291666vw;
}


.about_active_item_box:hover a:after {
    border: 0.1041666vw solid #003bd8;
}

.about_active_item_box:hover .about_active_btn_text {
    color: #003bd8;
}


.down_form_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.down_form_popup_box {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.down_form_popup_content {
    width: 52%;
    position: relative;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.down_form_popup_show {
    opacity: 1;
    pointer-events: auto;

}

.down_form_popup_show .down_form_popup_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;

}

.down_form_popup_close {
    position: absolute;
    right: -1.5625vw;
    top: 0;
    width: 1.3541666vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    cursor: pointer;
}

.down_form_popup_close svg {
    fill: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.down_form_popup_close:hover svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vert_page_wrap {
    position: relative;
    overflow: hidden;
    z-index: 9;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
    background: #ffffff;
}

.vert_page_box {
    position: relative;
    z-index: 9;
}

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

.vert_page_line_label:nth-child(1) {
    width: 0;
    height: 1px;
    background: #d7d7d7;
    position: absolute;
    top: 31.25vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.AddVertPageLineBox .vert_page_line_label:nth-child(1) {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.vert_page_line_label:nth-child(2) {
    width: 1px;
    height: 100%;
    background: #d7d7d7;
    position: absolute;
    top: 0;
    right: 41.666vw;
}

.vert_page_line_after {
    width: 100%;
    height: 0;
    background: #003bd8;
}

.vert_public_title {
    font-size: 2.4vw;
    line-height:3vw;
    color: #003bd8;
}

.vert_public_read {
    margin-top: 1.82291666vw;
}

.vert_public_subtitle {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #111111;
}

.vert_public_text {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #111111;
}

.vert_page_caption_box {
    width: 44.625%;
}

.vert_pic_wrap {
    width: 55.375%;
}

.vert_pic_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.vert_pic_big {
    width: 55.756%;
    -webkit-transform: translateX(-8vw);
    transform: translateX(-8vw);
    opacity: 0;
    pointer-events: none;
}

.AddVertPicBig {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.vert_pic_pack {
    width: 36.6817%;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-transform: translateX(8vw);
    transform: translateX(8vw);
    opacity: 0;
    pointer-events: none;
}

.AddVertPicPack {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.vert_pic_max_img {
    padding-bottom: 117.2064%;
}

.vert_pic_min_img {
    padding-bottom: 101.8518%;
}

.vert_pic_li {
    margin-bottom: 1.041666vw;
}

.vert_pic_li:last-child {
    margin-bottom: 0;
}

.vert_pic_number {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #aaaaaa;
    width: 2.34375vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.vert_pic_text {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #333333;
    width: calc(100% - 2.34375vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.vert_pic_active .vert_pic_number {
    color: #003bd8;
}

.vert_pic_active .vert_pic_text {
    color: #003bd8;
}

.vert_pic_content {
    width: 100%;
    padding: 2.08333vw 0 0 0;
}

.vert_pic_min_swiper {
    width: 100%;
    position: relative;
    -webkit-border-radius: 0 0 5.7291666vw 0;
    border-radius: 0 0 5.7291666vw 0;
}

.vert_pic_min_swiper .swiper-slide {
    overflow: hidden;
}

.vert_pic_min_swiper .vert_pic_min_slide {
    overflow: hidden;
    width: 100%;
}

.vert_pic_max_swiper {
    -webkit-border-radius: 5.7291666vw 0 0 0;
    border-radius: 5.7291666vw 0 0 0;
}

.vert_pic_max_swiper .swiper-slide {
    overflow: hidden;
}

.vert_pic_max_swiper .vert_pic_max_slide {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.vert_pic_max_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.vert_pic_max_content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
    opacity: 0;
    background-image: linear-gradient(to top, rgba(0, 59, 216, 1), rgba(0, 59, 216, 0) 70%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.vert_pic_max_read {
    padding: 1.30208333vw 2.08333vw;
    width: 100%;
    position: relative;
    z-index: 9;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.vert_pic_max_swiper .vert_pic_max_active .vert_pic_max_content:after {
    height: 100%;
    opacity: 1;
}

.vert_pic_max_swiper .vert_pic_max_active .vert_pic_max_read {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.vert_pic_max_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #ffffff;
}

.vert_pic_max_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: rgba(255, 255, 255, .4);
    margin-top: 0.5208333vw;
}

.vert_page_content {
    position: relative;
    z-index: 9;
    padding: 15.1041666vw 0 0 0;
}

.vert_page_parcel {
    position: relative;
}

.vert_service_title {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #111111;
}

.vert_service_subtitle {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #111111;
    margin-top: 0.5208333vw;
}

.vert_service_wrap {
    margin-top: 1.5625vw;
    padding-bottom: 6.7708333vw;
    position: relative;
}

.vert_service_button {
    margin-top: 2.08333vw;
}


.vert_service_button .public_button_box:hover a {
    background: #f3f3f3;
}

.vert_service_button .public_button_box:hover a .public_button_icon:after {
    background: #f3f3f3;
}

.vert_service_tab {
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    background: #ffffff;
    margin-top: 2.6041666vw;
    position: relative;
    -webkit-box-shadow: 0 0 0.5vw rgba(206, 210, 229, .3);
    box-shadow: 0 0 0.5vw rgba(206, 210, 229, .3);
}

.vert_service_item_box {
    width: 20%;

    position: relative;
}

.vert_service_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eaeaea;
}

.vert_service_item_box a {
    display: block;
}

.vert_service_item_content {
    padding: 2.5vw 2.5vw 1.5625vw 2.5vw;
    position: relative;
}

.vert_service_item_box:last-child:after {
    display: none;
}

.vert_service_item_icon {
    width: 4.6875vw;
    height: 4.1666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.vert_service_item_img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.vert_service_item_read {
    margin-top: 3.38541666vw;
}

.vert_service_item_title {
    font-size: 1vw;
    line-height: 1.6vw;
    color: #111111;
}

.vert_service_item_text {
    font-size: 0.7291666vw;
    line-height: 0.9375vw;
    height: 1.875vw;
    color: #aaaaaa;
    margin-top: 0.5208333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.excel_page_wrap {
    position: relative;
    background: #00041d;
    margin-top: -5.7291666vw;
    -webkit-border-radius: 0 0 0 5.7291666vw;
    border-radius: 0 0 0 5.7291666vw;
    overflow: hidden;
    padding: 5.7291666vw 0 0 0;
    z-index: 8;
}

.excel_circle_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}


.excel_circle_item_box:nth-child(1) {
    left: -41%;
    top: -13%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.excel_circle_item_box:nth-child(2) {
    left: -83%;
    top: 36%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.excel_circle_item_box:nth-child(3) {
    left: -52%;
    top: 69%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.excel_circle_item_box:nth-child(4) {
    left: 120%;
    top: -13%;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.excel_circle_item_box:nth-child(5) {
    left: 161%;
    top: 36%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.excel_circle_item_box:nth-child(6) {
    left: 131%;
    top: 69%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.excel_circle_item_box:nth-child(7) {
    left: -75%;
    top: -1%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.excel_circle_item_box:nth-child(8) {
    left: -57%;
    top: 35%;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.excel_circle_item_box:nth-child(9) {
    left: -78%;
    top: 78%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.excel_circle_item_box:nth-child(10) {
    left: 150%;
    top: -17%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.excel_circle_item_box:nth-child(11) {
    left: 135%;
    top: 29%;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.excel_circle_item_box:nth-child(12) {
    left: 158%;
    top: 75%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.excel_circle_item_content {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);

}

.excel_circle_item_current {
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 100%;
    height: 100%;
    position: relative;
}

.excel_circle_item_box {
    position: absolute;
    width: 6.3541666vw;
    height: 6.3541666vw;

}

.excel_circle_item_box.active .excel_circle_item_content {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.excel_circle_item_box.default {
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.5) !important;
    transform: translateX(-50%) translateY(-50%) scale(.5) !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.excel_circle_item_pic {
    padding: 0.625vw;
    width: 100%;
    height: 100%;
}

.excel_circle_item_img {
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
}

.excel_circle_item_img img {
    max-height: 80%;
    max-width: 80%;
    width: auto;
    height: auto;
}

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

.excel_page_box {
    position: relative;
    z-index: 9;
    height: 100%;
}

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

.excel_page_line_circle {
    position: absolute;
    left: 8.3333vw;
    -webkit-transform: translateX(-0.36458333vw);
    transform: translateX(-0.36458333vw);
    top: 5.7291666vw;
    width: 0.78125vw;
    height: 0.78125vw;
    background: #11de82;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
}

.excel_page_line_label {
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    top: 0;
    left: 8.3333vw;
}

.excel_page_line_after {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    position: relative;
    height: 0;
}

.excel_circle_wrap {
    position: relative;
    padding: 5.7291666vw 0 9.375vw 0;
}

.excel_page_content {
    position: relative;
    overflow: hidden;
}

.excel_circle_box {
    position: relative;
}

.excel_circle_head {
    padding: 0 4.1666vw;
}

.excel_circle_head .vert_public_title {
    color: #11de82;
}

.excel_circle_head .vert_public_subtitle {
    color: #ffffff;
}

.excel_circle_head .vert_public_text {
    color: #ffffff;
}

.excel_circle_content {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 6.25vw;
}

.excel_circle_pack {
    width: 33.375%;
    position: relative;
}

.excel_circle_big {
    position: relative;
    padding-bottom: 100%;
}

.excel_circle_shade {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 226.779%;
    height: 226.779%;
}

.excel_circle_shade img {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

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

.excel_circle_line_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}

.excel_circle_line_label img {
    -webkit-transform: scale(0);
    transform: scale(0);
}


.excel_circle_parcel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 9;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}

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

.excel_circle_center {
    width: 100%;
    position: relative;
    z-index: 9;
}

.excel_circle_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #111111;
    text-align: center;
}

.excel_circle_max_label {
    font-size: 2vw;
    line-height: 2.8vw;
    color: #003bd8;
    text-align: center;
}


.excel_circle_min_label {
    font-size: 1.6vw;
    line-height: 2vw;
    color: #003bd8;
    text-align: center;
}

.excel_circle_subtitle {
    margin-top: 0.5208333vw;
}

.excel_circle_trait {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 2.08333vw;
    padding:0 20%;
}

.excel_circle_li {
    width: 6vw;
    font-size: 0.6vw;
    line-height: 1.2vw;
    color: #24b373;
    text-align: center;
    position: relative;
    margin: 0 1vw 1vw 0;
    padding: 1.8vw 0;
}


.excel_circle_li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(36, 179, 115, .2);
    -webkit-box-shadow: 0 0 1.5625vw rgba(36, 179, 115, .1);
    box-shadow: 0 0 1.5625vw rgba(36, 179, 115, .1);
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.excel_radar_wrap {
    position: relative;
    z-index: 9;
    padding: 9.375vw 0 12.5vw 0;
}

.excel_radar_title {
    font-size: 1.7708333vw;
    line-height: 2.291666vw;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excel_radar_subtitle {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #ffffff;
    text-align: center;
    margin-top: 0.5208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excel_radar_content {
    margin-top: 8.8541666vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.excel_radar_pack {
    position: relative;
    width: 27.9375%;
}

.excel_radar_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.excel_radar_item_content {
    width: 9.58333vw;
    position: relative;
}

.excel_radar_item_read {
    width: 100%;
    position: relative;
}

.excel_radar_item_pic {
    width: 100%;
    position: relative;
}

.excel_radar_item_back {
    width: 100%;
    position: relative;
}

.excel_radar_item_svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.excel_radar_item_icon {
    width: 25%;
    position: relative;
}

.excel_radar_item_icon svg {
    fill: #ffffff;
}

.excel_radar_big {
    width: 100%;
    position: relative;
}

.excel_radar_border_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 84.5637%;
}

.excel_radar_border_box {
    width: 100%;
}

.excel_radar_border_animate {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

.excel_rada_min_box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 59.2841%;
}

.excel_radar_item_title {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin-top: 0.5208333vw;
}


.excel_radar_item_box {
    position: absolute;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: max-content;
}

.excel_radar_item_box:nth-child(1) {
    left: -44%;
    top: -12%;
}

.excel_radar_item_box:nth-child(2) {
    left: -77%;
    top: 37%;
}

.excel_radar_item_box:nth-child(3) {
    left: -45%;
    top: 59%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.excel_radar_item_box:nth-child(4) {
    left: 64%;
    top: -12%;
}

.excel_radar_item_box:nth-child(5) {
    left: 79%;
    top: 37%;
}

.excel_radar_item_box:nth-child(6) {
    left: 66%;
    top: 59%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.excel_radar_item_label {
    width: 0;
    overflow: hidden;
}

.excel_radar_item_img {
    width: 100%;
    overflow: hidden;

}

.excel_radar_item_line {
    position: relative;
}

.excel_radar_item_box:nth-child(1) .excel_radar_item_line {
    width: 8.958333vw;
    height: 7.44791666vw;
    margin-top: 3.19427vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.excel_radar_item_box:nth-child(2) .excel_radar_item_line {
    width: 13.2291666vw;
    height: 0.07291666vw;
    margin-top: 3.19427vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.excel_radar_item_box:nth-child(3) .excel_radar_item_line {
    width: 8.958333vw;
    height: 7.44791666vw;
    -webkit-transform: rotateY(180deg) translateY(3.333vw);
    transform: rotateY(180deg) translateY(3.333vw);
}

.excel_radar_item_box:nth-child(4) .excel_radar_item_line {
    width: 8.958333vw;
    height: 7.44791666vw;
    margin-top: 3.19427vw;

}

.excel_radar_item_box:nth-child(5) .excel_radar_item_line {
    width: 13.2291666vw;
    height: 0.07291666vw;
    margin-top: 3.19427vw;

}

.excel_radar_item_box:nth-child(6) .excel_radar_item_line {
    width: 8.958333vw;
    height: 7.44791666vw;
    -webkit-transform: translateY(3.333vw);
    transform: translateY(3.333vw);

}

.excel_radar_item_box:nth-child(1) .excel_radar_item_label img {
    width: 8.958333vw;
    height: 7.44791666vw;
}

.excel_radar_item_box:nth-child(2) .excel_radar_item_label img {
    width: 13.2291666vw;
    height: 0.07291666vw;
}

.excel_radar_item_box:nth-child(3) .excel_radar_item_label img {
    width: 8.958333vw;
    height: 7.44791666vw;
}

.excel_radar_item_box:nth-child(4) .excel_radar_item_label img {
    width: 8.958333vw;
    height: 7.44791666vw;
}

.excel_radar_item_box:nth-child(5) .excel_radar_item_label img {
    width: 13.2291666vw;
    height: 0.07291666vw;
}

.excel_radar_item_box:nth-child(6) .excel_radar_item_label img {
    width: 8.958333vw;
    height: 7.44791666vw;

}

.excel_radar_item_box:nth-child(1) .excel_radar_item_content,
.excel_radar_item_box:nth-child(2) .excel_radar_item_content,
.excel_radar_item_box:nth-child(3) .excel_radar_item_content {
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
    pointer-events: none;
}

.excel_radar_item_box:nth-child(4) .excel_radar_item_content,
.excel_radar_item_box:nth-child(5) .excel_radar_item_content,
.excel_radar_item_box:nth-child(6) .excel_radar_item_content {
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}


.excel_radar_item_box:nth-child(3) .excel_radar_item_read {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.excel_radar_item_box:nth-child(6) .excel_radar_item_read {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.excel_radar_max_box {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.excel_radar_border_box img {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.excel_radar_border_animate img {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.excel_rada_min_box img {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.excel_radar_current .excel_rada_min_box img {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.excel_radar_current .excel_radar_border_box img {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.excel_radar_current .excel_radar_border_animate img {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.excel_radar_current .excel_radar_max_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.excel_radar_current .excel_radar_item_label {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.excel_radar_current .excel_radar_item_content {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

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

.direct_page_line_circle {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-0.36458333vw);
    transform: translateX(-0.36458333vw);
    top: 6.7708333vw;
    width: 0.78125vw;
    height: 0.78125vw;
    background: #003bd8;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
}

.direct_page_line_label {
    width: 1px;
    height: 100%;
    background: #e1e1e1;
    position: absolute;
    top: 0;
    left: 50%;
}

.direct_page_line_after {
    width: 100%;
    background: #003bd8;
    position: relative;
    height: 0;
}

.direct_page_wrap {
    position: relative;
    margin-top: -5.7291666vw;
    padding: 5.7291666vw 0 0 0;
    background: #ffffff;
    overflow: hidden;
    z-index: 7;
    -webkit-border-radius: 0 0 5.208333vw 0;
    border-radius: 0 0 5.208333vw 0;
}

.direct_page_box {
    position: relative;
    z-index: 9;
    padding: 6.7708333vw 0 6.25vw 0;
}

.direct_page_head .vert_public_title {
    color: #111111;
}

.direct_page_tab {
    margin-top: 5.208333vw;
    position: relative;
}

.direct_page_pic_box {
    width: 50%;
    -webkit-transform: translateX(-8vw);
    transform: translateX(-8vw);
    opacity: 0;
    pointer-events: none;
}

.direct_page_big {
    width: 50%;
    padding-left: 4.6875vw;
    position: relative;
    -webkit-transform: translateX(8vw);
    transform: translateX(8vw);
    opacity: 0;
    pointer-events: none;
}

.direct_page_show .direct_page_pic_box {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_page_show .direct_page_big {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_page_pic_img {
    padding-bottom: 68.75%;
}

.direct_pic_swiper {
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.direct_item_read {
}

.direct_item_subtitle {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #003bd8;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.direct_item_title {
    font-size: 2vw;
    line-height: 3vw;
    color: #003bd8;
    margin-top: 0.78125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.direct_item_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #111111;
    margin-top: 1.82291666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.direct_content_swiper {
    height: 100%;
}

.direct_content_swiper .swiper-slide-active .direct_item_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_content_swiper .swiper-slide-active .direct_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.direct_content_swiper .swiper-slide-active .direct_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.direct_control_button {
    position: absolute;
    left: 0;
    bottom: 1.30208333vw;
    width: 100%;
    padding-left: 4.6875vw;
    z-index: 9;
}

.direct_control_number {
    width: 2.5vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #f2f2f2;
    color: #111111;
    font-size: 1.041666vw;
    line-height: 2.5vw;
    text-align: center;
    margin-right: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.direct_control_active {
    background: #003bd8;
    color: #ffffff;
}

.direct_record_wrap {
    margin-top: 6.7708333vw;
    position: relative;
}

.direct_record_width {
    width: 50%;
}

.direct_record_box .direct_record_width:nth-child(1) {
    -webkit-transform: translateX(-8vw);
    transform: translateX(-8vw);
    opacity: 0;
    pointer-events: none;
}

.direct_record_box .direct_record_width:nth-child(2) {
    -webkit-transform: translateX(8vw);
    transform: translateX(8vw);
    opacity: 0;
    pointer-events: none;
}

.direct_record_show .direct_record_width:nth-child(1) {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_record_show .direct_record_width:nth-child(2) {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_record_control_box {
    position: relative;
    width: 100%;
}

.direct_record_control_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #cecfd3;
}

.direct_record_control_li {
    padding: 2.23958333vw 0;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.direct_record_control_li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #cecfd3;
}

.direct_record_control_li:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #24b373;
    z-index: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.direct_record_control_number {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: rgba(17, 17, 17, .3);
    width: 14%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.direct_record_control_title {
    font-size: 0.9vw;
    line-height: 1.5625vw;
    color: rgba(17, 17, 17, .3);
    width: calc(100% - 24%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.direct_record_control_icon {
    width: 10%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.direct_record_control_label {
    width: 1.25vw;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.direct_record_control_label svg {
    fill: #24b373;
}

.direct_record_control_active:before {
    width: 100%;
    left: 0;
}

.direct_record_control_active .direct_record_control_number {
    color: #24b373;
}

.direct_record_control_active .direct_record_control_title {
    color: #24b373;
}

.direct_record_control_active .direct_record_control_label {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.direct_record_big {
    -webkit-align-content: space-between;
    align-content: space-between;
    padding-right: 5vw;
    height: 100%;
}

.direct_record_head {
    width: 100%;
}


.direct_record_subtitle {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #003bd8;
}

.direct_record_title {
    font-size: 2vw;
    line-height: 3vw;
    color: #003bd8;
    margin-top: 0.5208333vw;
}

.direct_record_pack {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
}

.direct_record_back {
    padding-bottom: 85%;
}

.direct_record_max_swiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.direct_record_slide_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_record_max_swiper .swiper-slide-active .direct_record_slide_box {
    opacity: 1;
    pointer-events: auto;
}

.direct_record_img {
    padding-bottom: 71.0526%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_record_max_swiper .swiper-slide-active .direct_record_pic_swiper .swiper-slide-active .direct_record_img {
    opacity: 1;
    pointer-events: auto;
}

.direct_record_max_title {
    font-size: 0.9375vw;
    line-height: 3.541666vw;
    color: #ffffff;
    text-align: center;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(0.2vw);

}

.direct_record_max_control {
    -webkit-justify-content: center;
    justify-content: center;
    bottom: 0.6vw !important;
}

.direct_record_max_control .swiper-pagination-bullet {
    width: 0.5208333vw;
    height: 0.5208333vw;
    margin: 0 0.26041666vw;
    opacity: 1;
    background: rgba(255, 255, 255, .3);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.direct_record_max_control .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}


.create_page_wrap {
    position: relative;
    margin-top: -5.7291666vw;
    padding: 5.7291666vw 0 0 0;
    background: #ffffff;
    overflow: hidden;
    z-index: 6;
}

.create_page_box {
    position: relative;
    z-index: 9;
    padding: 7.8125vw 0 5.208333vw 0;
}

.create_page_big {
    width: 36.25%;
    padding-right: 5.208333vw;
    -webkit-transform: translateX(-8vw);
    transform: translateX(-8vw);
    opacity: 0;
    pointer-events: none;
}

.create_page_pack {
    width: 63.75%;
    -webkit-transform: translateX(8vw);
    transform: translateX(8vw);
    opacity: 0;
    pointer-events: none;
}

.AddCreatePageContent .create_page_big {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddCreatePageContent .create_page_pack {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.create_control_box {
    margin-top: 7.8125vw;
    width: 90%;
}

.create_control_li {
    padding: 1.5625vw 0;
    position: relative;
    margin-bottom: 2.6041666vw;
    cursor: pointer;
}

.create_control_li:last-child {
    margin-bottom: 0;
}

.create_control_li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.15625vw;
    background: #dadada;
}

.create_control_li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0.15625vw;
    background: #003bd8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    z-index: 9;
}

.create_control_title {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #aaaaaa;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.create_control_text {
    font-size: 0.7vw;
    line-height: 1.2vw;
    color: #aaaaaa;
    margin-top: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.create_control_active:before {
    width: 100%;
    left: 0;
}

.create_control_active .create_control_title {
    color: #111111;
}

.create_control_active .create_control_text {
    color: #666666;
}


.create_form_radio_li {
    -webkit-align-items: center;
    align-items: center;
    margin-right: 2.6041666vw;
    position: relative;
}

.create_form_public_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #111111;
    margin-bottom: 0.5208333vw;
}

.create_form_radio_input input {
    position: relative;
    display: block;
    width: 0.7291666vw;
    height: 0.7291666vw;
    border: 0.208333vw solid #e5e5e5;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.create_form_radio_input input:checked {
    border: 0.208333vw solid #003bd8;
}

.create_form_radio_label {
    font-size: 0.7vw;
    line-height: 2vw;
    color: #666666;
}

.create_form_radio_label label {
    padding-left: 0.625vw;
}

.create_form_check_box {
    margin-top: 2.08333vw;
}

.create_form_check_li {
    -webkit-align-items: center;
    align-items: center;
    margin-right: 2.6041666vw;
}

.create_form_check_input {
    width: 0.7291666vw;
    height: 0.7291666vw;
}

.create_form_check_input input {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #999999;
    box-sizing: border-box;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.create_form_check_input input:checked {
    background: url(../images/cd-icon-check.svg) no-repeat center center #003bd8;
    background-size: 150%;
    border: 1px solid #003bd8;
}

.create_form_check_label {
    font-size: 0.7vw;
    line-height: 2vw;
    color: #666666;
}
.create_tips_check .create_form_check_label {
    width: calc(100% - 0.7291666vw);
}
.create_tips_check .create_form_check_li{
    margin: 0;
}

.create_form_check_label label {
    padding-left: 0.625vw;
}

.create_form_textarea_read {
    position: relative;
}

.create_form_textarea_read:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dee6f3;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    box-sizing: border-box;
    pointer-events: none;
    background: #ffffff;
}

.create_form_textarea_read textarea {
    position: relative;
    z-index: 9;
    font-size: 0.78125vw;
    line-height: 1.30208333vw;
    padding: 0.78125vw 1.041666vw;
    color: #111111;
    width: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    resize: none;
    height: 10.67708333vw;

}

.create_form_textarea_read textarea::placeholder {
    color: #999999;
}

.create_form_cont_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-top: 2.08333vw;
}

.create_form_textarea_box {
    width: 67.2549%;
}

.create_form_type_box {
    width: 31.3725%;
}

.create_form_type_read {
    position: relative;
    width: 100%;
    padding: 2.34375vw 2.08333vw;
}

.create_form_type_read:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dee6f3;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    box-sizing: border-box;
    pointer-events: none;
    background: #ffffff;
}

.create_form_type_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.create_form_type_btn {
    position: relative;
    font-size: 0.8333vw;
    line-height: 2.34375vw;
    width: 7.08333vw;
    text-align: center;
    color: #24b574;
    cursor: pointer;
}

.create_form_type_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #24b574;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    box-sizing: border-box;
    pointer-events: none;
}

.create_form_type_head {
    margin-top: 1.041666vw;
    position: relative;
    z-index: 9;
}

.create_form_type_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #333333;
    text-align: center;
}

.create_form_type_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #999999;
    text-align: center;
}

.create_form_text_tab {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.create_form_text_input {
    position: relative;
    width: 49.5098%;
}

.create_form_text_input:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dee6f3;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    box-sizing: border-box;
    pointer-events: none;
    background: #ffffff;
}

.create_form_text_input input {
    position: relative;
    z-index: 9;
    font-size: 0.78125vw;
    line-height: 3.4375vw;
    color: #111111;
    width: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    padding: 0 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.create_form_text_input input::placeholder {
    color: #999999;
}

.create_form_text_box {
    margin-top: 2.08333vw;
}

.create_form_tips_box {
    margin-top: 2.08333vw;
}

.create_form_tips_box .create_form_check_input input {
    border: 1px solid #003bd8;
}

.create_form_button_box {
    margin-top: 2.08333vw;
    position: relative;
}

.create_form_btn_box {
    width: 10.41666vw;
}

.create_form_btn_box button {
    background: #003bd8;
    font-size: 0.9375vw;
    line-height: 3.4375vw;
    color: #ffffff;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

.create_page_form_wrap {
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    padding-bottom: 1.5625vw;
}

.create_form_swiper .swiper-slide-active .create_page_form_wrap {
    opacity: 1;
    pointer-events: auto;
}

.contact_page_wrap {
    padding: 5.7291666vw 0 2.6041666vw 0;
    position: relative;
    overflow: hidden;
}

.contact_page_title {
    font-size: 2.8vw;
    line-height: 3.2vw;
    color: #111111;
}

.contact_page_subtitle {
    font-size: 1vw;
    line-height: 1.8vw;
    color: #111111;
    margin-top: 1.5625vw;
}

.contact_message_tips {
    width: 32.5%;
    padding-right: 5.208333vw;
}

.contact_message_content {
    width: 67.5%;
}

.contact_message_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contact_message_item_box {
    width: 48.148148%;
}

.contact_message_item_box:nth-child(2) {
    width: 37%;
}

.contact_message_item_head {
    -webkit-align-items: center;
    align-items: center;
}

.contact_message_item_icon {
    width: 1.5625vw;
    height: 1.5625vw;
    position: relative;
}

.contact_message_item_icon svg {
    width: 100%;
    fill: #25b472;
}

.contact_message_item_title {
    color: #25b472;
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    margin-left: 0.78125vw;
}

.contact_message_item_subtitle {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #111111;
}

.contact_message_item_text {
    margin-top: 0.5208333vw;
}

.contact_message_item_text,
.contact_message_item_text a {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #003bd8;
}

.contact_message_item_read {
    margin-top: 2.6041666vw;
}

.contact_public_title {
    font-size: 1.6vw;
    line-height: 2.4vw;
    color: #333333;
}

.contact_public_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    margin-top: 0.78125vw;
}

.contact_message_wrap {
    position: relative;
    margin-top: 4.6875vw;
}

.contact_message_box {
    padding: 4.1666vw 0;
    position: relative;
}

.contact_message_line {
    width: 100%;
    height: 1px;
    background: #d9e2f9;
}


.contact_form_wrap {
    position: relative;
}

.contact_form_box {
    padding: 4.1666vw 0 6.25vw 0;
    position: relative;
}

.contact_form_content {
    width: 67.5%;
}

.contact_form_item_box {
    width: 32.4074%;
    margin: 0 1.3889% 0 0;
}

.contact_form_item_box:nth-child(3n) {
    margin: 0;
}

.contact_form_select_wrap {
    position: relative;
    z-index: 19;
}

.contact_form_select_box {
    background: #f8f8f8;
    color: #111111;
    width: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    padding-right: 1.041666vw;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.contact_form_select_input {
    width: calc(100% - 0.78125vw);
    pointer-events: none;
}

.contact_form_select_input input {
    padding: 0 1.041666vw;
    font-size: 0.8333vw;
    line-height: 3.4375vw;
    color: #111111;
    width: 100%;
}

.contact_form_select_icon {
    width: 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.contact_form_select_label {
    width: 100%;
}

.contact_form_select_label svg {
    fill: #999999;
}

.contact_form_select_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    background: #f0f0f0;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 3.958333vw 0 1.041666vw 0;
}

.contact_form_select_pack {
    max-height: 7.08333vw;
    overflow: auto;
}

.contact_form_select_option {
    padding: 0 1.041666vw;
    font-size: 0.7291666vw;
    line-height: 1.7708333vw;
    color: #333333;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.contact_form_select_option:hover {
    color: #003bd8;
}


.contact_form_select_show .contact_form_select_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.contact_form_select_show .contact_form_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.contact_form_item_input input {
    background: #f8f8f8;
    font-size: 0.78125vw;
    line-height: 3.4375vw;
    color: #111111;
    width: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    padding: 0 1.041666vw;
    -webkit-transition: all .6s ease;
}

.contact_page_box {
    position: relative;
    z-index: 9;
}

.contact_form_tab {
    margin-bottom: 1.5625vw;
}

.contact_form_tab_for_lang {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contact_form_textarea_box {
    width: 66.2037%;
    margin: 0 1.3889% 0 0;
}

.contact_form_item_textarea textarea {
    background: #f8f8f8;
    position: relative;
    z-index: 9;
    font-size: 0.8333vw;
    line-height: 1.30208333vw;
    color: #111111;
    width: 100%;
    resize: none;
    height: 10.67708333vw;
    padding: 0.78125vw 1.041666vw;
    border-radius: 0.3125vw;
    transition: 0.6s;
}

.contact_form_item_textarea textarea::placeholder,
.contact_form_select_input input::placeholder,
.contact_form_item_input input::placeholder {
    color: #999999;
}


.contact_form_type_box {
    width: 32.4074%;
}

.contact_form_type_read {
    position: relative;
    width: 100%;
    padding: 2.34375vw 2.08333vw;
}

.contact_form_type_read:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    pointer-events: none;
    background: #f8f8f8;
}

.contact_form_type_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.contact_form_type_btn {
    position: relative;
    font-size: 0.8333vw;
    line-height: 2.34375vw;
    width: 7.08333vw;
    text-align: center;
    color: #24b574;
    cursor: pointer;
}

.contact_form_type_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #24b574;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    box-sizing: border-box;
    pointer-events: none;
}

.file-input{
    display: none;
}

.contact_form_type_head {
    margin-top: 1.041666vw;
    position: relative;
    z-index: 9;
}

.contact_form_type_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #333333;
    text-align: center;
}

.contact_form_type_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #999999;
    text-align: center;
}

.contact_form_base {
    padding: 1.5625vw 0 0 0;
}

.contact_form_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #003bd8;
    margin-bottom: 1.041666vw;
}


.contact_form_check_li {
    -webkit-align-items: center;
    align-items: center;
    margin-right: 2.6041666vw;
}

.contact_form_check_input {
    width: 0.7291666vw;
    height: 0.7291666vw;
}

.contact_form_check_input input {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #999999;
    box-sizing: border-box;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.contact_form_check_input input:checked {
    background: url(../images/cd-icon-check.svg) no-repeat center center #003bd8;
    background-size: 150%;
    border: 1px solid #003bd8;
}

.contact_form_check_label {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: #666666;
}

.contact_form_check_label label {
    padding-left: 0.625vw;
}

.contact_form_tips_tab {
    position: relative;
    margin-top: 1.82291666vw;
}

.contact_form_tips_tab .contact_form_check_input input {
    border: 1px solid #003bd8;
}

.contact_form_button {
    margin-top: 2.08333vw;
}

.contact_form_btn {
    width: 10.41666vw;
}

.contact_form_btn button {
    background: #003bd8;
    font-size: 0.9375vw;
    line-height: 3.4375vw;
    color: #ffffff;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    cursor: pointer;
}

.contact_ewm_wrap {
    position: relative;
}

.contact_ewm_box {
    position: relative;
    padding: 4.1666vw 0;
}

.contact_ewm_content {
    width: 67.5%;
}

.contact_ewm_item_box {
    width: 14%;
    margin-right: 11.111%;
}

.contact_ewm_item_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #003bd8;
    margin-top: 0.5208333vw;
    text-align: center;
}

.about_vision_item_box.AddAboutVision {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddAboutCultureContent .about_culture_item_current .about_culture_big:after,
.AddAboutCultureContent .about_culture_item_current .about_culture_big:before {
    width: 100%;
}

.AddAboutCultureContent .about_culture_item_current .about_culture_item_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}


.AddAboutCultureContent .about_culture_item_current .about_culture_item_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddAboutCultureContent .about_culture_item_current .about_culture_item_cn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddAboutCultureContent .about_culture_item_current .about_culture_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddAboutCultureContent .about_culture_item_current .about_culture_item_label {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddAboutCultureContent .culture_control_button {
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddAboutCultureContent .about_culture_pic {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.AddAboutCultureContent .about_culture_min_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}


.AddServiceGlobalCircle .global_add_item_icon {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_icon {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_icon {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(3) .global_add_item_icon {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(4) .global_add_item_icon {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(5) .global_add_item_icon {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(6) .global_add_item_icon {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(7) .global_add_item_icon {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.AddServiceGlobalCircle .global_add_item_read {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_read {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(2) .global_add_item_read {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(3) .global_add_item_read {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(4) .global_add_item_read {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(5) .global_add_item_read {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(6) .global_add_item_read {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.AddServiceGlobalCircle .global_add_item_box:nth-child(7) .global_add_item_read {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.header_menu_wap_button {
    display: none;
}

.about_stories_pagination {
    display: none;
}


.wap_industry_wrap {
    display: none;
}

.excel_circle_head .vert_public_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excel_circle_head .vert_public_subtitle {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excel_circle_head .vert_public_text {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excel_animate_show .vert_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.excel_animate_show .vert_public_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.excel_animate_show .vert_public_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.excel_circle_show .excel_circle_shade img {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.excel_circle_show .excel_circle_parcel {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.excel_circle_show .excel_circle_line_label img {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.excel_circle_show .excel_circle_line_label:nth-child(1) {
    -webkit-animation: ExcelCircleScale 3s linear infinite normal both;
    animation: ExcelCircleScale 3s linear infinite normal both;
}

.excel_circle_show .excel_circle_line_label:nth-child(2) {
    -webkit-animation: ExcelCircleScale 3s .75s linear infinite normal both;
    animation: ExcelCircleScale 3s .75s linear infinite normal both;
}

.excel_circle_show .excel_circle_line_label:nth-child(3) {
    -webkit-animation: ExcelCircleScale 3s 1.5s linear infinite normal both;
    animation: ExcelCircleScale 3s 1.5s linear infinite normal both;
}

.excel_circle_show .excel_circle_line_label:nth-child(4) {
    -webkit-animation: ExcelCircleScale 3s 2.25s linear infinite normal both;
    animation: ExcelCircleScale 3s 2.25s linear infinite normal both;
}


@keyframes ExcelCircleScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 145%;
        height: 145%;
        opacity: 0.8;
    }
    40% {
        width: 190%;
        height: 190%;
        opacity: 0.6;
    }
    60% {
        width: 235%;
        height: 235%;
        opacity: 0.4;
    }
    80% {
        width: 280%;
        height: 280%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.excel_circle_show .excel_circle_item_current {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.excel_radar_show .excel_radar_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.excel_radar_show .excel_radar_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}


.direct_page_head .vert_public_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.direct_page_head .vert_public_subtitle {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.direct_page_head .vert_public_text {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.direct_animate_show .vert_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.direct_animate_show .vert_public_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.direct_animate_show .vert_public_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.wap_case_wrap {
    display: none;
}

.header_menu_wap_icon {
    display: none;
}