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


.Manrope-Regular {
    font-family: "Manrope-Regular", "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Bold {
    font-family: "Manrope-Bold", "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Light {
    font-family: "Manrope-Light", "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Medium {
    font-family: "Manrope-Medium", "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-SemiBold {
    font-family: "Manrope-SemiBold", "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Extralight {
    font-family: "Manrope-Extralight", "Arial", "Helvetica", "sans-serif" !important;
}


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

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

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

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

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

@font-face {
    font-family: "Manrope-Extralight";
    src: url(../fonts/MANROPE-EXTRALIGHT.TTF);
}


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

html, body {
    font-family: "Manrope-Regular", "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: "Manrope-Regular", "Arial", "Helvetica", "sans-serif" !important;
}

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

.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);
    outline: none;
}

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_swiper {
    height: 100vh;
}

.index_page_wrapper {
    transition: all 1s cubic-bezier(.76, .3, .38, .88);
}

.index_page_slide {
    height: 100%;
}

.index_page_content {
    height: 100%;
}

.index_page_img {
    height: 100%;
}

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

.index_banner_swiper {
    height: 100%;
}

.index_banner_slide {
    height: 100%;
}

.index_banner_content {
    height: 100%;
    position: relative;
}

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

.index_banner_read {
    padding: 0 7.291666vw;
    width: 100%;
    margin-top: 19vw;
}

.index_banner_title {
    font-size: 3.2541666vw;
    line-height: 4.175vw;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_banner_text {
    font-size: 0.7291666vw;
    line-height: 1.1458333vw;
    color: #ffffff;
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);

}

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


.public_button_box a {
    padding: 0.98958333vw 1.041666vw 0.98958333vw 1.5625vw;
    background: #ffffff;
    width: 11.25vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 0 0 1.041666vw 0;
    border-radius: 0 0 1.041666vw 0;
}

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

