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

svg {
    width: 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", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

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

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

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

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

.Manrope-Extrlight {
    font-family: "Manrope-Extrlight", "Microsoft YaHei", 微软雅黑, "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-Extrlight";
    src: url(../fonts/MANROPE-EXTRALIGHT.TTF);
}


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

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

body {
    overflow: hidden;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "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);
}

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*/
.page_center {
    padding: 0 5.7291666vw;
}

.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

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

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

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

.header_logo_box {
    width: 12vw;
}

.header_logo_box a {
    display: block;
}

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

.header_menu_wrap {
    padding-right: 11.9791666vw;

}

.header_menu_item_box {
    margin-right: 3.38541666vw;
    position: relative;
    z-index: 9;
}

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

.header_menu_item_link {
    font-size: 0.88541666vw;
    line-height: 5.3125vw;
    position: relative;
    color: #fff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_item_link:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.15625vw;
    background: #fff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 2.08333vw;
    position: relative;
    z-index: 9;
}

.header_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    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);
}

.header_content {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

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

.header_language_icon {
    width: 1.1458333vw;
}

.header_language_icon svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_language_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    margin-left: 0.78125vw;
    color: #fff;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.header_menu_item_active .header_menu_item_link {
    color: #fff;
}

.header_menu_item_active .header_menu_item_link:after {
    width: 100%;
}


.header_menu_item_default .header_menu_item_link:after {
    width: 0;
}

.header_menu_item_hover .header_menu_item_link:after {
    width: 100%;
}

.index_banner_wrap {
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: #333;
    align-items: center;
    justify-content: center;
}

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

.index_banner_swiper {
    height: 100%;
}

.index_banner_swiper .swiper-slide {
    background: #fff;
}

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

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

.index_banner_circle_wrap {
    width: 29.1666vw;
    position: relative;
    margin-top: 3.125vw;
}

.index_banner_circle_box {
    padding-bottom: 100%;
    position: relative;
}

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

.index_circle_max_icon {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

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

.index_circle_max_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.index_circle_max_li {
    position: absolute;
}

.index_circle_max_li:nth-child(1) {
    left: 49%;
    top: -1%;
}

.index_circle_max_li:nth-child(2) {
    right: 11%;
    top: 81.5%;
}

.index_circle_max_li:nth-child(3) {
    left: 11%;
    top: 81.5%;
}

/*.index_circle_max_li:nth-child(4) {*/
/*    right: -0.7%;*/
/*    top: 53.5%;*/
/*}*/

/*.index_circle_max_li:nth-child(5) {*/
/*    left: 24%;*/
/*    top: 91.5%;*/
/*}*/

/*.index_circle_max_li:nth-child(6) {*/
/*    right: 23%;*/
/*    top: 91.5%;*/
/*}*/

.index_circle_max_read {
    position: relative;
    width: max-content;
}

.index_circle_max_text {
    position: absolute;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: #ffffff;
    width: max-content;
    opacity: 0;
}

.index_circle_max_li:nth-child(1) .index_circle_max_text {
    left: 50%;
    top: 0;
    -webkit-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
}

.index_circle_max_li:nth-child(2) .index_circle_max_text {
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-0.5208333vw);
    transform: translateY(-50%) translateX(-0.5208333vw);
}

.index_circle_max_li:nth-child(3) .index_circle_max_text {
    left: 0.5208333vw;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    text-align: right;
}

.index_circle_max_label {
    width: 0.625vw;
    height: 0.625vw;
    position: relative;
    background: #3fa5e5;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.index_circle_max_label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: border-box;
}

