.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*/
.loading_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

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

.loading_content {
    width: 100%;
}

.loading_logo_box {
    width: 10.7291666vw;
    margin: 0 auto;
    overflow: hidden;
}

.loading_slogan_box {
    text-align: center;
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    color: #222222;
    margin-top: 0.5208333vw;
}

.loading_progress_box {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1.5625vw;
}

.loading_progress_text {
    margin-top: 1.041666vw;
}

.loading_progress_number {
    font-size: 6.25vw;
    line-height: 6.25vw;
    color: var(--e-global-color-accent);
}

.loading_progress_unit {
    font-size: 1.82291666vw;
    line-height: 3.125vw;
    margin-left: 0.26041666vw;
    color: var(--e-global-color-accent);
}

.page_center {
    padding: 0 3.125vw;
}

.web_center {
    padding: 0 8.333vw;
}

.loading_progress_line {
    position: relative;
    height: 0.15625vw;
    background: #f0f0f0;
}

.loading_progress_label {
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--e-global-color-accent);
    z-index: 9;
}

.loading_animate .loading_content {
    opacity: 0;
    -webkit-filter: blur(0.5208333vw);
    filter: blur(0.5208333vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.loading_animate .loading_progress_box {
    opacity: 0;
    -webkit-filter: blur(0.5208333vw);
    filter: blur(0.5208333vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.loading_animate .loading_box {
    top: -100%;
    -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;
}

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

.header_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: -0.26041666vw;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

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

.header_logo_box {
    width: 7.6vw;
}

.header_logo_box a img {
    -webkit-filter: invert(100%) brightness(400%);
    filter: invert(100%) brightness(400%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_menu_item_box {
    padding: 1.770833vw 0;
    position: relative;
}

.header_menu_item_down {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 4.6874996vw 0 1.041666vw 0;

    pointer-events: none;
}


.header_menu_item_down:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-border-radius: 0 0 0.5208333vw 0.5208333vw;
    border-radius: 0 0 0.5208333vw 0.5208333vw;
}

.header_menu_item_down:before {
    content: "";
    position: absolute;
    left: 0;
    top: -0.15625vw;
    width: 100%;
    height: 0.15625vw;
    background: var(--e-global-color-accent);
    z-index: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_menu_down_label {
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_menu_down_label .header_menu_down_link {
    font-size: 0.78125vw;
    line-height: 2.3958333vw;
    color: #666666;
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_menu_down_link:hover {
    color: var(--e-global-color-accent);
}

.header_menu_link {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    padding: 0.5208333vw 2.08333vw;
    color: #fff;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_menu_link:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.3125vw;
    height: 0.3125vw;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_content_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: calc(100% - 7.6vw);
}

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

.header_language_wrap {
    margin-right: 1.30208333vw;
}

.header_search_wrap {
    margin-right: 1.30208333vw;
}

.header_language_current {
    width: 2.8125vw;
    line-height: 2.8125vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1.40625vw;
    border-radius: 1.40625vw;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
    z-index: 9;
}

.header_language_icon {
    width: 0.41666vw;
    height: 0.3125vw;
    position: relative;
    margin-left: 0.26041666vw;
}

.header_language_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border-right: 0.208333vw solid transparent;
    border-left: 0.208333vw solid transparent;
    border-top: 0.3125vw solid #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_language_box:hover .header_language_current {
    background: rgba(255, 255, 255, 1);
}

.header_language_box:hover .header_language_text {
    color: #333;
}

.header_language_box:hover .header_language_icon:after {
    border-top: 0.3125vw solid #333;
}

.header_language_box:hover .header_language_tab {
    pointer-events: auto;
}

.header_language_box:hover .header_language_tab:after {
    height: 100%;
    opacity: 1;
}

.header_language_box:hover .header_language_item_box a {
    color: #333;
}

.header_language_box:hover .header_language_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}


.header_language_text {
    font-size: 0.78125vw;
    color: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_search_box {
    width: 2.8125vw;
    height: 2.8125vw;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1.40625vw;
    border-radius: 1.40625vw;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_search_active {
    width: 10.625vw;
    background: rgba(255, 255, 255, 1);
}

.header_search_active .header_search_svg svg {
    fill: #333;
}

.header_search_active .header_search_input_box {
    width: 7.8125vw;
}

.header_language_box {
    position: relative;
}

.header_language_tab {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding-top: 2.8125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
}

.header_language_tab:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.8125vw;
    background: #e9e9e9;
    opacity: 0;
    -webkit-border-radius: 1.40625vw;
    border-radius: 1.40625vw;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_language_content {
    position: relative;
    z-index: 2;
    padding: 0.5208333vw 0 1.041666vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.header_language_item_box a {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #fff;
    display: block;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.header_search_svg svg {
    width: 1.041666vw;
    fill: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_search_input_box {
    width: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_search_input_box input {
    line-height: 2.8125vw;
    font-size: 0.8333vw;
    color: #333;
    width: 100%;
    display: block;
    padding: 0 0.5208333vw 0 0;
    box-sizing: border-box;
}


.index_page_swiper {
    height: 100vh;
}

.index_page_swiper .index_page_slide {
    background: #fff;

}

.index_page_content {
    height: 100%;
    overflow: hidden;
}

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

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

.index_banner_box {
    height: 100%;
    display: block;
}

.index_banner_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 9;
}

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

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

.index_banner_title_icon {
    width: 1.30208333vw;
}

.index_banner_big {
    padding: 0 8.3333vw;
    width: 100%;
}

.index_banner_title_icon svg {
    fill: #fff;
}

.index_banner_cn_label {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #ffffff;
    font-family: "Mont-semibold", "Arial", "Microsoft YaHei", 微软雅黑, "Helvetica", "sans-serif" !important;
}

.index_banner_en_label {
    font-size: 1.875vw;
    line-height: 2.291666vw;
    color: #ffffff;
}

.index_banner_title_text {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #fff;
    margin-left: 0.78125vw;
}

.header_wap_menu_wrap {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 1.40625vw;
    border-radius: 1.40625vw;
    width: 2.8125vw;
    height: 2.8125vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
    z-index: 9999;
}

.header_wap_menu_wrap:hover .header_wap_menu_label:nth-child(2) {
    width: 100%;
}

.header_wap_menu_wrap:hover .header_wap_menu_label:nth-child(1),
.header_wap_menu_wrap:hover .header_wap_menu_label:nth-child(3) {
    width: 65%;
}

.header_wap_menu_box {
    width: 1.25vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.header_wap_menu_label {
    width: 100%;
    height: 0.1041666vw;
    background: var(--e-global-color-accent);
    margin-bottom: 0.3125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_wap_menu_label:nth-child(2) {
    width: 65%;
}

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

.header_menu_wrap {
    padding-right: 2.6041666vw;
}


.index_page_swiper .swiper-wrapper {
    -webkit-transition: all 1s cubic-bezier(.69, .27, .45, .99);
    transition: all 1s cubic-bezier(.69, .27, .45, .99);
}


.index_page_swiper .index_page_slide:last-child {
    height: 27.083333vw !important;
}

.header_menu_item_active .header_menu_link {
    font-weight: bold;
}

.header_menu_item_active .header_menu_link:after {
    opacity: 1;
}

.header_menu_item_default .header_menu_link {
    font-weight: normal;
}

.header_menu_item_default .header_menu_link:after {
    opacity: 0;
}

.header_menu_item_hover .header_menu_link {
    font-weight: bold;
    color: var(--e-global-color-accent);
}

.header_menu_item_hover .header_menu_link:after {
    opacity: 1;
    background: var(--e-global-color-accent);
}

.header_menu_item_hover .header_menu_item_down {
    pointer-events: auto;
}

.header_menu_item_hover .header_menu_item_down:after {
    height: 100%;
}

.header_menu_item_hover .header_menu_item_down:before {
    top: 0;
}

.header_menu_item_hover .header_menu_down_label {
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_page_img {
    height: 100%;
}

.index_banner_cn_box {
    margin-top: 1.30208333vw;
    width: 60%;
}

.index_banner_en_box {
    margin-top: 0.78125vw;
}

.public_button_icon {
    width: 2.6041666vw;
    height: 2.6041666vw;
    background: var(--e-global-color-accent);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.public_button_color {
    fill: var(--e-global-color-accent);
    ;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_icon svg {
    fill: #fff;
    width: 0.8333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_text {
    position: relative;
    width: 9.11458333vw;
    padding: 0 2.6041666vw 0 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

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

.public_button_label {
    color: #ffffff;
    font-size: 0.78125vw;
    line-height: 2.6041666vw;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    text-align: center;
}

.index_banner_button {
    margin-top: 3.125vw;
}

.public_button_box {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_box a {
    position: relative;
    z-index: 9;
}

.public_button_circle {
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    cx: calc(7.8125vw - 0.1041666vw);
}

.public_button_active .public_button_circle {
    cx: calc(1.30208333vw + 0.1041666vw);
}

.public_button_box:hover .public_button_text {
    padding: 0 0 0 2.6041666vw;
}


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

.public_button_box:hover .public_button_label {
    color: var(--e-global-color-accent);
}

.public_button_box:hover .public_button_icon {
    background: #fff;
}

.public_button_box:hover .public_button_icon svg {
    fill: var(--e-global-color-accent);
}

.public_button_box:hover .public_button_color {
    fill: #fff;
}

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

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

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

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

/*黑色导航*/
.header_black .header_logo_box a img {
    -webkit-filter: none;
    filter: none;
}

.header_black .header_menu_link {
    color: #222222;
}

.header_black .header_menu_item_active .header_menu_link {
    color: var(--e-global-color-accent);
}

.header_black .header_menu_item_default .header_menu_link {
    color: #222222;
}

.header_black .header_menu_item_hover .header_menu_link {
    color: var(--e-global-color-accent);
}

.header_black .header_menu_item_down:after {
    -webkit-box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
}

.header_black .header_menu_link:after {
    background: var(--e-global-color-accent);
}

.header_black .header_language_current {
    background: #f5f5f6;
}

.header_black .header_language_text {
    color: #222222;
}

.header_black .header_language_icon:after {
    border-top: 0.3125vw solid #222222;
}

.header_black .header_search_box {
    background: #f5f5f6;
}

.header_black .header_search_svg svg {
    fill: #222222;
}


.header_black .header_language_box:hover .header_language_current {
    background: var(--e-global-color-accent);
}

.header_black .header_language_box:hover .header_language_text {
    color: #fff;
}

.header_black .header_language_box:hover .header_language_icon:after {
    border-top: 0.3125vw solid #fff;
}

.header_black .header_search_active {
    background: var(--e-global-color-accent);
}

.header_black .header_search_active .header_search_svg svg {
    fill: #fff;
}

.header_black .header_search_active .header_search_input_box input {
    color: #fff;
}

.header_black .header_wap_menu_wrap {
    background: var(--e-global-color-accent);
}

.header_black .header_wap_menu_label {
    background: #fff;
}


/*白色导航*/
.header_white:after {
    height: 100%;
    top: 0;
}

/*定住导航*/
.header_fixed .header_logo_box a img {
    -webkit-filter: none;
    filter: none;
}

.header_fixed .header_menu_link {
    color: #222222;
}

.header_fixed .header_menu_item_active .header_menu_link {
    color: var(--e-global-color-accent);
}

.header_fixed .header_menu_item_default .header_menu_link {
    color: #222222;
}

.header_fixed .header_menu_item_hover .header_menu_link {
    color: var(--e-global-color-accent);
}

.header_fixed .header_menu_item_down:after {
    -webkit-box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
}

.header_fixed .header_menu_link:after {
    background: var(--e-global-color-accent);
}

.header_fixed .header_language_current {
    background: #f5f5f6;
}

.header_fixed .header_language_text {
    color: #222222;
}

.header_fixed .header_language_icon:after {
    border-top: 0.3125vw solid #222222;
}

.header_fixed .header_search_box {
    background: #f5f5f6;
}

.header_fixed .header_search_svg svg {
    fill: #222222;
}


.header_fixed .header_language_box:hover .header_language_current {
    background: var(--e-global-color-accent);
}

.header_fixed .header_language_box:hover .header_language_text {
    color: #fff;
}

.header_fixed .header_language_box:hover .header_language_icon:after {
    border-top: 0.3125vw solid #fff;
}

.header_fixed .header_search_active {
    background: var(--e-global-color-accent);
}

.header_fixed .header_search_active .header_search_svg svg {
    fill: #fff;
}

.header_fixed .header_search_active .header_search_input_box input {
    color: #fff;
}

.header_fixed .header_wap_menu_wrap {
    background: var(--e-global-color-accent);
}

.header_fixed .header_wap_menu_label {
    background: #fff;
}

.header_fixed:after {
    height: 100%;
    top: 0;
}


/*产品默认导航*/
.header_white_wrap .header_logo_box a img {
    -webkit-filter: none;
    filter: none;
}

.header_white_wrap .header_menu_link {
    color: #222222;
}

.header_white_wrap .header_menu_item_active .header_menu_link {
    color: var(--e-global-color-accent);
}

.header_white_wrap .header_menu_item_default .header_menu_link {
    color: #222222;
}

.header_white_wrap .header_menu_item_hover .header_menu_link {
    color: var(--e-global-color-accent);
}

.header_white_wrap .header_menu_item_down:after {
    -webkit-box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
}

.header_white_wrap .header_menu_link:after {
    background: var(--e-global-color-accent);
}

.header_white_wrap .header_language_current {
    background: #f5f5f6;
}

.header_white_wrap .header_language_text {
    color: #222222;
}

.header_white_wrap .header_language_icon:after {
    border-top: 0.3125vw solid #222222;
}

.header_white_wrap .header_search_box {
    background: #f5f5f6;
}

.header_white_wrap .header_search_svg svg {
    fill: #222222;
}


.header_white_wrap .header_language_box:hover .header_language_current {
    background: var(--e-global-color-accent);
}

.header_white_wrap .header_language_box:hover .header_language_text {
    color: #fff;
}

.header_white_wrap .header_language_box:hover .header_language_icon:after {
    border-top: 0.3125vw solid #fff;
}

.header_white_wrap .header_search_active {
    background: var(--e-global-color-accent);
}

.header_white_wrap .header_search_active .header_search_svg svg {
    fill: #fff;
}

.header_white_wrap .header_search_active .header_search_input_box input {
    color: #fff;
}

.header_white_wrap .header_wap_menu_wrap {
    background: var(--e-global-color-accent);
}

.header_white_wrap .header_wap_menu_label {
    background: #fff;
}

.header_white_wrap:after {
    height: 100%;
    top: 0;
}

.index_page_pagination {
    position: fixed;
    right: 2.34375vw !important;
    top: 0 !important;
    -webkit-transform: translateX(2vw) translateY(0) !important;
    transform: translateX(2vw) translateY(0) !important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    z-index: 9;
    width: 0.625vw;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
}

.index_page_pagination .swiper-pagination-bullet {
    width: 0.625vw !important;
    height: 0.625vw !important;
    margin: 0 0 1.25vw 0 !important;
    background: none;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 1;
}

.index_page_pagination .swiper-pagination-bullet:last-child {
    margin: 0 !important;
}

.index_page_pagination .swiper-pagination-bullet:after {
    content: "";
    display: block;
    width: 0.41666vw;
    height: 0.41666vw;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .6);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_page_pagination .swiper-pagination-bullet-active:after {
    width: 100%;
    height: 100%;
    border: 0.1041666vw solid #fff;
}

.index_pagination_black .swiper-pagination-bullet:after {
    border: 1px solid #aaaaab;
}

.index_pagination_black .swiper-pagination-bullet-active:after {
    border: 0.1041666vw solid var(--e-global-color-accent);
}

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


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

.index_page_wrap {
    position: relative;
}


.index_scroll_text {
    writing-mode: tb-rl;
    color: #fff;
    font-size: 0.625vw;
    line-height: 1.041666vw;
}

.index_scroll_line {
    height: 2.6041666vw;
    width: 1px;
    position: relative;
    overflow: hidden;
    margin: 0.5208333vw auto 0;
}

.index_scroll_line:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-animation: BannerLine 2s 1.5s infinite linear normal both;
    animation: BannerLine 2s 1.5s infinite linear normal both;
}

@-webkit-keyframes BannerLine {
    0% {
        height: 0;
    }

    40% {
        height: 100%;

    }

    70% {
        top: 0;
    }

    100% {
        top: 100%;
        height: 100%;
    }
}

@keyframes BannerLine {
    0% {
        height: 0;
    }

    40% {
        height: 100%;

    }

    70% {
        top: 0;
    }

    100% {
        top: 100%;
        height: 100%;
    }
}

.index_scroll_wrap {
    position: absolute;
    left: 8.3333vw;
    bottom: 2.34375vw;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
}

.index_video_button_wrap {
    position: absolute;
    right: 8.3333vw;
    bottom: 2.34375vw;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

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

.index_video_button_box:hover .index_video_button_icon {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.index_video_button_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: BannerRotate 10s infinite linear normal both;
    animation: BannerRotate 10s infinite linear normal both;
}

@-webkit-keyframes BannerRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes BannerRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

.index_video_button_back svg {
    fill: #fff;
}

.index_video_button_icon {
    width: 0.7291666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_video_button_icon svg {
    fill: #fff;
}


.index_product_swiper {
    height: 100%;
}

.index_product_content {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.index_product_big {
    width: 100%;
    position: relative;
    z-index: 11;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_pro_color1 {
    fill: #ec3926;
}

.index_pro_color2 {
    fill: #b51f3d;
}

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

.index_product_tips_text {
    font-size: 3.8541666vw;
    line-height: 100vh;
    text-align: center;
    letter-spacing: 1.458333vw;
    color: var(--e-global-color-accent);
}

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


.index_product_slogan_box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 21.1458333vw;

}

.index_product_slogan_svg {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_product_photo {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 8;
    background: #090607;
}

.index_product_back {
    height: 120%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    overflow: hidden;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9;
    background: #090607;
}


.index_product_img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}

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

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

.index_product_details_box {
    width: 100%;
}

.index_product_details_content {
    padding: 0 8.3333vw;
}

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

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

.index_product_images {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-bottom: 56.25%;
    z-index: 8;
}

.index_product_icon {
    text-align: center;
    font-size: 3.65625vw;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 9;
    background: rgba(255, 255, 255, 1);
    mix-blend-mode: screen;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

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

.index_product_current .index_product_tips_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-3vw);
    transform: translateY(-3vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.index_product_current .index_product_slogan_svg {
    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_product_current .index_product_icon {
    font-size: 15.625vw;
    -webkit-transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
    transition: all 1.5s cubic-bezier(.4, 0, .2, 1);
}

.index_product_current .index_product_back {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}


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

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

.index_product_current .product_details_text_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: 1.8s;
    transition-delay: 1.8s;
}

.index_product_current .product_details_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: 1.9s;
    transition-delay: 1.9s;
}

.public_title_icon {
    width: 1.30208333vw;
}

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

.public_title_icon svg {
    fill: #fff;
}

.public_title_text {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #fff;
    margin-left: 0.78125vw;
}


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

.product_details_title_label {
    font-size: 2vw;
    line-height: 2.4vw;
    color: #fff;
    text-align: center;
}

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

.product_details_text_label {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #fff;
    text-align: center;
    opacity: .6;
}

.product_details_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3.125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.public_white .public_button_label {
    color: var(--e-global-color-accent);
}

.public_white .public_button_icon svg {
    fill: var(--e-global-color-accent);

}

.public_white .public_button_color {
    fill: #fff;

}

.public_white .public_button_icon {
    background: #fff;

}

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

.index_product_line_label {
    width: 14vw;
    height: 0.15625vw;
    position: absolute;

}

.index_product_line_after {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 249, 251, 1), rgba(255, 255, 255, 0));
}

.index_product_line_label:nth-child(1) {
    top: 27.5%;
    left: -6.5%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}

.index_product_line_label:nth-child(2) {
    top: 16.5%;
    left: 2.7%;
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
}


.index_product_line_label:nth-child(3) {
    top: 100.8%;
    left: 83%;
    -webkit-transform: rotate(24.5deg);
    transform: rotate(24.5deg);
}

.index_product_line_label:nth-child(4) {
    top: 90.9%;
    left: 95.5%;
    -webkit-transform: rotate(24.5deg);
    transform: rotate(24.5deg);
}

.index_product_line_label:nth-child(5) {
    top: 95.8%;
    left: -12.2%;
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
}

.index_product_line_label:nth-child(6) {
    top: 107%;
    left: -1%;
    -webkit-transform: rotate(-27.5deg);
    transform: rotate(-27.5deg);
}

.index_product_line_label:nth-child(7) {
    top: 15.4%;
    left: 75.6%;
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
}

.index_product_line_label:nth-child(8) {
    top: 24.77%;
    left: 87%;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
}

.index_product_line_label:nth-child(1) .index_product_line_after,
.index_product_line_label:nth-child(2) .index_product_line_after {
    -webkit-animation: ProLine1 2s infinite linear normal both;
    animation: ProLine1 2s infinite linear normal both;
}

.index_product_line_label:nth-child(3) .index_product_line_after,
.index_product_line_label:nth-child(4) .index_product_line_after {
    -webkit-animation: ProLine2 2s infinite linear normal both;
    animation: ProLine2 2s infinite linear normal both;
}

.index_product_line_label:nth-child(5) .index_product_line_after,
.index_product_line_label:nth-child(6) .index_product_line_after {
    -webkit-animation: ProLine3 2s infinite linear normal both;
    animation: ProLine3 2s infinite linear normal both;
}

.index_product_line_label:nth-child(7) .index_product_line_after,
.index_product_line_label:nth-child(8) .index_product_line_after {
    -webkit-animation: ProLine4 2s infinite linear normal both;
    animation: ProLine4 2s infinite linear normal both;
}

@keyframes ProLine1 {
    0% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }

    10% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    70% {
        opacity: 1;
        -webkit-transform: translateX(145%);
        transform: translateX(145%);
    }

    90% {
        opacity: 0;
        -webkit-transform: translateX(145%);
        transform: translateX(145%);
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
}


@keyframes ProLine2 {
    0% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }

    10% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    70% {
        opacity: 1;
        -webkit-transform: translateX(-195%);
        transform: translateX(-195%);
    }

    90% {
        opacity: 0;
        -webkit-transform: translateX(-195%);
        transform: translateX(-195%);
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes ProLine3 {
    0% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }

    10% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    70% {
        opacity: 1;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }

    90% {
        opacity: 0;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
}


@keyframes ProLine4 {
    0% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }

    10% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    70% {
        opacity: 1;
        -webkit-transform: translateX(-130%);
        transform: translateX(-130%);
    }

    90% {
        opacity: 0;
        -webkit-transform: translateX(-130%);
        transform: translateX(-130%);
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
}


.index_advantage_item_box {
    padding-bottom: 5.208333vw;
}


.index_solution_tips .public_title_icon svg {
    fill: var(--e-global-color-accent);
}

.index_solution_tips .public_title_text {
    color: var(--e-global-color-accent);
}

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

.index_solution_title_label {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: #222222;
    text-align: center;
}

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

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

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

.index_solution_item_big {
    width: 100%;
    position: relative;
    transform: rotate(90deg);
}

.index_solution_item_photo {
    position: relative;
    cursor: pointer;
}

.index_solution_item_center {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_solution_item_img {
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.index_solution_item_img img {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
}

.index_solution_item_button {
    width: 3.125vw;
    height: 3.125vw;
    z-index: 9;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_solution_item_button a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 3.125vw;
    text-align: center;
    color: #fff;
    pointer-events: auto;
    background: var(--e-global-color-accent);
    -webkit-border-radius: 100%;
    border-radius: 100%;

    &:hover {
        color: #fff;
    }
}

.index_solution_item_photo:hover .index_solution_item_center {
    opacity: 1;
    pointer-events: none;
}


.cursor_solution_wrap {
    position: fixed;
    left: -2.08333vw;
    top: -2.08333vw;
    width: 4.1666vw;
    height: 4.1666vw;
    z-index: 999;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    pointer-events: none;
    /*mix-blend-mode: difference;*/
}


.cursor_solution_box {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    -webkit--webkit-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    mix-blend-mode: normal;
}

.cursor_solution_show .cursor_solution_box {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cursor_solution_scale .cursor_solution_box {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cursor_solution_btn {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.cursor_solution_icon {
    font-size: 0.9375vw;
    color: #aaaaaa;
}

.cursor_solution_active_prev .cursor_solution_prev {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);

}

.cursor_solution_active_next .cursor_solution_next {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cursor_solution_box .cursor_solution_icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cursor_solution_box .cursor_solution_icon svg {
    max-width: 30%;
    height: auto;
    fill: #aaa;
}

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

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

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

.index_solution_rotate_btn {
    width: 50%;
    height: 100%;
    pointer-events: auto;
    cursor: pointer;
}

/*.index_solution_item_photo:hover .index_solution_item_img {*/
/*    -webkit-transform: scale(1.05);*/
/*    transform: scale(1.05);*/
/*}*/

.index_solution_item_photo:hover .index_solution_item_center .index_solution_item_button {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.index_solution_swiper {
    padding: 0 8.3333vw;
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_solution_circle_rotate {
    transform: rotate(-90deg);
}

.index_solution_item_box {
    display: block;
    width: 19.791666vw;
    position: absolute;
    text-align: center;
    z-index: 3;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    border: 1px solid #eee;
    border-radius: 50%;
}

.index_solution_item_read {
    padding-top: 2.08333vw;
    position: absolute;
    width: 100%;
    left: 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);
}

.index_solution_item_title {
    font-size: 1.3541666vw;
    line-height: 1.9791666vw;
    color: #333333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_solution_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    text-align: center;
    margin-top: 0.5208333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_solution_swiper .index_solution_item_current {
    -webkit-transform: none;
    transform: none;
}


.index_solution_content {
    position: relative;
    padding-bottom: 31vw;
    margin-top: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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


.index_solution_circle_wrap {
    width: 109.1666vw;
    height: 109.1666vw;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 9;
    pointer-events: none;
}

.index_solution_circle_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9.8958333vw;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(201, 201, 201, .35);
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    pointer-events: none;
}

.index_solution_circle_wrap:before {
    content: "";
    position: absolute;
    left: 5.05208335%;
    top: 17.1875vw;
    width: 89.8958333%;
    height: 89.8958333%;
    border: 1px solid rgba(201, 201, 201, .8);
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    pointer-events: none;
}

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

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

.index_solution_tab {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    border-radius: 100%;
    z-index: 20;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_solution_item_active {
    pointer-events: auto !important;
}

.index_solution_item_active .index_solution_item_read {
    opacity: 1;
    pointer-events: auto;
}


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

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


.index_page_current .index_solution_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: .2s;
    transition-delay: .2s;
}


@-webkit-keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    20% {
        width: 1000%;
        height: 1000%;
        opacity: 0.15;
    }

    40% {
        width: 1900%;
        height: 1900%;
        opacity: 0.1;
    }

    60% {
        width: 2800%;
        height: 2800%;
        opacity: 0.05;
    }

    80% {
        width: 3700%;
        height: 3700%;
        opacity: 0;
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    20% {
        width: 1000%;
        height: 1000%;
        opacity: 0.15;
    }

    40% {
        width: 1900%;
        height: 1900%;
        opacity: 0.1;
    }

    60% {
        width: 2800%;
        height: 2800%;
        opacity: 0.05;
    }

    80% {
        width: 3700%;
        height: 3700%;
        opacity: 0;
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

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

.contact_map_line_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    pointer-events: none;
}

.contact_map_line_box {
    position: absolute;
    pointer-events: auto;
}

.contact_map_line_box svg {
    fill: none;
    stroke: #6199b8;
    stroke-width: 1px;
    opacity: .4;
}

.contact_map_line_box:nth-child(1) {
    left: 85.2%;
    top: 36.3%;
    width: 3.541666vw;
}

.contact_map_line_box:nth-child(2) {
    left: 85.3%;
    top: 39.2%;
    width: 7.8vw;
}

.contact_map_line_box:nth-child(3) {
    left: 82.35%;
    top: 38.6%;
    width: 3.0208333vw;
}

.contact_map_line_box:nth-child(4) {
    left: 49.3%;
    top: 38.8%;
    width: 35.9375vw;
}

.contact_map_line_box:nth-child(5) {
    left: 39.9%;
    top: 21.3%;
    width: 45.3125vw;
}

.contact_map_line_box:nth-child(6) {
    left: 41%;
    top: 8%;
    width: 44.0104166vw;
}

.contact_map_line_box:nth-child(7) {
    left: 5%;
    top: 5%;
    width: 80.208333vw;
}

.contact_map_line_box:nth-child(8) {
    left: 5%;
    top: 18.5%;
    width: 80.208333vw;
}

.contact_map_line_box:nth-child(9) {
    left: 20%;
    top: 38.7%;
    width: 65.1041666vw;
}

.investor_code_head .about_public_text {
    text-align: center;
}

.investor_code_title_box .public_title_icon svg {
    fill: var(--e-global-color-accent);
}

.investor_code_title_box .public_title_text {
    color: var(--e-global-color-accent);
}

.investor_code_wrap {
    position: relative;
}

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

.investor_code_box {
    position: relative;
    z-index: 9;
    padding: 7.291666vw 0;
    background: #fff;
}

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

.investor_code_tips {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.investor_code_tips:after {
    content: "";
    position: absolute;
    left: 50vw;
    bottom: 2.08333vw;
    width: 0;
    height: 0.1041666vw;
    background: var(--e-global-color-accent);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    z-index: 10;
}

.investor_code_tips:before {
    content: "";
    position: absolute;
    right: 50vw;
    bottom: 2.08333vw;
    width: 0;
    height: 0.1041666vw;
    background: var(--e-global-color-accent);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    z-index: 10;
}


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

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

.investor_page_wrap {
    overflow: hidden;
}

.investor_code_big {
    margin-top: 6.25vw;
    position: relative;
}

.investor_code_en_box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100vw;
}

.investor_code_en_label {
    font-size: 12.5vw;
    color: #f2f2f2;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.investor_code_read {
    width: 27.6041666vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.investor_code_read:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    z-index: 9;

}

.investor_code_read:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.investor_code_open {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

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

.investor_code_back {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100vw;
}

.investor_code_overlay {
    position: relative;
    z-index: 1;
    padding: 3.6458333vw 2.6041666vw;
}

.investor_code_number {
    font-size: 5.208333vw;
    line-height: 5.7291666vw;
    color: #fff;
    text-align: center;
}

.investor_code_ul {
    padding: 0 2.6041666vw 5.208333vw 2.6041666vw;
    margin-top: 3.125vw;
    position: relative;
}

.investor_code_item_box {
    padding: 0.5208333vw 0;
    position: relative;
    margin-bottom: 1.30208333vw;
    opacity: .6;
}

.investor_code_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #fff;
}

.investor_code_item_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    width: 5.208333vw;
}

.investor_code_item_label {
    width: calc(100% - 5.208333vw);
}

.investor_code_item_label,
.investor_code_item_label a {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    text-align: right;
}

.investor_report_title_box .public_title_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.investor_report_title_box .public_title_icon svg {
    fill: var(--e-global-color-accent);
}


.investor_report_title_box .public_title_text {
    color: var(--e-global-color-accent);
}

.investor_report_wrap {
    padding: 6.25vw 0;
    background: #f4f4f4;
}

.investor_report_item_box .news_page_btn_line:after {
    background: var(--e-global-color-accent);
}

.investor_report_item_box .news_page_btn_line {
    background: var(--e-global-color-accent);
}

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

.investor_report_item_box:hover .news_page_btn_next {
    width: 2.34375vw;
    margin-left: 1.041666vw;
}

.investor_report_item_box:hover .news_page_btn_prev {
    margin: 0;
    width: 0;
}

.investor_report_item_box a {
    display: block;
    background: #fff;
    padding: 2.08333vw 2.6041666vw;
    border-radius: 1.5625vw 0 1.5625vw 0;
}

.investor_report_item_box {
    width: 48.75%;
    margin: 0 2.5% 2.08333vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.investor_report_item_box:nth-child(2n) {
    margin: 0 0 2.08333vw 0;
}

.investor_report_item_time {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #999999;
}

.investor_report_item_title {
    font-size: 0.8333vw;
    line-height: 1.6666vw;
    color: #222222;
    margin-top: 1.041666vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.investor_report_item_button {
    margin-top: 1.5625vw;
}

.investor_report_tab {
    margin-top: 3.6458333vw;
    padding-bottom: 2.08333vw;
}

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

.public_pagination_wrap a {
    width: 2.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
    text-align: center;
    color: #999999;
    font-size: 0.8333vw;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    margin: 0 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_pagination_wrap .public_pagination_prev,
.public_pagination_wrap .public_pagination_next {
    font-size: 0.7291666vw;
    padding: 0 1.5625vw;
    width: auto;
    background: #fff;

}

.public_pagination_wrap .public_pagination_current {
    background: var(--e-global-color-accent);
    color: #fff;
}

.public_pagination_wrap a:hover {
    background: var(--e-global-color-accent);
    color: #fff;
}

.solution_stock_title_box {
    width: 55.625%;
    padding-right: 5.208333vw;
}

.solution_stock_text_box {
    width: 44.375%;
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: #333333;
}

.solution_stock_title_label {
    font-size: 1.9791666vw;
    line-height: 3.541666vw;
    color: var(--e-global-color-accent);
}

.solution_stock_head {
    padding: 0 0 9.375vw 0;
}

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


.solution_big_title_box .public_title_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.solution_big_title_box .public_title_icon svg {
    fill: var(--e-global-color-accent);
}

.solution_big_title_box .public_title_text {
    color: var(--e-global-color-accent);
}

.solution_stock_details {
    position: relative;
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_stock_back {
    padding-bottom: 34.375%;
}

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

.solution_stock_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 100%;
    background: rgba(22, 66, 187, .7);
    z-index: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.solution_stock_item_box {
    width: 20%;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}

.solution_stock_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .15);
    box-sizing: border-box;
}

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

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

.solution_stock_item_icon {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 4.6875vw;
    height: 4.6875vw;
    font-size: 1.5625vw;
    color: #fff;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.solution_stock_item_icon.icon-biandong:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.solution_stock_item_icon.icon-buchongkucun:before {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

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

.solution_stock_item_title {
    text-align: center;
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #fff;
    padding-top: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.solution_stock_item_active .solution_stock_item_icon {
    opacity: 1;
}

.solution_stock_item_active .solution_stock_item_title {
    padding-top: 6.458333vw;
}

.solution_stock_box {
    padding: 9.375vw 0;
}

.solution_excess_wrap {
    position: relative;
    padding: 5.7291666vw 0 2.08333vw 0;
}

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

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

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


.solution_excess_title_box .public_title_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.solution_excess_title_box .public_title_icon svg {
    fill: #fff;
}

.solution_excess_title_box .public_title_text {
    color: #fff;
}

.solution_excess_head .about_public_label {
    color: #fff;
}

.excess_pagination_swiper {
    pointer-events: none;
}

.excess_pagination_item_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative;

}

.excess_pagination_item_title {
    color: #fff;
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    padding-bottom: 1.3541666vw;
    position: relative;
    cursor: pointer;
    pointer-events: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excess_pagination_item_title:after {
    content: "";
    position: absolute;
    left: 0;
    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);
}

.excess_pagination_swiper .swiper-slide-active .excess_pagination_item_title:after {
    width: 100%;
}

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

.excess_pagination_wrap {
    position: relative;
    margin-top: 4.94791666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.excess_item_details {
    width: 62.25%;
    padding-right: 6.51041666vw;
}

.excess_item_photo {
    width: 37.75%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excess_item_img {
    padding-bottom: 62.6865%;
}

.excess_item_read {
    padding-top: 3.125vw;
}

.excess_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excess_item_text {
    margin-top: 1.5625vw;
    font-size: 0.8333vw;
    line-height: 1.875vw;
    color: rgba(255, 255, 255, .4);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.excess_big_swiper {
    padding: 4.1666vw 0;
}

.excess_big_swiper .swiper-slide-active .excess_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);
}

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

.excess_big_swiper .swiper-slide-active .excess_item_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;
}

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

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

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



.solution_plan_title_box .public_title_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.solution_plan_title_box .public_title_icon svg {
    fill: var(--e-global-color-accent);
}

.solution_plan_title_box .public_title_text {
    color: var(--e-global-color-accent);
}

.solution_plan_big {
    padding: 2.6041666vw 0 0 0;
}

.solution_plan_wrap {
    padding: 6.25vw 0;
}

.solution_plan_tab {
    width: 35%;
}

.solution_plan_item_box {
    padding: 2.6041666vw 0 1.30208333vw 0;
    position: relative;
}

.solution_plan_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #dcdcdc;
}

.solution_plan_item_content {
    width: calc(100% - 4.6875vw);
}

.solution_plan_item_icon {
    width: 4.6875vw;
    font-size: 2.1875vw;
    color: var(--e-global-color-accent);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.solution_plan_item_icon,
.icon-a-43 {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

.solution_plan_item_cn {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #222222;
}

.solution_plan_item_en {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #888888;
}

.partner_page_item_box {
    width: 21.25%;
    margin: 0 5% 4.1666vw 0;
    padding: 1.1458333vw;
    background: #f1f1f1;
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.partner_page_item_box:nth-child(4n+2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;

}

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

.partner_page_item_box:nth-child(4n) {
    margin: 0 0 4.1666vw 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.partner_page_item_img {
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
    padding-bottom: 52.542372%;
}

.partner_page_item_read {
    margin-top: 1.041666vw;
}

.partner_page_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #333333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.partner_page_item_box:hover {
    background: var(--e-global-color-accent);
}

.partner_page_item_box:hover .partner_page_item_title {
    color: #fff;
}

.partner_page_tab {
    padding-bottom: 1.5625vw;
}

.partner_page_wrap {
    padding: 6.25vw 0;
}

.partner_page_more_button .pro_list_button {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
}

.news_page_more_button {
    margin-top: 4.1666vw;
}

.news_page_more_button .pro_list_button {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
}


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

.partner_popup_back {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.partner_popup_box {
    height: 100%;
}

.partner_popup_content {
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.partner_popup_big {
    width: 49.4791666%;
    position: relative;
    z-index: 9;
    -webkit-transform: translateX(100%);
    transform: translateX(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);
}

.partner_popup_details {
    height: 100%;
    background: #fff;
}

.partner_popup_title_box {
    font-size: 1.3541666vw;
    line-height: 5.7291666vw;
    color: #fff;
    background: var(--e-global-color-accent);
    padding: 0 4.1666vw;
}

.partner_popup_read {
    padding: 0 4.1666vw;
}

.partner_popup_photo {
    width: 16.3541666vw;
    background: #efefef;
    padding: 0.26041666vw;
    margin-top: 3.6458333vw;
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
}

.partner_popup_pic {
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
    padding-bottom: 52.542372%;
}

.partner_popup_tab {
    margin-top: 1.5625vw;
}

.partner_popup_item_box {
    padding: 0.625vw 0;
}

.partner_popup_item_tit {
    width: 100%;
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #888888;
}

.partner_popup_item_label {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #333333;
    font-weight: bold;
    width: calc(100% - 4.1666vw);
}

.partner_popup_text {
    font-size: 0.78125vw;
    line-height: 1.875vw;
    color: #666666;
    margin-top: 2.6041666vw;
}

.partner_popup_button {
    height: 5.7291666vw;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    left: -5.5208333vw;
    top: 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);
}

.partner_popup_btn_icon {
    font-size: 0.9375vw;
    color: #fff;
    width: 3.4375vw;
    line-height: 3.4375vw;
    text-align: center;
    position: relative;
    cursor: pointer;
}

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


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


.partner_popup_show .partner_popup_big {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}


.partner_popup_show .partner_popup_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

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

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

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

.solution_public_banner_content {
    width: 100%;
    padding-bottom: 4.1666vw;
}

.solution_scroll_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1.875vw;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.solution_public_banner_title {
    font-size: 2.34375vw;
    line-height: 2.86458333vw;
    color: #ffffff;
    text-align: center;
    margin-top: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_public_banner_text {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #ffffff;
    text-align: center;
    margin-top: 0.78125vw;
    letter-spacing: 0.36458333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_advantage_title_box .public_title_icon svg {
    fill: var(--e-global-color-accent);
}

.solution_advantage_title_box .public_title_text {
    color: var(--e-global-color-accent);
}

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

.solution_public_label {
    font-size: 1.9791666vw;
    line-height: 3.125vw;
    color: #222222;
    text-align: center;
    margin-top: 1.5625vw;
}

.solution_advantage_wrap {
    padding: 6.25vw 0 7.291666vw 0;
}

.solution_advantage_tab {
    margin-top: 4.1666vw;
}

.solution_advantage_item_box {
    width: 28.75%;
    margin: 0 6.875% 0 0;
    position: relative;
    padding: 4.6875vw 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.solution_advantage_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #929292;
    box-sizing: border-box;
    -webkit-border-radius: 3.125vw 3.125vw 0 0;
    border-radius: 3.125vw 3.125vw 0 0;
    pointer-events: none;
}

.solution_advantage_item_icon {
    font-size: 4.8958333vw;
    color: var(--e-global-color-accent);
    -webkit-justify-content: center;
    justify-content: center;
}


.solution_advantage_item_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #222222;
    text-align: center;
    margin-top: 2.6041666vw;
}

.solution_advantage_item_line {
    position: relative;
    width: 2.08333vw;
    height: 0.1041666vw;
    margin: 1.041666vw auto;
}

.solution_advantage_item_after {
    width: 100%;
    height: 100%;
    background: var(--e-global-color-accent);
}

.solution_advantage_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    text-align: center;
}


.solution_apply_wrap {
    padding: 4.6875vw 0 6.25vw 0;
    background: #f4f4f4;
}

.solution_apply_tab {
    margin-top: 4.1666vw;
}

.solution_apply_item_box {
    background: #fff;
    width: 23.625%;
    margin: 0 1.8333% 1.8333% 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_apply_item_box:nth-child(4n) {
    margin: 0 0 1.8333% 0;
}

.solution_apply_item_read {
    padding: 3.38541666vw 2.08333vw 4.1666vw 2.08333vw;
}

.solution_apply_item_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #222222;
    font-weight: bold;
    margin-bottom: 1.30208333vw;
}

.solution_apply_item_text {
    font-size: 0.7291666vw;
    line-height: 1.3541666vw;
    color: #666666;
}

.solution_apply_item_img {
    padding-bottom: 48.94179%;
}

.solution_apply_swiper {
    margin-top: 4.1666vw;
}

.solution_secure_wrap {
    position: relative;
    padding: 4.1666vw 0 6.25vw 0;
}

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

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

.solution_secure_title_box .solution_public_label {
    color: #fff;
}


.solution_secure_tab {
    width: 68.9375%;
    -webkit-align-items: center;
    align-items: center;
}

.solution_secure_details_wrap {
    width: 45.14959%;
    padding-right: 4.1666vw;
}

.solution_secure_pic_wrap {
    width: 54.85041%;
}

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

.secure_details_item_title {
    font-size: 2.08333vw;
    line-height: 3.0208333vw;
    color: #ffffff;
    font-weight: bold;
    margin-top: 1.30208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.secure_details_item_text {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: rgba(255, 255, 255, .6);
    margin-top: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}


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

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

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

.solution_secure_big {
    margin-top: 5.208333vw;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.solution_secure_img_read {
    padding-bottom: 80.363036%;
}

.solution_secure_img_swiper {
    background: var(--e-global-color-accent);
    -webkit-border-radius: 12.5vw;
    border-radius: 12.5vw;
}

.solution_secure_img_swiper .swiper-slide-active .solution_secure_img_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;
}

.secure_pagination_item_box {
    color: #fff;
    font-size: 1.041666vw;
    line-height: 3.125vw;
    position: relative;
    margin-bottom: 3.90625vw;
    cursor: pointer;
    outline: none;
    opacity: .4;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.secure_pagination_item_active {
    opacity: 1;
}

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

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

.solution_secure_pagination_wrap {
    width: 31.0625%;
    padding-left: 7.8125vw;
}

.solution_develop_wrap {
    padding: 6.25vw 0 8.333vw 0;
}


.solution_design_wrap {
    background: #171c2d;
    padding: 6.25vw 0;
}

.solution_design_title_box .public_title_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


.solution_design_title_box .solution_public_label {
    color: #fff;
    text-align: left;
}

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

.solution_design_content {
    width: 49.625%;
    padding-right: 2.08333vw;
}

.solution_design_photo {
    width: 50.375%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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

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

.solution_design_button a {
    font-size: 0.8333vw;
    line-height: 3.125vw;
    color: #fff;
    width: 10.9375vw;
    text-align: center;
    -webkit-border-radius: 1.5625vw;
    border-radius: 1.5625vw;
    background: var(--e-global-color-accent);
}

.solution_develop_item_box {
    width: 30.9375%;
    margin: 0 3.59375% 0 0;
    padding: 0 2.08333vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.solution_develop_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #cecece;
    box-sizing: border-box;
    pointer-events: none;
}

.solution_develop_item_content {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 2.6041666vw 0 1.7708333vw 0;
}

.solution_develop_item_icon {
    width: 4.6875vw;
    font-size: 3.333vw;
    line-height: 3.958333vw;
    color: var(--e-global-color-accent);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.solution_develop_item_read {
    width: calc(100% - 4.6875vw);
    padding-left: 1.5625vw;
}

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

.solution_develop_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    margin-top: 1.041666vw;
}

.solution_develop_tab {
    margin-top: 5.7291666vw;
}


.solution_resource_wrap {
    background: #f4f4f4;
    padding: 5.208333vw 0 6.7708333vw 0;
}

.solution_resource_ul {
    padding: 0 1.30208333vw;
}

.solution_resource_li {
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #555555;
}

.solution_resource_item_box {
    width: 31.875%;
    margin: 0 2.1875% 0 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.solution_resource_tab {
    margin-top: 4.1666vw;
}

.solution_resource_details {
    background: #fff;
    padding: 1.041666vw 0;
    margin-top: 1.041666vw;
    width: 100%;
}

.solution_resource_details:first-child {
    margin-top: 0;
}

.solution_resource_tips {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #222222;
    padding: 0 1.30208333vw;
    position: relative;
    margin-bottom: 1.041666vw;
}

.solution_resource_tips:after {
    content: "";
    position: absolute;
    left: 0;
    top: 18.75%;
    width: 0.26041666vw;
    height: 62.5%;
    background: var(--e-global-color-accent);
}

.solution_apply_three .solution_apply_item_box {
    width: 31.125%;
    margin: 0 3.3125% 3.3125% 0;
}

.solution_apply_three .solution_apply_item_box:nth-child(3n) {
    margin: 0 0 3.3125% 0;
}

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

.solution_public_min {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    text-align: center;
    margin-top: 0.5208333vw;
}

.solution_smart_item_box {
    padding: 6.7708333vw 0;
    background: #141826;
    width: 50%;
}

.solution_smart_item_box:nth-child(2n) {
    background: #171c2d;
}

.solution_smart_item_content {
    padding: 0 4.1666vw;
}

.solution_smart_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #ffffff;
    text-align: center;
    margin-bottom: 1.82291666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_smart_item_line {
    height: 0.15625vw;
    width: 3.38541666vw;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_smart_item_after {
    width: 100%;
    height: 100%;
    background: #fff;
}

.solution_smart_item_text {
    margin-top: 1.30208333vw;
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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

.solution_smart_item_read {
    margin-top: 5.208333vw;
}

.solution_cloud_wrap {
    padding: 5.208333vw 0;
    background: #f4f4f4;
}

.solution_cloud_item_box {
    width: 48.3125%;
    margin: 0 3.375% 0 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.solution_cloud_item_icon {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: var(--e-global-color-accent);
    text-align: center;
}

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

.solution_cloud_item_label {

    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: var(--e-global-color-accent);
    font-weight: bold;
    writing-mode: tb-rl;
    letter-spacing: 0.3125vw;
}

.solution_cloud_item_tips {
    width: 5.7291666vw;
    padding-right: 0.5208333vw;
}

.solution_cloud_item_head {
    background: #fff;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.solution_cloud_item_center {
    width: 100%;
}

.solution_cloud_item_content {
    width: calc(100% - 5.7291666vw);
    background: #fff;
}

.solution_cloud_tab {
    margin-top: 4.1666vw;
}

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

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

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

.solution_public_consume_text {
    font-size: 1.1458333vw;
    line-height: 1.875vw;
    color: #fff;
    margin-top: 1.5625vw;
}

.solution_table_item_box {
    width: 50%;
    padding: 0 7.291666vw 0 8.333vw;
    position: relative;
}

.solution_table_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid #e1e1e1;
}

.solution_table_item_box:nth-child(2n) {
    padding: 0 8.333vw 0 7.291666vw;
}

.solution_table_item_box:nth-child(2n):after {
    display: none;
}

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

.solution_table_item_img {
    padding-bottom: 47.22638%;
}

.solution_table_item_read {
    padding-top: 2.08333vw;
}

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


.solution_table_item_text {
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #666666;
    text-align: center;
    margin-top: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_table_item_content {
    padding: 6.25vw 0;
}

.solution_broadcast_start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

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

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

.solution_broadcast_wrap {
    background: #f4f4f4;
    padding: 6.25vw 0;
}

.solution_broadcast_item_box {
    width: 23.125%;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.solution_broadcast_item_back {
    position: absolute;
    width: 67.567567%;
    opacity: 0;
}

.solution_broadcast_item_active .solution_broadcast_item_back {
    opacity: 1;
    right: 3.38541666vw;
    top: -1.30208333vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.solution_broadcast_item_current .solution_broadcast_item_back {
    opacity: 1;
    right: 4.1666vw;
    bottom: 6.7708333vw;
    -webkit-transform: translateY(100%) translateX(100%);
    transform: translateY(100%) translateX(100%);
}


.solution_broadcast_item_read {
    background: #fff;
    padding: 2.08333vw;
    height: 100%;
    position: relative;
    z-index: 9;
}

.solution_broadcast_start .solution_broadcast_item_box {
    margin: 0 2.5% 2.5% 0;
}

.solution_broadcast_start .solution_broadcast_item_box:nth-child(4n) {
    margin: 0 0 2.5% 0;
}

.solution_broadcast_center .solution_broadcast_item_box {
    margin: 0 2.5% 2.5% 0;
}

.solution_broadcast_center .solution_broadcast_item_box:last-child {
    margin: 0 0 2.5% 0;
}


.solution_broadcast_end .solution_broadcast_item_box {
    margin: 0 0 2.5% 2.5%;
}

.solution_broadcast_end .solution_broadcast_item_box:nth-child(4n+1) {
    margin: 0 0 2.5% 0;
}


.solution_broadcast_item_icon {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: var(--e-global-color-accent);
}


.solution_broadcast_item_icon.icon-a-64:before,
.solution_broadcast_item_icon.icon-a-14:before,
.solution_broadcast_item_icon.icon-a-40:before {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.solution_broadcast_item_icon.icon-a-15:before,
.solution_broadcast_item_icon.icon-a-92:before,
.solution_broadcast_item_icon.icon-a-16:before,
.solution_broadcast_item_icon.icon-a-18:before,
.solution_broadcast_item_icon.icon-a-24:before,
.solution_broadcast_item_icon.icon-a-88:before,
.solution_broadcast_item_icon.icon-a-66:before,
.solution_broadcast_item_icon.icon-a-79:before {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

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

.solution_broadcast_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #666666;
    margin-top: 1.30208333vw;
}

.solution_broadcast_tab {
    margin-top: 4.1666vw;
}


.solution_matter_wrap {
    position: relative;

}

.solution_matter_box {
    position: relative;
    z-index: 9;
    padding: 6.25vw 0;
}


.solution_matter_item_box {
    width: 25%;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.solution_matter_item_box:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
}

.solution_matter_item_box:nth-child(4n):after {
    display: none;
}

.solution_matter_details:last-child .solution_matter_item_box:before {
    display: none;
}

.solution_matter_item_read {
    background: #fff;
    padding: 2.08333vw;
    height: 100%;
}

.solution_matter_item_icon {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: var(--e-global-color-accent);
}

.solution_matter_item_icon.icon-a-83:before,
.solution_matter_item_icon.icon-a-63:before {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

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

.solution_matter_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #666666;
    margin-top: 1.30208333vw;
}

.pro_cursor_wrap {
    position: absolute;
    left: -1.82291666vw;
    top: -1.82291666vw;
    z-index: 9999;
    width: 3.6458333vw;
    height: 3.6458333vw;
    pointer-events: none;

}

.pro_cursor_box {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    background: var(--e-global-color-accent);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_cursor_show .pro_cursor_box {
    -webkit-transform: none;
    transform: none;
}

.pro_cursor_text {
    color: #fff;
    font-size: 0.8333vw;
    text-align: center;
    width: 100%;
}


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

.AddPublicBanner .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);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddPublicBanner .public_page_scroll {
    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;
}


.AddSolutionPublicBanner .solution_public_banner_type {
    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;
}

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

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

.AddSolutionPublicBanner .solution_scroll_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: .6s;
    transition-delay: .6s;
}


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

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

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

.AddProductPageBanner .pro_scroll_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: .6s;
    transition-delay: .6s;
}

.AddProTableBanner .pro_table_banner_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);
}

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

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

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

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


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

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

.AddProTraitRead .pro_trait_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: .4s;
    transition-delay: .4s;
}


.AddProTraitRead .pro_trait_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: .5s;
    transition-delay: .5s;
}


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

.AddProSpecificationBox .pro_specification_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;
}

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

.AddProDocumentBox .pro_document_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: .1s;
    transition-delay: .1s;
}


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

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

.AddProSummarizeBox .pro_summarize_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: .2s;
    transition-delay: .2s;
}

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

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

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

.AddSolutionStockContent .solution_stock_details {
    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;
}

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

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

.AddSolutionExcessContent .excess_pagination_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: .2s;
    transition-delay: .2s;
}

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


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

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

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

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

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

.AddQualityAdvantageContent .quality_advantage_text_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;
}

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


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

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

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


.AddQualitySystemPhoto:after {
    height: 0;
}


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


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


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

.AddQualitySystemBig .quality_advantage_text_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;
}

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

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

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

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

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

.AddQualityProcessBig .quality_advantage_text_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;
}

.AddQualityCourseHead .quality_course_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);
}


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

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

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

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

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

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

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

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

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

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

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

.AddSolutionSecureBox .solution_secure_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;
}


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

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

.AddSolutionDesignBox .solution_design_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: .1s;
    transition-delay: .1s;
}

.AddSolutionDesignBox .solution_public_consume_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;
}

.AddSolutionDesignBox .solution_design_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;
}

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


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

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

.AddSolutionDevelopBox .solution_public_subtext {
    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;
}

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

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

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

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

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

.AddSolutionCloudBox .solution_public_subtext {
    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;
}

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


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

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

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

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

.AddSolutionTableItem .solution_table_item_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);
}

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

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

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

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

.AddSolutionDevelopHead .solution_public_subtext {
    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;
}

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

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

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

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

.AddAboutIntroduceContent .about_introduce_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: .2s;
    transition-delay: .2s;
}

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

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

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


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

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

}

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


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


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

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

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


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


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

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

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

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

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

.AddInvestorCodeContent .investor_code_tips:before,
.AddInvestorCodeContent .investor_code_tips:after {
    width: 100vw;
    -webkit-transition: all 3s cubic-bezier(.4, 0, .2, 1);
    transition: all 3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.AddInvestorCodeContent .investor_code_read:before {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

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

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


.AddInvestorReportBox .public_title_box {
    opacity: 1;
    -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);
}


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


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

.AddNewsPageHead .public_title_box {
    opacity: 1;
    -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);
}


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


.AddNewsPageItem {
    opacity: 1;
    -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);
}


.AddNewsDetailsHead .news_details_head_time {
    opacity: 1;
    -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);
}


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

.AddNewsDetailsHead .news_details_head_button {
    opacity: 1;
    -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);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.news_details_bjq .AddNewsDetailsFade {
    opacity: 1;
    -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);
}

.AddContactWayBox .public_title_box {
    opacity: 1;
    -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);
}

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

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

.AddContactNetworkHead .public_title_box {
    opacity: 1;
    -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);
}

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


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


.AddNewsVideoItem {
    opacity: 1;
    -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);
}

.wap_header_wrap {
    display: none;
}


.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_close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 60px;
    height: 60px;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}

.index_video_box {
    width: 65%;
}

.index_video_item {
    width: 100%;
    padding-bottom: 56.2%;
    overflow: hidden;
    position: relative;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -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: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_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:hover:after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

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

.index_video_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .5s ease;
    transition: all .5s 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_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_wap_banner_box {
    display: none;
}