.index_banner_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.3541666vw;
    color: #1e475e;
    text-transform: uppercase;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.public_button_hide {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.public_button_box a:hover .index_banner_btn_text:nth-child(1) {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.public_button_box a:hover .index_banner_btn_text:nth-child(2) {
    -webkit-transform: none;
    transform: none;
}

.public_button_box a:hover .public_button_icon:nth-child(1) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

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

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

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

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

.public_button_label {
    width: 0.41666vw;
}

.public_button_label svg {
    fill: #1e475e;
}

.index_banner_pic {
    position: relative;
    height: 100%;
}

.index_banner_media {
    height: 100%;
    background: #ffffff;
}

.index_banner_media img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: all 8s linear;
    transition: all 8s linear;
}


.index_banner_icon {
    position: absolute;
    right: 0;
    bottom: 2.8125vw;
    width: 71.6666%;
}

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

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

.header_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    -webkit-backdrop-filter: blur(1.5625vw);
    backdrop-filter: blur(1.5625vw);
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

.head_menu_item_box {
    margin-right: 3.90625vw;
}

.header_menu_box {
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.head_menu_content {
    margin-right: 2.5vw;
}

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

.head_language_wrap {
    margin-right: 2.08333vw;
}

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

.head_language_text {
    line-height: 1.5625vw;
    font-size: 0.83333vw;
    color: #ffffff;
    margin-left: 0.5208333vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.head_language_box a {
    -webkit-align-items: center;
    align-items: center;
}

.head_language_icon {
    width: 1.5625vw;
    height: 1.5625vw;
    position: relative;
    -ebkit-align-items: center;
    align-items: center;

}

.head_language_label {
    width: 100%;
    height: 100%;
}

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

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

.header_content {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: 1.5625vw;
}

.header_logo_box {
    width: 8.4375vw;
}

.header_logo_box a {
    display: block;
}


.header_menu_button {
    width: 5.208333vw;
    height: 4.94791666vw;
    background: #1e475e;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_btn {
    width: 100%;
}

.header_menu_icon {
    width: 2.08333vw;
    height: 0.9375vw;
    position: relative;
    margin: 0 auto;
    -webkit-align-content: space-between;
    align-content: space-between;
}

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

.header_menu_label:nth-child(1):before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_label:nth-child(3):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_btn:hover .header_menu_label:nth-child(1):before,
.header_menu_btn:hover .header_menu_label:nth-child(3):before {
    width: 100%;
}

.header_menu_label:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

.header_menu_label:nth-child(1) {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header_menu_label:nth-child(1):after,
.header_menu_label:nth-child(3):after {
    width: 50%;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.header_menu_read {
    margin-top: 0.5208333vw;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.header_menu_text {
    color: #ffffff;
    font-size: 0.7291666vw;
    line-height: 0.7291666vw;
    width: 100%;
    text-align: center;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

.logo_color {
    fill: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.header_color .logo_color {
    fill: #263c47;
}

.header_color .head_language_icon:after {
    border: 1px solid #333;
}

.header_color .head_language_text {
    color: #333;
}

.header_color .head_language_label img {
    filter: grayscale(100%) brightness(100%) invert(30%);
}

.header_blue .header_menu_button {
    background: #ffffff;
}

.header_blue .header_menu_label:before,
.header_blue .header_menu_label:after {
    background: #263c47;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.header_blue .header_menu_text {
    color: #263c47;
}

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


.header_menu_active .header_menu_label:nth-child(1):before,
.header_menu_active .header_menu_label:nth-child(3):before {
    opacity: 0;
    width: 0;
}

.header_menu_active .header_menu_label:nth-child(1):after,
.header_menu_active .header_menu_label:nth-child(3):after {
    width: 0;
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.header_menu_active .header_menu_label:nth-child(2):after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.header_menu_active .header_menu_label:nth-child(2):before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.header_menu_active .header_menu_text:nth-child(1) {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

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


.menu_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    -webkit-backdrop-filter: blur(1.5625vw);
    backdrop-filter: blur(1.5625vw);
    background: rgba(0, 0, 0, .6);
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.menu_popup_box {
    width: 50%;
    height: 100%;
    background: #ffffff;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.menu_popup_show {
    opacity: 1;
    pointer-events: auto;
}

.menu_popup_show .menu_popup_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.menu_popup_content {
    width: 100%;
    position: relative;
    margin-top: 3.6458333vw;
}

.menu_popup_ul {
    width: 100%;
    padding: 0 1.5625vw 0 5.7291666vw;
}

.menu_popup_li a {
    width: 100%;
    padding: 2.08333vw 0;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}

.menu_popup_li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #1e475e;
}

.menu_popup_li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-image: linear-gradient(to right, #0040df, #5fc993);
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.menu_popup_title {
    position: relative;
    overflow: hidden;
    width: calc(100% - 1.5625vw);
}

.menu_popup_text {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
    width: max-content;
    color: #111111;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.menu_popup_icon {
    width: 1.09375vw;
    height: 1.1458333vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

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

.menu_popup_label svg {
    fill: #bfbfbf;
}

.menu_popup_li a:hover .menu_popup_icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menu_popup_li a:hover .menu_popup_label:nth-child(2) {
    opacity: 0;
}

.menu_popup_li a:hover .menu_popup_label:nth-child(2) {
    opacity: 1;
}

.menu_popup_li a:hover .menu_popup_text:nth-child(1) {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.menu_popup_li a:hover .menu_popup_text:nth-child(2) {
    -webkit-transform: none;
    transform: none;
}

.menu_popup_li a:hover:before {
    width: 100%;
}

.menu_popup_active a .menu_popup_icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menu_popup_active a .menu_popup_label:nth-child(2) {
    opacity: 0;
}

.menu_popup_active a .menu_popup_label:nth-child(2) {
    opacity: 1;
}

.menu_popup_active a .menu_popup_text:nth-child(1) {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.menu_popup_active a .menu_popup_text:nth-child(2) {
    -webkit-transform: none;
    transform: none;
}

.menu_popup_active a:before {
    width: 100%;
}


.index_page_wrap {
    position: relative;
}

.index_page_pagination_wrap {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 5.208333vw;
    z-index: 99;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_pagination_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: rgba(255, 255, 255, .2);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_pagination_box {
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

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

.index_page_pagination_head {
    position: relative;
    height: 1.041666vw;
    overflow: hidden;
}

.index_page_pagination_ul {
    position: relative;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_pagination_li {
    width: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}

.index_page_pagination_text {
    font-size: 0.625vw;
    line-height: 1.041666vw;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_pagination_text:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-image: linear-gradient(to right, #0040df, #5fc993);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
}

.index_page_pagination_tips {
    margin-top: 1.5625vw;
}

.index_page_pagination_label {
    width: 100%;
    height: 0.26041666vw;
    position: relative;
    margin-bottom: 1.5625vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    cursor: pointer;
}

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


.index_page_pagination_label:after {
    content: "";

    width: 40%;
    height: 20%;
    background: rgba(255, 255, 255, .4);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.index_page_pagination_label:before {
    content: "";
    position: absolute;
    right: 0;
    top: 40%;
    width: 40%;
    height: 20%;
    opacity: 0;
    background-image: linear-gradient(to right, #0040df, #5fc993);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_pagination_active:after {
    background: rgba(255, 255, 255, 1);
    width: 100%;
}

.index_page_pagination_active:before {
    width: 100%;
}

.index_page_pagination_color:after {
    background: #efefef;
}

.index_page_pagination_color .index_page_pagination_text:nth-child(1) {
    opacity: 0;
}

.index_page_pagination_color .index_page_pagination_text:nth-child(2) {
    opacity: 1;
}

.index_page_pagination_color .index_page_pagination_label:after {
    background: #e2e2e2;
}

.index_page_pagination_color .index_page_pagination_active:after {
    opacity: 0;
}

.index_page_pagination_color .index_page_pagination_active:before {
    opacity: 1;
}


.index_page_pagination_hide {
    pointer-events: none;
}

.index_page_pagination_hide:after {
    opacity: 0;
}


.index_page_pagination_hide .index_page_pagination_content {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}


.index_page_scroll_wrap {
    position: fixed;
    left: 1.5625vw;
    bottom: 0;
    z-index: 99;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.index_page_scroll_box {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}

.index_page_scroll_text {
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    font-size: 0.7291666vw;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_scroll_read {
    width: 0.78125vw;
    height: 4.1666vw;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    margin-top: 1.041666vw;
}

.index_page_scroll_icon {
    width: 100%;
    height: 1.041666vw;
}

.index_page_scroll_icon svg {
    fill: #ffffff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_scroll_line {
    width: 1px;
    height: 3.125vw;
    background: rgba(255, 255, 255, .2);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_page_scroll_color .index_page_scroll_text {
    color: #aaaaaa;
}

.index_page_scroll_color .index_page_scroll_icon svg {
    fill: #aaaaaa;
}

.index_page_scroll_color .index_page_scroll_line {
    background: #aaaaaa;
}

.index_page_pagination_hide {
    opacity: 0;
    pointer-events: none;
}

.index_banner_pagination_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    z-index: 99;
    pointer-events: none;

}

.index_banner_pagination_box {
    width: 100%;
    padding: 0 7.291666vw;
    margin-bottom: 4.6875vw;
    position: relative;
}

.index_banner_pagination_btn {
    cursor: pointer;
    outline: none;
    position: relative;
    margin-right: 0.83333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

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

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

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

.index_banner_pagination_default svg {
    fill-opacity: 0;
    stroke: rgba(255, 255, 255, .3);
    stroke-width: 1px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    overflow: initial;
}

.index_banner_pagination_animate {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_pagination_animate svg {
    fill-opacity: 0;
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1px;
    stroke-dasharray: 314.15926%;
    stroke-dashoffset: 314.15926%;
    overflow: initial;
}

.index_banner_pagination_label {
    width: 13.333%;
}

.index_banner_pagination_label svg {
    fill: rgba(255, 255, 255, .3);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_pagination_btn:hover .index_banner_pagination_label svg {
    fill: #ffffff;
}

.index_banner_pagination_btn:hover .index_banner_pagination_default svg {
    stroke: #ffffff;
}

.index_banner_pagination_btn:hover .index_banner_pagination_animate {
    opacity: 0;
}

.index_banner_pagination_show svg {
    stroke-dashoffset: 1%;
    -webkit-transition: all 5s linear;
    transition: all 5s linear;
}

@-webkit-keyframes CircleShow {
    0% {
        stroke-dasharray: 314.15926%;
        stroke-dashoffset: 314.15926%;
    }
    100% {
        stroke-dasharray: 314.15926%;
        stroke-dashoffset: 0;
    }
}

@keyframes CircleShow {
    0% {
        stroke-dasharray: 314.15926%;
        stroke-dashoffset: 314.15926%;
    }
    100% {
        stroke-dasharray: 314.15926%;
        stroke-dashoffset: 0;
    }
}

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

.body_animate .index_page_pagination_wrap:after {
    height: 100%;
}


.body_animate .index_page_pagination_content {
    pointer-events: auto;
}


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

.body_animate .index_page_scroll_box {
    opacity: 1;
    -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: .6s;
    transition-delay: .6s;
}

.body_animate .index_page_scroll_line {
    -webkit-animation: 3s 1s ScrollLine infinite linear normal none;
    animation: 3s 1s ScrollLine infinite linear normal none;
}

@-webkit-keyframes ScrollLine {
    0% {
        height: 3.125vw;
    }
    50% {
        height: 1.5625vw;
    }
    100% {
        height: 3.125vw;
    }
}

@keyframes ScrollLine {
    0% {
        height: 3.125vw;
    }
    50% {
        height: 1.5625vw;
    }
    100% {
        height: 3.125vw;
    }
}


.header_white .logo_color {
    fill: #263c47;
}

.header_white .head_language_icon:after {
    border: 1px solid #333;
}

.header_white .head_language_text {
    color: #333333;
}

.header_white .head_language_label img {
    filter: grayscale(100%) brightness(100%) invert(30%);
}

.header_white .head_menu_item_link {
    color: #333333;
}

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

.header_active .logo_color {
    fill: #ffffff;
}

.header_active .head_language_icon:after {
    border: 1px solid #ffffff;
}

.header_active .head_language_text {
    color: #ffffff;
}

.header_active .head_language_label img {
    filter: grayscale(100%) brightness(100%) invert(100%);
}

.header_active .head_menu_item_link {
    color: #ffffff;
}

.header_menu_color:after {
    opacity: 0;
    height: 0;
}

.header_menu_color .head_language_icon:after {
    border: 1px solid #333;
}

.header_menu_color .head_language_text {
    color: #333;
}

.header_menu_color .head_language_label img {
    filter: grayscale(100%) brightness(100%) invert(30%);
}

.header_menu_color .logo_color {
    fill: #ffffff;
}

.header_menu_color .header_menu_button {
    background: #263c47;
}

.header_menu_color .header_menu_label:before,
.header_menu_color .header_menu_label:after {
    background: #ffffff;
}

.header_menu_color .header_menu_text {
    color: #ffffff;
}

.header_menu_color .header_menu_box {
    opacity: 0;
    pointer-events: none;
}

.index_pro_wrap {
    height: 100%;
    position: relative;
}


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

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

.index_pro_content {
    width: 100%;
    padding: 0 5.208333vw 0 7.291666vw;
    margin-top: 3.125vw;
}


.public_en_title {
    font-size: 3.2291666vw;
    line-height: 3.6458333vw;
    color: #243b46;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

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

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

.index_pro_pack {
    margin-top: 2.08333vw;
}

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

.public_cn_title {
    font-size: 2.208333vw;
    line-height: 3.041666vw;
    color: #243b46;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index_pro_title_wrap {
    width: 100%;
}

.index_pro_button_wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.index_pro_big {
    width: 22.91666%;
    -webkit-align-content: space-between;
    align-content: space-between;
}


.index_pro_tab {
    width: 77.08334%;
    position: relative;
}

.index_pro_pagination_wrap {
    position: absolute;
    right: 1.5625vw;
    top: -2.8125vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    overflow: hidden;
}

.index_pro_pagination_box {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index_pro_pagination_wrap .index_banner_pagination_btn {
    opacity: 1;
    pointer-events: auto;

}

.index_pro_pagination_wrap .index_banner_pagination_default svg {
    stroke: #d9d9d9;
}

.index_pro_pagination_wrap .index_banner_pagination_label svg {
    fill: #adadad;
}

.index_pro_pagination_animate {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_pagination_animate svg {
    fill-opacity: 0;
    stroke: #295066;
    stroke-width: 1px;
    stroke-dasharray: 314.15926%;
    stroke-dashoffset: 314.15926%;
}

.index_pro_pagination_animate.index_banner_pagination_show svg {
    stroke-dashoffset: 1%;
    -webkit-transition: all 5s linear;
    transition: all 5s linear;
}

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

.index_pro_pagination_wrap .index_banner_pagination_btn:hover .index_banner_pagination_label svg {
    fill: #295066;
}

.index_pro_pagination_wrap .index_banner_pagination_btn:hover .index_banner_pagination_default svg {
    stroke: #295066;
}

.index_pro_item_box a {
    display: block;
    pointer-events: none;
}

.index_pro_title_line {
    margin-top: 1.82291666vw;
}

.index_public_line {
    position: relative;
    width: 0;
}

.index_public_label {
    position: relative;
    height: 0.208333vw;
}

.index_public_label:nth-child(1) {
    width: 64.516129%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.index_public_label:nth-child(2) {
    width: 32.258%;
    margin-left: 3.225871%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}

.index_pro_item_label {
    position: relative;
    height: 0.1041666vw;
}

.index_pro_item_line {
    width: 0;
    position: relative;
}

.index_pro_item_label:nth-child(1) {
    width: 64.516129%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.index_pro_item_label:nth-child(2) {
    width: 32.258%;
    margin-left: 3.225871%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}

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

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

.index_pro_item_button {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}

.index_pro_item_btn {
    -webkit-align-items: center;
    align-items: center;

}

.index_pro_btn_text {
    font-size: 0.625vw;
    line-height: 1.458333vw;
    padding: 0 1.041666vw;
    color: #222222;
    background: rgba(255, 255, 255, .8);
    -webkit-border-radius: 0.7291666vw;
    border-radius: 0.7291666vw;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_btn_icon {
    width: 1.458333vw;
    height: 1.458333vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(255, 255, 255, .8);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 18.75vw;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_item_width:hover .index_pro_btn_text {
    opacity: 1;
}

.index_pro_item_width:hover .index_pro_btn_icon {
    margin-left: 0.208333vw;
    opacity: 1;
}

.index_pro_item_width:hover .index_pro_btn_label {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.index_pro_item_width:hover .index_pro_item_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.index_pro_item_box a:hover .index_pro_en_title {
    color: #ffa000;
}

.index_pro_btn_label {
    width: 60%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_btn_label svg {
    fill: #222222;
}

.index_pro_item_pic {
    width: 35vw;
}

.index_pro_item_img {
    width: 100%;
    padding-bottom: 50%;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.index_pro_item_img img {

    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_item_content {
    margin-top: 1.30208333vw;
}

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

.index_pro_item_en {

    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index_pro_en_title {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #222222;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_item_subtitle {
    margin-bottom: 1.5625vw;
}

.index_pro_item_read {
    margin-top: 1.5625vw;
}

.index_pro_item_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #222222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}


.index_pro_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #999999;
    margin-top: 0.5208333vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}


.index_pro_button_wrap .public_button_box a {
    background: none;
    position: relative;

}

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

.index_about_wrap {
    position: relative;
    height: 100%;
}


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

.index_about_back video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.index_about_back img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.index_about_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    /*width: 40.625%;*/
    height: 100%;
    background: #1e475e;
    z-index: 9;
}

.index_about_box {
    position: relative;
    z-index: 9;
    height: 100%;
    padding: 0 5.208333vw 0 7.291666vw;
    -webkit-align-items: center;
    align-items: center;
}

.index_about_content {
    width: 100%;
}

.index_about_big {
    width: 46.428571%;
}

.public_stoke_title {
    font-size: 5.7291666vw;
    line-height: 6.7708333vw;
    text-transform: uppercase;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .5);
    color: transparent;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index_about_cn_max {
    margin-top: 0.78125vw;
}

.index_about_cn_subtitle .public_cn_title {
    color: #ffffff;
}

.index_about_cn_title .public_cn_title {
    color: #ffffff;
}

.index_about_line {
    margin-top: 1.82291666vw;
}

.index_about_read {
    margin-top: 1.82291666vw;
    overflow: hidden;
}

.public_text {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #ffffff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index_about_button_wrap {
    margin-top: 10.41666vw;
    overflow: hidden;
    position: relative;
}

.index_about_pack {
    width: calc(53.571429% + 7.291666vw);
    margin-left: -7.29166vw;
    padding: 0 3.6458333vw;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_about_tips_box {
    font-size: 0.78125vw;
    line-height: 1.1458333vw;
    color: #ffffff;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}


.index_concept_wrap {
    position: relative;
    height: 100%;
}


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

}

.index_concept_back video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.index_concept_box {
    position: relative;
    z-index: 99;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.index_concept_content {
    width: 100%;
    padding: 0 5.208333vw 0 7.291666vw;
    position: relative;
    margin-top: 3.125vw;
}

.index_concept_en_title {
    overflow: hidden;
}

.index_concept_max_box {
    margin-top: 2.6041666vw;
}

.index_concept_max_subtitle {
    overflow: hidden;
    position: relative;

}

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

.index_concept_max_label {
    font-size: 3.2291666vw;
    line-height: 3.6458333vw;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index_concept_max_subtitle .public_cn_title,
.index_concept_max_title .public_cn_title
{
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}


.index_about_text {
    font-size: 2.291666vw;
    line-height: 2.8125vw;
    color: #ffffff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index_concept_line {
    margin-top: 1.82291666vw;
}

.index_concept_read {
    margin-top: 1.82291666vw;
    overflow: hidden;
    position: relative;
}

.index_concept_big {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-right: 4.6875vw;
    margin-top: 8.333vw;
}

.index_concept_tips_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.index_concept_tips_text {
    font-size: 0.78125vw;
    line-height: 1.1458333vw;
    color: #ffffff;
}

.index_concept_button_wrap {
    overflow: hidden;
}

.index_news_wrap {
    position: relative;
    height: 100%;
}


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


.index_news_box {
    position: relative;
    z-index: 9;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.index_news_content {
    width: 100%;
    padding: 0 9.8958333vw 0 7.291666vw;
    position: relative;
    margin-top: 3.125vw;
}

.index_news_title_line {
    margin-top: 1.82291666vw;
}

.index_news_head_wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}


.index_news_head_button .public_button_box a {
    background: none;
    position: relative;

}

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

.index_news_item_box a {
    display: block;
    position: relative;
    pointer-events: none;
}

.index_news_item_box a:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 0;
    height: 1px;
    background: #e7e7e7;
}

.index_news_swiper .swiper-slide-duplicate-prev .index_news_item_content:after {
    display: none;
}

.index_news_item_content {
    padding: 3.125vw 2.08333vw 1.041666vw 2.08333vw;
    position: relative;
}

.index_news_item_content:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 0;
    background: #e7e7e7;
}

.index_news_item_day {
    font-size: 2.708333vw;
    line-height: 3.125vw;
    color: #243b46;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_year {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #243b46;
}

.index_news_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    height: 3.5416666vw;
    color: #243b46;
    margin-top: 1.5625vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_news_item_read {
    position: relative;
    margin-top: 2.6041666vw;
}

.index_news_item_big {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.index_news_item_text {
    width: 100%;
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.index_news_item_pic {
    position: relative;
    padding-bottom: 51.282051%;
}

.index_news_item_animate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.index_news_item_img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 51.282051%;
}

.index_news_item_img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

/*.index_news_item_box a:hover .index_news_item_animate {*/
/*    height: 100%;*/
/*    -webkit-transition-delay: .15s;*/
/*    transition-delay: .15s;*/
/*}*/

/*.index_news_item_box a:hover .index_news_item_big {*/
/*    -webkit-transform: translateY(-4vw);*/
/*    transform: translateY(-4vw);*/
/*    opacity: 0;*/
/*    -webkit-transition-delay: 0s;*/
/*    transition-delay: 0s;*/
/*}*/

/*.index_news_item_box a:hover .index_news_item_day {*/
/*    color: #ffa000;*/
/*}*/

/*.index_news_item_box a:hover .index_news_item_img img {*/
/*    -webkit-transform: none;*/
/*    transform: none;*/
/*}*/


.index_news_item_active a .index_news_item_animate {
    height: 100%;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.index_news_item_active a .index_news_item_big {
    -webkit-transform: translateY(-4vw);
    transform: translateY(-4vw);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.index_news_item_active a .index_news_item_day {
    color: #ffa000;
}

.index_news_item_active a .index_news_item_img img {
    -webkit-transform: none;
    transform: none;
}

.index_news_tab {
    margin-top: 3.125vw;
}

.index_news_pagination_wrap {
    display: none;
}

.index_partner_pagination_wrap {
    display: none;
}

.footer_box {
    padding: 0 1.5625vw;
    background: #1e475e;
    position: relative;
}

.footer_line_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.3125vw;
}

.footer_line_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 68.75%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.footer_line_box:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 31.25%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}

.footer_content {
    padding: 4.1666vw 0 2.08333vw 0;
}

.footer_menu_messages_subtitle {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    text-transform: uppercase;
}

.footer_menu_messages_read {
    margin-top: 1.041666vw;
}


.footer_menu_messages_label {
    font-size: 3.958333vw;
    line-height: 3.958333vw;
    color: #ffffff;
    text-transform: uppercase;
}

.footer_menu_messages_button {
    margin-top: 3.125vw;
}

.footer_menu_messages_box {
    width: 50%;
}


.footer_menu_box {
    width: 50%;
}

.footer_menu_label {
    width: 8.4375vw;
    height: 2.5vw;
}

.footer_menu_label svg {
    fill: #ffffff;
}

.footer_menu_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 3.125vw;
}

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

.footer_menu_item_text {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #ffffff;
    text-align: center;
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_menu_item_text:nth-child(2) {
    margin-top: -1.6666vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.footer_menu_item_link:hover .footer_menu_item_text:nth-child(1) {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

.footer_menu_item_link:hover .footer_menu_item_text:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.footer_menu_contact_wrap {
    margin-top: 11.458333vw;
    padding-bottom: 1.5625vw;
}

.footer_menu_contact_tel a {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #ffffff;
    position: relative;
}

.footer_menu_contact_tel 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_menu_contact_tel a:hover:after {
    width: 100%;
    left: 0;
}

.footer_menu_contact_text {
    font-size: 0.78125vw;
    line-height: 1.66666vw;
    color: #7a8e98;
    margin-top: 0.5208333vw;

}

.footer_share_wrap {
    padding: 0.5208333vw 0;
}

.footer_share_tab {
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
}

.footer_copy_box {
    width: 50%;
}

.footer_share_item_box {
    margin-right: 2.34375vw;
}

.footer_share_item_box a {
    display: block;
}

.footer_share_item_label {
    width: 1.30208333vw;
}


.footer_share_item_face {
    width: 0.78125vw;
}

.footer_share_item_box a .footer_share_item_label svg {
    fill: #ffffff;
}

.footer_copy_text {
    margin-right: 1.5625vw;
}

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

.footer_copy_text {
    padding: 0.41666vw 0;
}

.footer_copy_text,
.footer_copy_text a {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #4a6978;
    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 {
    width: 100%;
    left: 0;
}

.index_about_en_title {
    overflow: hidden;
}

.index_about_cn_subtitle {
    overflow: hidden;
}

.index_about_cn_title {
    overflow: hidden;
}

.index_news_head_text {
    overflow: hidden;
}

.index_news_title_text {
    overflow: hidden;
}

.index_news_head_button {
    overflow: hidden;
}

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

/*第一屏*/
.index_page_current .index_banner_pagination_btn {
    pointer-events: auto;
    opacity: 1;
    -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_page_current .index_banner_swiper .swiper-slide-active .index_banner_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);
}

.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_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_page_current .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;
}

/*第二屏*/
.index_page_current .index_pro_head_subtitle .public_en_title {
    -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_current .index_pro_head_title .public_en_title {
    -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_page_current .index_pro_title_text .public_cn_title {
    -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_page_current .index_pro_title_line .index_public_line {
    width: 4.84375vw;
    -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_page_current .index_pro_button_wrap .public_button_box {
    -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;
}

.index_page_current .index_pro_pagination_box {
    -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: .6s;
    transition-delay: .6s;
}

.index_page_current .index_pro_item_box a {
    pointer-events: auto;
}

.index_page_current .index_pro_item_max {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.index_page_current .index_pro_item_img {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 3s cubic-bezier(.4, 0, .2, 1);
    transition: all 3s cubic-bezier(.4, 0, .2, 1);
}

.index_page_current .index_pro_item_box .index_pro_item_en {
    -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: .7s;
    transition-delay: .7s;
}


.index_page_current .index_pro_item_box .index_pro_item_line {
    width: 4.84375vw;
    -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;
}


.index_page_current .index_pro_item_box .index_pro_item_title {
    -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: .9s;
    transition-delay: .9s;
}

.index_page_current .index_pro_item_box .index_pro_item_text {
    -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_page_current .index_banner_swiper .swiper-slide-active .index_banner_media img {
    -webkit-transform: none;
    transform: none;
}

.index_page_current .index_about_back img {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 5s linear;
    transition: all 5s linear;
}

.index_page_current .index_about_back:after {
    width: 40.625%;
    -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_page_current .index_about_en_title .public_stoke_title {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    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_page_current .index_about_cn_subtitle .public_cn_title {
    -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_page_current .index_about_cn_title .public_cn_title {
    -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;
}

.index_page_current .index_about_line .index_public_line {
    width: 4.84375vw;
    -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;
}


.index_page_current .index_about_read .public_text {
    -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: .6s;
    transition-delay: .6s;
}

.index_page_current .index_about_button_wrap .public_button_box {
    -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: .7s;
    transition-delay: .7s;
}

.index_page_current .index_about_tips_box {
    -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);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

/*第四屏*/
.index_page_current .index_concept_en_title .public_stoke_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.index_page_current .index_concept_max_subtitle .index_concept_max_label,
.index_page_current .index_concept_max_subtitle .public_cn_title
{
    -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_page_current .index_concept_max_title .index_concept_max_label,
.index_page_current .index_concept_max_title .public_cn_title
{
    -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_page_current .index_concept_line .index_public_line {
    width: 4.84375vw;
    -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_page_current .index_concept_read .index_about_text {
    -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;
}

.index_page_current .index_concept_tips_box {
    -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);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}


.index_page_current .index_concept_button_wrap .public_button_box {
    -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;
}

/*第五屏*/
.index_page_current .index_news_head_text .public_en_title {
    -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_current .index_news_title_text .public_cn_title {
    -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_page_current .index_news_title_line .index_public_line {
    width: 4.84375vw;
    -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_page_current .index_news_head_button .public_button_box {
    -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_page_current .index_news_item_box .index_news_item_pack {
    -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);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_page_current .index_news_item_box a {
    pointer-events: auto;
}

.index_page_current .index_news_item_box a:after {
    width: 100%;
    -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;
}

.index_page_current .index_news_item_content:after {
    height: 100%;
    -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;
}

.footer_wrap {
    position: sticky;
    left: 0;
    bottom: 0;
}

.public_banner_wrap {
    position: relative;
    height: 100vh;
    width: 100%;
}

.public_banner_back {
    height: 100%;
    width: 100%;
    position: relative;
}

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

.page_center {
    padding: 0 4.42708333vw;
}

.public_banner_content {
    width: 100%;
    margin-bottom: 8.8541666vw;
}

.public_banner_title_label {
    font-size: 3.541666vw;
    line-height: 4.0625vw;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

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

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

.public_banner_subtitle_label {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #ffffff;
    text-align: center;
}


.public_banner_button {
    position: absolute;
    bottom: 3.125vw;
    left: 0;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.public_banner_btn {
    width: 3.6458333vw;
    height: 3.6458333vw;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    cursor: pointer;
}

.public_banner_line_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;

}

.public_banner_line_label {
    position: relative;
    width: 0.5208333vw;
    -webkit-transform: translateY(-0.5208333vw);
    transform: translateY(-0.5208333vw);
}

.public_banner_line_box:nth-child(2) .public_banner_line_label {
    opacity: 0;
}

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

.AddBannerFade .public_banner_subtitle_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: .3s;
    transition-delay: .3s;
}

.AddBannerFade .public_banner_btn {
    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;
}

.AddBannerFade .public_banner_line_box:nth-child(1) .public_banner_line_label {
    -webkit-animation: LineTop 1.5s 1.4s infinite linear normal both;
    animation: LineTop 1.5s 1.4s infinite linear normal both;
}

@keyframes LineTop {
    0% {
        -webkit-transform: translateY(-0.5208333vw);
        transform: translateY(-0.5208333vw);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0.5208333vw);
        transform: translateY(0.5208333vw);
        opacity: 0;
    }
}

.about_page_wrap {
    overflow: hidden;
}

.about_details_wrap {
    padding: 6.25vw 0;
}

.page_public_subtitle {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #333333;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.page_public_title {
    font-size: 2.3958333vw;
    line-height: 3.0208333vw;
    color: #222222;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    text-transform: uppercase;
}

.page_public_head_read {
    margin-top: 1.041666vw;
}

.page_public_line {
    position: relative;
    width: 0;
    margin-top: 2.34375vw;
}

.page_public_label {
    position: relative;
    height: 0.208333vw;
}

.page_public_label:nth-child(1) {
    width: 64.516129%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.page_public_label:nth-child(2) {
    width: 32.258%;
    margin-left: 3.225871%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}


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

.about_details_head_box {
    width: 41.1428%;
    padding-right: 5.208333vw;
}

.about_details_data_wrap {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
}

.about_details_data_box {
    width: 58.8572%;
}

.about_details_data_title {
    font-size: 1.5625vw;
    line-height: 1.875vw;
    color: #222222;
}

.about_details_data_title1 {
    font-size: 1.5625vw;
    line-height: 1.875vw;
    color: #222222;
    margin-top: 5.208333vw;
}

.about_details_data_text {
    font-size: 0.8333vw;
    line-height: 1.875vw;
    color: #222222;
    margin-top: 2.08333vw;
}

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

.about_data_item_number {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #222222;
}

.about_data_item_label {
    font-size: 0.8333vw;
    line-height: 2.34375vw;
    color: #222222;
}

.about_data_item_text {
    font-size: 1.2291666vw;
    line-height: 1.5625vw;
    color: #666666;
}

.about_details_data_tab {
    margin-top: 1vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.about_advertising_wrap {
}

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

.about_advertising_img {
    padding-bottom: 34%;
    overflow: hidden;
    position: relative;
}

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

.pro_details_item_pic {
    position: relative;
}

.pro_details_item_pic:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9;
}

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

.ImgParallaxImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 12.5vw);
}

.about_culture_wrap {
    padding: 4.6875vw 0 7.8125vw 0;
}

.about_culture_tab {
    margin-top: 5.208333vw;
    position: relative;
}

.about_culture_item_box {
    width: 32%;
    position: relative;
    margin: 0 2% 0 0;
    overflow: hidden;
}

.about_culture_item_box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 999;
}

.about_culture_item_box:nth-child(3n) {
    margin: 0;
}

.about_culture_item_img {
    padding-bottom: 110.7142%;
    position: relative;
    overflow: hidden;
}

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

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

.about_culture_item_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1e475e;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_item_big {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
    z-index: 9;
}

.about_culture_item_icon {
    width: 100%;

}

.about_culture_item_label {
    width: 3.541666vw;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_item_label svg {
    fill: #ffffff;
}

.about_culture_item_read {
    width: 100%;
    -webkit-transform: translateY(4.42708333vw);
    transform: translateY(4.42708333vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_item_title {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #ffffff;
}

.about_culture_item_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #ffffff;
    margin-top: 1.30208333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_item_line {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0.26041666vw;
    z-index: 10;
    -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;
}

.about_culture_item_line:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 68.75%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.about_culture_item_line:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 31.25%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}

.about_culture_item_box:hover .about_culture_item_img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.about_culture_item_box:hover .about_culture_item_content:after {
    opacity: 1;
}

.about_culture_item_box:hover .about_culture_item_line {
    width: 100%;
    left: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.about_culture_item_box:hover .about_culture_item_label {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.about_culture_item_box:hover .about_culture_item_read {
    -webkit-transform: none;
    transform: none;

}

.about_culture_item_box:hover .about_culture_item_text {
    opacity: 1;

}

.about_history_wrap {
    padding: 5.208333vw 0;
    background: #1e465d;
    position: relative;
}

.about_history_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));
}

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

.about_history_head_wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.about_history_head_box .page_public_subtitle {
    color: #ffffff;
}

.about_history_head_box .page_public_title {
    color: #ffffff;
}


.public_swiper_btn {
    width: 3.2291666vw;
    height: 2.91666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

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

.public_swiper_tips {
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

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

.public_swiper_label {
    width: 0.41666vw;
}

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

.public_btn_active .public_swiper_btn:after {
    background: #ffffff;
}

.public_btn_active .public_swiper_btn .public_swiper_icon:nth-child(1) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.public_btn_active .public_swiper_btn .public_swiper_icon:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.public_btn_active .public_swiper_btn .public_swiper_label svg {
    fill: #1e465d;
}

.about_history_btn_wrap {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.about_history_btn_box {
    margin-right: 1.041666vw;

}

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

.about_history_btn_prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.about_history_item_year {
    font-size: 4.1666vw;
    line-height: 4.1666vw;
    color: rgba(255, 255, 255, .3);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_history_item_label {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: rgba(255, 255, 255, .3);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_history_item_tips {
    height: 13.541666vw;
    position: relative;
}

.about_history_item_line {
    height: 100%;
    width: 12.5%;
    position: relative;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.about_history_item_line:after {
    content: "";
    width: 1px;
    height: 76%;
    -webkit-background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
    opacity: .3;
}

.about_history_item_line:first-child:after {
    display: none;
}


.about_history_item_head {
    padding-left: 1.5625vw;
}

.about_history_item_box {
    position: relative;
}

.about_history_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
    opacity: .3;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_history_item_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-background-image: linear-gradient(to bottom, rgba(244, 195, 39, 1) 70%, rgba(244, 195, 39, 0));
    background-image: linear-gradient(to bottom, rgba(244, 195, 39, 1) 70%, rgba(244, 195, 39, 0));
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_history_item_active:after {
    opacity: 0;
}

.about_history_item_active:before {
    height: 140%;
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_history_item_active .about_history_item_year {
    color: #f4c31d;
}

.about_history_item_active .about_history_item_label {
    color: #f4c31d;
}

.about_history_big {
    margin-top: 7.8125vw;
    padding: 0 4.42708333vw;
}

.about_history_swiper {
    padding-left: 21.3142%;
    overflow: initial;
}

.about_history_swiper .swiper-wrapper {
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.about_history_item_big {
    padding-top: 0.5208333vw;
    padding-left: 21.3142%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_history_text_swiper {
    padding: 0 4.42708333vw;
}

.about_history_text_swiper .swiper-slide-active .about_history_item_big {
    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);
}

.about_history_item_read {

    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 5.625vw;
    padding-left: 1.5625vw;
}

.about_history_item_text {
    font-size: 1.041666vw;
    line-height: 1.875vw;
    color: #ffffff;
    width: 100%;
}

.about_solution_wrap {
    padding: 5.7291666vw 0;
}

.about_solution_head_wrap {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.about_solution_head_big {
    padding-bottom: 2.6041666vw;
    width: 30.28571%;
}

.about_solution_head_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #666666;
}

.about_solution_big {
    margin-top: 6.7708333vw;
}

.sustain_core_content {
    margin-top: 4.6875vw;
}

.about_solution_item_box {
    width: 33.3333%;
    position: relative;
    padding: 1.041666vw 3.90625vw;
}

.about_solution_item_box:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #a7a8aa;
}

.about_solution_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #a7a8aa;
}


.about_solution_team_icon {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_solution_team_label {
    width: 100%;
    height: 9.63541666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_solution_team_label img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.about_solution_team_read {
    margin-top: 5.7291666vw;
}

.about_solution_team_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #333333;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.about_advantage_wrap {
    padding: 3.125vw 0 17.44791666vw 0;
    position: relative;
}

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

.about_advantage_head_tips .page_public_subtitle {
    color: #ffffff;
}

.about_advantage_head_subtitle .page_public_title {
    color: #ffffff;
}

.about_advantage_big {
    margin-top: 2.86458333vw;
}

.about_advantage_item_box {
    width: 31.8857%;
    padding: 2.34375vw;
    position: relative;
    -webkit-background-image: linear-gradient(to top, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    margin: 0 2.17145% 0 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_advantage_item_box:nth-child(3n) {
    margin: 0;
}

.about_advantage_item_title {
    font-size: 1.25vw;
    line-height: 1.66666vw;
    color: #ffffff;
    margin-bottom: 1.30208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.about_advantage_item_line {
    width: 100%;
    height: 1px;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_advantage_item_line:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    background: rgba(255, 255, 255, .2);
}

.about_advantage_item_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #ffffff;
}

.about_advantage_money_box {
    width: 3.3333vw;
    height: 3.3333vw;
    position: relative;
}

.about_advantage_money_circle {
    position: relative;
    width: 100%;
    height: 100%;
}

.about_advantage_money_circle svg {
    fill-opacity: 0;
    stroke-width: 0.1041666vw;
    stroke: #ffffff;
    stroke-dasharray: 314.15926%;
    stroke-dashoffset: 314.15926%;
    stroke-linecap: round;

}

.about_advantage_money_read {
    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_advantage_money_center {
    width: 31.25%;
    opacity: 0;
}

.about_advantage_money_center svg {
    fill: #ffffff;
}

.about_advantage_item_icon {
    margin-bottom: 1.5625vw;
}

.AddAboutAdvantageItem {
    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);
}

.AddAboutAdvantageItem .about_advantage_money_box .about_advantage_money_circle svg {
    -webkit-animation: MoneyCircle 2s infinite linear normal both;
    animation: MoneyCircle 2s infinite linear normal both;
}

.AddAboutAdvantageItem .about_advantage_money_box .about_advantage_money_center {
    -webkit-animation: MoneyCenter 1s infinite linear normal both;
    animation: MoneyCenter 1s infinite linear normal both;
}

.AddAboutAdvantageItem .about_advantage_team_label:nth-child(1) {
    -webkit-animation: TeamLeftLabel 2s infinite linear normal both;
    animation: TeamLeftLabel 2s infinite linear normal both;
}

.AddAboutAdvantageItem .about_advantage_team_label:nth-child(2) {
    -webkit-animation: TeamRightLabel 2s infinite linear normal both;
    animation: TeamRightLabel 2s infinite linear normal both;
}

.AddAboutAdvantageItem .about_advantage_team_line svg {
    fill-opacity: 0;
    stroke: #ffffff;
    stroke-width: 1.041666vw;
    stroke-dasharray: 428;
    stroke-dashoffset: 428;
    stroke-linecap: round;
    -webkit-animation: TeamLine 2s infinite linear normal both;
    animation: TeamLine 2s infinite linear normal both;
}

.AddAboutAdvantageItem .about_advantage_network_center {
    width: 52%;
    opacity: 1;
    -webkit-animation: NetworkScale 2s infinite linear normal both;
    animation: NetworkScale 2s infinite linear normal both;
}

.AddAboutAdvantageItem .about_advantage_network_box .about_advantage_network_circle svg {
    -webkit-animation: NetworkCircle 2s infinite linear normal both;
    animation: NetworkCircle 2s infinite linear normal both;
}

.AddAboutAdvantageItem .about_advantage_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);
}

.AddAboutAdvantageItem .about_advantage_item_line {
    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;
}


.AddAboutAdvantageItem .about_advantage_item_read {
    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;
}

@-webkit-keyframes MoneyCircle {
    0% {
        opacity: 0;
        stroke-dashoffset: 314.15926%;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    10% {
        opacity: 1;
    }
    50% {
        stroke-dashoffset: 31.415927%;
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        stroke-dashoffset: 31.415927%;
        opacity: 0;
    }
}

@keyframes MoneyCircle {
    0% {
        opacity: 0;
        stroke-dashoffset: 314.15926%;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    10% {
        opacity: 1;
    }
    50% {
        stroke-dashoffset: 31.415927%;
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        stroke-dashoffset: 31.415927%;
        opacity: 0;
    }
}


@-webkit-keyframes MoneyCenter {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
    10% {
        opacity: 1;
    }
    50% {
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0;
    }
}

@keyframes MoneyCenter {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
    10% {
        opacity: 1;
    }
    50% {
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0;
    }
}

.about_advantage_item_team {
    width: 3.3333vw;
    height: 3.3333vw;
    position: relative;
}

.about_advantage_team_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.about_advantage_team_label {
    width: 31.25%;
    height: 100%;
    -webkit-transform: translateX(-0.5208333vw);
    transform: translateX(-0.5208333vw);
    opacity: 0;
}


.about_advantage_team_label:nth-child(2) svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.about_advantage_team_label svg {
    fill: #ffffff;
}

.about_advantage_team_read {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.about_advantage_team_line {
    width: 47%;
    margin-top: 5%;
}


.about_advantage_team_line:nth-child(2) svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


@-webkit-keyframes TeamLeftLabel {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-0.5208333vw);
        transform: translateX(-0.5208333vw);
    }
    30% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes TeamLeftLabel {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-0.5208333vw);
        transform: translateX(-0.5208333vw);
    }
    30% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes TeamRightLabel {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0.5208333vw);
        transform: translateX(0.5208333vw);
    }
    30% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes TeamRightLabel {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0.5208333vw);
        transform: translateX(0.5208333vw);
    }
    30% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes TeamLine {
    0% {
        stroke-dasharray: 428;
        stroke-dashoffset: 428;
    }
    30% {
        stroke-dasharray: 428;
        stroke-dashoffset: 428;
    }
    60% {
        stroke-dasharray: 428;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 428;
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes TeamLine {
    0% {
        stroke-dasharray: 428;
        stroke-dashoffset: 428;
    }
    30% {
        stroke-dasharray: 428;
        stroke-dashoffset: 428;
    }
    60% {
        stroke-dasharray: 428;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 428;
        stroke-dashoffset: 0;
    }
}

.about_advantage_network_box {
    width: 3.3333vw;
    height: 3.3333vw;
    position: relative;
}

.about_advantage_network_circle {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.about_advantage_network_circle svg {
    fill-opacity: 0;
    stroke-width: 0.1041666vw;
    stroke: #ffffff;
    stroke-dasharray: 314.15926%;
    stroke-dashoffset: 314.15926%;
    stroke-linecap: round;
}

.about_advantage_network_read {
    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_advantage_network_center svg {
    fill: #ffffff;
}


@keyframes NetworkCircle {

    0% {
        opacity: 0;
        stroke-dashoffset: 314.15926%;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    10% {
        opacity: 1;
    }
    50% {
        stroke-dashoffset: 1%;
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        stroke-dashoffset: 1%;
        opacity: 0;
    }
}

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

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

.about_partner_wrap {
    background: #f4f4f4;
}

.about_partner_head_wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.about_bank_current_head .page_public_head_read {
    margin: 0 0 1.041666vw 0;

}

.about_partner_head_read {
    width: 41.71428%;
}

.about_partner_content {
    padding: 4.6875vw 0 5.7291666vw 0;
}

.about_partner_content:nth-child(2n) {
    padding: 0 0 5.7291666vw 0;
}

.about_partner_head_text {
    font-size: 0.8333vw;
    line-height: 1.66666vw;
    color: #222222;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.about_partner_head_button {
    margin-top: 5.208333vw;
    overflow: hidden;
}

.about_partner_btn_box .public_swiper_btn:after {
    border: 1px solid #1e465d;
}

.about_partner_btn_box .public_swiper_label svg {
    fill: #1e465d;
}

.about_partner_btn_box {
    margin-right: 1.041666vw;
}

.about_partner_btn_prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.about_partner_img {
    padding-bottom: 57.1428%;
}

.about_partner_tab {
    margin-top: 4.6875vw;
}


.about_partner_head_button .public_btn_active .public_swiper_btn:after {
    background: #1e465d;
}


.about_partner_head_button .public_btn_active .public_swiper_btn .public_swiper_label svg {
    fill: #ffffff;
}

.about_partner_quota_tips {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #1e465d;
}

.about_partner_quota_head {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: 1.30208333vw;
}

.about_partner_quota_number {
    font-size: 5.7291666vw;
    line-height: 4.42708333vw;
    color: #1e465d;
}

.about_partner_quota_label {
    font-size: 0.8333vw;
    line-height: 1.30208333vw;
    color: #1e465d;
    margin-left: 0.26041666vw;
}

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

.pro_page_item_box {
    width: 49.14285%;
    margin: 4.6875vw 1.7143% 0 0;
}

.pro_page_item_box:nth-child(2n) {
    margin: 4.6875vw 0 0 0;
}

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

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

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

.pro_page_item_pic a {
    display: block;
    width: 100%;
    position: relative;
}

.pro_page_item_img {
    padding-bottom: 62.7906%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.pro_page_item_btn {
    position: absolute;
    right: 0.5208333vw;
    bottom: 0.5208333vw;
    z-index: 9;
    overflow: hidden;
}

.pro_page_item_btn .public_swiper_btn {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_page_item_btn .public_swiper_btn:after {
    background: #ffffff;
}


.pro_page_item_btn .public_swiper_label svg {
    fill: #1e465d;
}

.pro_page_item_box:hover .pro_page_item_title a {
    color: #1e475e;
}

.pro_page_item_box:hover .pro_page_item_btn .public_swiper_btn {
    -webkit-transform: none;
    transform: none;
}

.pro_page_item_box:hover .pro_page_item_img {
    -webkit-border-radius: 0 0 1.5625vw 0;
    border-radius: 0 0 1.5625vw 0;
}

.pro_page_item_box:hover .pro_page_item_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.pro_page_item_box:hover .public_swiper_btn:after {
    background: #1e465d;
    border: 1px solid #1e465d;
}

.pro_page_item_box:hover .public_swiper_btn .public_swiper_icon:nth-child(1) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.pro_page_item_box:hover .public_swiper_btn .public_swiper_icon:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.pro_page_item_box:hover .public_swiper_btn .public_swiper_label svg {
    fill: #ffffff;
}

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

.pro_page_item_tips {
    margin-bottom: 1.041666vw;
    overflow: hidden;
    position: relative;
}

.pro_page_tips_label {
    font-size: 1.1458333vw;
    line-height: 1.5625vw;
    color: #222222;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.pro_page_item_line {
    position: relative;
    width: 0;
}

.pro_page_item_label {
    position: relative;
    height: 0.15625vw;
}

.pro_page_item_label:nth-child(1) {
    width: 64.516129%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.pro_page_item_label:nth-child(2) {
    width: 32.258%;
    margin-left: 3.225871%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}

.pro_page_item_title {
    margin-top: 1.82291666vw;
    overflow: hidden;
    position: relative;
}

.pro_page_title_label {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

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

.pro_page_item_text {
    margin-top: 0.78125vw;
    overflow: hidden;
    position: relative;
}

.pro_page_text_label {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.AddProPageItemRead .pro_page_tips_label {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddProPageItemRead .pro_page_item_line {
    width: 4.84375vw;
    -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;
}

.AddProPageItemRead .pro_page_title_label {
    -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;
}

.AddProPageItemRead .pro_page_text_label {
    -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;
}

.pro_details_head_box {
    width: 50%;
}

.pro_details_line_box {
    position: relative;
    width: 0;
}

.pro_details_label {
    position: relative;
    height: 0.208333vw;
}

.pro_details_label:nth-child(1) {
    width: 64.516129%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.pro_details_label:nth-child(2) {
    width: 32.258%;
    margin-left: 3.225871%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}


.pro_details_wrap {
    padding: 7.8125vw 0;
}

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

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

.pro_details_title_label {
    font-size: 1.51666vw;
    line-height: 2.8666vw;
    color: #222222;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.pro_details_subtitle_label {
    font-size: 1.51666vw;
    line-height: 2.8666vw;
    color: #222222;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.pro_details_head_read {
    margin-bottom: 2.08333vw;
}

.pro_details_button {
    margin-top: 4.6875vw;
    position: relative;
    overflow: hidden;
}

.pro_details_button .public_button_box {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.pro_details_button .public_button_box a {
    background: none;
    position: relative;

}

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

.AddProDetailsHead .pro_details_title_label {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddProDetailsHead .pro_details_subtitle_label {
    -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;
}

.AddProDetailsHead .pro_details_line_box {
    width: 4.84375vw;
    -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;
}

.AddProDetailsHead .pro_details_button .public_button_box {
    -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;
}

.pro_details_text_wrap {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.pro_details_text_box {
    width: 50%;
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    color: #666666;
}

.pro_details_data_wrap {
    margin-top: 8.333vw;
}

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

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

.pro_details_data_number {
    font-size: 4.6875vw;
    line-height: 5.208333vw;
    color: #222222;
}

.pro_details_data_label {
    font-size: 0.8333vw;
    line-height: 2.86458333vw;
    color: #222222;
    margin-left: 0.26041666vw;
}

.pro_details_data_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #666666;
    margin-top: 0.5208333vw;
}


.pro_details_item_img {
    padding-bottom: 57.1428%;
    position: relative;
    overflow: hidden;
}

.pro_details_item_box {
    width: 32%;
    margin: 0 2% 3.6458333vw 0;
}

.pro_details_item_box:nth-child(3n) {
    margin: 0 0 3.6458333vw 0;
}

.pro_details_item_read {
    margin-top: 2.08333vw;
    position: relative;
    overflow: hidden;
}

.pro_details_item_title {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.AddProDetailsItemRead .pro_details_item_title {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.pro_details_tab {
    margin-top: 7.291666vw;
}

.service_item_box {
    position: relative;
}

.service_item_pic {
    width: 50%;
    position: relative;
}

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

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

.service_item_img {
    position: relative;
    overflow: hidden;
    padding-bottom: 70.83333%;
}

.service_item_content {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.service_item_box:nth-child(2n) {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.service_item_box:nth-child(2n+1) .service_item_pic:after {
    left: 0;

}

.service_item_box:nth-child(2n) .service_item_pic:after {
    right: 0;

}

.service_item_box:nth-child(2n+1) .service_item_content {
    right: 0;

}

.service_item_box:nth-child(2n) .service_item_content {
    left: 0;
}

.service_item_box:nth-child(2n+1) .service_item_content {
    padding: 2.6041666vw 4.42708333vw 4.1666vw 4.94791666vw;
}

.service_item_box:nth-child(2n) .service_item_content {
    padding: 2.6041666vw 4.94791666vw 4.1666vw 4.42708333vw;
}

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

.service_item_subtitle_text {
    text-transform: uppercase;
    font-size: 0.78125vw;
    line-height: 1.041666vw;
    color: #999ca7;
}

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

.service_item_title_text {
    font-size: 1.7708333vw;
    line-height: 2.291666vw;
    color: #111111;
}

.service_item_head_tips {
    margin-bottom: 2.08333vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.service_item_head_icon {
    width: 4.8958333vw;
    height: 4.8958333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.service_item_head_icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.service_item_head_wrap {
    width: 100%;
}


.service_item_big {
    width: 100%;
}

.service_item_read {
    font-size: 0.88541666vw;
    line-height: 1.66666vw;
    color: #444444;
}


.service_item_head_read {
    margin-top: 1.875vw;
}

.service_item_head_line {
    position: relative;
    width: 0;
}

.service_item_head_label {
    position: relative;
    height: 0.15625vw;
}

.service_item_head_label:nth-child(1) {
    width: 64.516129%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.service_item_head_label:nth-child(2) {
    width: 32.258%;
    margin-left: 3.225871%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}

.AddServiceItemHead .service_item_head_tips {
    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);
}

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

.AddServiceItemHead .service_item_head_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: .12s;
}

.AddServiceItemHead .service_item_head_line {
    width: 4.84375vw;
    -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;
}

.news_page_wrap {
    padding: 6.7708333vw 0 5.7291666vw 0;
}

.news_page_item_box {
    width: 30.4571%;
    margin: 0 4.31435% 4.1666vw 0;
    position: relative;
    pointer-events: none;
}

.news_page_item_box:nth-child(3n) {
    margin: 0 0 4.1666vw 0;
}

.news_page_item_box a {
    display: block;
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}

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

.news_page_item_img {
    position: relative;
    overflow: hidden;
    padding-bottom: 51.2195%;
}

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

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

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

.news_page_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(51.2195%);
    transform: translateY(51.2195%);
    padding: 2.6041666vw 0 0 0;
    background: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_pattern_icon {
    position: absolute;
    left: 0;
    bottom:2.08333vw;
    width: 87.8048%;
}

.AddNewsPageItemBox {
    pointer-events: auto;
}

.AddNewsPageItemImg:after {
    height: 0;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddNewsPageItemBig {
    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);
}

.news_page_item_line {
    position: relative;
    width: 4.2708333vw;
}

.news_page_item_label {
    position: relative;
    height: 0.208333vw;
}

.news_page_item_label:nth-child(1) {
    width: 64.516129%;
    -webkit-background-image: linear-gradient(to right, #0040df, #5ec794);
    background-image: linear-gradient(to right, #0040df, #5ec794);
}

.news_page_item_label:nth-child(2) {
    width: 32.258%;
    margin-left: 3.225871%;
    -webkit-background-image: linear-gradient(to right, #ffca00, #ff7800);
    background-image: linear-gradient(to right, #ffca00, #ff7800);
}

.news_page_item_time {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #cdcdcd;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    height: 3.541666vw;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_read {
    margin-top: 1.875vw;
}

.news_page_item_button {
    margin-top: 2.08333vw;
}

.news_page_item_text {
    font-size: 0.8333vw;
    line-height: 1.041666vw;
    color: #1d475d;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_icon {
    margin-left: 0.5208333vw;
}

.news_page_item_jt {
    width: 0.41666vw;
}

.news_page_item_jt svg {
    fill: #1d475d;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_box a:hover .news_page_item_big {
    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);
}

.news_page_item_box a:hover .news_page_item_img img {
    transform: scale(1.1);
}

.news_page_item_box a:hover .news_page_item_content {
    padding: 2.86458333vw;
    background: #1d475d;
    -webkit-transform: none;
    transform: none;
}

.news_page_item_box a:hover .news_page_item_time {
    color: #ffffff;
}

.news_page_item_box a:hover .news_page_item_text {
    color: #ffffff;
}

.news_page_item_box a:hover .news_page_item_title {
    color: #ffffff;
}


.news_page_item_box a:hover .news_page_item_jt svg {
    fill: #ffffff;
}


.public_pagination_wrap {
    position: relative;
}

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

.public_pagination_box a {
    width: 2.3958333vw;
    height: 2.3958333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0.41666vw;
    position: relative;
    font-size: 0.9375vw;
    line-height: 2.3958333vw;
    color: #000000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_pagination_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    pointer-events: none;
    z-index: -1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_pagination_box a.public_pagination_prev:after,
.public_pagination_box a.public_pagination_next:after {
    background: #f4f4f4;
}

.public_pagination_box a.public_pagination_current {
    color: #ffffff;
}

.public_pagination_box a.public_pagination_current:after {
    background: #1e465d;
}

.public_pagination_box a svg {
    width: 17.3913%;
    fill: #1e465d;
    display: block;
    position: relative;
    z-index: 9;
    -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:hover {
    color: #ffffff;
}

.public_pagination_box a:hover:after {
    background: #1e465d;
}

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

.news_page_pagination_wrap {
    margin-top: 2.08333vw;
}

.news_details_page_wrap {
    padding: 9.375vw 0 5.7291666vw 0;
}

.news_details_page_content {
    position: relative;
}

.news_inside_content {
    width: 57.1428%;
}

.news_inside_head_type {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #999999;
}

.news_inside_title {
    font-size: 2.1875vw;
    line-height: 3.3333vw;
    color: #222222;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_inside_box {
    margin-top: 0.5208333vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}


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

.AddNewsInsideContent .news_inside_bjq {
    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_inside_bjq {
    margin-top: 3.125vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.news_inside_bjq p {
    font-size: 0.8333vw;
    line-height: 1.9791666vw;
    color: #555555;
}

.news_inside_bjq p,
.news_inside_bjq h1,
.news_inside_bjq h2,
.news_inside_bjq h3,
.news_inside_bjq h4,
.news_inside_bjq img {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.AddNewsInsideTipsBox {
    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_inside_bjq img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 1.9791666vw 0;
}

.news_inside_tips_wrap {
    width: 29.2571%;
    position: sticky;
    left: 0;
    top: 11.458333vw;
}

.news_inside_tips_time {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 1.5625vw;
}

.news_inside_tips_day {
    font-size: 4.1666vw;
    line-height: 4.6875vw;
    color: #ffa000;
}

.news_inside_tips_read {
    margin: 0 0 0.625vw 1.041666vw;
}

.news_inside_tips_yue {
    font-size: 0.88541666vw;
    line-height: 1.1458333vw;
    color: #ffa000;
}

.news_inside_tips_year {
    font-size: 0.88541666vw;
    line-height: 1.1458333vw;
    color: #ffa000;
}

.news_inside_control_box {
    padding: 1.30208333vw 0;
    position: relative;
}

.news_inside_control_subtitle {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #999999;
}

.news_inside_control_title a {
    max-width: 100%;
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #222222;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.news_inside_control_title a:hover {
    color: #ffa000;
}

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

.news_inside_tips_line {
    width: 100%;
    height: 1px;
    position: relative;

}

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

.news_inside_control_wrap {
    margin-top: 1.5625vw;
}

.news_inside_button {
    margin-top: 2.6041666vw;
}

.news_inside_btn_box a {
    -webkit-justify-content: center;
    justify-content: center;
    background: #f5f5f5;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_inside_btn_label {
    width: 1.458333vw;
}

.news_inside_btn_label svg {
    fill: #1e475e;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_inside_btn_text {
    color: #1e475e;
    font-size: 0.88541666vw;
    line-height: 3.6458333vw;
    margin-left: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_inside_btn_box a:hover {
    background: #1e475e;
}

.news_inside_btn_box a:hover .news_inside_btn_label svg {
    fill: #ffffff;
}

.news_inside_btn_box a:hover .news_inside_btn_text {
    color: #ffffff;
}

.contact_page_wrap {
    padding: 6.7708333vw 0 8.8541666vw 0;
}


.contact_page_big {
    width: 37.7142%;
}

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

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

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

.contact_public_title {
    font-size: 4.42708333vw;
    line-height: 4.6875vw;
    color: #1e465d;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.AddContactHeadBox .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddContactHeadBox .contact_head_subtitle .contact_public_title {
    -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;
}

.AddContactHeadBox .contact_head_title .contact_public_title {
    -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;
}

.AddContactHeadBox .contact_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}

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

.contact_message_item_read a {
    position: relative;
}

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

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

.contact_message_item_label {
    font-size: 1.875vw;
    line-height: 2.91666vw;
    color: #1e465d;
}

.contact_message_item_code {
    color: #999999;
    margin-right: 0.5208333vw;
}

.contact_message_wrap {
    margin-top: 10.41666vw;
}

.contact_message_tab {
    margin-bottom: 2.6041666vw;
}

.contact_message_line {
    width: 100%;
    height: 1px;
    position: relative;
}

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

.contact_message_address_box {
    margin-top: 2.6041666vw;
}

.contact_address_item_box {
    margin-bottom: 1.3541666vw;
}

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

.contact_address_item_text,
.contact_address_item_text a {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #666666;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.contact_address_item_text a:hover {
    color: #1e465d;
}

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

.contact_message_address_button {
    margin-top: 3.6458333vw;
}

.contact_message_address_button .public_button_box a {
    background: none;
    position: relative;

}

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

.contact_page_map_wrap {
    width: 57.7142%;
    position: relative;
}

.contact_page_map_wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 29;
}

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

.contact_page_map_box {
    padding-bottom: 67.9525%;
    position: relative;
}

.contact_page_content {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}


.BMap_Marker .wap_list {
    opacity: 0;
}

.BMap_noprint .wap_list {
    opacity: 1;
}

.wap_list {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 2.8125vw;
    height: 2.291666vw;
}

.wap_img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 10;
}

.wap_img {
    -webkit-animation: WapTop 2s infinite linear normal both;
    animation: WapTop 2s infinite linear normal both;
}

@-webkit-keyframes WapTop {
    0% {
        -webkit-transform: translateY(-0.78125vw);
        transform: translateY(-0.78125vw);
    }
    50% {
        transform: none
    }
    100% {
        -webkit-transform: translateY(-0.78125vw);
        transform: translateY(-0.78125vw);
    }
}

@keyframes WapTop {
    0% {
        -webkit-transform: translateY(-0.78125vw);
        transform: translateY(-0.78125vw);
    }
    50% {
        transform: none
    }
    100% {
        -webkit-transform: translateY(-0.78125vw);
        transform: translateY(-0.78125vw);
    }
}


.wap_icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%) scaleY(.4);
    transform: translateX(-50%) translateY(50%) scaleY(.4);
    width: 0.8vw;
    height: 0.8vw;
}

.wap_icon .wap_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ffa000;
}

.wap_icon .wap_label:nth-child(1) {
    z-index: 9;
}

.wap_label:nth-child(2) {
    -webkit-animation: WapScale 2.4s linear infinite normal both;
    animation: WapScale 2.4s linear infinite normal both;
}

.wap_label:nth-child(3) {
    -webkit-animation: WapScale 2.4s .8s linear infinite normal both;
    animation: WapScale 2.4s .8s linear infinite normal both;
}

.wap_label:nth-child(4) {
    -webkit-animation: WapScale 2.4s 1.6s linear infinite normal both;
    animation: WapScale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes WapScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 200%;
        height: 200%;
        opacity: 0.6;
    }
    40% {
        width: 300%;
        height: 300%;
        opacity: 0.4;
    }
    60% {
        width: 400%;
        height: 400%;
        opacity: .2;
    }
    80% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes WapScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 200%;
        height: 200%;
        opacity: 0.6;
    }
    40% {
        width: 300%;
        height: 300%;
        opacity: 0.4;
    }
    60% {
        width: 400%;
        height: 400%;
        opacity: .2;
    }
    80% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.sustain_role_wrap {
    padding: 6.25vw 0 0 0;
}

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

.sustain_role_head_read {
    width: 38.6857%;
}

.sustain_role_head_text {
    font-size: 0.8333vw;
    line-height: 1.875vw;
    color: #222222;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.sustain_role_pic {
    margin-top: 2.6041666vw;
}

.sustain_role_img {
    padding-bottom: 42.8571%;
    position: relative;
    overflow: hidden;
}

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

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

.sustain_witness_wrap {
    padding: 4.1666vw 0 5.208333vw 0;
}

.sustain_witness_content {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-top: 3.125vw;
}

.sustain_witness_content:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 0;
    height: 1px;
    background: #a7a8aa;
}

.sustain_witness_big {
    width: 31.0857%;
    position: relative;
    padding: 0 4.1666vw 0 0;
}

.sustain_witness_big:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #a7a8aa;
}

.AddSustainWitnessContent .sustain_witness_big:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddSustainWitnessContent:after {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.sustain_witness_pack {
    position: relative;
    height: 100%;
}

.witness_pic_wrap {
    width: 66.6285%;
}

.sustain_witness_item_box {
    padding: 2.08333vw 0 5.208333vw 0;
    position: relative;
    height: 100%;
}

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

.sustain_witness_item_label {
    width: 1.82291666vw;
    height: 2.08333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.sustain_witness_item_label img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.sustain_witness_item_title {
    font-size: 1.7708333vw;
    line-height: 2.291666vw;
    color: #111111;
    margin-top: 3.125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.sustain_witness_item_read {
    margin-top: 1.5625vw;
}

.sustain_witness_item_text {
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}


.witness_pic_item_img {
    padding-bottom: 70.3296%;
    position: relative;
    overflow: hidden;
}

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

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

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

.sustain_witness_tab {
    height: 100%;
}

.AddSustainWitnessBox .swiper-slide-active .sustain_witness_item_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);
}

.AddSustainWitnessBox .swiper-slide-active .sustain_witness_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;
}

.AddSustainWitnessBox .swiper-slide-active .sustain_witness_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;
}

.sustain_control_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.sustain_control_box {
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

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

.sustain_control_page_text {
    font-size: 1.5625vw;
    line-height: 2.86458333vw;
    color: #222222;
    margin-right: 0.26041666vw;
}


.sustain_control_page_current {
    font-size: 4.1666vw;
    line-height: 4.6875vw;
}

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

.sustain_control_btn_box .public_swiper_btn:after {
    border: 1px solid #1e465d;
}

.sustain_control_btn_box .public_swiper_label svg {
    fill: #1e465d;
}

.sustain_control_btn_box {
    margin-right: 1.041666vw;
}

.sustain_control_btn_prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.sustain_control_button .public_btn_active .public_swiper_btn:after {
    background: #1e465d;
}

.sustain_control_button .public_btn_active .public_swiper_btn .public_swiper_label svg {
    fill: #ffffff;
}

.sustain_core_wrap {
    padding: 5.7291666vw 0;
}

.sustain_core_item_read {
    margin-top: 4.6875vw;
}

.sustain_core_item_title {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #222222;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.sustain_core_item_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #333333;
    text-align: center;
    margin-top: 0.78125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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

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

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

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

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

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

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

.AddSustainCoreHead .page_public_subtitle {
    text-transform: uppercase;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddSustainCoreHead .sustain_core_head_subtitle .page_public_title {
    text-transform: uppercase;
    -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;
}

.AddSustainCoreHead .sustain_core_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}

.AddSustainRoleHead .page_public_subtitle {
    text-transform: uppercase;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddSustainRoleHead .sustain_role_head_subtitle .page_public_title {
    text-transform: uppercase;
    -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;
}

.AddSustainRoleHead .sustain_role_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}

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

.AddSustainWitnessHead .page_public_subtitle {
    text-transform: uppercase;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddSustainWitnessHead .sustain_witness_head_subtitle .page_public_title {
    text-transform: uppercase;
    -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;
}

.AddSustainWitnessHead .sustain_witness_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}

.sustain_trade_wrap {
    position: relative;
}

.sustain_trade_box {
    position: relative;
}

.sustain_trade_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: initial;
}

.sustain_trade_li {
    width: 100%;

}

.sustain_trade_content {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

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


    -webkit-justify-content: center;
    justify-content: center;
}

.sustain_trade_pic_box {
    position: relative;
    width: 80%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.sustain_trade_img_box {
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.sustain_trade_img_active {
    opacity: 1;
    pointer-events: auto;
}

.sustain_trade_pic_swiper {
    width: 100%;
    height: 100%;
    position: relative;

}


.sustain_trade_text_wrap {
    width: 100%;
    padding: 0 0 20.8333vw 0;
    z-index: 9;
    position: relative;
}

.sustain_trade_text_box {
    width: 100%;
    height: 100%;
    padding: 0 4.42708333vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.sustain_trade_text_read {
    width: 38%;
    height: 100%;
}

.sustain_trade_item_title {
    color: rgba(255, 255, 255, .2);
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.sustain_trade_item_text {
    color: rgba(255, 255, 255, .2);
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    margin-top: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.sustain_trade_text_swiper {
    height: 100%;
}

.sustain_trade_item_active .sustain_trade_item_title,
.sustain_trade_item_active .sustain_trade_item_text {
    color: rgba(255, 255, 255, 1);
}

.sustain_trade_item_box {
    margin-bottom: 10.41666vw;
}

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

.about_details_head_tips {
    overflow: hidden;
}

.about_culture_head_tips {
    overflow: hidden;
}


.about_details_max_subtitle {
    overflow: hidden;
}

.about_details_max_title {
    overflow: hidden;
}

.about_culture_head_subtitle {
    overflow: hidden;
}

.about_history_head_tips {
    overflow: hidden;
}

.about_history_head_subtitle {
    overflow: hidden;
}

.about_history_head_button {
    overflow: hidden;
}

.about_solution_head_tips {
    overflow: hidden;
}

.about_solution_head_subtitle {
    overflow: hidden;
}

.about_solution_head_title {
    overflow: hidden;
}

.about_advantage_head_tips {
    overflow: hidden;
}

.about_advantage_head_subtitle {
    overflow: hidden;
}

.about_partner_head_tips {
    overflow: hidden;
}

.about_partner_had_subtitle {
    overflow: hidden;
}

.pro_page_head_tips {
    overflow: hidden;
}

.pro_page_head_subtitle {
    overflow: hidden;
}

.about_partner_btn_wrap {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

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

.AddAboutDetailsHead .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddAboutDetailsHead .about_details_max_subtitle .page_public_title {
    -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;
}

.AddAboutDetailsHead .about_details_max_title .page_public_title {
    -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;
}

.AddAboutDetailsHead .page_public_line {
    width: 4.2708333vw;
    -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;
}


.AddAboutCultureHead .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddAboutCultureHead .about_culture_head_subtitle .page_public_title {
    -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;
}

.AddAboutCultureHead .page_public_line {
    width: 4.2708333vw;
    -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;
}


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


.AddAboutHistoryHead .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutHistoryHead .about_history_head_subtitle .page_public_title {
    -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;
}

.AddAboutHistoryHead .page_public_line {
    width: 4.2708333vw;
    -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;
}


.AddAboutHistoryHead .about_history_btn_wrap {
    -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;
}

.AddAboutSolutionHead .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutSolutionHead .about_solution_head_subtitle .page_public_title {
    -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;
}

.AddAboutSolutionHead .about_solution_head_title .page_public_title {
    -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;
}

.AddAboutSolutionHead .about_solution_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}

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

.AddAboutSolutionItem:after,
.about_solution_item_box:first-child.AddAboutSolutionItem:before {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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


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


.AddAboutAdvantageHead .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutAdvantageHead .about_advantage_head_subtitle .page_public_title {
    -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;
}

.AddAboutAdvantageHead .about_advantage_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}


.AddAboutPartnerHead .about_partner_head_tips .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddAboutPartnerHead .about_partner_had_subtitle .page_public_title {
    -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;
}


.AddAboutPartnerHead .about_partner_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}


.AddAboutPartnerHead .about_partner_btn_wrap {
    -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;
}

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

.AddAboutBankHead .about_partner_had_subtitle .page_public_title {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.AddAboutBankHead .about_partner_head_tips .page_public_subtitle {
    -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;
}


.AddAboutBankHead .about_partner_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}


.AddAboutBankHead .about_partner_btn_wrap {
    -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;
}

.AddAboutBankHead .about_partner_quota_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: .3s;
    transition-delay: .3s;
}


.AddProPageHead .pro_page_head_tips .page_public_subtitle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddProPageHead .pro_page_head_subtitle .page_public_title {
    -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;
}


.AddProPageHead .pro_page_head_line .page_public_line {
    width: 4.2708333vw;
    -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;
}