.index_banner_circle_min {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

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

.index_circle_min_box {
    width: 95.5357%;
    position: absolute;
    left: 2%;
    top: 1.1%;
}

.index_circle_min_icon {
    padding-bottom: 100.5607%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.index_jt_left_wrap {
    position: absolute;
    left: -1.041666vw;
    top: 38%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 39.64285%;
    z-index: 5;
}

.index_jt_right_wrap {
    position: absolute;
    right: -1.041666vw;
    top: 38%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 39.64285%;
    z-index: 5;
}

.index_jt_icon {
    width: 100%;
    margin-bottom: 5.208333vw;
}

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

.index_jt_right_box .index_jt_icon img {
    opacity: 0;
}

.index_jt_left_box .index_jt_icon img {
    opacity: 0;
}

.index_jt_left_box .index_jt_icon:nth-child(2n+1) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_jt_right_box .index_jt_icon:nth-child(2n) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_slogan_left_wrap {
    position: absolute;
    left: 8%;
    top: -21%;
    width: 95.71428%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.index_slogan_left_pic {
    width: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_slogan_img {
    padding-bottom: 157.4626%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.index_slogan_left_box {
    position: absolute;
    left: -10%;
    top: 50%;
    transform: translateY(-50%);
    width: 46.64179%;
}

.index_slogan_right_wrap {
    position: absolute;
    right: 8%;
    top: -21%;
    width: 95.71428%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.index_slogan_right_box {
    position: absolute;
    right: -10%;
    top: 50%;
    transform: translateY(-50%);
    width: 46.64179%;
}

.index_slogan_left_box .index_slogan_content {
    opacity: 0;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    pointer-events: none;
}

.index_slogan_right_box .index_slogan_content {
    opacity: 0;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    pointer-events: none;
}

.index_slogan_content {
    background: rgba(255, 255, 255, .2);
    padding: 3.90625vw 2.08333vw;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;

}

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

.index_slogan_label {
    width: 2.6041666vw;
}

.index_slogan_label svg {
    fill: #ffffff;
}

.index_slogan_title {
    font-size: 1.5625vw;
    line-height: 2.083333vw;
    color: #ffffff;
    margin-top: 2.083333vw;
    text-align: center;
}

.index_slogan_line {
    width: 1.5625vw;
    height: 0.15625vw;
    background: #ffffff;
    margin: 1.5625vw auto;
}

.index_slogan_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #ffffff;
    text-align: center;
}

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

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

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

.header_solution_down_pack {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    pointer-events: none;
}

.header_solution_down_wrap {
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_solution_down_content {
    padding-top: 5.3125vw;
}

.header_solution_down_pd {
    background: #fff;
    pointer-events: auto;
}

.header_solution_item_box {
    width: 16.6666%;
    padding: 0 1.5625vw;
    position: relative;
}

.header_solution_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #eaeaea;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

.header_solution_down_box {
    padding: 2.6041666vw 5.7291666vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_solution_item_title a {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #333333;
    font-weight: bold;
}

.header_solution_item_ul {
    margin-top: 1.5625vw;

}

.header_solution_item_li {
    padding: 0.5208333vw 0;
}

.header_solution_item_li a {
    font-size: 0.8333vw;
    line-height: 1.041666vw;
    color: #666666;
    position: relative;
}

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

.header_solution_item_li a:hover, .header_solution_item_li.hover a {
    color: #4653a2;
}

.header_solution_item_li a:hover:after {
    width: 100%;
    left: 0;
    background: #4653a2;
}

.header_menu_down_pack {
    position: absolute;
    left: 50%;
    top: 0;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: max-content;

}

.header_menu_down_wrap {
    height: 0;
    overflow: hidden;
    -webkit-border-radius: 0 0 0.8vw 0.8vw;
    border-radius: 0 0 0.8vw 0.8vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_down_content {
    padding-top: 5.3125vw;
}

.header_menu_down_pd {
    background: #fff;
    pointer-events: auto;
}

.header_menu_down_box {
    padding: 1vw 2vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.header_menu_down_show .header_solution_down_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.header_menu_down_show .header_solution_item_box:after {
    height: 100%;
    pointer-events: auto;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.header_menu_down_show .header_menu_down_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.header_menu_down_li {
    padding: .3vw 0;
}

.header_menu_down_li a {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #333;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_menu_down_li a:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 1px;
    background: #4653a2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_menu_down_li a:hover {
    color: #4653a2;
}

.header_menu_down_li a:hover:after {
    width: 100%;
}

.header_hover:after {
    height: 100%;
}

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

.header_hover .header_menu_item_link {
    color: #222;
}

.header_hover .header_language_icon svg {
    fill: #222;
}

.header_hover .header_language_text {
    color: #222;
}

.header_hover .header_box:after {
    background: #ededed;
}

.header_hover .header_menu_item_active .header_menu_item_link {
    color: #4653a2;
}

.header_hover .header_menu_item_active .header_menu_item_link:after {
    background: #4653a2;
}

.header_hover .header_menu_item_default .header_menu_item_link {
    color: #222;
}


.header_hover .header_menu_item_hover .header_menu_item_link {
    color: #4653a2;
}

.header_hover .header_menu_item_hover .header_menu_item_link:after {
    background: #4653a2;
}

.header_hover .header_language_link:hover .header_language_icon svg {
    fill: #4653a2;
}

.header_hover .header_language_link:hover .header_language_text {
    color: #4653a2;
}

.header_white .header_solution_down_pd {
    background: #f9f9f9;
}

.header_white:after {
    height: 100%;
}

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

.header_white .header_menu_item_link {
    color: #222;
}

.header_white .header_language_icon svg {
    fill: #222;
}

.header_white .header_language_text {
    color: #222;
}

.header_white .header_box:after {
    background: #ededed;
}

.header_white .header_menu_item_active .header_menu_item_link {
    color: #4653a2;
}

.header_white .header_menu_item_active .header_menu_item_link:after {
    background: #4653a2;
}

.header_white .header_menu_item_default .header_menu_item_link {
    color: #222;
}


.header_white .header_menu_item_hover .header_menu_item_link {
    color: #4653a2;
}

.header_white .header_menu_item_hover .header_menu_item_link:after {
    background: #4653a2;
}

.header_white .header_language_link:hover .header_language_icon svg {
    fill: #4653a2;
}

.header_white .header_language_link:hover .header_language_text {
    color: #4653a2;
}


.header_active:after {
    height: 100%;
}

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

.header_active .header_menu_item_link {
    color: #222;
}

.header_active .header_language_icon svg {
    fill: #222;
}

.header_active .header_language_text {
    color: #222;
}

.header_active .header_box:after {
    background: #ededed;
}

.header_active .header_menu_item_active .header_menu_item_link {
    color: #4653a2;
}

.header_active .header_menu_item_active .header_menu_item_link:after {
    background: #4653a2;
}

.header_active .header_menu_item_default .header_menu_item_link {
    color: #222;
}


.header_active .header_menu_item_hover .header_menu_item_link {
    color: #4653a2;
}

.header_active .header_menu_item_hover .header_menu_item_link:after {
    background: #4653a2;
}

.header_active .header_language_link:hover .header_language_icon svg {
    fill: #4653a2;
}

.header_active .header_language_link:hover .header_language_text {
    color: #4653a2;
}


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

.index_banner_submit:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0.208333vw;
    background: #ffffff;
    z-index: 1;
}

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

.public_button {
    position: relative;
    margin: 0 auto;
    z-index: 9;
}

.public_button a {
    position: relative;
    overflow: hidden;
    display: block;
}

.public_button a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    z-index: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_text {
    font-size: 0.8333vw;
    line-height: 3.125vw;
    color: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.index_banner_btn_box {
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.5625vw;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_icon {
    width: 0.5208333vw;
    margin-left: 2.6041666vw;
}

.public_btn_icon svg {
    fill: #fff;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button a:hover:after {
    background: #4653a2;
    border: 1px solid #4653a2;
}


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

.index_banner_read {
    width: 100%;
    padding: 0 5.7291666vw;
    margin-top: 1.5625vw;
}


.index_banner_title_label {
    font-size: 1.6666vw;
    line-height: 2.1875vw;
    color: #fff;
    z-index: 9;
    position: relative;
    opacity: 0;
}

.index_banner_subtitle_default,
.index_banner_title_default {
    opacity: 0;
    pointer-events: none;
}

.index_banner_subtitle_label {
    font-size: 3.958333vw;
    line-height: 4.4791666vw;
    color: #fff;
    z-index: 9;
    position: relative;
    opacity: 0;
}

.index_banner_max .index_banner_title_label {
    font-size: 3.958333vw;
    line-height: 4.4791666vw;
}

.index_banner_max .index_banner_subtitle_label {
    font-size: 1.6666vw;
    line-height: 2.1875vw;
}

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


.index_banner_title_box {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

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

.index_banner_title_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0.625vw;
    background: #b9e3f9;
    z-index: 1;
}

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

.index_banner_subtitle_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0.208333vw;
    background: #fcc929;
    z-index: 1;
}

.index_banner_subtitle_box {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 1.30208333vw;
}

.index_banner_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3.6458333vw;
}

.index_banner_pagination_wrap {
    position: absolute;
    right: 0;
    bottom: 2.08333vw;
    height: auto;
    z-index: 9;
    width: 100%;
    pointer-events: none;
    opacity: 0;
}

.index_banner_pagination_box {
    width: 100%;
    padding: 0 5.7291666vw;
    pointer-events: none;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_banner_pagination_li {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0 0.6vw;
}

.index_banner_pagination_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #fff;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_current .index_banner_title_content:after {
    -webkit-animation: BannerAfter 1.2s forwards cubic-bezier(.4, 0, .2, 1) normal;
    animation: BannerAfter 1.2s forwards cubic-bezier(.4, 0, .2, 1) normal;
}

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

.index_banner_current .index_banner_subtitle_content:after {
    -webkit-animation: BannerAfter 1.2s .4s forwards cubic-bezier(.4, 0, .2, 1) normal;
    animation: BannerAfter 1.2s .4s forwards cubic-bezier(.4, 0, .2, 1) normal;
}

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

.index_banner_current .index_banner_submit:after {
    -webkit-animation: BannerAfter 1.2s .8s forwards cubic-bezier(.4, 0, .2, 1) normal;
    animation: BannerAfter 1.2s .8s forwards cubic-bezier(.4, 0, .2, 1) normal;
}

.index_banner_current .index_banner_key {
    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: 1.2s;
    transition-delay: 1.2s;
}

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

.index_banner_current .index_circle_max_icon {
    -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: .2s;
    transition-delay: .2s;
}


.index_banner_current .index_circle_max_label {
    -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: .8s;
    transition-delay: .8s;
}

.index_banner_current .index_circle_max_li:nth-child(1) .index_circle_max_text {
    opacity: 1;
    -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;
    top: -0.5208333vw;
}

.index_banner_current .index_circle_max_li:nth-child(2) .index_circle_max_text {
    opacity: 1;
    -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;
    -webkit-transform: translateY(-50%) translateX(0.5208333vw);
    transform: translateY(-50%) translateX(0.5208333vw);
}

.index_banner_current .index_circle_max_li:nth-child(3) .index_circle_max_text {
    opacity: 1;
    -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;
    left: -0.5208333vw;
}


.index_banner_current .index_slogan_img {
    -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_banner_current .index_slogan_left_box .index_slogan_content {
    -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: 1.2s;
    transition-delay: 1.2s;
}

.index_banner_current .index_slogan_right_box .index_slogan_content {
    -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: 1.2s;
    transition-delay: 1.2s;
}

.index_banner_current .index_jt_icon img {
    animation: 2s 1.5s BannerJt infinite linear normal both;
}

.index_banner_current .index_circle_max_icon img {
    animation: 30s 1.5s BannerCircle infinite linear normal both;
}

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

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

@-webkit-keyframes BannerJt {
    0% {
        opacity: 0;
        transform: translateX(4vw);
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes BannerJt {
    0% {
        opacity: 0;
        transform: translateX(4vw);
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
}

/*.index_banner_current .index_banner_img {*/
/*    transform: none;*/
/*    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
/*    transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
/*}*/
@-webkit-keyframes BannerAfter {
    0% {
        width: 0;
    }
    50% {
        left: 0;
        width: 100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes BannerAfter {
    0% {
        width: 0;
    }
    50% {
        left: 0;
        width: 100%;
    }
    100% {
        left: 100%;
    }
}

.index_banner_pagination_active .index_banner_pagination_text {
    font-size: 1.5625vw;
    line-height: 2vw;
}


.index_banner_tips_wrap {
    position: absolute;
    left: 0;
    bottom: 2.6041666vw;
    width: 100%;
    z-index: 99;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;

}

.index_banner_tips_text {
    color: #fff;
    font-size: 0.7291666vw;
    margin: 0 auto;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
}

.index_banner_tips_icon {
    width: 2.1875vw;
}

.index_banner_tips_icon svg {
    fill: #fff;
    width: 100%;
    height: 100%;
}


.body_animate .header_wrap {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

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

.body_animate .index_banner_tips_wrap {
    -webkit-animation: BannerTips 2s 2.5s infinite linear normal both;
    animation: BannerTips 2s 2.5s infinite linear normal both;
}

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

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


.loading_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
}

.loading_after_line_wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #4653a2;
}

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


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

.loading_read {
    margin-top: 1.5625vw;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.loading_text {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #ffffff;
    margin: 0 0.15625vw;
}

.loading_line_wrap {
    position: relative;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.loading_line_box {
    width: max-content;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

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

.loading_line_letter_box {
    height: 6.5625vw;
    margin: 0 0.5625vw;
    position: relative;
    z-index: 1;
}


.loading_line_letter_box svg {
    width: 100%;
    height: 100%;
    fill: #5c6fb4;
}

.loading_line_letter_min {
    z-index: 30;
}

.loading_line_letter_max {
    position: absolute;
    top: 0;
}

.loading_line_letter_max1 {
    left: 0;
}

.loading_line_letter_max2 {
    left: 19.7%;
}

.loading_line_letter_max3 {
    left: 40.5%;
}

.loading_line_letter_max4 {
    left: 60.2%;
}

.loading_line_letter_max5 {
    right: 0;
}

.loading_line_letter_u {
    position: absolute;
    left: 31.53%;
    top: 0;
    z-index: 50;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.loading_line_letter_u svg {
    fill: #5c6fb4;
}

.loading_line_letter_p {
    position: absolute;
    left: 65.17%;
    top: .5%;
    z-index: 50;
}

.loading_line_letter_p svg {
    fill: #5c6fb4;
}

.loading_line_left_u {
    position: absolute;
    left: 19.35%;
    top: 41%;
    z-index: 70;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.loading_line_left_u svg {
    fill: #5c6fb4;
}

.loading_line_bottom_u {
    position: absolute;
    left: 20.4%;
    top: 77.7%;
    z-index: 70;
    -webkit-transform: scale(0.975);
    transform: scale(0.975);
}

.loading_line_bottom_u svg {
    fill: #5c6fb4;
}


.loading_line_left_p {
    position: absolute;
    left: 60.17%;
    top: 42.5%;
    z-index: 70;
}

.loading_line_left_p svg {
    fill: #5c6fb4;
}

.loading_line_bottom_p {
    position: absolute;
    left: 60.2%;
    top: 83.5%;
    z-index: 70;
}

.loading_line_bottom_p svg {
    fill: #5c6fb4;
}

.loading_line_animate_label {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

}

.loading_line_animate_label1 {
    height: 0.375vw;
    background: #b9e3f9;
    width: 3.75vw;
    margin: 2.0625vw 0 0 0;
    z-index: 20;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

.loading_line_animate_label2 {
    height: 0.09375vw;
    background: #fff;
    width: 13.125vw;
    margin: 3.1875vw 0 0 0;
    z-index: 60;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

.loading_line_animate_label3 {
    height: 0.09375vw;
    background: #fcc929;
    width: 14.0625vw;
    margin: 4.3125vw 0 0 0;
    z-index: 20;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

.loading_line_animate_label4 {
    height: 0.375vw;
    background: #28a7e1;
    width: 4.6875vw;
    margin: 5.8125vw 0 0 0;
    z-index: 60;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

.loading_line_animate_label5 {
    height: 0.375vw;
    background: #fcc929;
    width: 11.25vw;
    margin: 2.0625vw 0 0 0;
    z-index: 20;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

.loading_line_animate_label6 {
    height: 0.09375vw;
    background: #b9e3f9;
    width: 3.75vw;
    margin: 3.1875vw 0 0 0;
    z-index: 60;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

.loading_line_animate_label7 {
    height: 0.09375vw;
    background: #28a7e1;
    width: 9.375vw;
    margin: 3.75vw 0 0 0;
    z-index: 20;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

.loading_line_animate_label8 {
    height: 0.28125vw;
    background: #fff;
    width: 11.25vw;
    margin: 5.8125vw 0 0 0;
    z-index: 60;
    -webkit-animation: LoadLine 4s infinite linear normal both;
    animation: LoadLine 4s infinite linear normal both;
}

@-webkit-keyframes LoadLine {
    0% {
        left: 0;
    }
    100% {
        left: 250%;
    }
}

@keyframes LoadLine {
    0% {
        left: 0;
    }
    100% {
        left: 250%;
    }
}

.loading_hide {
    pointer-events: none;
}

.loading_hide .loading_content {
    -webkit-transform: translateX(8vw);
    transform: translateX(8vw);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.7, .1, .27, .88);
    transition: all 1s cubic-bezier(.7, .1, .27, .88);
}


.loading_hide .loading_after_line_wrap {
    width: 0;
    -webkit-transition: all 1.5s cubic-bezier(0.425, 0.005, 0, 1);
    transition: all 1.5s cubic-bezier(0.425, 0.005, 0, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}


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

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

.index_solution_details_wrap {
    position: relative;

}

.index_solution_details_content {
    padding: 0 5.7291666vw;
    position: relative;
    overflow: hidden;
}

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

.public_line_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: none;
}

.public_line_box {
    width: 100%;
    height: 9.375vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.public_line_label {
    width: 100%;
    position: relative;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.public_line_label:nth-child(1),
.public_line_label:nth-child(4) {
    height: 0.416666vw;
}

.public_line_label:nth-child(2),
.public_line_label:nth-child(3) {
    height: 0.1041666vw;
}

.public_line_label:nth-child(1):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 100%;
    background: #b9e3f9;
}

.public_line_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background: #ffbc02;
}

.public_line_label:nth-child(3):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #4653a2;
}

.public_line_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 100%;
    background: #1eb9ef;
}


@-webkit-keyframes SolutionLine {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes SolutionLine {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.index_solution_details_animate .public_line_label:nth-child(1) {
    -webkit-animation: SolutionLine 1.4s forwards ease normal;
    animation: SolutionLine 1.4s forwards ease normal;
}

.index_solution_details_animate .public_line_label:nth-child(3) {
    -webkit-animation: SolutionLine 1.4s .2s forwards ease normal;
    animation: SolutionLine 1.4s .2s forwards ease normal;
}

.index_solution_details_animate .public_line_label:nth-child(2) {
    -webkit-animation: SolutionLine 1.4s .3s forwards ease normal;
    animation: SolutionLine 1.4s .3s forwards ease normal;
}

.index_solution_details_animate .public_line_label:nth-child(4) {
    -webkit-animation: SolutionLine 1.4s .4s forwards ease normal;
    animation: SolutionLine 1.4s .4s forwards ease normal;
}

.index_solution_details_animate .index_solution_details_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.index_solution_details_animate .index_solution_details_cn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s;;
}

.index_solution_details_animate .index_solution_details_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.index_solution_details_animate .index_solution_details_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.index_solution_details_big {
    padding: 2.08333vw 0;
}

.index_solution_details_box {
    padding: 5.208333vw 0 0 0;
}

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

.index_solution_details_cn {

    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}

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

.index_solution_details_button {
    margin-top: 2.6041666vw;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}

.public_black_button a:after {
    border: 1px solid #111111;
}

.public_black_button .public_btn_text {
    color: #111111;
}

.public_black_button .public_btn_icon svg {
    fill: #111111;
}

.public_black_button a:hover .public_btn_text {
    color: #ffffff;
}

.public_black_button a:hover .public_btn_icon svg {
    fill: #ffffff;
}

.public_head_details_en {
    font-size: 1.3541666vw;
    line-height: 1.5625vw;
    color: #aaaaaa;
}

.public_head_details_cn {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #111111;
    font-weight: bold;
    margin-top: 0.5208333vw;
}


.public_head_details_text {
    font-size: 1.5625vw;
    line-height: 2.5vw;
    color: #111111;
    margin-top: 2.34375vw;
}

.index_solution_road_box {
    width: 70.26041666%;
    position: relative;
    z-index: 10;
    pointer-events: none;
}

.index_solution_road_content {
    padding-bottom: 71.608598%;
    position: relative;
}

.index_solution_road_back {
    width: 100%;
    padding-bottom: 50.3125%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 5;
}


.index_solution_road_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.index_solution_road_big1 {
    z-index: 5;
}

.index_solution_road_big2 {
    z-index: 2;
}

.index_solution_road_svg1 {
    position: absolute;
    left: 17.6%;
    top: 23.8%;
    width: 82.28317%;
}

.index_solution_road_svg1 svg {
    width: 100%;
    overflow: initial;
}

.index_solution_road_svg2 {
    position: absolute;
    left: 18.2%;
    top: 18.4%;
    width: 94.662713%;
}

.index_solution_road_svg2 svg {
    width: 100%;
    overflow: initial;
}


.cat_current_show {
    -webkit-animation: CatCurrentScale 5s forwards linear normal;
    animation: CatCurrentScale 5s forwards linear normal;
}

@-webkit-keyframes CatCurrentScale {
    0% {
        transform: scale(1);
    }
    60% {
        opacity: 1;
    }
    100% {
        transform: scale(.3);
        opacity: .2;
    }
}

@keyframes CatCurrentScale {
    0% {
        transform: scale(1);
    }
    60% {
        opacity: 1;
    }
    100% {
        transform: scale(.3);
        opacity: .2;
    }
}

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

.index_solution_item_box {
    position: absolute;
}

.index_solution_item_box:nth-child(1) {
    left: 36%;
    top: 58.9%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_solution_item_box:nth-child(1) .index_solution_line_wrap {
    margin-bottom: 0.5208333vw;
}

.index_solution_item_box:nth-child(1) .index_solution_line_box {
    height: 11.4583333vw;
}

.index_solution_item_box:nth-child(1) .index_solution_line_box:after {
    top: 0;
}

.index_solution_item_box:nth-child(1) .index_solution_line_icon {
    bottom: 0;
}


.index_solution_item_box:nth-child(2) {
    left: 45%;
    top: 10.1%;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.index_solution_item_box:nth-child(2) .index_solution_line_wrap {
    margin-top: 1.2vw;
}

.index_solution_item_box:nth-child(2) .index_solution_line_box {
    height: 14.583333vw;
}

.index_solution_item_box:nth-child(2) .index_solution_line_box:after {
    bottom: 0;
}

.index_solution_item_box:nth-child(2) .index_solution_line_icon {
    top: 0;
}


.index_solution_item_box:nth-child(3) {
    left: 77%;
    top: 28.9%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_solution_item_box:nth-child(3) .index_solution_line_wrap {
    margin-bottom: 0.5208333vw;
}

.index_solution_item_box:nth-child(3) .index_solution_line_box {
    height: 10vw;
}

.index_solution_item_box:nth-child(3) .index_solution_line_box:after {
    top: 0;
}

.index_solution_item_box:nth-child(3) .index_solution_line_icon {
    bottom: 0;
}


.index_solution_item_head {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-transform: translateX(2vw);
    transform: translateX(2vw);
    opacity: 0;
    pointer-events: none;
}

.index_solution_item_text {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #666666;
    margin-top: 0.5208333vw;
    -webkit-transform: translateX(2vw);
    transform: translateX(2vw);
    opacity: 0;
    pointer-events: none;
}


.index_solution_item_title {
    font-size: 1.5625vw;
    line-height: 2.083333vw;
    color: #4653a2;
    font-weight: bold;
}


.index_solution_item_content {
    padding: 0 1.30208333vw;
}


.index_solution_line_wrap {
    width: 0.46875vw;
    position: relative;
}

.index_solution_line_box {
    width: 1px;
    position: relative;
    margin: 0 auto;
}

.index_solution_line_box:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    background: #afb6e5;
}

.index_solution_line_icon {
    width: 100%;
    padding-bottom: 100%;
    position: absolute;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

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

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

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

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


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

.index_solution_road_show .index_solution_item_box:nth-child(1) .index_solution_line_box:after {
    height: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.index_solution_road_show .index_solution_item_box:nth-child(1) .index_solution_line_icon {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

.index_solution_road_show .index_solution_item_box:nth-child(1) .index_solution_item_head {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

.index_solution_road_show .index_solution_item_box:nth-child(1) .index_solution_item_text {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

.index_solution_road_show .index_solution_item_box:nth-child(2) .index_solution_line_box:after {
    height: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

.index_solution_road_show .index_solution_item_box:nth-child(2) .index_solution_line_icon {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s;
}

.index_solution_road_show .index_solution_item_box:nth-child(2) .index_solution_item_head {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s;
}

.index_solution_road_show .index_solution_item_box:nth-child(2) .index_solution_item_text {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s;
}

.index_solution_road_show .index_solution_item_box:nth-child(3) .index_solution_line_box:after {
    height: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 3.6s;
    transition-delay: 3.6s;
}

.index_solution_road_show .index_solution_item_box:nth-child(3) .index_solution_line_icon {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 4.1s;
    transition-delay: 4.1s;
}


.index_solution_road_show .index_solution_item_box:nth-child(3) .index_solution_item_head {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 4.1s;
    transition-delay: 4.1s;
}

.index_solution_road_show .index_solution_item_box:nth-child(3) .index_solution_item_text {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 4.2s;
    transition-delay: 4.2s;
}


.header_pro_down_pack {
    position: absolute;
    width: max-content;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header_pro_down_pack .header_solution_down_box {
    padding: 2.6041666vw 1.6vw;
}

.header_pro_down_pack .header_solution_item_box {
    width: 16vw;
}

.header_min_down_pack {
    position: absolute;
    width: max-content;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header_min_down_pack .header_solution_down_box {
    padding: 0.9041666vw 1.6vw;
}

.header_min_down_pack .header_solution_item_box {
    width: 7vw;
}

.header_min_down_pack .header_solution_item_title {
    text-align: center;
}

.index_page_wrap {
    position: relative;
}


.index_video_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .8);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s .2s ease;
    transition: all .5s .2s ease;
}

.index_video_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.index_video_active .index_video_item {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
}

.index_video_active .index_video_close {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s .2s ease;
    transition: all .5s .2s ease;
}

.index_video_box {
    width: 65%;
}

.index_video_item {
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-2.08333vw);
    transform: translateY(-2.08333vw);
    -webkit-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
}

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

.index_video_close {
    position: absolute;
    right: 1.5625vw;
    top: 1.5625vw;
    width: 3.125vw;
    height: 3.125vw;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-2.08333vw);
    transform: translateY(-2.08333vw);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}

.index_video_close:hover:after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.index_video_close:hover:before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.index_video_close:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.index_video_close:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.index_results_wrap {
    position: relative;
}

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

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

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

.index_results_head_wrap {
    padding: 5.7291666vw 0 1.5625vw 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.index_results_head_wrap .public_head_details_en {
    color: #ffffff;
}

.index_results_head_wrap .public_head_details_cn {
    color: #ffffff;
}

.index_results_head_wrap .public_head_details_text {
    color: #ffffff;
}

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

.index_results_item_box {
    width: 25%;
    padding-top: 19.791666vw;
    position: relative;
}

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

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

.index_results_item_content {
    height: 32.291666vw;
    position: relative;
}

.index_results_item_pack {
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.index_results_item_big {
    width: 100%;
}

.index_results_item_img {
    width: 3.4375vw;
    height: 3.4375vw;
    margin: 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.index_results_item_read {
    margin-top: 4.16666vw;
}

.index_results_item_number {
    font-size: 5.7291666vw;
    line-height: 6.25vw;
    color: #ffffff;
    text-align: center;
}

.index_results_item_title {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    text-align: center;
    margin-top: 0.78125vw;
}

.index_about_wrap {
    overflow: hidden;
}

.index_about_head_wrap {
    width: 44%;
    position: relative;
}

.index_about_head_img {
    position: absolute;
    left: 0;
    bottom: -17.1875vw;
    width: 54.94791666vw;
    z-index: 9;
    pointer-events: none;

}

.index_about_head_img img {
    -webkit-transform: translateY(66%);
    transform: translateY(66%);
}

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

.index_about_head_box {
    padding: 5.208333vw 0 0 0;
}

.index_about_earth_wrap {
    width: 56%;
    padding: 0 5.7291666vw 0 0;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.index_about_earth_box {
    width: 79.26229%;
    padding: 9.375vw 0;
}

.index_about_earth_content {
    padding-bottom: 100%;
    position: relative;
}

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

.index_about_earth_li {
    position: absolute;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
}

.index_about_earth_big {

}

.index_about_earth_read {
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0);
    transform: scale(0);

}


.index_about_earth_li:nth-child(1) {
    left: 30%;
    top: 15%;
}


.index_about_earth_li:nth-child(2) {
    left: 69%;
    top: 47%;
}

.index_about_earth_li:nth-child(3) {
    left: 38%;
    top: 69%;
}

.index_about_earth_li:nth-child(4) {
    left: -27%;
    top: 36%;
}

.index_about_earth_title {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #333333;
    font-weight: bold;
}

.index_about_earth_text {
    font-size: 5.208333vw;
    line-height: 5.7291666vw;
    color: #4553a3;
    margin-left: 1.041666vw;
}

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

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

.index_about_earth_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

.AddIndexEarthContent .index_about_earth_tab {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.AddIndexEarthContent .index_about_earth_li:nth-child(1) .index_about_earth_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: .3s;
    transition-delay: .3s;
}

.AddIndexEarthContent .index_about_earth_li:nth-child(2) .index_about_earth_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: .4s;
    transition-delay: .4s;
}

.AddIndexEarthContent .index_about_earth_li:nth-child(3) .index_about_earth_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: .5s;
    transition-delay: .5s;
}

.AddIndexEarthContent .index_about_earth_li:nth-child(4) .index_about_earth_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: .6s;
    transition-delay: .6s;
}

.index_news_wrap {
    padding: 6.25vw 0 4.6875vw 0;
    background: #f6f6f6;
    position: relative;
}

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

.index_news_head_box .index_solution_details_en {
    -webkit-transform: translateY(4vw) translateX(0);
    transform: translateY(4vw) translateX(0);
}

.index_news_head_box .index_solution_details_cn {
    -webkit-transform: translateY(4vw) translateX(0);
    transform: translateY(4vw) translateX(0);
}

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


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


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

.AddIndexNewsHead .index_news_head_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_news_content {
    padding: 0 0 0 5.7291666vw;
    margin-top: 4.16666vw;
}

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

.AddIndexNewsContent .swiper-slide:nth-child(4n+1) .index_news_item_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);
}

.AddIndexNewsContent .swiper-slide:nth-child(4n+2) .index_news_item_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: .1s;
    transition-delay: .1s;
}

.AddIndexNewsContent .swiper-slide:nth-child(4n+3) .index_news_item_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;
}

.AddIndexNewsContent .swiper-slide:nth-child(4n) .index_news_item_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;
}

.index_news_item_box a {
    display: block;
    background: #ffffff;
    padding: 0 2.34375vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_label {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #aaaaaa;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_title {
    font-size: 1.3541666vw;
    line-height: 2.1875vw;
    height: 6.5625vw;
    color: #222222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 1.30208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_read {
    margin-top: 5.208333vw;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_line {
    width: 100%;
    height: 1px;
    background: #f0f0f0;
}

.index_news_item_data {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.5625vw 0 0 0;
}

.index_news_item_day {
    font-size: 4.16666vw;
    line-height: 4.16666vw;
    color: #eeeeee;
}

.index_news_item_year {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #cccccc;
    width: 100%;
    text-align: right;
}

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

.index_news_item_icon {
    width: 0.9375vw;
}

.index_news_item_icon svg {
    fill: #bcbcbc;
}

.index_news_item_pack {
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 0.5208333vw 0;
}

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

.index_news_item_animate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 11.9791666vw;
    z-index: 9;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.public_news_max_jt {
    width: 1.7708333vw;
    height: 1.7708333vw;
    overflow: hidden;
    margin-bottom: 2.34375vw;
}

.public_news_max_icon {
    width: 100%;
    -webkit-transform: translateY(100%) translateX(-100%);
    transform: translateY(100%) translateX(-100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_news_max_icon svg {
    fill: #ffffff;
}

.public_news_line_box {
    width: 3.6458333vw;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.public_news_line_label {
    height: 100%;
    position: relative;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.public_news_line_label:nth-child(1),
.public_news_line_label:nth-child(4) {
    width: 0.3125vw;
}

.public_news_line_label:nth-child(2),
.public_news_line_label:nth-child(3) {
    width: 0.1041666vw;
}

.public_news_line_label:nth-child(1):after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 30%;
    width: 100%;
    background: #1eb9ef;
}

.public_news_line_label:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background: #ffbc02;
}

.public_news_line_label:nth-child(3):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2.6041666vw;
    height: 60%;
    width: 100%;
    background: #ffffff;
}

.public_news_line_label:nth-child(4):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30%;
    width: 100%;
    background: #b9e3f9;
}


@-webkit-keyframes NewsLine {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes NewsLine {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.index_news_item_box a:hover {
    background: #4653a2;
}

.index_news_item_box a:hover .index_news_item_label {
    color: #ffffff;
}

.index_news_item_box a:hover .index_news_item_title {
    color: #ffffff;
}

.index_news_item_box a:hover .index_news_item_read {
    opacity: 0;
    pointer-events: none;
}

.index_news_item_box a:hover .public_news_max_icon {
    -webkit-transform: none;
    transform: none;
}

.index_news_item_box a:hover .public_news_line_label:nth-child(1) {
    -webkit-animation: NewsLine 1s forwards ease normal;
    animation: NewsLine 1s forwards ease normal;
}

.index_news_item_box a:hover .public_news_line_label:nth-child(3) {
    -webkit-animation: NewsLine 1s .1s forwards ease normal;
    animation: NewsLine 1s .1s forwards ease normal;
}

.index_news_item_box a:hover .public_news_line_label:nth-child(2) {
    -webkit-animation: NewsLine 1s .2s forwards ease normal;
    animation: NewsLine 1s .2s forwards ease normal;
}

.index_news_item_box a:hover .public_news_line_label:nth-child(4) {
    -webkit-animation: NewsLine 1s .3s forwards ease normal;
    animation: NewsLine 1s .3s forwards ease normal;
}

.news_pagination_wrap {
    margin-top: 3.125vw;
}

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

.news_pagination_btn {
    width: 1.5625vw;
    height: 1.5625vw;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0.78125vw;
    cursor: pointer;
    outline: none;
}

.news_pagination_icon {
    width: 50%;
}


.news_pagination_icon svg {
    fill: #9c9c9c;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.news_pagination_active .news_pagination_icon svg {
    fill: #4b58aa;
}

.footer_wrap {
    background: #4b58aa;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
}

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

.footer_wrap 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_wrap a:hover {
    color: #ffffff;
}

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

.footer_menu_wrap {
    width: 78.3529%;
}

.footer_contact_wrap {
    width: 21.6471%;
    padding-left: 4.42708333vw;
}

.footer_menu_box {
    padding-top: 3.125vw;
}

.footer_contact_box {
    padding: 3.125vw 0 2.08333vw 0;
}

.footer_menu_item_box {
    width: 14.28571%;
    padding-right: 1.041666vw;
}

.footer_menu_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #ffffff;
}

.footer_menu_item_ul {
    margin-top: 1.30208333vw;
}

.footer_menu_item_li {
    padding: 0.3125vw 0;
}

.footer_menu_item_li a {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #b8bddc;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer_contact_tel {
    margin-top: 0.78125vw;
}

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

.footer_add_content {
    margin-top: 2.6041666vw;
}

.footer_add_text {
    margin-top: 0.78125vw;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #b8bddc;
}

.footer_ewm_text {
    margin-top: 0.5208333vw;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #b8bddc;
    text-align: center;
}

.footer_ewm_content {
    margin-top: 2.6041666vw;
}

.footer_ewm_pic {
    width: 5.208333vw;
}

.footer_ewm_img {
    padding-bottom: 100%;
}

.footer_copy_line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .12);
}

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

.footer_copy_text,
.footer_copy_text a {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #8a92c6;
}

.footer_copy_text {
    margin-right: 1.041666vw;
}

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

.footer_copy_made {
    width: 21.6471%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.footer_copy_content {
    width: 78.3529%;
}

.footer_pack {
    position: relative;
}

.footer_pack:after {
    content: "";
    position: absolute;
    right: 21.6471%;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .12);
}

.business_head_wrap {
    padding: 8.8541666vw 0 3.6458333vw 0;
}

.business_head_title_wrap {
    width: 14.470588%;
    padding: 0 1.041666vw 0 0;
    position: relative;
}

.business_head_menu_tab {
    width: 85.529412%;
    padding-left: 0.3125vw;
}

.business_head_title_wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 1.82291666vw solid transparent;
    border-bottom: 1.82291666vw solid transparent;
    border-left: 2.08333vw solid #f5f6f9;
}

.business_head_title_box {
    height: 100%;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    background: #f5f6f9;
    position: relative;
    z-index: 9;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

.business_head_title_icon {
    width: 4.16666vw;
    margin-top: 0.7291666vw;
}

.business_head_title_read {
    padding: 0 0.3125vw;
    width: calc(100% - 4.16666vw);
}

.business_head_title_cn {
    font-size: 0.88541666vw;
    line-height: 1.25vw;
    color: #222222;
    font-weight: bold;
}

.business_head_title_en {
    font-size: 0.78125vw;
    line-height: 1.1458333vw;
    color: #333333;
}

.business_head_menu_content {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: 0.57291666vw 0;
}

.business_menu_item_box {
    width: 32.8038%;
    margin: 0 0.7943% 0 0;
    background: #f5f6f9;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

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


.business_head_menu_tips {
    width: 31.57894%;
    height: 4.4791666vw;
    background: #f7f8fa;
    -webkit-border-radius: 0 0.5208333vw 0.5208333vw 0;
    border-radius: 0 0.5208333vw 0.5208333vw 0;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.business_head_menu_title {
    position: relative;
    z-index: 2;
    font-size: 0.88541666vw;
    line-height: 1.25vw;
    color: #4553a3;
    font-weight: bold;
}

.business_head_menu_read {
    width: 68.42106%;
    padding: 0 0.625vw 0 1.1458333vw;
}

.business_head_menu_li {
    width: 48.10996%;
    margin: 0 3.78008% 0 0;
    padding: 0.26041666vw 0;
    position: relative;
}

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

.business_head_menu_li a {
    display: block;
    background: #ffffff;
    position: relative;
    font-size: 0.7291666vw;
    line-height: 1.9791666vw;
    color: #333333;
    text-align: center;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.business_head_menu_active a {
    background: #4553a3;
    color: #ffffff;
}

.business_head_menu_li a:hover {
    background: #4553a3;
    color: #ffffff;
}

.business_head_content {
    margin-bottom: 1.25vw;
}

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

.business_head_base_wrap {
    width: 85.529412%;
    padding-left: 0.3125vw;
}

.business_head_base_content {
    -webkit-align-items: center;
    align-items: center;
    background: #f5f6f9;
    position: relative;
    z-index: 9;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    padding: 0 2.08333vw;
}

.business_head_base_box {
    padding: 1.001666vw 0 0.870833vw 0;
}

.business_head_base_li {
    width: -webkit-calc((100% - 2vw) / 3);
    width: calc((100% - 2vw) / 3);
    margin: 0 1vw 0 0;
    position: relative;
}

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

.business_head_base_back {
    position: absolute;
    left: 0;
    bottom: -1.5625vw;
    width: 100%;
    display: none;
}

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

.business_head_base_read a {
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    padding: 0;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    background: #ffffff;
}

.business_head_base_read a:hover {
    background: #4553a3 !important;
}

.business_head_base_read a:hover .business_head_base_text {
    color: #ffffff;
}

.business_head_show_active {
    background: #4553a3 !important;
}

.business_head_show_active .business_head_base_text {
    color: #ffffff !important;
}

.business_head_base_icon {
    width: 1.7708333vw;
    display: none;
}

.business_head_base_text {
    font-size: 0.88541666vw;
    line-height: 2.979167vw;
    color: #4553a3;
    font-weight: bold;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.business_control_wrap {
    position: relative;
}

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

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

.business_control_title {
    font-size: 2.3958333vw;
    line-height: 2.91666vw;
    color: #ffffff;
    font-weight: bold;
}

.business_control_read {
    width: 60.8235%;
}

.business_control_text {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #ffffff;
    margin-top: 1.5625vw;
}

.business_control_button {
    margin-top: 4.16666vw;
}

.business_control_btn_box {
    width: 8.8541666vw;
    -webkit-justify-content: center;
    justify-content: center;
    background: #ffffff;
    margin-right: 1.041666vw;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.business_control_btn_text {
    font-size: 0.83333vw;
    line-height: 3.0208333vw;
    color: #4653a2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.business_control_btn_icon {
    position: relative;
    width: 0.5208333vw;
    margin-left: 3.125vw;
}

.business_control_btn_video {
    width: 0.9375vw;
    margin-left: 2.6041666vw;
}

.business_control_btn_label {
    width: 100%;
}

.business_control_btn_label svg {
    fill: #4653a2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.business_control_btn_active {
    background: #4653a2;
}

.business_control_btn_active .business_control_btn_label svg {
    fill: #ffffff;
}

.business_control_btn_active .business_control_btn_text {
    color: #ffffff;
}

.business_page_content {
    position: relative;
    background: #ffffff;
}

.business_option_wrap {
    padding: 6.25vw 0 5.7291666vw 0;
    position: relative;
}

.business_public_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #222222;
}

.business_public_read {
    margin-top: 1.5625vw;
}

.business_public_text {
    font-size: 0.9375vw;
    line-height: 1.66666vw;
    color: #666666;
}

.business_option_item_title {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    color: #222222;
    font-weight: bold;
}

.business_option_item_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    height: 8.541666vw;
    color: #333333;
    margin-top: 0.83333vw;
    margin-bottom: 0.83333vw;
    padding-right: 1vw;
    overflow: auto;
}

.business_option_item_text::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.business_option_item_text::-webkit-scrollbar-track {
    background: #aeaeae;
}

/* 滚动条滑块 */
.business_option_item_text::-webkit-scrollbar-thumb {
    background: #4553a3; /* 滑块颜色 */
}

.business_option_content {
    padding: 0 0 0 5.7291666vw;
    margin-top: 4.16666vw;
    position: relative;
}

.business_option_item_box {
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.AddBusinessOptionContent .business_option_swiper .swiper-slide:nth-child(4n+1) .business_option_item_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);
}

.AddBusinessOptionContent .business_option_swiper .swiper-slide:nth-child(4n+2) .business_option_item_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: .1s;
    transition-delay: .1s;
}

.AddBusinessOptionContent .business_option_swiper .swiper-slide:nth-child(4n+3) .business_option_item_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;
}

.AddBusinessOptionContent .business_option_swiper .swiper-slide:nth-child(4n) .business_option_item_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;
}

.business_option_item_content {
    background: #f4f5f9;
    padding: 2.6041666vw;
    width: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.business_option_item_read {
    width: 100%;
}

.business_option_item_icon {
    width: 3.125vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.business_option_item_label svg,
.business_option_item_label img {
    max-width: 100%;
    max-height: 100%;
    fill: #4553a3;
    display: block;
    width: 100%;
}


.business_option_pagination_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw;
    opacity: 0;
}

.swiper-slide-active .business_option_pagination_box {
    opacity: 1;
}

/*
.business_option_pagination_box .swiper-pagination-bullet {
    pointer-events: none;
}

.swiper-slide-active .business_option_pagination_box .swiper-pagination-bullet {
    pointer-events: auto;
}
 */

.business_option_pagination_box .swiper-pagination-bullet {
    width: 0.625vw;
    height: 0.625vw;
    opacity: 1;
    background: #cccccc;
    margin: 0 0.3125vw !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.business_option_pagination_box .swiper-pagination-bullet-active {
    background: #4553a3;
}

.business_case_wrap {
    background: #f7f7f7;
    position: relative;
    padding: 4.16666vw 0;
}

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

.business_advantage_head_title .business_public_title {
    text-align: center;
}

.business_case_head_box .business_public_title {
    text-align: center;
}

.business_case_head_box .business_public_text {
    text-align: center;
}

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

.business_case_item_img {
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    overflow: hidden;
}

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

.business_case_item_content {
    background: #f7f7f7;
    height: 100%;
    padding-bottom: 2vw;
}

.business_case_button {
    display: none;
}

.business_case_show {
    display: block;
}

.business_case_item_content .business_option_head_button {
    margin-top: 2vw;
}

.business_case_item_content .course_public_button {
    -webkit-justify-content: center;
    justify-content: center;
}

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

.business_case_nav_swiper {
    margin-top: 3.125vw;
}

.business_case_nav_swiper .swiper-slide {
    height: auto;
}

.business_case_swiper {
    opacity: 0;
}

.swiper-slide-active .business_case_swiper {
    opacity: 1;
}

.business_case_one {
    padding: 0 7.291666vw;
}

.business_case_one .swiper-wrapper {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.business_case_one .swiper-slide {
    width: 48%;
}

.business_case_one .swiper-slide .business_case_item_box {
    opacity: 1;
}

.business_case_two {
    padding: 0 7.291666vw;
}

.business_case_two .swiper-wrapper {
    width: 100%;

    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.business_case_two .swiper-slide {
    width: 48%;
}

.business_case_two .swiper-slide .business_case_item_box {
    opacity: 1;
}

/*.business_case_swiper .swiper-slide {*/
/*    width: auto !important;*/
/*}*/

.business_case_content {
    margin-top: 3.6458333vw;
}

.business_case_swiper .swiper-slide-active .business_case_item_box {
    opacity: 1;
}

.business_case_swiper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2.34375vw;
    height: 100%;
    background-image: linear-gradient(to right, rgba(247, 247, 247, .95), rgba(247, 247, 247, 0));
    z-index: 9;
}

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

.business_advantage_item_box {
    width: 23.52941%;
    margin: 0 1.96078666% 1.96078666% 0;
}

.business_advantage_item_box:nth-child(4n) {
    margin: 0 0 1.96078666% 0;
}

.business_advantage_item_content {
    height: 100%;
    background: #ffffff;
    padding: 2.08333vw;
    position: relative;
    -webkit-box-shadow: 0.26041666vw 0 2.6041666vw rgba(184, 186, 202, .25);
    box-shadow: 0.26041666vw 0 2.6041666vw rgba(184, 186, 202, .25);
}

.business_advantage_item_icon {
    width: 2.291666vw;
    height: 2.291666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.business_advantage_item_label svg {
    max-width: 100%;
    max-height: 100%;
    fill: #4553a3;
    display: block;
    width: 100%;
}

.business_advantage_item_read {
    margin-top: 1.645833vw;
}

.business_advantage_item_title {
    font-size: 0.8458333vw;
    line-height: 1.5708333vw;
    color: #222222;
    text-align: justify;
    text-align-last: left;
}

.business_advantage_content {
    margin-top: 4.16666vw;
}

.business_form_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .85);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.business_form_after {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.business_form_box {
    position: absolute;
    right: 0;
    top: 0;
    width: 36.458333%;
    height: 100%;
    z-index: 10;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.business_form_hide {
    width: 1.5625vw;
    height: 1.5625vw;
    position: absolute;
    right: 0.78125vw;
    top: 0.5625vw;
    transform: rotate(45deg);
    cursor: pointer;
}

.business_form_hide:after {
    content: "";
    position: absolute;
    left: 15%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70%;
    height: 1px;
    background: #666666;
}

.business_form_hide:before {
    content: "";
    position: absolute;
    left: 15%;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    width: 70%;
    height: 1px;
    background: #666666;
}

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

.business_form_show .business_form_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    right: 1.5625vw;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.business_form_content {
    background: #ffffff;
    width: 100%;
    padding: 1.82291666vw 2.34375vw;
    position: relative;
}

.business_form_input_box {
    width: 48.85245%;
    margin: 0 2.2951% 2.2951% 0;
}

.business_form_input_box:nth-child(2n) {
    margin: 0 0 2.2951% 0;
}

.business_form_input_title {
    font-size: 0.83333vw;
    line-height: 2.3958333vw;
    color: #222222;
}

.business_form_input_title span {
    font-size: 0.83333vw;
    line-height: 2.3958333vw;
    color: #ff0000;
}

.business_form_input_read {
    width: 100%;
}

.business_form_input_read input {
    width: 100%;
    display: block;
    padding: 0 1.041666vw;
    font-size: 0.7291666vw;
    line-height: 2.6041666vw;
    color: #222222;
    background: #f6f6f6;
}

.business_form_input_read input::placeholder {
    color: #c3c2c2;
}

.business_form_head_title {
    font-size: 1.875vw;
    line-height: 2.3958333vw;
    color: #333333;
    font-weight: bold;
}

.business_form_head_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.business_form_head_box {
    padding-bottom: 1.5625vw;
}

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

.business_form_line_box {
    width: 100%;
    height: 1px;
    background: #ebebeb;
}

.business_form_textarea_box textarea {
    width: 100%;
    display: block;
    padding: 0.5208333vw 1.041666vw;
    height: 5.7291666vw;
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    color: #222222;
    background: #f6f6f6;
    resize: none;
}


.business_form_textarea_box textarea::placeholder {
    color: #c3c2c2;
}

.business_form_button_box {
    margin-top: 2.6041666vw;
}

.business_form_btn_tips {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #999999;
    margin-top: 1.041666vw;
}

.business_form_btn_box {
    background: #4653a2;
    padding: 0 1.5625vw;
    position: relative;
    cursor: pointer;
}

.business_form_btn_text {
    font-size: 0.83333vw;
    line-height: 3.3333vw;
    color: #ffffff;
}

.business_form_btn_icon {
    width: 1.19791666vw;
    margin-left: 3.6458333vw;
}

.business_form_btn_icon svg {
    fill: #ffffff;
}

.public_page_content {
    padding: 9.375vw 0 2.6041666vw 0;
}

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

.public_page_title {
    position: relative;
    padding-left: 1.458333vw;
}

.public_page_line_box {
    width: 5.7291666vw;
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-align-content: space-between;
    align-content: space-between;
}

.public_page_line_item {
    width: 100%;
    position: relative;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.public_page_line_item:nth-child(1) {
    height: 0.208333vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.public_page_line_item:nth-child(2) {
    height: 1px;
}

.public_page_line_item:nth-child(3) {
    height: 0.1041666vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.public_page_line_label {
    position: relative;
}

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

.public_page_line_item:nth-child(1) .public_page_line_label {
    width: 40.90909%;

}

.public_page_line_item:nth-child(2) .public_page_line_label {
    width: 70.90909%;
}

.public_page_line_item:nth-child(3) .public_page_line_label {
    width: 72.7272%;
}

.public_page_line_item:nth-child(1) .public_page_line_label:after {
    background: #4653a2;
}

.public_page_line_item:nth-child(2) .public_page_line_label:after {
    background: #2dbef0;
}

.public_page_line_item:nth-child(3) .public_page_line_label:after {
    background: #fabf1b;
}

.public_page_cn {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #222222;
}

.public_page_subtitle {
    margin-top: 0.5208333vw;
    padding-left: 1.458333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.public_menu_wrap {
    margin-top: 4.16666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

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

.AddPublicPageContent .public_page_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;
}

.AddPublicPageContent .public_page_line_item:nth-child(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);
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddPublicPageContent .public_page_line_item:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddPublicPageContent .public_page_line_item:nth-child(3) {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    opacity: 1;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddPublicPageContent .public_menu_wrap {
    -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);
    opacity: 1;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.public_menu_item_box {
    margin-right: 3.6458333vw;
}

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

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

.public_menu_item_box a:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.1041666vw;
    background: #4553a3;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_menu_item_active a {
    font-weight: bold;
    color: #4553a3;
}

.public_menu_item_active a:after {
    width: 100%;
}

.public_menu_item_default a {
    font-weight: normal;
    color: #666666;
}

.public_menu_item_default a:after {
    width: 0;
}

.public_menu_hover a {
    font-weight: bold;
    color: #4553a3;
}

.public_menu_hover a:after {
    width: 100%;
}

.public_page_wrap {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

.public_content_back {
    background: #ffffff;
    position: relative;
    z-index: 9;
}

.public_page_back {
    width: 49.53125%;
    position: absolute;
    right: 3.48958333vw;
    top: 6.9791666vw;
}

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

.public_page_pic {
    position: relative;
}

.public_page_img {
    padding-bottom: 32.65625%;
}

.public_menu_box {
    padding-left: 1.458333vw;
}

.pro_item_box {
    position: relative;
}

.pro_item_width {
    width: 50%;
}

.pro_item_tips {
    position: absolute;
    top: 0;
    height: 100%;
}

.pro_item_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #222222;
    padding-right: 1.041666vw;
}

.pro_item_read {
    margin-top: 3.125vw;
}

.pro_item_subtitle {
    font-size: 0.9375vw;
    line-height: 1.66666vw;
    color: #4553a3;
    font-weight: bold;
    padding-right: 1.041666vw;
}

.pro_item_text {
    height: 13.3333vw;
    overflow-y: auto;
    padding-right: 1.041666vw;
}

.pro_item_text h3 {
    font-weight: bold;
    color: #4553a3;
    font-size: 0.9375vw;
    line-height: 1.66666vw;
}

.pro_item_text p {
    font-size: 0.83333vw;
    line-height: 1.66666vw;
    color: #666666;
}

.pro_item_text::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.pro_item_text::-webkit-scrollbar-track {
    background: #eaeaea;
}

/* 滚动条滑块 */
.pro_item_text::-webkit-scrollbar-thumb {
    background: #4553a3; /* 滑块颜色 */
}

.pro_item_wrap {
    padding: 7.291666vw 0;
}

.pro_item_number {
    width: 100%;
    font-size: 4.16666vw;
    line-height: 4.6875vw;
    color: #f2f2f2;
}

.pro_item_pic_wrap {
    background: #ffffff;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    overflow: hidden;
    padding: 0.78125vw;
    -webkit-box-shadow: 0.3125vw 0 2.6041666vw rgba(34, 43, 95, .15);
    box-shadow: 0.3125vw 0 2.6041666vw rgba(34, 43, 95, .15);
}

.pro_page_content:nth-child(2n) .pro_item_animate .pro_item_pic_wrap {
    /*
    -webkit-transform: rotate(-10deg) translateX(-10vw) perspective(20.8333vw) rotateX(-5deg);
    transform: rotate(-10deg) translateX(-10vw) perspective(20.8333vw) rotateX(-5deg);
    opacity: .6;
     */
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}

.pro_page_content:nth-child(2n+1) .pro_item_animate .pro_item_pic_wrap {
    /*
    -webkit-transform: rotate(10deg) translateX(10vw) perspective(20.8333vw) rotateX(5deg);
    transform: rotate(10deg) translateX(10vw) perspective(20.8333vw) rotateX(5deg);
    opacity: .6;
     */
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
    pointer-events: none;
}

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

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

.pro_item_pic_box {
    position: relative;
    padding-bottom: 57.07317%;
}

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

.pro_item_pack {

    width: 100%;
    height: 100%;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
}

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

.pro_item_head {
    width: 100%;
}

.pro_page_content:nth-child(2n+1) .pro_item_box {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.pro_page_content:nth-child(2n+1) .pro_item_tips {
    left: 0;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}

.pro_page_content:nth-child(2n+1) .pro_item_pack {
    padding-right: 4.6875vw;
}

.pro_page_content:nth-child(2n+1) .pro_item_number {
    color: #f2f2f2;
}

.pro_page_content:nth-child(2n) .pro_item_tips {
    right: 0;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
    pointer-events: none;
}

.pro_page_content:nth-child(2n) .pro_item_pack {
    padding-left: 5.7291666vw;
}

.pro_page_content:nth-child(2n) {
    background: #f6f6f6;
}

.pro_page_content:nth-child(2n) .pro_item_number {
    color: rgba(69, 83, 163, .1);
}


.hardware_page_wrap {
    padding: 6.25vw 0 7.8125vw 0;
    position: relative;
}

.hardware_page_content {
    background: #ffffff;
    position: relative;
    margin-bottom: 8.3333vw;
}

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

.hardware_item_box {
    position: relative;
}


.hardware_page_content:nth-child(2n+1) .hardware_item_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.hardware_page_content:nth-child(2n+1) .hardware_item_big {
    right: 0;
    padding-left: 7.291666vw;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
    pointer-events: none;
}

.hardware_page_content:nth-child(2n+1) .hardware_item_pic {
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}

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

.hardware_page_content:nth-child(2n) .hardware_item_big {
    left: 0;
    padding-right: 7.291666vw;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}

.hardware_page_content:nth-child(2n) .hardware_item_pic {
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
    pointer-events: none;
}

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

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

.hardware_item_pic {
    width: 45.88235%;
}

.hardware_item_big {
    width: 54.11765%;
    position: absolute;
    top: 0;
    height: 100%;
}

.hardware_item_pack {
    width: 100%;
}

.hardware_item_number_wrap {
    width: 100%;
}

.hardware_item_number_title {
    font-size: 11.4583333vw;
    line-height: 7.8125vw;
    position: relative;
    overflow: hidden;
    color: #f8f8f8;
}

.hardware_item_number_title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -45%;
    width: 100%;
    height: 40%;
    background: #ffffff;
    transform-origin: left bottom;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.hardware_item_title {
    font-size: 2.1875vw;
    line-height: 2.708333vw;
    color: #222222;
    padding-right: 1.041666vw;
}

.hardware_item_read {
    margin-top: 1.5625vw;
}

.hardware_item_text {
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #333333;
}

.hardware_item_text::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.hardware_item_text::-webkit-scrollbar-track {
    background: #eaeaea;
}

/* 滚动条滑块 */
.hardware_item_text::-webkit-scrollbar-thumb {
    background: #4553a3; /* 滑块颜色 */
}


.hardware_item_img {
    padding-bottom: 75.641%;
}

.hardware_item_content {
    width: 100%;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.hardware_item_head {
    width: 100%;
}

.hardware_item_tips {
    width: 100%;
    margin-top: 3.125vw;
}

.hardware_item_label {
    padding: 0.5208333vw 1.25vw;
    font-size: 0.78125vw;
    line-height: 1.25vw;
    position: relative;
    margin: 0 0.5208333vw 0.5208333vw 0;
    color: #4653a2;
    background: #f8f8f8;
}


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

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

.news_page_wrap {
    padding: 6.25vw 0;
}

.news_page_head_en {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #666666;
}

.news_page_head_cn {
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #111111;
    font-weight: bold;
    margin-top: 0.5208333vw;
}

.news_page_select_wrap {
    width: 17.7083333vw;
    position: relative;
}


.news_page_select_box {
    position: relative;
    background: #f7f7f7;
    z-index: 9;
}

.news_page_select_content {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    padding-top: 3.125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_select_wrap:hover .news_page_select_content {
    box-shadow: 0 0 2.6041666vw rgba(0, 0, 0, .1);
}

.news_page_select_big {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_select_tab {
    padding: 0.5208333vw 0;
}

.news_page_select_li {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: #000;
    padding: 0 1.5625vw;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_select_li:hover {
    color: #ffffff;
    background: #4653a2;
}

.news_page_select_title {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.78125vw;
    line-height: 3.125vw;
    padding: 0 1.5625vw;
    color: #666666;
    z-index: 9;
    pointer-events: none;
}

.news_page_select_head {
    width: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 1.1458333vw 0 4.6875vw;
    cursor: pointer;
}

.news_page_select_current {
    font-size: 0.78125vw;
    line-height: 3.125vw;
    color: #666666;
    margin-right: 0.5208333vw;
}

.news_page_select_icon {
    width: 0.625vw;
}

.news_page_select_icon svg {
    fill: #666666;
}


.news_page_search_wrap {
    width: 17.7083333vw;
    position: relative;
}

.news_page_search_box {
    position: relative;
    background: #f7f7f7;
    z-index: 9;
    margin-left: 0.5208333vw;
}

.news_page_search_input {
    width: calc(100% - 3.125vw);

}

.news_page_search_input input {
    width: 100%;
    font-size: 0.78125vw;
    line-height: 3.125vw;
    color: #666666;
    padding: 0 0 0 1.5625vw;
}

.news_page_search_input input::placeholder {
    color: #aaaaaa;
}

.news_page_search_icon {
    width: 3.125vw;
    height: 3.125vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.news_page_search_label {
    width: 25%;
}

.news_page_search_label svg {
    fill: #4c58aa;
}

.news_page_content {
    margin-top: 4.16666vw;
}

.news_page_tab {
    padding-bottom: 1.5625vw;
}

.news_page_item_box {
    width: 31.41176%;
    margin: 0 2.88236% 3.6458333vw 0;
}


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

.news_page_item_pic a {
    display: block;
}

.news_page_item_img {
    padding-bottom: 61.797752%;
}

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


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

.news_page_item_time {
    font-size: 0.83333vw;
    line-height: 1.041666vw;
    color: #aaaaaa;
}

.news_page_item_title {
    height: 3.541666vw;
    margin-top: 0.78125vw;
}

.news_page_item_title a {
    font-size: 1.1458333vw;
    line-height: 1.7708333vw;
    color: #333333;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_button {
    margin-top: 2.08333vw;
}

.news_page_item_text {
    font-size: 0.83333vw;
    line-height: 1.875vw;
    color: #aaaaaa;
    margin-right: 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_icon {
    width: 0.9375vw;
}

.news_page_item_label {
    width: 100%;
}

.news_page_item_label svg {
    fill: #bcbcbc;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.news_page_item_box:hover .news_page_item_title a {
    color: #4653a2;
}

.news_page_item_box:hover .news_page_item_text {
    color: #4653a2;
}

.news_page_item_box:hover .news_page_item_label svg {
    fill: #4653a2;
}

.public_pagination_wrap {
    position: relative;
}

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

.public_pagination_box a {
    width: 2.708333vw;
    height: 2.708333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0.41666vw;
    position: relative;
    font-size: 0.9375vw;
    line-height: 2.708333vw;
    color: #999999;
}

.public_pagination_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.1041666vw solid #4c58aa;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    pointer-events: none;
    -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 {
    border: 1px solid #e0e0df;
    opacity: 1;
}

.public_pagination_box a.public_pagination_current:after {
    opacity: 1;
}

.public_pagination_box a svg {
    width: 15.2173%;
    fill: #999999;
    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:after {
    opacity: 1;
}


.public_pagination_box a.public_pagination_next:hover:after,
.public_pagination_box a.public_pagination_prev:hover:after {
    background: #4c58aa;
    border: 1px solid #4c58aa;
}

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

.news_details_wrap {
    position: relative;
}

.news_details_box {
    padding: 10.9375vw 0 12.5vw 0;
    min-height: 100vh;
    position: relative;
}

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

.news_details_head_wrap {
    width: 31.7647%;
    position: sticky;
    left: 0;
    top: 10.9375vw;
}

.news_details_pack {
    width: 68.2353%;
    padding-left: 8.3333vw;
    margin-top: 30px;
}

.news_details_bjq img {
    padding: 1.7708333vw 0;
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.news_details_bjq p {
    font-size: 0.83333vw;
    line-height: 1.7708333vw;
    color: #444444;
}

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

.news_details_head_title {
    font-size: 1.66666vw;
    line-height: 2.3958333vw;
    color: #222222;
}

.news_details_head_tips {
    margin-top: 4.16666vw;
}

.news_details_head_label {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #999999;
    margin-right: 2.6041666vw;
}

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

.news_details_head_button {
    margin-top: 4.16666vw;
}

.news_details_head_btn {
    margin-bottom: 1.041666vw;
}

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

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

.news_details_btn_big {
    padding: 0 1.1458333vw;
    background: #f6f6f6;
    font-size: 0.83333vw;
    line-height: 3.3333vw;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_details_btn_big:hover {
    color: #ffffff;
    background: #4c58aa;
}

.news_details_btn_read {
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
}

.news_details_btn_read:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0.1041666vw solid #f3f3f3;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.news_details_btn_icon {
    width: 0.9375vw;
    margin-right: 0.7291666vw;
    position: relative;
    z-index: 2;
}

.news_details_btn_icon svg {
    fill: #888888;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_details_btn_text {
    font-size: 0.83333vw;
    line-height: 3.3333vw;
    color: #888888;
    position: relative;
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_details_btn_read:hover .news_details_btn_text {
    color: #ffffff;
}

.news_details_btn_read:hover .news_details_btn_icon svg {
    fill: #ffffff
}

.news_details_btn_read:hover:after {
    background: #4c58aa;
    border: 0.1041666vw solid #4c58aa;
}

.party_page_wrap {
    padding: 6.25vw 0;
    background: #f7f7f7;
}

.party_page_wrap .news_page_select_box {
    background: #ffffff;
}

.party_page_wrap .news_page_search_box {
    background: #ffffff;
}

.party_page_wrap .news_page_select_content {
    background: #f7f7f7;
}

.party_page_tab {
    padding-bottom: 3.6458333vw;
}

.party_page_item_box {
    width: 32.05882%;
    margin: 0 1.91177% 2.08333vw 0;
}

.party_page_item_box:nth-child(3n) {
    margin: 0 0 2.08333vw 0;
}

.party_page_item_box a {
    position: relative;
    overflow: hidden;
}

.party_page_item_icon {
    position: absolute;
    right: 0;
    bottom: 2.08333vw;
    width: 11.9791666vw;
    height: 3.6458333vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.party_page_item_label {
    width: 100%;
    position: relative;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.party_page_item_label:after {
    content: "";
    height: 100%;
    position: absolute;
}

.party_page_item_label:nth-child(1) {
    height: 0.3125vw;
}

.party_page_item_label:nth-child(2) {
    height: 0.1041666vw;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

.party_page_item_label:nth-child(3) {
    height: 0.1041666vw;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.party_page_item_label:nth-child(4) {
    height: 0.3125vw;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;

}

.party_page_item_label:nth-child(1):after {
    background: #b9e3f9;
    right: 0;
    top: 0;
    width: 28.26086%;
}

.party_page_item_label:nth-child(2):after {
    background: #404f99;
    right: 2.5vw;
    top: 0;
    width: 57.3913%;
}

.party_page_item_label:nth-child(3):after {
    background: #fabf1b;
    right: 0;
    top: 0;
    width: 49.5652%;
}

.party_page_item_label:nth-child(4):after {
    background: #28a7e1;
    left: 0;
    top: 0;
    width: 28.69565%;
}

.party_page_item_content {
    padding: 2.08333vw 2.34375vw;
    background: #ffffff;
    position: relative;
}

.party_page_item_title {
    font-size: 1.1458333vw;
    line-height: 1.7708333vw;
    height: 3.541666vw;
    color: #333333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.party_page_item_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #888888;
    height: 7.8125vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 1.25vw;
}

.party_page_item_tips {
    margin-top: 4.16666vw;
}

.party_page_item_day {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: #b9b9b9;
}

.party_page_item_year {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #b9b9b9;
}

.party_page_item_box a:hover .party_page_item_title {
    color: #4653a2;
}

.party_page_item_box a:hover .party_page_item_label {
    -webkit-transform: none;
    transform: none;
}

.party_page_item_box a:hover .party_page_item_label:nth-child(1) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.party_page_item_box a:hover .party_page_item_label:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.party_page_item_box a:hover .party_page_item_label:nth-child(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

.party_page_item_box a:hover .party_page_item_label:nth-child(4) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.carrier_public_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #111111;
}

.carrier_page_head_subtitle {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #4c58aa;
    font-weight: bold;
}

.carrier_public_btn {
    margin-right: 1.041666vw;
    cursor: pointer;
    position: relative;
}

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

.carrier_public_icon {
    width: 2.5vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #ffffff;
    -webkit-box-shadow: 0.7291666vw 0 1.82291666vw rgba(54, 63, 117, .18);
    box-shadow: 0.7291666vw 0 1.82291666vw rgba(54, 63, 117, .18);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.carrier_public_label {
    width: 18.75%;
}

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

.carrier_public_active .carrier_public_label svg {
    fill: #ffffff;
}

.carrier_public_active .carrier_public_icon {
    background: #4553a3;
}

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

.carrier_page_wrap {
    padding: 7.291666vw 0 4.6875vw 0;
    position: relative;
    overflow: hidden;
}

.carrier_page_back {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

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

.carrier_item_year {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.carrier_item_icon {
    width: 6.0416666vw;
    position: relative;
}

.carrier_item_label {
    width: 100%;
}

.carrier_item_label svg {
    fill: #dadada;
}

.carrier_item_number {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 1.1458333vw;
    color: #4c58aa;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.carrier_item_read {
    margin-top: 1.5625vw;
}

.carrier_item_title {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #222222;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.carrier_item_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: rgba(255, 255, 255, .6);
    margin-top: 1.041666vw;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.carrier_item_box {
    position: relative;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    height: 100%;
}


.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+1) .carrier_item_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);
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+2) .carrier_item_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: .1s;
    transition-delay: .1s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+3) .carrier_item_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;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n) .carrier_item_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;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+1) .carrier_item_box .carrier_item_content:after {
    height: 100%;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+2) .carrier_item_box .carrier_item_content:after {
    height: 100%;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+3) .carrier_item_box .carrier_item_content:after {
    height: 100%;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n) .carrier_item_box .carrier_item_content:after {
    height: 100%;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+1) .carrier_item_box .carrier_item_big:after {
    width: 100%;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+2) .carrier_item_box .carrier_item_big:after {
    width: 100%;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n+3) .carrier_item_box .carrier_item_big:after {
    width: 100%;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.AddCarrierPageContent .carrier_page_swiper .swiper-slide:nth-child(4n) .carrier_item_box .carrier_item_big:after {
    width: 100%;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.carrier_item_big {
    padding: 0 0 2.08333vw 0;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    height: 100%;
    overflow: hidden;
}

.carrier_item_big:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 1px;
    background: #e4e4e4;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.carrier_item_content {
    height: 100%;
    padding: 5.208333vw 1.5625vw 1.5625vw 1.5625vw;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.carrier_item_content:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 0;
    background: #e4e4e4;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.carrier_page_swiper .swiper-slide-duplicate-prev .carrier_item_content:after {
    opacity: 0;
}

.carrier_item_box:hover .carrier_item_big {
    background: #4c58aa;
}

.carrier_item_box:hover .carrier_item_content {
    -webkit-transform: translateY(-1.041666vw);
    transform: translateY(-1.041666vw);
}

.carrier_item_box:hover:after {
    opacity: 0;
}

.carrier_item_box:hover .carrier_item_content:after {
    opacity: 0;
}

.carrier_item_box:hover .carrier_item_number {
    color: #ffffff;
}

.carrier_item_box:hover .carrier_item_title {
    color: #ffffff;
}

.carrier_page_tab {
    margin-top: 2.6041666vw;
}

.carrier_page_swiper .swiper-wrapper {
    -webkit-align-items: stretch;
    align-items: stretch;
}

.carrier_page_swiper .swiper-slide {
    height: auto !important;
}

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

.honor_page_tab {
    position: relative;
}

.honor_page_swiper {
    padding: 2.6041666vw 0;
}

.honor_page_swiper .swiper-wrapper {
    -webkit-align-items: stretch;
    align-items: stretch;
}

.honor_page_swiper .swiper-slide {
    height: auto !important;
}

.honor_page_item_box {
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}

.AddHonorPageContent .honor_page_swiper .swiper-slide:nth-child(4n+1) .honor_page_item_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);
}

.AddHonorPageContent .honor_page_swiper .swiper-slide:nth-child(4n+2) .honor_page_item_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: .1s;
    transition-delay: .1s;
}

.AddHonorPageContent .honor_page_swiper .swiper-slide:nth-child(4n+3) .honor_page_item_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;
}

.AddHonorPageContent .honor_page_swiper .swiper-slide:nth-child(4n) .honor_page_item_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;
}

.honor_page_item_content {
    height: 100%;
    padding: 2.6041666vw 1.5625vw;
    background: #ffffff;
    position: relative;
    -webkit-box-shadow: 0.5208333vw 0 2.6041666vw rgba(93, 104, 176, .1);
    box-shadow: 0.5208333vw 0 2.6041666vw rgba(93, 104, 176, .1);
}

.honor_page_item_pic {
    padding-bottom: 58.651%;
    position: relative;
}

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

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

.honor_page_item_read {
    margin-top: 2.6041666vw;
}

.honor_page_item_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #333333;
    text-align: center;
}


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

.property_page_wrap {
    position: relative;
}

.property_page_width {
    position: relative;
}

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

.property_page_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #3d4897;
    opacity: .85;
}

.property_page_pic {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.property_page_box {
    position: relative;
    z-index: 9;
    padding: 7.55208333vw 0 4.94791666vw 0;
}

.property_page_title .carrier_public_title {
    color: #ffffff;
}

.property_page_read {
    margin-top: 3.6458333vw;
}

.property_page_text {
    font-size: 1.0625vw;
    line-height: 1.8041666vw;
    color: #ffffff;
}

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

.property_page_head_wrap {
    width: 44%;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    opacity: 0;
    pointer-events: none;
}

.property_page_big {
    width: 44%;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
    pointer-events: none;
}

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

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

.property_page_menu_box {
    position: relative;
}

.property_page_menu_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}

.property_page_menu_li {
    width: 14.2857%;
    margin-right: 14.2857%;
    position: relative;
    cursor: pointer;
}

.property_page_menu_li:nth-child(4n) {
    margin-right: 0;
}

.property_page_menu_text {
    font-size: 1.1458333vw;
    line-height: 1.5625vw;
    color: rgba(255, 255, 255, .5);
    padding-bottom: 1.30208333vw;
    text-align: center;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.property_page_menu_active:after {
    width: 100%;
}

.property_page_menu_active .property_page_menu_text {
    color: rgba(255, 255, 255, 1);
}

.property_page_tab {
    margin-top: 3.6458333vw;
}

.property_item_box {
    font-size: 0.88541666vw;
    line-height: 2.6041666vw;
    height: 20.8333vw;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.property_page_swiper {
    padding-bottom: 2.6041666vw;
}

.property_page_swiper .swiper-slide-active .property_item_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);
}

.prize_page_head_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.prize_page_wrap {
    padding: 6.25vw 0;
}

.prize_item_box {
    padding-bottom: 100%;
    position: relative;
    cursor: pointer;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}


.AddPrizePageContent .prize_page_swiper .swiper-slide:nth-child(5n+1) .prize_item_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);
}

.AddPrizePageContent .prize_page_swiper .swiper-slide:nth-child(5n+2) .prize_item_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: .1s;
    transition-delay: .1s;
}

.AddPrizePageContent .prize_page_swiper .swiper-slide:nth-child(5n+3) .prize_item_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;
}

.AddPrizePageContent .prize_page_swiper .swiper-slide:nth-child(5n+4) .prize_item_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;
}

.AddPrizePageContent .prize_page_swiper .swiper-slide:nth-child(5n) .prize_item_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: .4s;
    transition-delay: .4s;
}

.prize_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 1.82291666vw 1.82291666vw 1.30208333vw 1.82291666vw;
    background: #f6f6f6;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.prize_item_year {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    margin-top: 1.2vw;
    -webkit-text-stroke: 1px #4c58aa;
    color: transparent;
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.prize_item_title {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #222222;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.prize_item_btn {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #999999;
    margin-top: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.prize_page_tab {
    padding: 0 0 0 5.7291666vw;
    margin-top: 3.6458333vw;
    position: relative;
}

.prize_item_box:hover .prize_item_content {
    background: #4c58aa;
}

.prize_item_box:hover .prize_item_year {
    color: #ffffff;
    -webkit-text-stroke: initial;
}

.prize_item_box:hover .prize_item_title {
    color: #ffffff;
}

.prize_item_box:hover .prize_item_btn {
    color: #ffffff;
}

.prize_item_box:hover .prize_item_label svg {
    fill: #ffffff;
}

.prize_page_icon {
    margin-top: 2.6041666vw;
}

.prize_page_label {
    width: 100%;
}


.prize_page_label svg {
    fill: #c9cde5;
}


.prize_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.prize_popup_content {
    width: 62.5%;
    height: 82.328%;
    background: #ffffff;
    padding: 3.125vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.prize_item_bjq {
    display: none;
}

.prize_popup_details_box {
    padding-right: 1.5625vw;
}


.prize_popup_details_box::-webkit-scrollbar {
    width: 0.208333vw;
}

.prize_popup_details_box::-webkit-scrollbar-track {
    background: #f2f2f2;
}

.prize_popup_details_box::-webkit-scrollbar-thumb {
    background: #4c58aa;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
}

.prize_popup_title {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: #4c58aa;
}

.prize_popup_close {
    width: 2.08333vw;
    height: 2.08333vw;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.prize_popup_close:after {
    content: "";
    position: absolute;
    left: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0.1041666vw;
    width: 80%;
    background: #c4c4c4;
}

.prize_popup_close:before {
    content: "";
    position: absolute;
    left: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    height: 0.1041666vw;
    width: 80%;
    background: #c4c4c4;
}

.prize_popup_details_box {
    height: 25vw;
    overflow: auto;
}

.prize_popup_details_box p {
    font-size: 0.83333vw;
    line-height: 2.08333vw;
    color: #333333;
}

.prize_popup_line {
    width: 100%;
    height: 1px;
    background: #eaeaea;
}

.prize_popup_head {
    margin-bottom: 1.5625vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.prize_popup_read {
    margin-top: 2.08333vw;
}

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

.prize_popup_show .prize_popup_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_details_box {
    padding: 6.25vw 0 7.291666vw 0;
    position: relative;
    z-index: 9;
}

.about_details_head_btn {
    padding: 0.9375vw 1.3541666vw;
    background: #ffffff;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-box-shadow: 0.78125vw 0 1.82291666vw rgba(54, 63, 117, .18);
    box-shadow: 0.78125vw 0 1.82291666vw rgba(54, 63, 117, .18);
}

.about_details_btn_icon {
    width: 1.82291666vw;
}

.about_details_btn_label {
    width: 100%;
}

.about_details_btn_label svg {
    fill: #4553a3;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_details_btn_text {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #4553a3;
    font-weight: bold;
    margin-left: 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_details_head_btn:hover {
    background: #4553a3;
}

.about_details_head_btn:hover .about_details_btn_label svg {
    fill: #ffffff;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.about_details_head_btn:hover .about_details_btn_text {
    color: #ffffff;
}

.about_details_head_title {
    font-size: 2.5vw;
    line-height: 3.3333vw;
    color: #222222;
    width: 100%;
    padding: 2vw;
}

.about_details_head_read {
    width: 100%;
    height: calc(100% - 5.4375vw);
}

.about_details_head_button {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_details_head_wrap {
    width: 41.17647%;
}

.about_details_big_wrap {
    width: 58.82353%;
}


.about_details_big_read {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #666666;
    padding-right: 2vw;
    height: 18.75vw;
    overflow-y: auto;
}

.about_details_big_read::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.about_details_big_read::-webkit-scrollbar-track {
    background: #eaeaea;
}

/* 滚动条滑块 */
.about_details_big_read::-webkit-scrollbar-thumb {
    background: #4553a3; /* 滑块颜色 */
}

.about_details_data_wrap {
    margin-top: 4.16666vw;
}

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

.about_details_data_number {
    font-size: 3.125vw;
    line-height: 4.16666vw;
    color: #4553a3;
}

.about_details_data_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #333333;
}

.about_details_tab {
    margin-top: 4.16666vw;
}

.about_details_item_box {
    position: relative;
}

.about_details_item_box a {
    padding: 1.1458333vw 1.5625vw;
    background: #f6f6f6;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    display: block;
}

.about_details_item_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #4553a3;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_details_item_box a:hover {
    background: #4553a3;
}

.about_details_item_box a:hover .about_details_item_text {
    color: #ffffff;
}

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

.about_details_tips {
    position: absolute;
    left: -9.53125vw;
    bottom: -1.25vw;
    width: 49.0625%;
    pointer-events: none;
}

.about_culture_wrap {
    position: relative;
}

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

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

.about_culture_head_wrap {
    position: absolute;
    left: 0;
    top: 6.25vw;
    width: 100%;
    z-index: 9;
}

.about_details_head_box {
    height: 100%;
    padding-right: 10.41666vw;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.about_details_head_pic {
    margin-top: 4.6875vw;
}

.prize_item_icon {
    width: 2.3437vw;
}

.prize_item_label svg {
    fill: #5a65b0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_details_head_img {
    padding-bottom: 55.10204%;
}

.about_culture_head_box {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #ffffff;
    text-align: center;
}

.about_culture_item_box {
    width: 33.3333%;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 20.3125vw 0 10.41666vw 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.about_culture_item_read {
    margin-top: -1.5625vw;
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_en {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}


.about_culture_line {
    width: 1.1458333vw;
    height: 0.208333vw;
    background: #fff;
    margin: 1.041666vw auto;
}

.about_culture_title {
    font-size: 1.7708333vw;
    line-height: 2.291666vw;
    color: #ffffff;
    text-align: center;
}

.about_culture_text {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    height: 4.6875vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #ffffff;
    text-align: center;
    margin-top: 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_culture_item_active {
    background: rgba(69, 83, 163, .5);
}


.about_course_head_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #222222;
}

.about_course_head_button {
    margin-top: 15.625vw;
}

.about_course_head_wrap {
    width: 25.208333%;
    padding: 0 5.7291666vw;
}

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

.about_course_tab {
    width: 74.791667%;
}

.about_course_item_title {
    font-size: 2.1875vw;
    line-height: 2.91666vw;
    color: #4553a3;
    position: relative;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}


.about_course_item_content {
    position: relative;
    margin: 1.041666vw 0 0 0;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.about_course_item_pack {
    position: relative;
}

.about_course_item_box {
    position: relative;
    height: 44.791666vw;
}

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

.AddAboutCourseItemBox:after {
    height: 100%;
}

.AddAboutCourseItemBox .about_course_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);
}

.AddAboutCourseItemBox .about_course_item_content {
    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;
}

.about_course_item_big {
    padding-right: 1vw;
    position: relative;
    z-index: 9;
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #666666;
    height: 14.58333vw;
    overflow: auto;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_course_item_big strong {
    font-size: 0.9375vw !important;
    line-height: 2.4vw !important;
}

.about_course_item_big::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.about_course_item_big::-webkit-scrollbar-track {
    background: #eaeaea;
}

/* 滚动条滑块 */
.about_course_item_big::-webkit-scrollbar-thumb {
    background: #4553a3; /* 滑块颜色 */
}

.about_course_item_back {
    height: 100%;
    padding: 6.25vw 2.34375vw 0 2.34375vw;
    position: relative;
}

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

.about_course_item_max .about_course_item_back {
    padding: 6.25vw 2.34375vw 0 2.34375vw;
}

.about_course_item_min .about_course_item_back {
    padding: 12.08333vw 2.34375vw 0 2.34375vw;
}


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

.about_course_btn_icon {
    width: 0.78125vw;
    margin-left: 0.41666vw;
}

.about_course_btn_label {
    width: 100%;
}

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

.about_course_item_active .about_course_item_back:after {
    height: 100%;
}

.about_course_item_active.about_course_item_max .about_course_item_big {
    height: 26.25vw;
}

.about_course_item_active.about_course_item_min .about_course_item_big {
    height: 20.41666vw;
}

.about_course_item_active .about_course_btn_text {
    color: #4553a3;
}

.about_course_item_active .about_course_btn_label svg {
    fill: #4553a3;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.about_course_item_button {
    margin-top: 1.5625vw;
    position: relative;
    z-index: 9;
    display: none;
}

.about_course_item_btn {
    cursor: pointer;
    position: relative;
}


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

.about_course_back {
    position: absolute;
    left: 0;
    bottom: -8vw;
    width: 100%;
    z-index: 1;
}


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


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

.about_message_head_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.about_message_head_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #222222;
}

.about_message_wrap {
    padding: 5.7291666vw 0 7.291666vw 0;
    background: #f6f6f6;
    position: relative;
}

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

.about_message_item_box {
    position: relative;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}

.AddAboutMessageContent .about_message_swiper .swiper-slide:nth-child(4n+1) .about_message_item_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);
}

.AddAboutMessageContent .about_message_swiper .swiper-slide:nth-child(4n+2) .about_message_item_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: .1s;
    transition-delay: .1s;
}

.AddAboutMessageContent .about_message_swiper .swiper-slide:nth-child(4n+3) .about_message_item_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;
}

.AddAboutMessageContent .about_message_swiper .swiper-slide:nth-child(4n) .about_message_item_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;
}

.about_message_back {
    background: #ffffff;
    padding: 2.08333vw;
}

.about_message_pic {
    position: relative;
    padding-bottom: 115.625%;
}

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


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

.about_message_read {
    margin-top: 1.041666vw;
}

.about_message_title {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #111111;
    text-align: center;
}

.about_message_content {
    margin-top: 2.6041666vw;
}


.about_resources_wrap {
    padding: 7.291666vw 0 6.25vw 0;
    position: relative;
}

.about_resources_wrap:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 1px;
    height: 0;
    background: rgba(69, 83, 163, .15);
}


.about_resources_box {
    padding: 0 6.7708333vw;
}

.about_resources_big {
    width: 25%;
}

.about_resources_center_wrap {
    width: 50%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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

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

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

.AddAboutResourcesWrap .about_resources_left {
    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;
}

.AddAboutResourcesWrap .about_resources_right {
    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;
}

.about_resources_center_box {
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    padding: 0 2.08333vw;
}

.about_resources_center_read {
    width: 100%;
    padding-bottom: 3.125vw;
}

.about_resources_center_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #222222;
    text-align: center;
}

.about_resources_center_text {
    font-size: 0.9375vw;
    line-height: 1.66666vw;
    color: #222222;
    text-align: center;
    margin-top: 1.5625vw;
}

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

.about_resources_title {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: #4b58aa;
    text-align: center;
    margin-top: 1.5625vw;
}

.about_resources_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.08333vw;
}

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

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

.about_resources_label {
    width: 20%;
    position: relative;
    z-index: 9;
}

.about_resources_label svg {
    fill: #b5b5b5;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_resources_btn a:hover .about_resources_icon:after {
    border: 1px solid #4553a3;
    background: #4553a3;
}

.about_resources_btn a:hover .about_resources_label svg {
    fill: #ffffff;
}

.about_service_wrap {
    position: relative;
}

.about_service_box {
    position: relative;
}

.about_service_head_wrap {
    position: absolute;
    left: 0;
    top: 4.16666vw;
    width: 100%;
    z-index: 9;
    pointer-events: none;
}

.about_service_head_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #222222;
}

.about_service_item_box {
    padding-bottom: 47.8125%;
    position: relative;
}


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

.about_service_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #e2e2e7;
}

.about_service_item_china .about_service_item_big {
    left: 15.3125%;
    top: -5.7321%;
    width: 59.375%;
    position: absolute;
}

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

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

.about_service_details_tab {
    position: absolute;
    right: 5.7291666vw;
    top: 38%;
    z-index: 9;
    width: 25%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.AddAboutServiceContent .about_service_swiper .swiper-slide-active .about_service_details_tab {
    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;
}

.about_service_details_li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #ffffff;
    padding: 1.82291666vw;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
    pointer-events: none;

}

.about_service_item_china .about_service_item_active .about_service_item_text {
    color: #4553a3;
}

.about_service_swiper .swiper-slide-active .about_service_item_china .about_service_details_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_service_item_world .about_service_item_active .about_service_item_text {
    color: #4553a3;
}

.about_service_swiper .swiper-slide-active .about_service_item_world .about_service_details_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.about_service_item_china .about_service_item_active .about_service_item_text {
    color: #4553a3;
}

.about_service_item_china .about_service_details_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_service_item_li {
    position: absolute;
    cursor: pointer;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_service_item_show .about_service_item_li {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;

}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(7) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(8) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(9) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(10) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(11) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(12) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(13) {

    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(14) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(15) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(16) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.about_service_item_show .about_service_item_china .about_service_item_li:nth-child(17) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}


.about_service_item_show .about_service_item_world .about_service_item_li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.about_service_item_show .about_service_item_world .about_service_item_li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_service_item_show .about_service_item_world .about_service_item_li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.about_service_item_show .about_service_item_world .about_service_item_li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.about_service_item_show .about_service_item_world .about_service_item_li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.about_service_item_show .about_service_item_world .about_service_item_li:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.about_service_item_show .about_service_item_world .about_service_item_li:nth-child(7) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.about_service_details_title {
    font-size: 1.7708333vw;
    line-height: 2.291666vw;
    color: #222222;
}

.about_service_details_read {
    margin-top: 1.041666vw;
}

.about_service_details_text {
    margin-bottom: 0.5208333vw;
}

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

.about_service_details_text span {
    color: #4553a3;
    font-weight: bold;
}

.about_service_details_text,
.about_service_details_text a {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #666666;
}

.about_service_item_china .about_service_item_li:nth-child(1) {
    left: 71.5%;
    top: 86%;

}

.about_service_item_china .about_service_item_li:nth-child(2) {
    left: 70%;
    top: 84%;

}

.about_service_item_china .about_service_item_li:nth-child(3) {
    left: 68%;
    top: 84.6%;

}

.about_service_item_china .about_service_item_li:nth-child(4) {
    left: 64.1%;
    top: 89.6%;

}

.about_service_item_china .about_service_item_li:nth-child(5) {
    left: 79.1%;
    top: 73.6%;

}

.about_service_item_china .about_service_item_li:nth-child(6) {
    left: 73.1%;
    top: 71.6%;

}

.about_service_item_china .about_service_item_li:nth-child(7) {
    left: 65.1%;
    top: 71.6%;

}

.about_service_item_china .about_service_item_li:nth-child(8) {
    left: 46.1%;
    top: 82.6%;

}

.about_service_item_china .about_service_item_li:nth-child(9) {
    left: 81.1%;
    top: 66.6%;

}

.about_service_item_china .about_service_item_li:nth-child(10) {
    left: 49.1%;
    top: 65.6%;

}

.about_service_item_china .about_service_item_li:nth-child(11) {
    left: 75.1%;
    top: 61.6%;

}

.about_service_item_china .about_service_item_li:nth-child(12) {
    left: 78.1%;
    top: 59%;

}

.about_service_item_china .about_service_item_li:nth-child(13) {
    left: 81.1%;
    top: 60.4%;

}

.about_service_item_china .about_service_item_li:nth-child(14) {
    left: 79.9%;
    top: 59%;

}

.about_service_item_china .about_service_item_li:nth-child(15) {
    left: 58.9%;
    top: 56%;

}

.about_service_item_china .about_service_item_li:nth-child(16) {
    left: 74.9%;
    top: 48.5%;

}

.about_service_item_china .about_service_item_li:nth-child(17) {
    left: 71.0%;
    top: 38%;

}


.about_service_item_world .about_service_item_li:nth-child(1) {
    left: 60.5%;
    top: 51.5%;
}

.about_service_item_world .about_service_item_li:nth-child(2) {
    left: 54.5%;
    top: 60.5%;
}

.about_service_item_world .about_service_item_li:nth-child(3) {
    left: 55.5%;
    top: 72.6%;
}

.about_service_item_world .about_service_item_li:nth-child(4) {
    left: 32.5%;
    top: 49.8%;

}

.about_service_item_world .about_service_item_li:nth-child(5) {
    left: 31%;
    top: 48.5%;

}

.about_service_item_world .about_service_item_li:nth-child(6) {
    left: 28.5%;
    top: 49.5%;

}

.about_service_item_world .about_service_item_li:nth-child(7) {
    left: 21.5%;
    top: 43.5%;

}

.about_service_item_icon {
    width: 0.41666vw;
    height: 0.41666vw;
    position: relative;
}

.about_service_item_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #4553a3;
}

.about_service_item_label:nth-child(1) {
    width: 100%;
    height: 100%;
}

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

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

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

@-webkit-keyframes map_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 230%;
        height: 230%;
        opacity: 0.4;
    }
    40% {
        width: 360%;
        height: 360%;
        opacity: 0.3;
    }
    60% {
        width: 490%;
        height: 490%;
        opacity: .2;
    }
    80% {
        width: 620%;
        height: 620%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes map_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 230%;
        height: 230%;
        opacity: 0.4;
    }
    40% {
        width: 360%;
        height: 360%;
        opacity: 0.3;
    }
    60% {
        width: 490%;
        height: 490%;
        opacity: .2;
    }
    80% {
        width: 620%;
        height: 620%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}


.about_service_item_title {
    width: max-content;
    position: absolute;
    z-index: 10;
}

.about_service_item_text {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_service_item_bold .about_service_item_text {
    font-weight: bold;
    font-size: 0.7291666vw;
    color: #4553a3;
}

.text_bottom {
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 0.3125vw;
}

.text_right {
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0.5208333vw;
}

.text_left {
    left: -0.5208333vw;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
}

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

.about_service_button_wrap {
    pointer-events: none;
}

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

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

.about_service_btn_box {
    margin-right: 1.041666vw;
    padding: 0 1.5625vw 0 1.30208333vw;
    background: #ffffff;
    -webkit-box-shadow: 0.5208333vw 0 1.041666vw rgba(51, 51, 51, .15);
    box-shadow: 0.5208333vw 0 1.041666vw rgba(51, 51, 51, .15);
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.about_service_btn_text {
    font-size: 0.9375vw;
    line-height: 3.6458333vw;
    color: #222222;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_service_btn_icon {
    width: 1.041666vw;
    margin-left: 3.6458333vw;
}

.about_service_btn_label {
    width: 100%;
}

.about_service_btn_label svg {
    fill: #aaaaaa;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.about_service_btn_active {
    background: #4553a3;
}

.about_service_btn_active .about_service_btn_text {
    color: #ffffff;
}


.about_service_btn_active .about_service_btn_label svg {
    fill: #ffffff;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.about_company_wrap {
    background: #f7f7f7;
    padding: 11.4583333vw 0 6.25vw 0;
}

.about_company_photo {
    width: 47.0588%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-8vw);
    transform: translateX(-8vw);
}

.about_company_big {
    width: 52.9412%;
    padding-left: 4.94791666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(8vw);
    transform: translateX(8vw);
}

.AddAboutCompanyContent .about_company_photo {
    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;
}

.AddAboutCompanyContent .about_company_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);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_company_pack {
    height: 100%;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.about_company_head_wrap {
    width: 100%;
}

.about_company_logo_box {
    width: 7.291666vw;
}

.about_company_title {
    font-size: 1.875vw;
    line-height: 2.3958333vw;
    color: #111111;
    margin-top: 2.34375vw;
}

.about_company_text {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #666666;
    margin-top: 1.5625vw;
}

.about_company_button_wrap {
    width: 100%;
}

.about_company_img {
    padding-bottom: 56.375%;
}

.about_company_swiper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .4) 30%, rgba(0, 0, 0, 0));
    pointer-events: none;
    z-index: 8;
}

.about_company_pagination_box {
    position: absolute;
    left: 0;
    bottom: 1.041666vw !important;
    z-index: 9;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_company_pagination_box .swiper-pagination-bullet {
    width: 0.625vw;
    height: 0.625vw;
    background: rgba(255, 255, 255, .3);
    opacity: 1;
    margin: 0 0.208333vw !important;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_company_pagination_box .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.about_company_btn_box {
    width: 9.8958333vw;
    margin-right: 0.78125vw;
}

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

.about_company_btn_box a {
    background: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    display: block;
}

.about_company_btn_text {
    font-size: 0.88541666vw;
    line-height: 3.4375vw;
    text-align: center;
    color: #4553a3;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_company_btn_active a {
    background: #4553a3;
}

.about_company_btn_active a .about_company_btn_text {
    color: #ffffff;
}

.about_contact_head_wrap {
    padding: 4.16666vw 0;
}

.about_contact_head_box {
    font-size: 0.83333vw;
    line-height: 1.7708333vw;
    color: #333333;
}

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

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

.about_contact_ewm_wrap {
    width: 8.94117%;
}

.about_contact_ewm_box {
    padding-bottom: 100%;
}

.about_contact_ewm_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    pointer-events: none;
}

.about_contact_content {
    padding: 4.16666vw 0 5.208333vw 0;
}

.about_contact_big {
    width: 91.05883%;
}

.about_contact_ewm_wrap + .about_contact_big {
    padding-left: 3.125vw;
}

.about_contact_tab {
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 0.41666vw 0;
}

.about_contact_item_box {
    width: 100%;
}

.about_contact_item_box,
.about_contact_item_box a {
    font-size: 0.78125vw;
    line-height: 1.041666vw;
    color: #111111;
}

.about_contact_item_box span {
    color: #888888;
}

.hardware_public_title {
    padding-bottom: 2.08333vw;
}

.hardware_public_en {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #666666;
}

.hardware_public_cn {
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #111111;
    font-weight: bold;
    margin-top: 0.5208333vw;
}

.hardware_nav_item_box {
    margin-right: 3.125vw;
}

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

.hardware_nav_item_box a {
    font-size: 1.1458333vw;
    line-height: 1.66666vw;
    color: #666666;
    padding-bottom: 1.5625vw;
    position: relative;
}

.hardware_nav_item_box a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0.15625vw;
    width: 0;
    background: #4653a2;
}

.hardware_nav_item_active a {
    color: #4653a2;
}

.hardware_nav_item_active a:after {
    width: 100%;
}

.hardware_head_wrap {
    position: relative;
}

.hardware_head_line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    z-index: 1;
}

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

.hardware_page_box {
    margin-top: 5.7291666vw;
}

.business_case_nav_read {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #666666;
    text-align: center;
    padding: 0 7.291666vw;
    margin-bottom: 2.08333vw;
    opacity: 0;
    -webkit-justify-content: center;
    justify-content: center;
}

.business_case_nav_width {
    width: 48%;
}

.swiper-slide-active .business_case_nav_read {
    opacity: 1;
}

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

.business_case_nav_li {
    margin-right: 3.90625vw;
}

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

.business_case_nav_label {
    font-size: 0.9375vw;
    line-height: 2.708333vw;
    position: relative;
    color: #333333;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.business_case_nav_label:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0.1041666vw;
    width: 0;
    background: #4653a2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.business_case_nav_active .business_case_nav_label {
    color: #4653a2;
    font-weight: bold;
}


.business_case_nav_active .business_case_nav_label:after {
    width: 100%;
}

.index_solution_box {
    position: relative;
}

.header_wap_menu_wrap {
    display: none;
}

.news_details_wap_button {
    display: none;
}

.about_resources_wap_wrap {
    display: none;
}

.business_wap_page_wrap {
    display: none;
}

.content_share_wrap {
    position: fixed;
    right: 1.041666vw;
    bottom: 10%;
    z-index: 99;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.content_share_box {
    position: relative;

}

.content_share_item_box {
    position: relative;
    margin-bottom: 0.5208333vw;
    cursor: pointer;
}

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


.content_share_item_icon {
    width: 2.916666vw;
    height: 2.916666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.content_share_item_label {
    width: 1.041666vw;
}

.content_share_item_label svg {
    fill: #fff;
}

.content_share_item_tel .content_share_item_icon {
    background: #babdd0;
}

.content_share_item_top .content_share_item_icon {
    background: #4b58aa;
}

.content_share_item_read {
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.content_share_item_box:hover .content_share_item_read {
    width: 10.41666vw;
}

.content_share_item_text {
    padding: 0 1.30208333vw;
    background: #f2f3f8;
    width: max-content;
}

.content_share_item_text a {
    font-size: 0.9375vw;
    line-height: 2.916666vw;
    color: #4b58aa;
    display: block;
}

.loading_remove {
    display: none;
}

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

.business_option_head_content {
    width: 70%;
}

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