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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500&display=swap');

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

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

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

.bsFrameDiv img {
    margin: 0 !important;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

.sc_light {
    font-family: "Manrope-Light", 'Noto Sans SC', "Source Han Sans CN Light", "思源黑体 CN Light", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica", "sans-serif" !important;
    font-weight: lighter;
}

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

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

body {
    overflow: hidden;
}

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

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

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

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

i {
    font-style: normal;
}

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

table {
    border-collapse: collapse;
}

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

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

video {
    outline: none;
}

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

li {
    list-style: none;
}


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

textarea {
    resize: none;
}

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

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

textarea {
    resize: vertical;
}

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

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

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

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

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

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

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

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

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


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

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

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

.swiper-animation {
    opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

/*css play*/

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

.index_banner_swiper {
    height: 100%;
}

.index_banner_slide {
    height: 100%;
}

.index_banner_content {
    height: 100%;
}

.index_banner_control_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    z-index: 8;
}

.index_banner_control_hover {
    width: 20%;
    height: 100%;
    position: relative;
    z-index: 5;
    outline: none;
    cursor: pointer;
}

.index_banner_swiper .swiper-slide-active .index_banner_control_hover {
    pointer-events: auto;
}

.index_banner_back {
    height: 100%;
    background: #000;
    pointer-events: none;
}

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

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


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

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

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

.loading_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 3.6458333vw 0;
}

.loading_logo_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;

}

.loading_logo_box {
    width: 11.1458333vw;
    position: relative;
}

.loading_logo_label {
    width: 100%;
    position: relative;
    padding-bottom: 50.9345%;
}

.loading_logo_label:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.loading_logo_label:nth-child(1) .loading_logo_svg svg {

    fill-opacity: 0;
    stroke-width: 1.5px;
    stroke: #ffffff;
    overflow: initial;
    fill-rule: evenodd;
}

.loading_logo_svg {
    width: 11.1458333vw;
    height: 100%;
    position: absolute;
    left: 0;
}

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

.loading_head_wrap {
    padding: 0 4.42708333vw;
    position: absolute;
    right: 0;
    bottom: 0;
}

.loading_head_box {
    background-image: linear-gradient(to right, #05c9c9, #0088ff 43%, #ff3eb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.loading_head_text {
    color: #ffffff;
    font-size: 6.25vw;
    line-height: 7.8125vw;
}

.loading_read {
    padding: 0 4.42708333vw;
    width: 100%;
}

.loading_text {
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: rgba(255, 255, 255, .15);
}

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

.loading_line_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-image: linear-gradient(to right, #05c9c9, #0088ff 43%, #ff3eb3 85%, #000);
}

.loading_hide {
    opacity: 0;
}

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

.index_banner_center {
    width: 100%;
    padding: 0 4.42708333vw;
    margin-bottom: 5.208333vw;
}

.index_banner_max {

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

.index_banner_max_text {
    color: #ffffff;
    font-size: 2.291666vw;
    line-height: 2.8125vw;
}

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

.index_banner_button {
    margin-top: 2.86458333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    font-weight: bold;
    position: relative;
    z-index: 9;
}

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

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

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

.header_active {
    -webkit-backdrop-filter: blur(1.5625vw);
    backdrop-filter: blur(1.5625vw);
    background: rgba(0, 0, 0, .3);
}


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

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

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

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

.header_menu_wrap {
    width: 84.4086%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

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

.header_menu_item_icon {
    position: absolute;
    right: -0.208333vw;
    top: 50%;
    width: 2.1875vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

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

.header_menu_item_label svg {
    fill: #35a244;
    width: 2.1875vw;
}

.header_menu_item_active .header_menu_item_link .header_menu_item_label {
    width: 2.1875vw;
}

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

.header_menu_item_hover .header_menu_item_link .header_menu_item_label {
    width: 2.1875vw;
}

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


.header_menu_item_box {
    margin-right: 3.6458333vw;
    position: relative;
}

.header_menu_wap_icon {
    display: none;
}

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

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

.header_search_box {
    width: 8.8541666vw;
    height: 2.6041666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}

.header_search_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .35);
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_search_input {
    width: 76.471%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_search_input input {
    width: 100%;
    padding: 0 0.5208333vw 0.8333vw 0.5208333vw;
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #ffffff;
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_search_input input::placeholder {
    color: #ffffff;
}

.header_search_icon {
    width: 23.529%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.header_search_label {
    width: 40%;
    height: 2.08333vw;
}

.header_search_label svg {
    fill: #ffffff;
}

.header_search_center .header_search_box:after {
    border: 1px solid #ffffff;
}

.header_search_center .header_search_input input {
    padding: 0 0.5208333vw;
}

.header_search_center .header_search_icon {
    margin: 0;
}

.header_language_wrap {
    margin-left: 0.5208333vw;
}

.header_language_link {
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0.8333vw;
    background: #ffffff;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_language_icon {
    width: 0.9375vw;
}

.header_language_icon svg {
    fill: #35a244;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_language_text {
    font-size: 0.78125vw;
    line-height: 2.6041666vw;
    color: #35a244;
    margin-left: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_language_link:hover {
    background: #35a244;
}

.header_language_link:hover .header_language_text {
    color: #ffffff;
}

.header_language_link:hover .header_language_icon svg {
    fill: #ffffff;
}

.public_btn_box a {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 1.51041666vw;
    border-radius: 1.51041666vw;
}

.public_btn_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .25);
    -webkit-border-radius: 1.61458333vw;
    border-radius: 1.61458333vw;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    z-index: 2;
}

.public_btn_box a:before {
    content: "";
    width: 500%;
    height: 500%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: conic-gradient(transparent, #ffffff, transparent 50%);
    z-index: 3;
    animation: aRotate 4s linear infinite normal both;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

@keyframes aRotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }

}

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


.public_btn_max:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #35a244;
    inset: 1px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-border-radius: 1.61458333vw;
    border-radius: 1.61458333vw;
    opacity: 0;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.public_btn_box .public_btn_content {
    -webkit-border-radius: 1.61458333vw;
    border-radius: 1.61458333vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.7291666vw 0;
    z-index: 9;
}

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

.public_btn_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    width: 100%;
    color: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    padding: 0 1.5625vw;
}

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


.public_btn_box a:hover .public_btn_max:after {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;

}

.public_btn_box a:hover:before {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


/*.public_btn_box a:hover .public_btn_max:before {*/
/*    opacity: 1;*/
/*    -webkit-transform: scale(12);*/
/*    transform: scale(12);*/
/*}*/

.public_btn_box a:hover:after {
    opacity: 0;
}

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

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

.public_btn_box a:hover .public_btn_text {

    color: #ffffff;

}

.public_btn_box a:hover .public_btn_icon {
    background: #ffffff;
}

.public_btn_box a:hover .public_btn_label svg {
    fill: #111111;
}

.public_btn_icon {
    width: 1.7708333vw;
    height: 1.7708333vw;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 0.625vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_label {
    width: 35.294%;
}

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

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


.index_banner_auto_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: rgba(255, 255, 255, .35);
    text-align: center;
}

.index_banner_auto_center {
    margin: 0 0.5208333vw;
}

.index_banner_auto_default {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: rgba(255, 255, 255, .35);
}

.index_banner_auto_current {
    font-size: 2.3958333vw;
    line-height: 2.6041666vw;
    color: #ffffff;
}

.index_banner_auto_box {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;

}


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

.body_animate .index_banner_swiper .swiper-slide-active .index_banner_title_text {
    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: .1s;
    transition-delay: .1s;
}

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


.body_animate .index_banner_auto_wrap {
    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: .4s;
    transition-delay: .4s;
}


.body_animate .header_hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}

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

    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    pointer-events: none;
}

.index_banner_control_width {
    width: 20%;
    height: 100%;

    -webkit-align-items: center;
    align-items: center;
    position: relative;
}


.index_banner_control_prev {
    padding: 0 0 0 4.42708333vw;
}

.index_banner_control_next {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 4.42708333vw 0 0;
}

.index_banner_control_btn {
    width: 6.25vw;
    height: 6.25vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    -webkit-backdrop-filter: blur(1.5625vw);
    backdrop-filter: blur(1.5625vw);
    background: rgba(255, 255, 255, .3);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    outline: none;
    cursor: pointer;
}

.index_banner_control_prev .index_banner_control_btn {
    -webkit-transform: translateX(2vw);
    transform: translateX(2vw);
}

.index_banner_control_next .index_banner_control_btn {
    -webkit-transform: translateX(-2vw);
    transform: translateX(-2vw);
}

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


.index_banner_control_show .index_banner_control_btn {
    opacity: 1;
    transform: none;
}

.index_banner_control_icon {
    width: 25%;
}

.index_banner_control_icon svg {
    fill: #ffffff;
}

.index_core_wrap {
    position: relative;
}

.index_core_box {
    height: 100vh;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 9;
}

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

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

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

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

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

.index_core_earth_content {
    width: 31%;
    position: relative;
    -webkit-transform: scale(.336);
    transform: scale(.336);
    -webkit-transform-origin: center 80%;
    transform-origin: center 80%;
}

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

.index_core_earth_label {
    position: absolute;
    left: 0;
    bottom: -3vw;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_core_earth_show {
    opacity: 1;
}

.index_core_earth_label img {
    -webkit-transform: scaleY(.03) scaleX(.5);
    transform: scaleY(.03) scaleX(.5);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    filter: blur(8vw);
    opacity: .7;
}

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

.index_core_fixed_wrap {
    position: relative;
}

.index_core_fixed_head {
    height: 60vh;

}

.index_core_fixed_box {
    height: 100vh;

}

.index_core_fixed_read {
    height: 80vh;

}

.index_core_tips_wrap {
    position: relative;
    height: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_core_tips_box {
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
}

.index_core_tips_icon {
    width: 0.625vw;
    height: 0.625vw;
    background: #35a244;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_core_tips_text {
    font-size: 1.1458333vw;
    line-height: 1.5625vw;
    color: #35a244;
    margin-left: 0.625vw;
}

.index_core_parcel {
    padding: 7.291666vw 0;
    height: 100%;
}

.index_core_parcel .page_center {
    height: 100%;
}

.page_center {
    padding: 0 4.42708333vw;
    position: relative;
}

.web_center {
    padding: 0 8.333vw;
    position: relative;
}

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

.index_core_head {
    width: 100%;
}

.index_core_tips_big {
    margin-top: 0.5208333vw;
    height: 7.291666vw;
    position: relative;
}

.index_core_tips_read {
    position: absolute;
    left: 0;
    -webkit-transform: none;
    transform: none;
    top: 0;
}

.index_core_tips_title {
    font-size: 3.0208333vw;
    line-height: 3.6458333vw;
    color: #111111;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_core_tips_subtitle {
    font-size: 3.0208333vw;
    line-height: 3.6458333vw;
    color: #111111;
    font-weight: bold;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

/*.index_core_tips_subtitle:after {*/
/*    content: attr(data-text);*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    color: red;*/
/*    animation:clip 1s forwards;*/
/*}*/

/*@keyframes clip {*/
/*    0% {*/
/*        -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);*/
/*        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);*/
/*    }*/
/*    100%{*/
/*        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/
/*        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/
/*    }*/
/*}*/

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

/*.index_core_btn_show {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*    -webkit-transform: none;*/
/*    transform: none;*/

/*}*/

.IndexAddCoreHeadShow .index_core_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);
}

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

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

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

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

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

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

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


.index_core_tips_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.index_core_tips_button .public_btn_max:after {
    background: #ffffff;
}

.index_core_tips_button a:after {
    border: 1px solid #e1e1e1;
}


.index_core_tips_button .public_btn_text {
    color: #35a244;
}

.index_core_tips_button .public_btn_icon {
    background: #35a244;
}

.index_core_tips_button .public_btn_label svg {
    fill: #ffffff;
}

.index_core_tips_button .public_btn_box a:hover .public_btn_icon {
    background: #35a244;
}

.index_core_tips_button .public_btn_box a:hover .public_btn_label svg {
    fill: #ffffff;
}

.index_core_tips_button .public_btn_box a:hover .public_btn_text {
    color: #35a244;
}

.index_core_base_wrap {
    width: 100%;
}

.core_base_item_box {
    margin-bottom: 1.041666vw;
    cursor: pointer;
}

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

.core_base_item_number {
    font-size: 0.98958333vw;
    line-height: 1.5625vw;
    color: rgba(51, 51, 51, .3);
    width: 2.5vw;
}

.core_base_item_title {
    font-size: 0.98958333vw;
    line-height: 1.5625vw;
    color: rgba(51, 51, 51, .4);
    font-weight: bold;
    max-width: calc(100% - 2.5vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.index_core_base_nav {
    max-width: 30%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_core_base_tab {
    width: 25.143%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.core_slide_item_icon {
    width: 3.6458333vw;
    height: 3.6458333vw;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.core_slide_item_label {
    width: 46%;
}

.core_slide_item_label svg {
    fill: #35a244;
}

.core_slide_item_title {
    font-size: 2.1875vw;
    line-height: 2.708333vw;
    font-weight: bold;
    color: #111111;
    margin-top: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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

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

.core_slide_item_box {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 100%;
}

.core_slide_item_content {
    width: 100%;
}

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

.core_slide_item_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.core_slide_item_button .public_btn_max:after {
    background: #ffffff;
}

.core_slide_item_button a:after {
    border: 1px solid #35a244;
}


.core_slide_item_button .public_btn_text {
    color: #35a244;
}

.core_slide_item_button .public_btn_icon {
    background: #35a244;
}

.core_slide_item_button .public_btn_label svg {
    fill: #ffffff;
}

.core_slide_item_button .public_btn_box a:hover .public_btn_icon {
    background: #35a244;
}

.core_slide_item_button .public_btn_box a:hover .public_btn_label svg {
    fill: #ffffff;
}

.core_slide_item_button .public_btn_box a:hover .public_btn_text {
    color: #35a244;
}


/*.index_core_nav_show {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*    -webkit-transform: none;*/
/*    transform: none;*/
/*    -webkit-transition-delay: .1s;*/
/*    transition-delay: .1s;*/
/*}*/

/*.index_core_tab_show {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*    -webkit-transform: none;*/
/*    transform: none;*/
/*    -webkit-transition-delay: .2s;*/
/*    transition-delay: .2s;*/
/*}*/


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

.index_core_base_swiper .swiper-slide-active .core_slide_item_title {
    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: .1s;
    transition-delay: .1s;
}

.index_core_base_swiper .swiper-slide-active .core_slide_item_text {
    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;
}

.index_core_base_swiper .swiper-slide-active .core_slide_item_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: .3s;
    transition-delay: .3s;
}

.index_core_base_swiper .swiper-slide-active .core_slide_item_icon {
    pointer-events: auto;
}

.index_core_tab_show .index_core_base_swiper .swiper-slide-active .core_slide_item_title {
    pointer-events: auto;
}

.index_core_tab_show .index_core_base_swiper .swiper-slide-active .core_slide_item_text {
    pointer-events: auto;
}

.index_core_tab_show .index_core_base_swiper .swiper-slide-active .core_slide_item_button {
    pointer-events: auto;
}


.core_base_item_active .core_base_item_title {
    color: #35a244;
}

.index_team_wrap {
    position: relative;
    padding: 7.291666vw 0;
}

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

.index_team_animate_box {
    position: relative;
    padding: 6.25vw 0 0 0;
    width: 100%;
}

.index_team_animate_content {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-align-items: center;
    align-items: center;
}

.index_team_box {
    position: relative;
}

.index_team_fixed_wrap {
    z-index: 10;
    width: 100%;
    position: relative;
    pointer-events: auto;
}


.index_team_fixed_box {
    height: 100%;
}

.index_team_fixed_box .page_center {
    height: 100%;
}

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


.index_public_tips_wrap {
    position: relative;
}

.index_public_tips_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_public_tips_icon {
    width: 0.625vw;
    height: 0.625vw;
    background: #35a244;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_public_tips_text {
    font-size: 1.1458333vw;
    line-height: 1.5625vw;
    color: #35a244;
    margin-left: 0.625vw;
}

.index_public_tips_big {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.5625vw;
}

.index_public_tips_title {
    font-size: 3.0208333vw;
    line-height: 3.6458333vw;
    color: #111111;
    font-weight: bold;
}

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

.index_team_item_number {
    font-size: 11.9791666vw;
    line-height: 17.1875vw;
    color: rgba(53, 162, 68, .1);
}

.index_team_item_label {
    font-size: 5.208333vw;
    line-height: 11.458333vw;
    color: rgba(53, 162, 68, .1);
}

.index_team_big {
    position: relative;
}

.index_team_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3.125vw;
}

.index_team_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.index_team_button .public_btn_max:after {
    background: #ffffff;
}

.index_team_button .public_btn_box a:after {
    border: 1px solid #e1e1e1;
    opacity: 1;
}


.index_team_button .public_btn_text {
    color: #35a244;
}

.index_team_button .public_btn_icon {
    background: #35a244;
}

.index_team_button .public_btn_label svg {
    fill: #ffffff;
}

.index_team_button .public_btn_box a:hover .public_btn_icon {
    background: #35a244;
}

.index_team_button .public_btn_box a:hover .public_btn_label svg {
    fill: #ffffff;
}

.index_team_button .public_btn_box a:hover .public_btn_text {
    color: #35a244;
}

.index_team_button .public_btn_box a:hover .public_btn_max:after {
    opacity: 1;
}

.index_team_pack {
    margin-top: 8.333vw;
}

.index_team_fixed_center {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}


.team_fixed_title_wrap {
    width: 31.4286%;
    -webkit-align-items: center;
    align-items: center;
}

.team_fixed_title_box {
    width: 100%;
    height: 5.208333vw;
    overflow: hidden;
}

.team_fixed_title_li {
    font-size: 3.0208333vw;
    line-height: 5.208333vw;
    color: #111111;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.team_fixed_matter_wrap {
    width: 31.4286%;
    -webkit-align-items: center;
    align-items: center;
}

.team_fixed_matter_box {
    width: 100%;
    height: 8.333vw;
    overflow: hidden;
}

.team_fixed_matter_li {
    height: 8.333vw;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.041666vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.team_fixed_matter_read {
    width: 100%;
    font-size: 1.25vw;
    line-height: 2.08333vw;
    color: #333333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.index_team_parcel {
    position: relative;
    z-index: 9;
    margin-top: 0;
}

.team_fixed_pic_wrap {
    width: 37.1428%;
    position: relative;
    perspective: 100rem;
    transform-style: preserve-3d;

}

.team_fixed_pic_hover {
    position: relative;
    background: #000;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;

}

.team_fixed_pic_tab {
    position: relative;
}

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

.team_fixed_max_current {
    width: 100%;
    height: 10.4166vw;
    overflow: hidden;
}

.team_fixed_max_li {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.team_fixed_max_number {
    font-size: 11.9791666vw;
    line-height: 10.4166vw;
    color: #ffffff;
}

.team_fixed_max_label {
    font-size: 5.208333vw;
    line-height: 5.208333vw;
    color: #ffffff;
}

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

.team_fixed_pic_box:first-child {
    position: relative;
}

.team_fixed_pic_img {
    padding-bottom: 63.0769%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.team_fixed_pic_show .team_fixed_pic_img {
    opacity: 1;
}


.index_service_parcel {
    position: sticky;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 9;
}

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

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

.index_service_pic_width {
    width: 70%;
    height: 70%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_service_pic_default {
    min-width: max-content;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.index_service_pic_content {
    position: relative;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

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

}

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

.index_service_box {
    position: relative;
    width: 100%;
    z-index: 2;
    height: 100%;
}

.index_service_box .page_center {
    height: 100%;
}


.index_service_content {
    height: 100%;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 5.7291666vw 0;
}

.index_service_head {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_service_head .index_public_tips_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.index_service_head .index_public_tips_icon {
    background: #ffffff;
}

.index_service_head .index_public_tips_text {
    color: #ffffff;
}

.index_service_head .index_public_tips_big {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 1.5625vw;
}

.index_service_head .index_public_tips_title {
    color: #ffffff;
}

.index_public_tips_button {
    margin-top: 2.08333vw;
}

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

.index_service_big {
    width: 37.7142%;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_service_show .index_service_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;

}

.index_service_show .index_service_big {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    transition-delay: .1s;

}

.index_service_item_box {
    height: 20.8333vw;
    background: rgba(255,255,255,.5);
}

.swiper-slide-active > .index_service_item_box {
    background: rgba(255,255,255,1);
}

.index_service_item_content {
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 2.08333vw;
}

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

.index_service_item_read {
    width: 100%;
}

.index_service_item_icon {
    width: 0.7291666vw;
}

.index_service_item_icon svg {
    fill: #35a244;
}

.index_service_item_label {
    font-size: 0.8333vw;
    line-height: 2.6041666vw;
    color: #35a244;
    margin-left: 0.625vw;
}

.index_service_item_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #e8e8e8;
    margin-bottom: 1.82291vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_service_item_tips {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_service_item_title {
    font-size: 2.3958333vw;
    line-height: 2.91666vw;
    color: #111;
    margin-top: 0.5208333vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_service_item_subtitle {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #505050;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.index_service_big .index_service_button {
    position: absolute;
    right: 2.08333vw;
    top: 2.08333vw;
    z-index: 9;
}

.index_service_button .index_service_btn_box:after {
    border: 1px solid #666;
}

.index_service_button .index_service_btn_icon svg {
    fill: #333;
}

.index_service_button .index_service_btn_active:after {
    border: 1px solid #35a244;
}


.robots_core_pack .index_service_btn_box:after {
    border: 1px solid #fff;
}

.robots_core_pack .index_service_btn_icon svg {
    fill: #fff;
}

.robots_core_pack .index_service_btn_active:after {
    border: 1px solid #35a244;
}

.index_service_btn_box {
    width: 2.6041666vw;
    height: 2.6041666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

.index_service_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 0.78125vw;
}

.index_service_btn_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(102, 102, 102, .2);
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.index_service_button .swiper-button-disabled:after {
    opacity: .3;
    pointer-events: none;
}

.index_service_btn_icon {
    width: 30%;
    position: relative;
    z-index: 9;
}

.index_service_btn_icon svg {
    fill: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_service_btn_active:after {
    border: 1px solid #35a244;
    background: #35a244;
}

.index_service_btn_active .index_service_btn_icon svg {
    fill: #ffffff;
}

.index_service_swiper .swiper-slide {
    overflow: hidden;

    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
}

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

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

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

.index_service_swiper .swiper-slide-active .index_service_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: .3s;
    transition-delay: .3s;
}

.index_service_swiper .swiper-slide-active .index_service_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);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.index_sticky_wrap {
    position: relative;
}

.index_service_wrap {
    position: relative;
    z-index: 10;
    background: #ffffff;
}

.index_service_fixed_wrap {
    position: relative;
    z-index: 11;
    pointer-events: none;
}

.index_service_fixed_box {
    height: 80vh;
}

.index_service_fixed_read {
    height: 60vh;
}

.index_news_wrap {
    padding: 6.7708333vw 0;
    width: 100%;
    background: #ffffff;
    z-index: 11;
    pointer-events: auto;
}

.index_news_box {
    position: relative;
}

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

.index_news_head_box .index_public_tips_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


.index_news_head_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.index_news_head_button .public_btn_max:after {
    background: #ffffff;
}

.index_news_head_button .public_btn_box a:after {
    border: 1px solid #e1e1e1;
    opacity: 1;
}

.index_news_head_button .public_btn_text {
    color: #35a244;
}

.index_news_head_button .public_btn_icon {
    background: #35a244;
}

.index_news_head_button .public_btn_label svg {
    fill: #ffffff;
}

.index_news_head_button .public_btn_box a:hover .public_btn_icon {
    background: #35a244;
}

.index_news_head_button .public_btn_box a:hover .public_btn_label svg {
    fill: #ffffff;
}

.index_news_head_button .public_btn_box a:hover .public_btn_text {
    color: #35a244;
}

.index_news_head_button .public_btn_box a:hover .public_btn_max:after {
    opacity: 1;
}

.index_news_advert_wrap {
    width: 45.3714%;
    position: sticky;
    top: 8vw;
}

.index_news_advert_link {
    display: block;
    position: relative;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    overflow: hidden;
}

.index_news_advert_img {
    padding-bottom: 48.4886%;
}

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

.index_news_advert_big {
    background: #f7fdf9;
    padding: 1.82291vw 2.34375vw;
}

.index_news_advert_title {
    font-size: 1.25vw;
    line-height: 1.9791666vw;
    height: 3.958333vw;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_advert_link:hover .index_news_advert_img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.index_news_advert_link:hover .index_news_advert_title {
    color: #35a244;
}

.index_news_advert_time {
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    color: #35a244;
    margin-top: 3.6458333vw;
}

.index_news_pack {
    position: relative;
    margin-top: 4.1666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.index_news_tab {
    width: 50.0571%;
}

.index_news_item_box {
    position: relative;
    padding-bottom: 1.875vw;
    margin-bottom: 2.3958333vw;
}

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

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

.index_news_item_link {
    display: block;
}

.index_news_item_pic {
    width: 30.2511%;
}

.index_news_item_img {
    padding-bottom: 53.9622%;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
}

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

.index_news_item_pack {
    width: 69.7489%;
    padding-left: 1.9791666vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

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

.index_news_item_link:hover .index_news_item_title {
    color: #35a244;
}

.index_news_item_link:hover .index_news_item_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

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


.footer_wrap {
    position: relative;
    padding: 5.208333vw 0 2.34375vw 0;
    overflow: hidden;
}

.footer_back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*-webkit-transform: scale(1.3);*/
    /*transform: scale(1.3);*/
    /*transform-origin: center bottom;*/
    /*transition: all .6s ease;*/
}

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

.footer_slogan_subtitle {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #ffffff;
    font-weight: lighter;
    font-family: "Manrope-Regular", 'Noto Sans SC', "Source Han Sans CN Light", "思源黑体 CN Light", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica", "sans-serif" !important;
    text-align: center;
}

.footer_slogan_title {
    font-size: 2.708333vw;
    line-height: 3.2291666vw;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.41666vw;
    text-align: center;
    margin-top: 0.5208333vw;
}

.footer_slogan_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw;
    position: relative;
}

.index_news_head_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.index_news_head_button .public_btn_max:after {
    background: #ffffff;
}

.index_news_head_button .public_btn_box a:after {
    border: 1px solid #e1e1e1;
    opacity: 1;
}

.index_news_head_button .public_btn_text {
    color: #35a244;
}

.index_news_head_button .public_btn_icon {
    background: #35a244;
}

.index_news_head_button .public_btn_label svg {
    fill: #ffffff;
}

.index_news_head_button .public_btn_box a:hover .public_btn_icon {
    background: #35a244;
}

.index_news_head_button .public_btn_box a:hover .public_btn_label svg {
    fill: #ffffff;
}

.index_news_head_button .public_btn_box a:hover .public_btn_text {
    color: #35a244;
}

.index_news_head_button .public_btn_box a:hover .public_btn_max:after {
    opacity: 1;
}


.footer_slogan_button .public_btn_text {
    padding: 0 1vw 0 1.5625vw;
}

.footer_slogan_button .public_btn_content {
    -webkit-border-radius: 1.458333vw;
    border-radius: 1.458333vw;
    padding: 0.57291666vw 0;
}

.footer_slogan_button .public_btn_max:after {
    -webkit-border-radius: 1.458333vw;
    border-radius: 1.458333vw;
}

.footer_slogan_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.footer_slogan_button .public_btn_max:after {
    background: #ffffff;
    opacity: 1;
}

.footer_slogan_button .public_btn_box a:after {
    border: 1px solid #ffffff;
    opacity: 0;
}

.footer_slogan_button .public_btn_text {
    color: #35a244;
}

.footer_slogan_button .public_btn_icon {
    background: #35a244;
}

.footer_slogan_button .public_btn_label svg {
    fill: #ffffff;
}

.footer_slogan_button .public_btn_box a:hover .public_btn_icon {
    background: #35a244;
}

.footer_slogan_button .public_btn_box a:hover .public_btn_label svg {
    fill: #ffffff;
}

.footer_slogan_button .public_btn_box a:hover .public_btn_text {
    color: #35a244;
}

.footer_nav_wrap {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 5.7291666vw;
}

.footer_nav_box {
    width: 57.71428%;
    padding-top: 1.875vw;
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

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

.footer_nav_li {
    position: relative;
}

.footer_nav_link {
    font-size: 0.88541vw;
    line-height: 1.5625vw;
    color: #ffffff;
    position: relative;
}

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

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

.footer_messages_wrap {
    margin-top: 6.5625vw;
}

.footer_messages_tel_link {
    font-size: 1.1458333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    position: relative;
}

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

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

.footer_messages_read {
    margin-top: 0.5208333vw;
}

.footer_messages_text_box,
.footer_messages_text_link {
    font-size: 0.78125vw;
    line-height: 1.041666vw;
    color: #ffffff;
    position: relative;
}

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

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

.footer_copy_text,
.footer_copy_text a,
.footer_copy_link {
    font-size: 0.78125vw;
    line-height: 1.041666vw;
    color: #ffffff;
    position: relative;
}

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

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

.footer_copy_text {
    margin-right: 0.5208333vw;
}

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

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

.footer_messages_item_box {
    max-width: 33.333%;
}


.footer_share_item_box {
    position: relative;
    margin-right: 0.8333vw;
}

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

.footer_share_item_link {
    position: relative;
}

.footer_share_item_icon {
    width: 2.08333vw;
    height: 2.08333vw;
    background: #ffffff;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_share_item_label {
    width: 0.9375vw;
}

.footer_share_item_dy .footer_share_item_label {
    width: 0.7291666vw;
}

.footer_share_item_twitter .footer_share_item_label {
    width: 0.7291666vw;
}

.footer_share_item_facebook .footer_share_item_label {
    width: 0.52vw;
}

.footer_share_item_label svg {
    fill: #000346;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_share_item_link:hover .footer_share_item_icon {
    background: #35a244;
}

.footer_share_item_link:hover .footer_share_item_label svg {
    fill: #ffffff;
}

.footer_share_title {
    font-size: 0.88541vw;
    line-height: 1.5625vw;
    color: #ffffff;
    font-weight: bold;
}


.footer_share_item_hover {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    top: 0.5208333vw;
    padding-bottom: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_share_item_box:hover .footer_share_item_hover {
    top: 0;
    opacity: 1;
    pointer-events: auto;
}

.footer_share_item_content {
    padding: 0.3125vw;
    background: #ffffff;
    border-radius: 0.5208333vw;
    position: relative;

}

.footer_share_item_content:after {
    content: "";
    position: absolute;
    bottom: -0.4vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-right: 0.41666vw solid transparent;
    border-left: 0.41666vw solid transparent;
    border-top: 0.5208333vw solid #ffffff;
}

.footer_share_item_pic {
    width: 6.25vw;
}

.footer_share_item_img {
    padding-bottom: 100%;
}

.footer_made_box {
    margin-top: 0.78125vw;
}

.footer_made_text {
    margin-right: 1.5625vw;
}

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

.footer_made_text,
.footer_made_link {
    font-size: 0.78125vw;
    line-height: 1.041666vw;
    color: #ffffff;
    position: relative;
}

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

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


.header_down_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    pointer-events: none;
    background: #ffffff;
    z-index: 1;
}

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

.header_down_pack {
    position: relative;
}

.header_down_pack:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 5.41666vw;
    width: 100%;
    box-shadow: 0 0 1.5625vw rgba(245, 245, 245, 1);
}

.header_down_content {
    padding-top: 5.41666vw;

}

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

.header_down_item_box {
    margin: 0 1.9791666vw;
}

.header_down_item_link {
    font-size: 0.78125vw;
    line-height: 4.8958333vw;
    color: #666666;
}

.header_down_item_link {
    font-size: 0.78125vw;
    line-height: 4.8958333vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_down_item_active .header_down_item_link {
    color: #35a244;
}

.header_down_item_link:hover {
    color: #35a244;
}

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

.header_white {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #ffffff;
}

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

.header_white .header_menu_item_text {
    color: #111111;
}

.header_white .header_search_box:after {
    border: 1px solid #e1e1e1;
}

.header_white .header_language_link {
    background: #35a244;
}

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

.header_white .header_language_text {
    color: #ffffff;
}

.header_white .header_search_label svg {
    fill: #e1e1e1;
}

.header_white .header_search_input input {
    color: #111111;
}

.header_white .header_search_input input::placeholder {
    color: #e1e1e1;
}

.header_white .header_menu_item_active .header_menu_item_text {
    color: #35a244;
}

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

.header_white .header_menu_item_hover .header_menu_item_text {
    color: #35a244;
}

.header_white {
    background: #fff;
}

.header_hover {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

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

.header_hover .header_menu_item_text, .header_black .header_menu_item_text {
    color: #111111;
}

.header_black.header_active .header_menu_item_text {
    color: #ffffff;
}

.header_black.header_active .header_logo_box a img {
    filter: brightness(0) invert(1);
}

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

.header_black.header_active.header_hover .header_menu_item_text {
    color: #111111;
}

.header_hover .header_search_box:after, .header_black .header_search_box:after {
    border: 1px solid #e1e1e1;
}

.header_hover .header_language_link, .header_black .header_language_link {
    background: #35a244;
}

.header_hover .header_language_icon svg, .header_black .header_language_icon svg {
    fill: #ffffff;
}

.header_hover .header_language_text, .header_black .header_language_text {
    color: #ffffff;
}

.header_hover .header_search_label svg, .header_black .header_search_label svg {
    fill: #e1e1e1;
}

.header_hover .header_search_input input, .header_black .header_search_input input {
    color: #111111;
}

.header_hover .header_search_input input::placeholder, .header_black .header_search_input input::placeholder {
    color: #e1e1e1;
}

.header_hover .header_menu_item_active .header_menu_item_text, .header_black {
    color: #35a244;
}

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

.header_hover .header_menu_item_hover .header_menu_item_text {
    color: #35a244;
}

.public_banner_wrap {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

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

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

.public_banner_sign_box {
    position: absolute;
    right: 3.2291666%;
    bottom: 3.6458333vw;
    width: 65%;

}

.public_banner_sign_label {
    mask: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) 150%);
}

.public_banner_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 0 8.333vw;
}

.public_banner_read {
    width: 100%;
    padding-bottom: 9.375vw;
}

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

.public_banner_content_for_tech .public_banner_read {
    padding-bottom: 12.5625vw;
    text-align: center;
}

.public_banner_content_for_tech .public_banner_title_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.public_banner_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    font-weight: bold;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}


.public_banner_tips_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    font-weight: bold;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.public_banner_subtitle_label {
    font-size: 4.0625vw;
    line-height: 5.625vw;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.public_banner_content_for_tech .public_banner_subtitle_label {
    font-size: 0.8854167vw;
    line-height: 1.5625vw;
}

.public_banner_content_for_tech .public_banner_subtitle_box {
    margin-top: 2.0833333vw;
    -webkit-justify-content: center;
    justify-content: center;
}


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

.index_page_wrap {
    position: relative;
    z-index: 10;
    background: #ffffff;
}

.about_video_wrap {
    position: relative;
}

.about_video_hide:after {
    opacity: 1;
    z-index: 20;
}

.about_video_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
}

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

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

.about_video_sign_label {
    width: 60%;
    position: relative;
    mask: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) 150%);
}

.about_video_pack {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9;
    overflow: hidden;
}

.about_video_big {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 28.541666%;
}

.about_video_read {
    padding-bottom: 56.25%;
    width: 100%;
    margin-top: 4vw;
    position: relative;
}

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

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

.about_video_fixed_wrap {
    position: relative;
    margin-top: -100vh;
}

.about_video_fixed_box {
    position: relative;
    height: 150vh;

}

.about_video_scale_box {
    position: relative;
    height: 150vh;
}

.about_video_delay_box {
    position: relative;
    height: 180vh;
}

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

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


.about_video_btn {
    position: relative;
    width: 2.6041666vw;
    height: 2.6041666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_video_read:hover .about_video_button {
    opacity: 1;
    pointer-events: auto;
}

.about_video_read:hover .about_video_btn {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

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

.about_video_circle_label:nth-child(1) {
    background: #ffffff;
}

.about_video_circle_label:nth-child(2) {
    border: 0.1041666vw solid #ffffff;
}

.about_video_circle_label:nth-child(3) {
    border: 0.1041666vw solid #ffffff;
}

.about_video_circle_label:nth-child(4) {
    border: 0.1041666vw solid #ffffff;
}

.about_video_circle_label:nth-child(5) {
    border: 0.1041666vw solid #ffffff;
}


.about_video_circle_label:nth-child(2) {
    -webkit-animation: VideoScale 2.8s linear infinite normal both;
    animation: VideoScale 2.8s linear infinite normal both;
}

.about_video_circle_label:nth-child(3) {
    -webkit-animation: VideoScale 2.8s .7s linear infinite normal both;
    animation: VideoScale 2.8s .7s linear infinite normal both;
}

.about_video_circle_label:nth-child(4) {
    -webkit-animation: VideoScale 2.8s 1.4s linear infinite normal both;
    animation: VideoScale 2.8s 1.4s linear infinite normal both;
}

.about_video_circle_label:nth-child(5) {
    -webkit-animation: VideoScale 2.8s 2.1s linear infinite normal both;
    animation: VideoScale 2.8s 2.1s linear infinite normal both;
}

@-webkit-keyframes VideoScale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 130%;
        height: 130%;
        opacity: 0.6;
    }
    40% {
        width: 160%;
        height: 160%;
        opacity: 0.4;
    }
    60% {
        width: 190%;
        height: 190%;
        opacity: .2;
    }
    80% {
        width: 220%;
        height: 220%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.about_video_icon {
    width: 28%;
    position: relative;
    z-index: 9;
}

.about_video_icon svg {
    fill: #35a244;
}

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

.about_details_box {
    position: relative;
    top: 0;
    width: 100%;
    height: 100vh;
}

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

.about_details_center {
    width: 100%;
    padding: 0 8.333vw;
    margin-top: 5.208333vw;
}

.about_details_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;

}

.FadeColor {
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #111111 0%, #111111 calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 1 !important;
}

.FadeGrey {
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, rgba(153, 153, 153, .1) 0%, rgba(153, 153, 153, .1) calc(var(--scan-x) - 16%), rgba(53, 162, 68, .5) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 1 !important;
}

.FadeGreen {
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, rgba(53, 162, 68, 1) 0%, rgba(53, 162, 68, 1) calc(var(--scan-x) - 16%), rgba(17, 17, 17, 1) var(--scan-x), rgba(0, 0, 0, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 1 !important;
}

.FadeWhite {
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 1 !important;
}

.MaskBorder {
    --clip-width: 50%;
    clip-path: inset(var(--clip-width) round 1.041666vw);
}


.about_details_subtitle_box {
    margin-top: 0.5208333vw;
}

.about_details_subtitle_label {
    font-size: 2.5vw;
    line-height: 3.0208333vw;

}

.about_details_content {
    margin-top: 3.6458333vw;
}

.about_details_item_box {
    margin-bottom: 11.458333vw;
}

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


.about_details_item_box:nth-child(1) .about_details_item_read {
    width: 30.625%;

}

.about_details_item_box:nth-child(2) .about_details_item_read {
    width: 43.125%;
}

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

.about_details_item_read {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #111111;
}

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

.ImgCurrentTop {
    position: absolute;
    left: 0;
    top: -20%;
    width: 100%;
    height: 120%;
}


.ImgCurrentTop img {
    will-change: transform;
}

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

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

.ImgCurrentBottom img {
    will-change: transform;
}


.about_intro_wrap {
    position: relative;
    z-index: 10;
}

.intro_tab_fixed_wrap {
    position: relative;
    margin-top: 50vh;
}

.intro_tab_fixed_box {
    position: relative;
    width: 100%;
    padding: 0 8.333vw;
}

.intro_tab_item_box {
    margin-bottom: 2.08333vw;
}

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

.about_business_popup_wrap {
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    background: rgba(255, 255, 255, .9);
    border-radius: 1.041666vw;
    padding: 3vw 4.1666vw;
    -webkit-backdrop-filter: blur(1.5625vw);
    backdrop-filter: blur(1.5625vw);
    position: relative;
    margin-top: 2vw;
}

.about_business_popup_wrap .agency_business_popup_photo {
    display: none;

}

.intro_tab_item_head {
    width: 100%;
}

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

.intro_tab_item_title {
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #001111;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.intro_tab_item_read {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    min-height: 9.375vw;
    color: #333333;
    margin-top: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.intro_tab_item_number {
    font-size: 4.6875vw;
    line-height: 5.208333vw;
    color: transparent;
    -webkit-text-stroke: 1px #35a244;
}

.intro_tab_item_tips {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #333333;
}

.about_intro_box {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    clip-path: inset(100% 0 0 0);
}

.intro_tab_fixed_content {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-bottom: 6.25vw;
}

.intro_tab_fixed_pack {
    width: 46.25%;
}

.about_intro_swiper {
    height: 100%;
}

.about_intro_swiper .swiper-wrapper {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_intro_swiper .swiper-slide {
    overflow: hidden;
    background: #ffffff;
}

.about_intro_sinner {
    height: 100%;
}

.about_intro_pic {
    height: 100%;
}

.about_intro_img {
    height: 100%;
}

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

.intro_tab_fixed_title {
    font-size: 3.0208333vw;
    line-height: 3.125vw;
    color: #ffffff;
}

.about_earth_wrap {
    position: relative;
    background: #f6f8f6;
    overflow: hidden;
}

.about_earth_head_wrap {
    padding: 0 8.333vw;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

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

.about_earth_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.about_earth_head_subtitle {
    margin-top: 1.30208333vw;
}

.about_earth_subtitle_label {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #111111;
}

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

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

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

.about_earth_item_box {
    position: absolute;
    cursor: pointer;
}

.about_earth_item_box:nth-child(1) {
    left: 45.6%;
    top: 58%;
}

.about_earth_item_box:nth-child(2) {
    left: 46.2%;
    top: 58.5%;
}

.about_earth_item_box:nth-child(3) {
    left: 47.2%;
    top: 52.2%;
}

.about_earth_item_box:nth-child(4) {
    left: 47.6%;
    top: 54.3%;
}

.about_earth_item_box:nth-child(5) {
    left: 44%;
    top: 63.3%;
}

.about_earth_item_box:nth-child(6) {
    left: 51.6%;
    top: 81.3%;
}

.about_earth_item_box:nth-child(7) {
    left: 29%;
    top: 58.3%;
}

.about_earth_item_box:nth-child(8) {
    left: 20.6%;
    top: 45.3%;
}

.about_earth_item_line {
    width: 20.46875vw;
    position: relative;
}

.about_earth_item_max {
    width: 100%;
}

.about_earth_item_svg {
    width: 20.46875vw;
}

.about_earth_item_svg svg {
    fill: none;
    stroke: #35a244;
    stroke-width: 1px;
    stroke-dasharray: 3 2;
    fill-rule: evenodd;
    opacity: 0;
}


.about_earth_item_circle {
    width: 0.5208333vw;
    height: 0.5208333vw;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.about_earth_item_label {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #35a244;
    -webkit-border-radius: 100%;
    border-radius: 100%;

}

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

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

.about_earth_item_label:nth-child(3) {
    -webkit-animation: jack_scale 2.8s .7s linear infinite normal both;
    animation: jack_scale 2.8s .7s linear infinite normal both;
}

.about_earth_item_label:nth-child(4) {
    -webkit-animation: jack_scale 2.8s 1.4s linear infinite normal both;
    animation: jack_scale 2.8s 1.4s linear infinite normal both;
}

.about_earth_item_label:nth-child(5) {
    -webkit-animation: jack_scale 2.8s 2.1s linear infinite normal both;
    animation: jack_scale 2.8s 2.1s linear infinite normal both;
}


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

.about_earth_item_content {
    position: absolute;
    left: 50%;
    bottom: 50%;
    width: max-content;
    pointer-events: none;
}

.about_earth_item_pack {
    width: 15.625vw;
    position: absolute;
    right: 0;
    top: -1.3541666vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.about_earth_item_animate {
    background: #ffffff;
    -webkit-border-radius: 1.041666vw 1.041666vw 0 0;
    border-radius: 1.041666vw 1.041666vw 0 0;
    -webkit-transform: translateY(1vw);
    transform: translateY(1vw);
    opacity: 0;
}

.about_earth_item_head {
    padding: 1.041666vw 1.5625vw;
    -webkit-align-items: center;
    align-items: center;
}

.about_earth_item_read {
    width: calc(100% - 2.5vw);
}

.about_earth_item_img {
    padding-bottom: 60%;
}

.about_earth_item_title {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #35a244;
    font-weight: bold;
}

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

.about_earth_item_add {
    width: 2.5vw;
    height: 2.5vw;
    background: #f3f3f3;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.about_earth_item_icon {
    width: 31.25%;
}

.about_earth_item_icon svg {
    fill: #35a244;
}

.about_earth_item_tips {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: max-content;
}

.about_earth_item_name {
    position: relative;
    font-size: 0.78125vw;
}

.EarthLeft {
    left: -0.5208333vw;

}

.EarthLeft .about_earth_item_name {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0.5208333vw;
    opacity: 0;
}

.EarthRight {
    left: 100%;
}

.EarthRight .about_earth_item_name {
    -webkit-transform: none;
    transform: none;
    opacity: 0;
}


.AboutEarthShow .about_earth_item_circle {
    -wenkit-transform: none;
    transform: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.AboutEarthShow .EarthLeft .about_earth_item_name {
    left: 0;
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.AboutEarthShow .EarthRight .about_earth_item_name {
    -webkit-transform: translateX(0.5208333vw);
    transform: translateX(0.5208333vw);
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_earth_item_active {
    z-index: 9;
}

.about_earth_item_active .about_earth_item_svg svg {
    opacity: 1;
}

.about_earth_item_active .EarthCurrent {
    stroke-dashoffset: 0 !important;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.about_earth_item_active .about_earth_item_animate {
    transform: none;
    opacity: 1;
    filter: blur(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    transition-delay: .4s;
}

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

.about_devel_box {
    position: relative;
    padding: 0 8.333vw;
}

.about_devel_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
}

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

.about_devel_item_pic {
    width: 45%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_devel_item_max {
    -webkit-transform: scale(.3);
    transform: scale(.3);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_devel_item_img {
    padding-bottom: 61.1111%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.about_devel_item_img img {
    transform: scale(1.15);
}

.about_devel_item_box {
    position: relative;
}

.about_devel_item_box:hover .about_devel_item_pic {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

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

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

.about_devel_item_text {
    font-size: 1.1458333vw;
    line-height: 2.08333vw;
    color: #111111;
}

.about_devel_big {
    position: relative;
}

.about_devel_swiper {
    overflow: initial;
}

.about_devel_swiper .swiper-slide-active .about_devel_item_max {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.about_devel_swiper .swiper-slide-active .about_devel_item_read {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_devel_control_swiper {
    overflow: initial;
}

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

.about_devel_back_tab {
    height: 20.8333vw;
    overflow: hidden;
    width: 100%;
}

.about_devel_back_text {
    font-size: 20.8333vw;
    line-height: 20.8333vw;
    color: rgba(183, 183, 183, .1);
    text-align: center;
}

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

.about_devel_control_box {
    padding-top: 2.34375vw;
    position: relative;
}

.about_devel_control_read {
    cursor: pointer;
    pointer-events: auto;
}

.about_devel_control_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #e9e9e9;
}

.about_devel_control_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1.041666vw;
    background: #e0e0e0;
}

.about_devel_control_tips {
    position: relative;
}

.about_devel_control_title {
    font-size: 2.08333vw;
    line-height: 2.291666vw;
    position: relative;
    color: transparent !important;
    --scan-x: 0;
    background-image: linear-gradient(90deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) calc(var(--scan-x) - 16%), rgba(17, 17, 17, 1) var(--scan-x), rgba(17, 17, 17, 1) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.about_devel_control_default {
    font-size: 2.08333vw;
    line-height: 2.291666vw;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, rgba(53, 162, 68, 1) 0%, rgba(53, 162, 68, 1) calc(var(--scan-x) - 16%), rgba(17, 17, 17, 1) var(--scan-x), rgba(17, 17, 17, 1) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.about_devel_control_label {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #999999;
}

.about_devel_control_wrap {
    margin-top: 4.6875vw;
    position: relative;
}

.about_devel_control_button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    z-index: 9;
}

.about_devel_control_button .index_service_btn_box:after {
    border: 1px solid #dddee1;
}

.about_devel_control_button .swiper-button-disabled:after {
    opacity: .6;
}

.about_devel_control_button .swiper-button-disabled .index_service_btn_icon svg {
    opacity: .6;
}

.about_devel_control_button .index_service_btn_icon svg {
    fill: #333333;
}

.about_devel_control_button .index_service_btn_active:after {
    border: 1px solid #35a244;
}

.about_devel_control_button .index_service_btn_active .index_service_btn_icon svg {
    fill: #ffffff;
}

.about_devel_control_button .index_service_btn_box {
    pointer-events: auto;
}


.about_culture_swiper .swiper-slide {
    overflow: hidden;
}

.about_culture_pic_box {
    padding-bottom: 49.4791666%;
}

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

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

.about_culture_box {
    position: relative;
}

.about_culture_content {
    position: relative;

}

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

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

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

.about_culture_details_swiper .swiper-slide {
    pointer-events: none !important;
}

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

.about_culture_details_read {
    width: 100%;
    padding: 0 8.333vw;
}

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

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

.about_culture_details_swiper .swiper-slide-active .about_culture_details_subtitle {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_culture_details_swiper .swiper-slide-active .about_culture_details_title {
    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: .1s;
    transition-delay: .1s;
}

.about_culture_item_box {
    width: 20%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
}

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

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

.about_culture_item_after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120%;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(53, 162, 68, .2);
    mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) 150%);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    pointer-events: none;
}


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

}

.about_culture_item_read {
    padding-bottom: 3.125vw;
}

.about_culture_head_box {
    position: absolute;
    left: 0;
    top: 5.7291666vw;
    width: 100%;
    z-index: 9;
    padding: 0 8.333vw;
    pointer-events: none;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_culture_head_text {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #ffffff;
    text-align: center;
}

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

.about_culture_item_line {
    position: relative;
    margin: 0.78125vw auto;
    width: 2.34375vw;
    height: 0.15625vw;
    background: #ffffff;
}

.about_culture_item_text {
    font-size: 1.25vw;
    line-height: 2.08333vw;
    color: rgba(255, 255, 255, .6);
    text-align: center;
}

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

.about_honor_head_wrap {
    position: relative;
}

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

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

.about_honor_green_box {
    position: absolute;
    left: -30vw;
    bottom: -40vw;
    width: 90vw;
    height: 80vw;
    background: rgba(109, 221, 181, .2);
    -webkit-filter: blur(5vw);
    filter: blur(5vw);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    animation: BusinessCircle1 12s infinite linear normal both;
}

@keyframes BusinessCircle1 {
    0% {
        transform: none;
    }
    20% {
        -webkit-transform: translateY(-10vw) scale(1.1);
        transform: translateY(-10vw) scale(1.1);
    }
    40% {
        -webkit-transform: translateX(10vw) translateY(-5vw) scale(0.7);
        transform: translateX(10vw) translateY(-5vw) scale(0.7);
    }
    60% {
        -webkit-transform: translateX(15vw) translateY(-10vw) scale(0.9);
        transform: translateX(15vw) translateY(-10vw) scale(0.9);
    }
    80% {
        -webkit-transform: translateX(0) translateY(-5vw) scale(1.1);
        transform: translateX(0) translateY(-5vw) scale(1.1);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.about_honor_white_box {
    position: absolute;
    left: 10vw;
    top: -30vw;
    width: 60vw;
    height: 70vw;
    background: rgba(245, 247, 240, 1);
    -webkit-filter: blur(5vw);
    filter: blur(5vw);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
    animation: BusinessCircle2 12s infinite linear normal both;
}

@keyframes BusinessCircle2 {
    0% {
        transform: none;
    }
    20% {
        -webkit-transform: translateY(10vw) scale(1.1);
        transform: translateY(10vw) scale(1.1);
    }
    40% {
        -webkit-transform: translateX(-5vw) translateY(5vw) scale(0.7);
        transform: translateX(-5vw) translateY(5vw) scale(0.7);
    }
    60% {
        -webkit-transform: translateX(-10vw) translateY(10vw) scale(0.9);
        transform: translateX(-10vw) translateY(10vw) scale(0.9);
    }
    80% {
        -webkit-transform: translateX(0) translateY(5vw) scale(1.1);
        transform: translateX(0) translateY(5vw) scale(1.1);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.about_honor_head_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 8.333vw;
}

.about_honor_title_text {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.about_honor_nav_li {
    font-size: 0.88541666vw;
    line-height: 3.0208333vw;
    font-weight: bold;
    color: #111111;
    position: relative;
    width: 8.854166vw;
    text-align: center;
    margin-right: 0.5208333vw;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

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

.about_honor_nav_active:after {
    border: 1px solid #35a244;
    background: #35a244;
}

.about_honor_nav_active {
    color: #ffffff;
}

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

.about_honor_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    padding: 0 8.333vw;
    mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) 8.5%, rgb(0, 0, 0) 91.5%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 100%);
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);

}

.about_honor_tab:first-child {
    position: relative;
}

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

.about_honor_item_pic {
    padding-bottom: 141.428%;
    position: relative;
}

.about_honor_item_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: scale(0.68571);
    transform: scale(0.68571);
    opacity: .5;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


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

.about_honor_swiper {
    overflow: initial;

}

.about_honor_swiper .swiper-slide-active .about_honor_item_img {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}


.about_honor_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 4.6875vw;
}

.about_honor_button .index_service_btn_box:after {
    border: 1px solid #dddee1;
}

.about_honor_button .swiper-button-disabled:after {
    opacity: .6;
}

.about_honor_button .swiper-button-disabled .index_service_btn_icon svg {
    opacity: .6;
}

.about_honor_button .index_service_btn_icon svg {
    fill: #333333;
}

.about_honor_button .index_service_btn_active:after {
    border: 1px solid #35a244;
}

.about_honor_button .index_service_btn_active .index_service_btn_icon svg {
    fill: #ffffff;
}


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

.join_details_wrap {
    position: relative;
}

.join_details_box {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-align-items: center;
    align-items: center;
    z-index: 9;
    overflow: hidden;
}

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

.join_details_circle_blue {
    position: absolute;
    left: 0;
    top: -45vw;
    width: 90vw;
    height: 80vw;
    background: rgba(215, 244, 253, .5);
    -webkit-filter: blur(5vw);
    filter: blur(5vw);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    animation: joinCircle1 12s infinite linear normal both;
}

@-webkit-keyframes joinCircle1 {
    0% {
        transform: none;
    }
    20% {
        -webkit-transform: translateY(-10vw) scale(1.1);
        transform: translateY(-10vw) scale(1.1);
    }
    40% {
        -webkit-transform: translateX(10vw) translateY(-5vw) scale(0.7);
        transform: translateX(10vw) translateY(-5vw) scale(0.7);
    }
    60% {
        -webkit-transform: translateX(15vw) translateY(-10vw) scale(0.9);
        transform: translateX(15vw) translateY(-10vw) scale(0.9);
    }
    80% {
        -webkit-transform: translateX(0) translateY(-5vw) scale(1.1);
        transform: translateX(0) translateY(-5vw) scale(1.1);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.join_details_circle_white {
    position: absolute;
    left: 30vw;
    top: -50vw;
    width: 60vw;
    height: 70vw;
    background: rgba(255, 255, 255, 1);
    -webkit-filter: blur(5vw);
    filter: blur(5vw);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
    animation: joinCircle2 12s infinite linear normal both;
}

@keyframes joinCircle2 {
    0% {
        transform: none;
    }
    20% {
        -webkit-transform: translateY(10vw) scale(1.1);
        transform: translateY(10vw) scale(1.1);
    }
    40% {
        -webkit-transform: translateX(-5vw) translateY(5vw) scale(0.7);
        transform: translateX(-5vw) translateY(5vw) scale(0.7);
    }
    60% {
        -webkit-transform: translateX(-10vw) translateY(10vw) scale(0.9);
        transform: translateX(-10vw) translateY(10vw) scale(0.9);
    }
    80% {
        -webkit-transform: translateX(0) translateY(5vw) scale(1.1);
        transform: translateX(0) translateY(5vw) scale(1.1);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.join_details_back_text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: max-content;
    font-size: 48.4375vw;
    line-height: 46.875vw;
    color: transparent;
    -webkit-text-stroke: 1px rgba(53, 162, 68, .2);
    mask: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) 60%);
    z-index: 5;
}

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

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

.join_details_back_mask {
    --mask-pos: 200%;
    mask: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) var(--mask-pos));
}

.join_details_back_label {
    font-size: 10.41666vw;
    line-height: 15.625vw;
    color: transparent;
    text-align: center;
    --mask-back: 0%;
    background-position: 50% var(--mask-back);
    -webkit-background-clip: text;
    background-clip: text;
}

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

.join_details_title_label {
    font-size: 4.0625vw;
    line-height: 4.58333vw;
    font-weight: bold;
    text-align: center;
    color: #35a244;
    letter-spacing: 5.208333vw;
    filter: blur(2vw);
    opacity: 0;
}

.join_details_back_read {
    margin-top: 1.5625vw;
    position: relative;
}


.join_details_subtitle_label {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #111111;
    text-align: center;
}

.join_details_fixed_wrap {
    position: relative;
    z-index: 10;
    pointer-events: none;
}

.join_details_fixed_box {
    position: relative;
}

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

.join_details_subtitle_box {
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.join_details_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 3.125vw;
    opacity: 0;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.join_details_read {
    margin-top: 3.125vw;
    opacity: 0;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.join_details_back_show .join_details_subtitle_box {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.join_details_back_show .join_details_button {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;

}

.join_details_back_show .join_details_read {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.join_details_text {
    text-align: center;
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #111111;
}

.join_details_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
    display: none;
}

.join_details_button .public_btn_box a:after {
    background: #0d62c2;
    border: none;
}

.join_details_button .public_btn_max:after {
    background: #0d62c2;
}


.join_details_button .public_btn_box a:hover:after {
    opacity: 1;
}

.join_details_fixed_content {
    padding: 0 14.0625vw;
    position: relative;
    flex-direction: row-reverse;

}

.join_fixed_item_big {
    margin-top: 3.6458333vw;
    position: relative;

}

.join_fixed_item_box {
    width: 40.5797%;
}

.join_fixed_item_box:nth-child(2n+1) {
    margin: 0 0 0 18.8406%;
}

.join_fixed_item_box:nth-child(2n) {
    margin: 14.0625vw 0 0 0;
}

.join_fixed_item_number {
    font-size: 9.375vw;
    line-height: 9.375vw;
    color: rgba(153, 153, 153, .1);
}

.join_fixed_item_pack {
    padding-left: 3.38541vw;
    margin-top: -2.6041666vw;
    position: relative;
    z-index: 9;
}

.join_fixed_item_label {
    font-size: 1.875vw;
    line-height: 2.3958333vw;
    color: #111111;
}

.join_fixed_item_read {
    margin-top: 1.041666vw;
}

.join_fixed_item_text {
    font-size: 0.88541666vw;
    line-height: 1.25vw;
    color: #666666;
}

.join_fixed_pic_item {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.join_fixed_item_shape1 .join_fixed_pic_item:nth-child(1) {
    width: 47.5%;
    margin-top: 9.375vw;
}

.join_fixed_item_shape1 .join_fixed_pic_item:nth-child(1) .join_fixed_pic_box {
    padding-bottom: 62.03%;
}


.join_fixed_item_shape1 .join_fixed_pic_item:nth-child(2) {
    width: 31.7857%;
    margin-left: -1.041666vw;
}

.join_fixed_item_shape1 .join_fixed_pic_item:nth-child(2) .join_fixed_pic_box {
    padding-bottom: 140.449%;
}

.join_fixed_item_shape2 .join_fixed_pic_item:nth-child(1) {
    width: 58.2142%;
    margin-top: 7.03125vw;
}

.join_fixed_item_shape2 .join_fixed_pic_item:nth-child(1) .join_fixed_pic_box {
    padding-bottom: 42.3312%;
}


.join_fixed_item_shape2 .join_fixed_pic_item:nth-child(2) {
    width: 37.3214%;
    margin-left: -2.86458vw;
}

.join_fixed_item_shape2 .join_fixed_pic_item:nth-child(2) .join_fixed_pic_box {
    padding-bottom: 78.4688%;
}


.join_fixed_item_shape3 .join_fixed_pic_item:nth-child(1) {
    width: 41.7857%;
    margin-top: 4.6875vw;
    z-index: 9;
}

.join_fixed_item_shape3 .join_fixed_pic_item:nth-child(1) .join_fixed_pic_box {
    padding-bottom: 128.205%;
}


.join_fixed_item_shape3 .join_fixed_pic_item:nth-child(2) {
    width: 50.3571%;
    margin-left: -2.34375vw;
}

.join_fixed_item_shape3 .join_fixed_pic_item:nth-child(2) .join_fixed_pic_box {
    padding-bottom: 62.0567%;
}

.join_fixed_item_shape4 .join_fixed_pic_item:nth-child(1) {
    width: 37.3214%;
    margin-top: 2.86458vw;
    z-index: 9;
}

.join_fixed_item_shape4 .join_fixed_pic_item:nth-child(1) .join_fixed_pic_box {
    padding-bottom: 78.4688%;
}


.join_fixed_item_shape4 .join_fixed_pic_item:nth-child(2) {
    width: 58.2142%;
    margin-left: -2.6041666vw;
}

.join_fixed_item_shape4 .join_fixed_pic_item:nth-child(2) .join_fixed_pic_box {
    padding-bottom: 42.3312%;
}

.join_fixed_pic_box {
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    overflow: hidden;
    position: relative;
}

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

.join_fixed_pic_wrap {
    width: 100%;
    --clip-width: 50%;
    clip-path: inset(var(--clip-width) round 0.78125vw);
}

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

.join_type_title_box {
    -webkit-justify-content: center;
    justify-content: center;

}

.join_type_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}


.join_type_subtitle_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.041666vw;
}

.join_type_subtitle_label {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #35a244;
}

.join_type_item_box {
    width: 48.75%;
    margin: 0 2.5% 0 0;
}

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

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

.join_type_item_content {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    position: relative;
    overflow: hidden;
}

.join_type_item_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1.5625vw;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.join_type_item_big {
    width: 44.444%;
    padding: 1.5625vw;
    position: relative;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .9);
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.join_type_item_title {
    font-size: 1.3541666vw;
    line-height: 1.875vw;

    font-weight: bold;
}

.JoinGreen .join_type_item_title {
    color: #35a244;
}

.JoinBlue .join_type_item_title {
    color: #0d62c2;
}

.join_type_item_read {
    margin-top: 0.78125vw;
}

.join_type_item_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #666666;
}

.join_type_pic_box {
    padding-bottom: 64.1025%;
}

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

.join_type_content {
    position: relative;
    margin-top: 4.6875vw;
}

.join_type_item_button {
    margin-top: 2.08333vw;
}

.join_type_item_btn {
    -webkit-border-radius: 1.1458333vw;
    border-radius: 1.1458333vw;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.041666vw;
}

.JoinGreen .join_type_item_btn {
    background: #35a244;

}

.JoinBlue .join_type_item_btn {
    background: #0d62c2;
}

.join_type_btn_text {
    font-size: 0.83333vw;
    line-height: 2.291666vw;
    color: #ffffff;
}

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

.join_type_btn_label svg {
    fill: #ffffff;
}

.recruit_page_wrap {
    background: #f3f6f4;
    position: relative;
    padding: 9.8958333vw 0 5.7291666vw 0;
}

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

.recruit_nav_item_box {
    margin: 0 2.08333vw;
}

.recruit_nav_title {
    font-size: 2.3958333vw;
    line-height: 2.91666vw;
    color: #c3c3c3;
}

.recruit_nav_item_active .recruit_nav_title {
    color: #35a244;
}

.recruit_page_item_box {
    width: 48.75%;
    margin: 0 2.5% 2.5% 0;
}

.recruit_page_item_box:nth-child(2n) {
    margin: 0 0 2.5% 0;
}

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

.recruit_page_item_content {
    background: #ffffff;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    padding: 2.08333vw 3.125vw;
}

.recruit_page_item_title {
    font-size: 1.666vw;
    line-height: 2.1875vw;
    color: #111111;
    width: auto;
    max-width: 100%;
}

.recruit_page_item_type {
    margin-top: 1.041666vw;
}

.recruit_page_item_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #777777;
    padding: 0 1.041666vw;
    position: relative;
}

.recruit_page_item_text:first-child {
    padding: 0 1.041666vw 0 0;
}

.recruit_page_item_text:last-child {
    padding: 0 0 0 1.041666vw;
}


.recruit_page_item_text:after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    width: 1px;
    height: 60%;
    background: #dcdcdc;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

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

.recruit_page_item_button {
    margin-top: 2.08333vw;
}

.recruit_page_item_btn {
    -webkit-border-radius: 1.1979166vw;
    border-radius: 1.1979166vw;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.5625vw;
    position: relative;
    overflow: hidden;
}

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

.recruit_page_item_btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: #35a244;
    box-sizing: border-box;
    -webkit-border-radius: 1.1979166vw;
    border-radius: 1.1979166vw;
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.recruit_btn_item_text {
    font-size: 0.78125vw;
    line-height: 2.3958333vw;
    color: #333333;
    position: relative;
    z-index: 3;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_btn_item_icon {
    margin-left: 0.78125vw;
    position: relative;
    z-index: 3;
}

.recruit_btn_item_label {
    width: 0.625vw;
}

.recruit_btn_item_label svg {
    color: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_page_item_box a:hover .recruit_page_item_btn:before {
    -webkit-transform: none;
    transform: none;
}

.recruit_page_item_box a:hover .recruit_btn_item_text {
    color: #ffffff;
}

.recruit_page_item_box a:hover .recruit_btn_item_label svg {
    fill: #ffffff;
}

.recruit_page_content {
    margin-top: 3.6458333vw;
}

.recruit_pagination_box {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}


.recruit_pagination_btn a {
    position: relative;
    width: 3.6458333vw;
    height: 3.6458333vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ffffff;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.recruit_pagination_icon {
    width: 23%;
}

.recruit_pagination_icon svg {
    fill: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_pagination_link a {
    width: 2.6041666vw;
    color: #bbbbbb;
    font-size: 1.1458333vw;
    line-height: 2.6041666vw;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_pagination_link a:hover {
    color: #35a244;
}

.recruit_pagination_content {
    padding: 0 1.30208333vw;
}

.recruit_pagination_wrap {
    margin-top: 2.6041666vw;
}

.recruit_pagination_active a {
    background: #35a244;
}

.recruit_pagination_active .recruit_pagination_icon svg {
    fill: #ffffff;
}

.recruit_link_active a {
    color: #35a244;
}


.recruit_details_wrap {
    padding: 9.8958333vw 0 5.7291666vw 0;
    position: relative;
    background: #f3f6f4;
}

.recruit_details_box {
    position: relative;
    padding: 0 10.41666vw;
}

.recruit_details_content {
    padding: 3.125vw 4.1666vw;
    background: #ffffff;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    position: relative;
    margin-bottom: 1.5625vw;
}

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

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

.recruit_td_subtitle {
    font-size: 0.9375vw;
    line-height: 1.9791666vw;
    color: #999999;
    margin-top: 0.5vw;
}

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

.recruit_td_item_box {
    max-width: 25%;
}
.recruit_td_item_title {
    font-size: 0.9375vw;
    line-height: 1.9791666vw;
    color: #111111;
}

.recruit_td_item_text a {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #35a244;
    position: relative;
}
.recruit_td_item_text a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #35a244;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.recruit_td_item_text a:hover:after {
    width: 100%;
    left: 0;
}
.recruit_details_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #111111;
}

.recruit_details_head {
    margin-bottom: 1.5625vw;
}

.recruit_details_tips_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-bottom: 2.6041666vw;
}

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

.recruit_details_tips_btn a {
    position: relative;
    padding: 0 1.041666vw;
}

.recruit_details_btn_text {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    color: #aaaaaa;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_details_btn_icon {
    width: 0.83333vw;
    margin-left: 0.625vw;
    position: relative;

}

.recruit_details_btn_icon svg {
    fill: #aaaaaa;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_details_tips_btn a:hover .recruit_details_btn_text {
    color: #35a244;
}

.recruit_details_tips_btn a:hover .recruit_details_btn_icon svg {
    fill: #35a244;
}

.recruit_details_line {
    width: 100%;
    height: 1px;
    background: #eeeeee;
    position: relative;
}

.recruit_submit_btn a {
    -webkit-border-radius: 1.1979166vw;
    border-radius: 1.1979166vw;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.5625vw;
    position: relative;
    overflow: hidden;
}

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

.recruit_submit_btn a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: #35a244;
    box-sizing: border-box;
    -webkit-border-radius: 1.1979166vw;
    border-radius: 1.1979166vw;
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.recruit_submit_text {
    font-size: 0.78125vw;
    line-height: 2.3958333vw;
    color: #333333;
    position: relative;
    z-index: 3;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_submit_icon {
    margin-left: 0.78125vw;
    position: relative;
    z-index: 3;
}

.recruit_submit_label {
    width: 0.625vw;
}

.recruit_submit_label svg {
    color: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.recruit_submit_btn a:hover:before {
    -webkit-transform: none;
    transform: none;
}


.recruit_submit_btn a:hover .recruit_submit_text {
    color: #ffffff;
}

.recruit_submit_btn a:hover .recruit_submit_label svg {
    fill: #ffffff;
}

.recruit_details_big {
    position: relative;
    margin-top: 3.125vw;
}

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

.recruit_details_bjq h1 {
    font-size: 1.7708333vw;
    line-height: 2.291666vw;
    color: #111111;
    font-weight: initial;
}

.recruit_details_bjq p {
    font-size: 0.9375vw;
    line-height: 1.9791666vw;
    color: #333333;
}

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

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

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

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

.contact_page_tips_text {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #333333;
    text-align: center;
}

.contact_page_title {
    text-align: center;
    margin-top: 2.08333vw;
}

.contact_page_title a {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #35a244;
    text-align: center;
}


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

.contact_page_add_box {
    margin-top: 2.34375vw;
}

.contact_page_item_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 0.78125vw;
}

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

.contact_page_item_icon {
    width: 0.9375vw;
    margin-right: 0.5208333vw;
}

.contact_page_item_icon svg {
    fill: #35a244;
}

.contact_page_item_text,
.contact_page_item_text a {
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #333333;
    text-align: center;
}

.contact_page_ewm_box {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 5.7291666vw;
}

.contact_page_ewm_pic {
    padding: 0.5208333vw;
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    width: 10.41666vw;
    margin: 0 auto;
}

.contact_page_ewm_img {
    padding-bottom: 100%;
}

.contact_page_ewm_title {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #333333;
    margin-top: 1.041666vw;
    text-align: center;
}

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

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

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

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

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

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

.contact_page_big {
    width: 100%;
}

.news_page_wrap {
    background: #f3f6f4;
    position: relative;
    padding: 6.25vw 0;
    overflow: hidden;
}

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

.news_banner_pic_width {
    width: 51.25%;
    position: relative;
}

.news_banner_details_box {
    width: 48.75%;
    position: relative;
}

.news_banner_pic_box {
    padding-bottom: 65.8536%;
}

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


.news_banner_details_swiper {
    height: 100%;
}

.news_banner_details_content {
    height: 100%;
}

.news_banner_details_content a {
    display: block;
    position: relative;
    height: 100%;
    padding: 3.6458333vw;
}

.news_banner_details_time {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #999999;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.news_banner_details_title {
    font-size: 1.71875vw;
    line-height: 2.3958333vw;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

.news_banner_details_text {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_banner_details_btn {
    width: 2.6041666vw;
    height: 2.6041666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_banner_details_icon {
    width: 24%;
}

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

.news_banner_details_btn:hover {
    background: #35a244;
}

.news_banner_details_btn:hover .news_banner_details_icon svg {
    fill: #ffffff;
}

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

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

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

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

.news_banner_details_swiper .swiper-slide-active .news_banner_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: .3s;
    transition-delay: .3s;
}

.news_banner_wrap {
    position: relative;
}

.news_banner_logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 93.125%;
}

.news_banner_box {
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .15);
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    position: relative;
    z-index: 9;
    box-shadow: 0 0 1.041666vw rgba(0, 0, 0, .02);
}

.news_banner_pagination_wrap {
    position: absolute;
    left: 3.6458333vw;
    bottom: 2.08333vw;
    z-index: 9;
}

.news_wap_pagination_wrap {
    display: none;
}

.news_banner_pagination_box .swiper-pagination-bullet {
    width: 0.5208333vw;
    height: 0.5208333vw;
    margin: 0 0.26041666vw !important;
    background: #d9d9d9;
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_banner_pagination_box .swiper-pagination-bullet-active {
    background: #35a244;
}

.public_circle_btn {
    position: relative;
}

.public_circle_btn a {
    width: 2.6041666vw;
    height: 2.6041666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_circle_icon {
    width: 24%;
}

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

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

.public_circle_btn a:hover {
    background: #35a244;
}

.public_circle_btn a:hover .public_circle_icon svg {
    fill: #ffffff;
}

.news_page_content {
    margin-top: 4.1666vw;
}

.news_page_item_box {
    width: 30.625%;
    margin: 0 4.0625% 4.1666vw 0;
}

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

.news_page_item_head {
    position: relative;
}

.news_page_item_head a {
    display: block;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    overflow: hidden;
}

.news_item_pic_box {
    padding-bottom: 65.8536%;
}

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

.news_page_item_tips {
    margin-top: 1.82291666vw;
}

.news_page_item_title {
    height: 3.75vw;
}

.news_page_item_title a {
    font-size: 1.1458333vw;
    line-height: 1.875vw;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

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

.news_page_item_day {
    font-size: 2.708333vw;
    line-height: 3.2291666vw;
    color: #333333;
}


.news_page_item_year {
    font-size: 0.78125vw;
    line-height: 1.82291666vw;
    color: #aaaaaa;
    margin-left: 0.5208333vw;
}

.news_details_page_wrap {
    padding: 9.8958333vw 0 5.7291666vw 0;
    position: relative;
}

.news_details_page_box {
    padding: 0 4.1666vw 0 10.41666vw;
}

.news_details_page_title {
    font-size: 2.08333vw;
    line-height: 3.125vw;
    color: #111111;
}

.news_details_page_head {
    margin-bottom: 2.6041666vw;
}

.news_details_tips_box {
    margin-bottom: 2.08333vw;
}

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

.news_details_line_box {
    width: 100%;
    height: 1px;
    background: #ededed;
}

.news_details_page_pack {
    width: 90.909%;
}

.news_details_bjg p {
    font-size: 0.9375vw;
    line-height: 1.7708333vw;
    color: #333333;
}

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

.news_details_bjg {
    margin: 3.6458333vw 0;
}

.news_details_return_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw;
}

.news_details_return_icon {
    width: 1.041666vw;
    margin-right: 1.041666vw;
}

.news_details_return_icon svg {
    fill: #999999;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_details_return_text {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    color: #999999;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_details_return_btn a {
    position: relative;
    padding: 0 1.041666vw;
    -webkit-align-items: center;
    align-items: center;
}

.news_details_return_btn a:hover .news_details_return_icon svg {
    fill: #35a244;
}

.news_details_return_btn a:hover .news_details_return_text {
    color: #35a244;

}

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

.news_details_page_button {
    position: sticky;
    top: 31.25vw;
}

.news_details_page_button .recruit_pagination_btn {
    margin-bottom: 1.5625vw;
}

.news_details_page_button .recruit_pagination_btn:last-child {
    margin-bottom: 0;
}

.news_details_page_button .recruit_pagination_btn a {
    background: #f4f4f4;
}

.news_details_page_button .recruit_pagination_active a {
    background: #35a244;
}

.service_pro_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}


.service_pro_subtitle_label {
    font-size: 1.9791666vw;
    line-height: 2.708333vw;
    color: #111111;
}

.service_pro_green_label {
    font-size: 1.9791666vw;
    line-height: 2.708333vw;
    color: #35a244;
}

.service_pro_text_label {
    font-size: 1.9791666vw;
    line-height: 2.708333vw;
    color: #111111;
}

.service_pro_tips_box {
    margin-top: 1.30208333vw;
}

.service_pro_tips_label {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
}

.service_pro_wrap {
    padding: 7.291666vw 0 5.7291666vw 0;
    background: #f3f6f4;
    position: relative;
}

.service_pro_head_button {
    padding-bottom: 1.5625vw;
}

.service_pro_subtitle_box {
    margin-top: 2.6041666vw;
}

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

.public_btn_color a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.public_btn_color .public_btn_max:after {
    background: #ffffff;
}

.public_btn_color .public_btn_text {
    color: #35a244;
}

.public_btn_color .public_btn_icon {
    background: #35a244;
}

.public_btn_color .public_btn_label svg {
    fill: #ffffff;
}

.public_btn_color a:hover .public_btn_icon {
    background: #35a244;
}

.public_btn_color a:hover .public_btn_label svg {
    fill: #ffffff;
}

.public_btn_color a:hover .public_btn_text {
    color: #35a244;
}

.public_btn_color a:hover .public_btn_max:after {
    opacity: 1;
}

.public_btn_color a:after {
    border: 1px solid #e1e1e1 !important;
    opacity: 1 !important;
}

.service_pro_tab {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.service_pro_item_box {
    width: 23.75%;
    margin: 0 1.666% 0 0;
    position: relative;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    overflow: hidden;
}

.service_pro_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 200%;
    background-image: linear-gradient(to top, rgba(243, 246, 244, 1), rgba(243, 246, 244, 1) 50%, rgba(243, 246, 244, 0));
    z-index: 9;
    pointer-events: none;

}

.service_pro_item_box:nth-child(4n) {
    margin: 0;
}

.service_pro_item_box:nth-child(2n+1) .service_item_pic_box {
    padding-bottom: 94.7368%;
}

.service_pro_item_box:nth-child(2n) .service_item_pic_box {
    padding-bottom: 123.68%;
}

.AddServiceProItemBox:after {
    bottom: -200%;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

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

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

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

}

.service_pro_item_read {
    padding: 1.30208333vw 1.82291666vw;
    width: 100%;
    position: relative;
    z-index: 9;
}

.service_pro_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
    font-weight: bold;
}

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

.service_pro_content {
    margin-top: 3.6458333vw;
}

.service_operate_content {
    width: 60.9375%;
    padding: 6.25vw 0;
}

.service_operate_pack {
    padding: 0 4.1666vw 0 8.333vw;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.service_operate_box {
    position: relative;
}

.service_operate_photo {
    width: 39.0625%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.service_operate_photo:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));
    z-index: 9;
    pointer-events: none;
}

.AddServiceOperatePhoto:after {
    left: -200%;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

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

.service_operate_pic_box {
    height: 100%;
}

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


.service_operate_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}


.service_operate_subtitle_label {
    font-size: 1.9791666vw;
    line-height: 2.708333vw;
    color: #111111;
}

.service_operate_green_label {
    font-size: 1.9791666vw;
    line-height: 2.708333vw;
    color: #111111;
}

.service_operate_text_label {
    font-size: 1.9791666vw;
    line-height: 2.708333vw;
    color: #111111;
}

.service_operate_tips_box {
    margin-top: 1.30208333vw;
}

.service_operate_subtitle_box {
    margin-top: 2.6041666vw;
}

.service_operate_tips_label {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
}

.service_operate_button {
    margin-top: 4.6875vw;
}

.service_operate_button a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.service_operate_button .public_btn_box a:after {
    border: 1px solid #e1e1e1 !important;
    opacity: 1 !important;
}

.service_operate_button .public_btn_text {
    color: #35a244;
}

.service_operate_button .public_btn_icon {
    background: #35a244;
}

.service_operate_button .public_btn_label svg {
    fill: #ffffff;
}

.service_operate_tab {
    margin-top: 3.6458333vw;
}

.service_operate_item_box {
    width: 23.6559%;
    margin: 0 1.7921333% 0 0;
}

.service_operate_item_box:nth-child(4n) {
    margin: 0;
}

.service_operate_item_content {
    padding: 1.5625vw 1.30208333vw;
    background: #f8f8f8;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
}

.service_operate_item_icon {
    width: 2.08333vw;
    height: 1.82291666vw;
}

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

.service_operate_item_label svg {
    fill: #35a244;
}

.service_operate_item_read {
    margin-top: 2.08333vw;
}

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

.service_operate_item_text {
    font-size: 0.78125vw;
    line-height: 1.1458333vw;
    color: #555555;
    margin-top: 0.78125vw;
}

.service_sale_wrap {
    position: relative;
    padding: 6.25vw 0;
    background: #f3f6f4;
    overflow: hidden;
}

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

.service_sale_back img {
    opacity: .3;
}

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

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


.service_sale_subtitle_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.5625vw;
}

.service_sale_text_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.78125vw;
}

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

.service_sale_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.service_sale_subtitle_label {
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #111111;
}

.service_sale_text_label {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
}

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

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

.service_sale_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw;
}

.service_sale_item_content {
    padding: 2.34375vw 2.34375vw 1.5625vw 2.34375vw;
    background: #ffffff;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    height: 100%;
}

.service_sale_item_icon {
    width: 4.1666vw;
    height: 4.1666vw;
    background: #f8f8f8;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 2.6041666vw;
}

.service_sale_item_max {
    width: 32%;
    height: 32%;

}

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

.service_sale_item_label svg {
    fill: #cbcbcb;
}

.service_sale_pack {
    margin-top: 3.90625vw;
}

.service_sale_item_box {
    width: 23.75%;
    margin: 0 1.666% 0 0;
}

.service_sale_item_box:nth-child(4n) {
    margin: 0;
}

.service_sale_item_head {
    width: 100%;
}

.service_sale_item_title {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    font-weight: bold;
    color: #111111;
}

.service_sale_item_subtitle {
    font-size: 0.83333vw;
    line-height: 1.041666vw;
    min-height: 2.08333vw;
    color: #aaaaaa;
    margin-top: 0.5208333vw;
}

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

.service_popup_box {
    position: relative;
    width: 50%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    background: #ffffff;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.service_popup_content {

    padding: 1.82291666vw 2.6041666vw 2.6041666vw 2.6041666vw;

    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service_popup_item_file input {
    display: none;
}

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

.service_popup_subtitle {
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
    margin-top: 0.5208333vw;
}

.service_popup_head {
    margin-bottom: 1.2625vw;
}

.service_popup_line {
    width: 100%;
    height: 1px;
    background: #e9e9e9;
}

.service_popup_three .service_popup_item_box {
    width: 32%;
    margin: 0 2% 0 0;
}

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


.service_popup_two .service_popup_item_box {
    width: 49%;
    margin: 0 2% 0 0;
}

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

.service_popup_item_title {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #111111;
}

.service_popup_item_content {
    margin-top: 0.78125vw;
}

.service_popup_item_input {
    width: 100%;
}

.service_popup_item_input input {
    padding: 0 1.041666vw;
    font-size: 0.7291666vw;
    line-height: 3.125vw;
    color: #111111;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    background: #f5f5f5;
    width: 100%;
}

.service_popup_item_textarea_code input {
    line-height: 2.6041666vw;
    width: 10.416666vw;
    margin-right: 0.5208333vw;
}

.service_popup_item_textarea_code .service_popup_item_input {
    width: auto;
}

.service_popup_item_textarea_code .code_img {
    height: 2.6041666vw;
    width: 6.6666666vw;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    background: #f4f4f4;
    object-fit: contain;
    cursor: pointer;
}

.service_popup_item_box {
    width: 100%;
}


.service_popup_item_input input::placeholder {
    color: #bebebe;
}

.service_popup_item_textarea {
    width: 100%;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    background: #f5f5f5;
    padding: 0.78125vw 0.5208333vw;
}

.service_popup_item_textarea_code {
    margin-top: 0.5208333vw;
}

.service_popup_item_textarea textarea {
    padding: 0 0.5208333vw;
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    height: 4.6875vw;
    color: #111111;
    width: 100%;
    resize: none;
}

.service_popup_item_textarea textarea::placeholder {
    color: #bebebe;
}

.service_popup_item_textarea textarea::-webkit-scrollbar {
    width: 1px;
}


.service_popup_item_textarea textarea::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}


.service_popup_item_textarea textarea::-webkit-scrollbar-thumb {
    background: #35a244;
}

.service_popup_item_content {
    width: 100%;
}

.service_popup_item_file {
    width: 100%;
}

.service_popup_item_text {
    padding: 0 1.041666vw;
    font-size: 0.7291666vw;
    line-height: 3.125vw;
    color: #bebebe;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    background: #f5f5f5;
    width: 66%;
    margin-right: 2%;
}

.service_popup_item_btn {
    padding: 0 1.041666vw;
    font-size: 0.7291666vw;
    line-height: 3.125vw;
    color: #35a244;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    background: #f5f5f5;
    width: 32%;
    cursor: pointer;
}

.service_popup_tab {
    margin-bottom: 1.5625vw;
}

.service_popup_pack {
    margin-top: 1.68333vw;
}

.service_popup_submit_btn {
    font-size: 0.9375vw;
    line-height: 3.38541vw;
    color: #ffffff;
    background: #35a244;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.service_popup_button:hover .service_popup_submit_btn {
    background: #2f8f3c;
}

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

.form_popup_btn {
    position: absolute;
    right: -4vw;
    top: 0;
    width: 2vw;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.form_popup_btn svg {
    fill: #ffffff;
}

.form_popup_btn:hover {
    transform: rotate(90deg);
}


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


.service_pro_popup_show .service_popup_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.service_pro_popup_show .service_popup_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

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


.service_sales_popup_show .service_popup_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.service_sales_popup_show .service_popup_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

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


.service_operate_popup_show .service_popup_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.service_operate_popup_show .service_popup_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.case_item_box {
    width: 48.75%;
    margin: 0 2.5% 4.6875vw 0;
}

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

.case_item_box a {
    display: block;
}

.case_item_content {
    position: relative;
}

.case_item_pack {
    position: relative;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
}

.case_item_pic_wrap {
    position: relative;
}

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

.case_item_pic_box {
    padding-bottom: 61.282%;
}

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


.case_item_pic_label {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    padding: 1.5625vw 1.82291666vw;
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #ffffff;
}

.case_item_tips_wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    padding: 1.041666vw 1.82291666vw;
}

.case_item_tips_box {

    padding: 0 1.30208333vw;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .2);
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
}

.case_item_tips_icon {
    width: 0.83333vw;
    margin-right: 0.5208333vw;
}

.case_item_tips_label {
    width: 100%;
}

.case_item_tips_label svg {
    fill: #ffffff;
}

.case_item_tips_text {
    font-size: 0.83333vw;
    line-height: 2.5vw;
    color: #ffffff;
}


.case_item_time {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #999999;
}

.case_item_title_read {
    position: relative;
    max-width: calc(100% - 3.6458333vw);
}
.case_item_title_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.case_item_icon {
    width: 2.6041666vw;
    height:2.6041666vw;
    background: #35a244;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.case_item_label {
    width: 24%;
}
.case_item_label svg {
    fill: #ffffff;
}
.case_item_title_label {
    width: 100%;
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    font-weight: bold;


}

.case_item_title_label:nth-child(1) {
    color: #111111;
    --mask-pos: 0%;
    mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) var(--mask-pos));
}

.case_item_title_label:nth-child(2) {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(53, 162, 68, 1);
    --mask-pos: 200%;
    mask: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0), rgb(0, 0, 0) var(--mask-pos));
}

.case_item_read {
    padding: 1.5625vw 0 0 0;
}

.case_page_wrap {
    position: relative;
    padding: 6.25vw 0;
}

.case_pagination_wrap .recruit_pagination_btn a {
    background: #f4f4f4;
}

.case_pagination_wrap .recruit_pagination_active a {
    background: #35a244;
}

.case_details_page_wrap {
    padding: 10.9375vw 0 5.208333vw 0;
    position: relative;
}

.case_details_banner_wrap {

    margin-bottom: 5.208333vw;
}

.case_details_line_box {
    width: 100%;
    height: 1px;
    position: relative;
    background: #e0e0e0;
}

.case_details_banner_content {
    width: 48.125%;
    padding-right: 4.6875vw;
}

.case_details_banner_photo {
    width: 51.875%;
}

.case_banner_pic_box {
    padding-bottom: 61.282%;
}

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

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

.case_banner_tips_icon {
    width: 0.83333vw;
    margin-right: 0.5208333vw;
}

.case_banner_tips_label {
    width: 100%;
}

.case_banner_tips_label svg {
    fill: #35a244;
}

.case_banner_tips_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #333333;
}

.case_banner_title_box {
    margin-top: 0.5208333vw;
}

.case_banner_title_label {
    font-size: 2.3958333vw;
    line-height: 3.125vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.case_banner_subtitle_label {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #111111;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.case_details_banner_box {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.case_banner_pack {
    margin-top: 2.6041666vw;
}

.case_details_banner_swiper {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

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

.AddCaseDetailsBannerContent .case_banner_tips_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);
}

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

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

.AddCaseDetailsBannerContent .case_banner_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;
}

.AddCaseDetailsBannerContent .case_banner_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;
}

.case_banner_item_box {
    width: 48%;
    margin: 0 4% 0 0;
}

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

.case_banner_item_title {
    font-size: 0.9375vw;
    line-height: 1.666vw;
    color: #888888;
}


.case_banner_item_number {
    font-size: 3.4375vw;
    line-height: 3.4375vw;
    color: #35a244;
}

.case_survey_item_box {
    width: 23.75%;
    margin: 0 1.6666% 2.6041666vw 0;
}

.case_survey_item_box:nth-child(4n) {
    margin: 0 0 2.6041666vw 0;
}

.case_survey_item_content {
    padding: 2.08333vw;
    background: #f8f8f8;
    border-radius: 1.041666vw;
}

.case_survey_item_icon {
    width: 1.82291666vw;
    height: 1.5625vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.case_survey_item_label svg {
    fill: #35a244;
}

.case_survey_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #333333;
    margin-top: 0.78125vw;
}

.case_survey_item_read {
    margin-top: 2.6041666vw;
}

.case_survey_item_number {
    font-size: 2.3958333vw;
    line-height: 2.91666vw;
    color: #2456a6;
}


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

.case_survey_content {
    margin-top: 3.125vw;
}

.case_survey_wrap {
    margin-top: 3.6458333vw;
}

.clients_page_content {
    position: relative;
}

.clients_page_tab {
    position: relative;
}

.clients_item_box {
    width: 16.666%;
    position: relative;
}

.clients_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-45deg, rgba(59, 165, 74, .1), rgba(59, 165, 74, 0) 100%);
}

.clients_item_bg:after {
    display: none;
}

.clients_item_content {
    padding-bottom: 71.4285%;
    position: relative;
    z-index: 9;
}

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

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

.clients_item_img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 70%;
}

.clients_page_wrap {
    padding: 6.25vw 0;
    position: relative;
}

.clients_page_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 6.25vw;
    position: relative;
}

.agency_safety_wrap {
    padding: 6.25vw 0;
    position: relative;
}

.agency_safety_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}


.agency_safety_item_box {
    width: 9%;
    margin: 0 1.1458333% 0 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.agency_safety_item_pack {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    position: relative;
}

.agency_safety_item_box:nth-child(4n) {
    margin: 0;
}

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

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

.agency_safety_item_box:nth-child(4n) .agency_safety_item_pack {

    -webkit-transition-delay: .31s;
    transition-delay: .3s;
}

.agency_safety_item_back {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(0, 0, 0, .1);
    z-index: 2;

    padding: 2.08333vw;
    overflow: hidden;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


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

.agency_safety_item_read {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    margin-top: 1.30208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.agency_safety_item_content {
    position: relative;
    width: 100%;
    height: 34.375vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

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

.safety_item_pic_wrap {
    height: 100%;
}

.safety_item_pic_box {
    height: 100%;
}

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

.agency_safety_item_head {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2.08333vw 0;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

.agency_safety_item_title {
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    font-size: 1.1458333vw;
    color: #ffffff;
}

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

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

.agency_safety_item_label {
    width: 30.43478%;
    position: relative;
    z-index: 9;
}

.agency_safety_item_label svg {
    fill: #ffffff;
}


.agency_safety_item_active {
    width: 69.5625%;
}

.agency_safety_item_active .agency_safety_item_back {
    left: 1.5625vw;
    bottom: 1.5625vw;
    width: 36%;
    min-height: 36%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.agency_safety_item_active .agency_safety_item_head {
    opacity: 0;
    pointer-events: none;
    filter: blur(2vw);
}

.agency_safety_item_active .agency_safety_item_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.agency_safety_item_active .agency_safety_item_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.agency_safety_content {
    margin-top: 3.125vw;
    position: relative;
    flex-flow: nowrap;
}


.agency_business_wrap {
    position: relative;
}

.agency_business_box {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
}

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

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

.agency_business_big {
    width: 100%;
}

.agency_business_title_box {
    width: 70.3125%;
}

.agency_business_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #ffffff;
}

.agency_business_popup_wrap {
    width: 29.6875%;
}

.agency_business_popup_box {
    -webkit-backdrop-filter: blur(1.5625vw);
    backdrop-filter: blur(1.5625vw);
    background: rgba(255, 255, 255, .9);
    padding: 1.5625vw 1.30208333vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.agency_business_popup_photo {
    padding-bottom: 59.1016%;
    position: relative;
}

.agency_business_popup_swiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.agency_business_popup_swiper .swiper-wrapper {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.agency_business_popup_swiper .swiper-slide {
    overflow: hidden;
}

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

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

}

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

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

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

.agency_business_back_swiper .swiper-wrapper {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.agency_business_back_swiper .swiper-slide {
    overflow: hidden;
}

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

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

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

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

.agency_business_fixed_wrap {
    position: relative;
    margin-top: -50vh;
}

.agency_business_fixed_box {
    position: relative;
}

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

.agency_business_delay_box {
    position: relative;
    height: 50vh;
}

.agency_business_popup_title {
    font-size: 1.3541666vw;
    line-height: 1.9791666vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.agency_business_popup_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #666666;
    margin-top: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.agency_business_popup_tips {
    font-size: 0.88541666vw;
    line-height: 1.3541666vw;
    color: #35a244;
    font-weight: bold;
    margin-top: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.agency_business_details_swiper .swiper-slide-active .agency_business_popup_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);
}

.agency_business_details_swiper .swiper-slide-active .agency_business_popup_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;
}

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


.agency_business_details_swiper .swiper-slide-active .agency_business_popup_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);
}

.agency_business_details_swiper .swiper-slide-active .agency_business_popup_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;
}

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

/*about*/
.agency_business_details_swiper .swiper-slide-active .intro_tab_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);
}

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

.agency_business_details_swiper .swiper-slide-active .intro_tab_item_foot {
    opacity: 1;
    pointer-events: auto;
    -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;
}


.agency_business_popup_read {
    padding: 2.08333vw 0;
}


.agency_business_control_text {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: rgba(102, 102, 102, .4);
}

.agency_business_control_current {
    color: rgba(102, 102, 102, 1);
}

.agency_business_control_center {
    padding: 0 0.78125vw;
}

.about_business_content {
    width: 100%;
}

.about_business_parcel {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 4vw;
}

.about_business_content {
    width: 46.25%;
}

.about_business_content .agency_business_popup_wrap {
    width: 100%;
}

.about_business_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
}

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

.agency_expert_wrap {
    padding: 7.291666vw 0;
}

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

.tech_expert_pack {
    width: 48.75%;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.tech_expert_photo {
    width: 46.875%;
}

.tech_expert_pic_box {
    padding-bottom: 103%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    position: relative;
}

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

.tech_expert_tips_box {
    width: 100%;
}


.tech_expert_nav_box {
    width: 100%;
    position: relative;
    margin-top: 2.6041666vw;
}

.expert_nav_item_head {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.expert_nav_item_title {
    width: 90%;
    font-size: 1.1458333vw;
    line-height: 2.08333vw;
    color: #111111;
}

.solution_nav_item_title {
    font-weight: bold;
}

.expert_nav_item_pack {
    width: 100%;
}

.expert_nav_item_button {
    width: 3.3333%;
}

.expert_nav_item_circle {
    width: 2.08333vw;
    height: 2.08333vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #edf6e2;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.expert_nav_item_label {
    width: 30%;
}

.expert_nav_item_label svg {
    fill: #013916;
}

.tech_expert_tips_title {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.tech_expert_tips_text {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #333333;
    margin-top: 1.041666vw;
}

.expert_nav_item_btn {
    width: 100%;
    height: 0.1041666vw;
    background: #000000;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.expert_nav_item_btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #d0cbcb;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.expert_nav_item_box {
    padding: 1.5625vw 0;
    position: relative;
}

.tech_expert_nav_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #dee0dd;
}

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

.expert_nav_item_content {
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.expert_nav_item_bjq {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #666666;
    padding-top: 1.041666vw;
}

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

.expert_nav_item_active .expert_nav_item_circle {
    background: #87c53f;
}

.expert_nav_item_active .expert_nav_item_btn:after {
    background: #87c53f;
}

.expert_nav_item_active .expert_nav_item_btn:before {
    width: 0;

}

.assist_system_wrap {
    position: relative;
    padding: 6.25vw 0 3.125vw 0;
    background: #f3f6f4;
}

.assist_system_head_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.assist_system_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.assist_system_subtitle_box {
    position: relative;
    margin-top: 1.041666vw;
}

.assist_system_subtitle_label {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #333333;
}

.assist_system_item_box {
    background: #ffffff;
    -webkit-border-radius: 0.83333vw;
    border-radius: 0.83333vw;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.MaskGrey:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200%;
    background-image: linear-gradient(to bottom, rgba(243, 246, 244, 1), rgba(243, 246, 244, 1) 50%, rgba(243, 246, 244, 0) 100%);
}

.MaskGreyShow:after {
    top: -200%;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.assist_system_item_content {
    padding: 2.08333vw;
}

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

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

.assist_system_item_label svg {
    fill: #35a244;
}

.assist_system_item_head {
    margin-top: 1.5625vw;
}

.assist_system_item_title {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #111111;
    font-weight: bold;
}


.assist_system_item_read {
    margin-top: 5.7291666vw;
}

.assist_system_item_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #666666;
}

.assist_system_swiper {
    -webkit-border-radius: 0.83333vw;
    border-radius: 0.83333vw;
}

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

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

.assist_system_content {
    margin-top: 3.6458333vw;
}

.assist_system_hide .assist_system_button {
    display: none;
}

.assist_system_hide .assist_system_swiper .swiper-slide {
    width: 32.5%;
    margin: 0 1.25% 0 0;
}

.assist_system_hide .assist_system_swiper .swiper-slide:nth-child(3n) {
    margin: 0;
}

.assist_deal_wrap {
    position: relative;
    background: #f3f6f4;
    padding: 6.25vw 0 4.6875vw 0;
    z-index: 9;
}

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

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

.assist_deal_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    padding: 7.8125vw 0 0 0;
}

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

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

.assist_deal_item_box {
    width: 28.4375%;
    margin: 0 43.125% 0 0;
    position: relative;
    padding: 0 0 0 0.5208333vw;
}

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

.assist_deal_item_box:nth-child(1) {
    margin: 0 43.125% 7.8125vw 0;
}

.assist_deal_item_box:nth-child(2) {
    margin: 0 0 7.8125vw 0;
}

.assist_deal_item_box:nth-child(5) {
    margin: 3vw 0 0 0;
}

.assist_deal_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 17.5824%;
    height: 8.333vw;
    background: #35a244;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

.assist_deal_item_content {
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .85);
    padding: 1.041666vw 2.08333vw 2.08333vw 2.08333vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    position: relative;
    z-index: 9;
}

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

.assist_deal_item_number {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
    color: rgba(0, 0, 0, .15);
}

.assist_deal_item_pack {
    margin-top: 0.5208333vw;
}

.assist_deal_item_title {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #111111;
}

.assist_deal_item_read {
    position: relative;
    margin-top: 1.30208333vw;
}

.assist_deal_item_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #666666;
}

.assist_deal_content {
    width: 100%;
    z-index: 9;
    position: relative;
    padding: 7.8125vw 0 18.229166vw 0;
}

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

.assist_deal_graph_content {
    width: 18.6%;
    position: relative;
}

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

.assist_deal_graph_back {
    width: 100%;
    position: relative;
    padding-bottom: 178%;
}

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

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

.assist_deal_graph_circle {
    width: 95.6521%;
    -webkit-animation: GraphCircle 3s infinite linear normal both;
    animation: GraphCircle 3s infinite linear normal both;
}

@-webkit-keyframes GraphCircle {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
    50% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    100% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

@keyframes GraphCircle {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
    50% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    100% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

.assist_monitor_wrap {
    padding: 6.7708333vw 0 5.208333vw 0;
    position: relative;
}

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

.assist_monitor_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

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

.assist_monitor_big {
    width: 98.15724%;
    position: absolute;
    left: 0.92138%;
    top: 1%;
}

.assist_monitor_photo {
    position: relative;
    padding-bottom: 56.94618%;
    background: rgba(0, 0, 0, .5);
}

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

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

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

.assist_monitor_pack {
    width: 50.875%;
    position: relative;
}

.assist_monitor_back {
    padding-bottom: 74.2014%;
    position: relative;
    z-index: 9;
    pointer-events: none;
}

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

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

.assist_monitor_pagination_box .swiper-pagination-bullet {
    width: 0.625vw;
    height: 0.625vw;
    margin: 0 0.26041666vw !important;
    opacity: 1;
    background: #d9d9d9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.assist_monitor_pagination_box .swiper-pagination-bullet-active {
    background: #35a244;
}


.down_solution_item_box {
    width: 100%;
}

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

.down_solution_item_icon {
    width: 1.041666vw;
    height: 1.041666vw;
}

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

.down_solution_item_title {
    color: #333333;
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    padding: 0 0.83333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.down_solution_item_jt {
    width: 0.7291666vw;
}

.down_solution_item_jt svg {
    fill: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.down_solution_item_head a:hover .down_solution_item_icon svg {
    fill: #35a244;
}

.down_solution_item_head a:hover .down_solution_item_title {
    color: #35a244;
}

.down_solution_item_head a:hover .down_solution_item_jt svg {
    fill: #35a244;
}

.header_down_solution_wrap {
    padding: 0 13.85416vw;
    width: 100%;
    position: relative;
}

.header_down_solution_box {
    padding: 3.6458333vw 0 1.041666vw 0;
}

.down_solution_item_box {
    width: 20%;
    padding-right: 1.041666vw;
    margin: 0 0 2.6041666vw 0;
    position: relative;
}

.down_solution_item_box:nth-child(5n) {
    padding: 0;
}

.down_solution_item_tab {
    padding: 0 1.041666vw;
    margin-top: 1.041666vw;
    position: relative;
}

.down_solution_item_li {
    padding: 0 0.83333vw;
    position: relative;
}

.down_solution_item_li a {
    font-size: 0.88541666vw;
    line-height: 1.7708333vw;
    color: #888888;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.down_solution_item_li a:hover {
    color: #111111;
}

.solution_banner_pack {
    padding: 0 5.208333vw;
}

.solution_banner_photo_wrap {
    width: 72.9166vw;
    height: 72.9166vh;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.solution_banner_photo_box {
    height: 100vh;
    width: 100vw;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    overflow: hidden;
}

.solution_banner_pic_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 9;
}

.solution_banner_wrap {
    position: relative;
    padding: 0 0 7.8125vw 0;
}

.solution_banner_box {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
}

.solution_banner_max_box {
    position: relative;
}

.solution_banner_fixed_wrap {
    position: relative;
    pointer-events: none;
}


.solution_banner_delay_box {
    position: relative;
    height: 30vh;
}

.solution_banner_fixed_box {
    position: relative;
    height: 200vh;
}


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

.solution_banner_read {
    padding: 9.375vw 0 4.6875vw 0;
}

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

.solution_banner_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}


.solution_banner_subtitle_box {
    padding: 1.5625vw 0;
}

.solution_banner_subtitle_label {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #35a244;
    text-align: center;
}

.solution_banner_text_box {
    margin-top: 1.5625vw;
}

.solution_banner_text_label {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #666666;
    text-align: center;
}

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

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

.solution_banner_head_box {
    position: relative;
    padding: 9.375vw 0 4.6875vw 0;
}

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

.solution_head_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #ffffff;
}

.solution_pro_box {
    position: relative;
}

.solution_first_intro_content {
    background: #f3f6f4;
}

.solution_pro_pic_box {
    padding-bottom: 50.5208%;
}

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

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

.solution_pro_content .web_center {
    height: 100%;
}

.solution_pro_pack {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 5.7291666vw 0 4.6875vw 0;
}

.solution_first_intro_content .solution_pro_pack {
    padding: 4.4270833vw 0 4.5833333vw;
}
.solution_first_wrap {
    margin-top: 2.8125vw;
}
.solution_first_inner {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    gap: 1.0416666vw;
}
.solution_first_item {
    width: -webkit-calc(33.333333% - 0.69444444vw);
    width: calc(33.333333% - 0.69444444vw);
    box-sizing: border-box;
    background: #fff;
    border-radius: 1.0416666vw;
    padding: 1.5625vw 2.7083333vw 3.0208333vw;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.solution_first_item_img_wrap {
    padding-bottom: 48.15278%;
}
.solution_first_item_title {
    color: #35a244;
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    margin-top: 1.3020833vw;
    text-align: center;
}
.solution_first_item_info {
    color: #666;
    font-size: 0.78125vw;
    line-height: 1.25vw;
    margin-top: 1.0416666vw;
    margin-bottom: 1.875vw;
    text-align: center;
}

.solution_pro_big {
    width: 100%;
}

.solution_pro_head_wrap {
    width: 100%;
}

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

.solution_pro_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_pro_read {
    margin-top: 1.5625vw;
}

.solution_pro_subtitle_label {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #35a244;
    text-align: center;
    font-weight: bold;

}

.solution_pro_text_box {
    font-size: 0.83333vw;
    line-height: 1.7708333vw;
    color: #333333;
    text-align: center;

}

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

.solution_pro_item_title {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: #ffffff;
    text-align: center;
}

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


.solution_core_content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 63.75%;
    padding-right: 5vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.solution_core_head_wrap {
    width: 100%;
}

.solution_core_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_core_text_box {
    margin-top: 1.041666vw;
}

.solution_core_text_label {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #333333;
}

.solution_core_box {
    position: relative;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.solution_core_pack {
    width: 36.25%;
}

.solution_core_wrap {
    padding: 7.291666vw 0;
    position: relative;
}

.solution_core_pic_box {
    padding-bottom: 120.689%;
    position: relative;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
}

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

.solution_core_big {
    width: 100%;
    margin-top: 3vw;
}

.solution_core_item_box {
    background: #f6faf7;
    position: relative;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    overflow: hidden;
    width: 31.9264%;
    margin: 2.1104% 2.1104% 0 0;
}

.solution_core_item_box:nth-child(3n) {
    margin: 2.1104% 0 0 0;
}

.solution_core_item_content {
    padding: 1.5625vw 1.30208333vw;
    position: relative;
    z-index: 9;
}

.solution_core_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-45deg, rgba(59, 165, 74, .1), rgba(59, 165, 74, 0) 70%);
}

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

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

.solution_core_item_back svg {
    fill: #35a244;
}

.solution_core_item_label {
    position: relative;
    width: 45%;
    height: 45%;
}

.solution_core_item_label svg {
    fill: #35a244;
}

.solution_core_item_read {
    width: 100%;
    margin-top: 1.5625vw;
}

.solution_core_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #111111;
}

.solution_core_item_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #777777;
    margin-top: 0.5208333vw;
}

.solution_light_wrap {
    position: relative;
}

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

.solution_light_box {
    position: relative;
    z-index: 9;
    padding: 6.7708333vw 0 9.375vw 0;
}

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

.solution_light_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_light_pack {
    position: relative;
    margin-top: 5.7291666vw;
}

.solution_light_item_box {
    width: 11.875%;
    margin: 0 2.8125% 0 0;
}

.solution_light_item_box:nth-child(7n) {
    margin: 0;
}

.solution_light_item_content {

    position: relative;
    padding-bottom: 115.789%;
}

.solution_light_item_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2.34375vw 1.041666vw 1.041666vw 1.041666vw;
    -webkit-align-content: space-between;
    align-content: space-between;
    background: rgba(255, 255, 255, .6);
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_light_item_icon {
    width: 3.2291666vw;
    height: 3.2291666vw;
}

.solution_light_item_icon svg {
    fill: #111111;
}

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

.solution_light_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #111111;
    text-align: center;
    width: 100%;
}

.solution_light_item_photo {
    width: 160%;
    height: 160%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 9;

}

.solution_light_item_max {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.625);
    transform: scale(0.625);
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.solution_light_pic_wrap {
    height: 100%;
}

.solution_light_pic_box {
    height: 100%;
}

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

.solution_light_item_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 1.041666vw;
}

.solution_light_item_read {
    width: 100%;
}

.solution_light_hover_title {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_light_hover_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    text-align: center;
    margin-top: 0.5208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_light_item_box:hover .solution_light_item_max {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.solution_light_item_box:hover .solution_light_hover_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.solution_light_item_box:hover .solution_light_hover_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.solution_light_item_box:hover .solution_light_item_pack {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
}

.solution_arguments_wrap {
    padding: 6.25vw 0 4.1666vw 0;
}

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

.solution_arguments_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_scene_head_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.solution_scene_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_scene_wrap {
    padding: 4.1666vw 0 6.7708333vw 0;
}

.solution_scene_content {
    position: relative;
    margin-top: 3.125vw;
}

.solution_scene_pic_box {
    padding-bottom: 58.9743%;
}

.solution_scene_item_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 1.041666vw;
}

.solution_scene_item_content {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
}

.solution_scene_item_read {
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .15);
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    padding: 1.041666vw 1.30208333vw;
    width: 100%;
}

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

.solution_scene_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #ffffff;
    font-weight: bold;
}

.solution_scene_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    margin-top: 0.5208333vw;
}


.solution_scene_swiper {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.solution_scene_hide .solution_scene_button {
    display: none;
}

.solution_scene_hide .solution_scene_swiper .swiper-slide {
    width: 48.75%;
    margin: 0 2.5% 0 0;
}

.solution_scene_hide .solution_scene_swiper .swiper-slide:nth-child(2n) {
    margin: 0;
}

.solution_arguments_tab_box table {
    width: 100%;
}

.solution_arguments_tab_box table td {
    padding: 0 2.08333vw;
    font-size: 0.83333vw;
    color: #333333;
    line-height: 3.6458333vw;
    font-family: "Manrope-Light", 'Noto Sans SC', "Source Han Sans CN Light", "思源黑体 CN Light", "Microsoft YaHei", "微软雅黑", "Arial", "Helvetica", "sans-serif" !important;
    font-weight: lighter;
}

.TabItemTitle td {
    font-size: 1.1458333vw !important;
}

.solution_arguments_tab_box tr {
    position: relative;
}

.TabItemLine td {
    border-bottom: 1px solid #e4e4e4;
}


.solution_arguments_tab_box tr:not([class]):not(:first-child) td {
    border-bottom: 1px solid #e4e4e4;
}

.solution_arguments_tab_box tr:first-child td {
    font-size: 1.1458333vw;
    line-height: 4.1666vw;
    font-weight: bold;
    color: #35a244;
    background: #f8f8f8;

}

.TabItemBg td {
    background: #f8f8f8;
}

.solution_arguments_tab_box .TabItemBg + tr:not([class]) td {
    border-bottom: none;
}

.solution_arguments_content {
    margin-top: 3.125vw;
    position: relative;
    height: 40.625vw;
    overflow: auto;
}

.solution_arguments_content::-webkit-scrollbar {
    width: 0.208333vw;
}


.solution_arguments_content::-webkit-scrollbar-track {
    background: #d4d4d4;
}


.solution_arguments_content::-webkit-scrollbar-thumb {
    background: #35a244;
}

.solution_page_wrap {
    position: relative;
}


.solution_details_wrap {
    position: relative;
    padding: 6.25vw 0 5.208333vw 0;
}

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

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

.solution_details_item_content {
    position: relative;
    padding-bottom: 100%;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    background: #ffffff;
}

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

.solution_details_item_img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 70%;
}

.solution_details_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-top: 1.041666vw;
}

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

.solution_details_hide .solution_details_button {
    display: none;
}

.solution_details_hide .solution_details_swiper .swiper-slide {
    width: 21.875%;
    margin: 0 4.1666% 0 0;
}

.solution_details_hide .solution_details_swiper .swiper-slide:nth-child(4n) {
    margin: 0;
}

.solution_details_hide .solution_details_swiper .swiper-wrapper {
    -webkit-justify-content: center;
    justify-content: center;
}


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

.solution_details_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_details_pack {
    margin-top: 5.208333vw;
}

.assist_pro_wrap {
    padding: 5.208333vw 0;
}

.assist_prosec_wrap {
    position: relative;
}

.assist_prosec_item_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 45%;
}

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

.assist_prosec_wrap .index_service_button {
    position: absolute;
    bottom: 3.541666vw;
    left: 0;
    z-index: 10;
    width: 100%;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.assist_prosec_wrap .assist_monitor_title_box {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 3.541666vw;
    width: 100%;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    pointer-events: none;
}

.assist_prosec_wrap .assist_monitor_title_label {
    color: #fff;
}

.robots_core_wrap {
    position: relative;
}

.robots_core_back_wrap {
    width: 100%;
}


.robots_core_pic_box {
    padding-bottom: 48.4375%;
}

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


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

.robots_core_box .web_center {
    height: 100%;
}

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

.robots_core_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #ffffff;
}

.robots_core_pack .solution_advantages_swiper {
    margin-bottom: 3.5vw;
}

.robots_core_item_box {
    width: 31.875%;
    margin: 0 2.1875% 0 0;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .7);
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
}

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

.swiper-slide > .robots_core_item_box {
    width: auto!important;
    margin: 0!important;
}

.robots_core_item_content {


    padding: 1.82291666vw;
    height: 100%;
}

.robots_core_item_label {
    width: 2.91666vw;
    height: 2.91666vw;
}

.robots_core_item_label svg {
    fill: #87c53f;
}

.robots_core_item_read {
    margin-top: 3.6458333vw;
}

.robots_core_item_title {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #001111;
    font-weight: bold;
}


.robots_core_item_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    min-height: 3.75vw;
    color: #666666;
    margin-top: 0.78125vw;
}

.robots_core_head_wrap {
    width: 100%;
}

.robots_core_pack {
    width: 100%;
    padding-bottom: 3.5vw;
    overflow: hidden;
}

.solution_module_wrap {
    padding: 7.291666vw 0 0 0;
    position: relative;
    background: #f3f6f4;
}

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

.solution_module_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_module_text_label {
    text-align: center;
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.30208333vw;
}

.solution_module_tips_label {
    text-align: center;
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.30208333vw;
}

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

.solution_module_subtitle_label {
    text-align: center;
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #35a244;
}

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

.solution_module_item_box {
    width: 23.75%;
    margin: 0 1.6666% 0 0;
}

.solution_module_item_box:nth-child(4n) {
    margin: 0;
}

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

.solution_module_item_pack {
    height: 100%;
    background: #ffffff;
    padding: 2.34375vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.solution_module_item_icon {
    width: 4.89583vw;
    height: 4.89583vw;
    background: rgba(53, 162, 68, .1);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.solution_module_item_label {
    width: 40%;
}

.solution_module_item_label svg {
    fill: rgba(53, 162, 68, 1);
}

.solution_module_item_head {
    width: 100%;
    margin-top: 3.64583vw;
}

.solution_module_item_read {
    width: 100%;
}

.solution_module_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
    font-weight: bold;
}

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

.solution_module_item_slogan {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: transparent;
    -webkit-text-stroke: 1px rgba(53, 162, 68, .5);
    text-transform: uppercase;
}

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

.solution_expert_wrap {
    position: relative;
    padding: 7.291666vw 0;
    background: #f3f6f4;
    overflow: hidden;
}

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

.expert_nav_item_bjq h3 {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #111111;
    font-weight: bold;
    font-family: "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.solution_expert_wrap .tech_expert_pic_box {
    padding-bottom: 80%;

}

.solution_expert_wrap .tech_expert_tips_title {
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #35a244;
}

.solution_expert_wrap .tech_expert_tips_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #333333;
    margin-top: 1.041666vw;
}

.solution_white_wrap {
    background: #ffffff;
}

.solution_white_wrap .solution_module_item_pack {
    background: #f6faf7;
}

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

.solution_related_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_related_wrap {
    padding: 6.25vw 0;
    position: relative;
    background: #f3f6f4;
}

.solution_related_item_content {
    padding: 3.125vw 4.1666vw;
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.solution_related_item_photo {
    width: 46.0416%;
}

.solution_related_item_photo a {
    padding-bottom: 50.8295%;
    position: relative;
}

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

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

.solution_related_item_pack {
    width: 53.9584%;
    padding: 0 2.08333vw 0 4.1666vw;
    -webkit-align-items: center;
    align-items: center;
}

.solution_related_item_read {
    width: 100%;
}

.solution_related_item_button .public_btn_box a:before {
    background-image: conic-gradient(transparent, #35a244, transparent 50%);
}

.solution_related_item_button .public_btn_max:after {
    background: rgba(255, 255, 255, 1);
}

.solution_related_item_button a:after {
    border: 1px solid #e1e1e1 !important;
    opacity: 1 !important;
}

.solution_related_item_button .public_btn_text {
    color: #35a244;
}

.solution_related_item_button .public_btn_icon {
    background: #35a244;
}

.solution_related_item_button .public_btn_label svg {
    fill: #ffffff;
}

.solution_related_item_button .public_btn_box a:hover .public_btn_icon {
    background: #35a244;
}

.solution_related_item_button .public_btn_box a:hover .public_btn_label svg {
    fill: #ffffff;
}

.solution_related_item_button .public_btn_box a:hover .public_btn_text {
    color: #35a244;
}


.solution_related_item_title a {
    width: auto;
    max-width: 100%;
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    font-weight: bold;
    color: #35a244;
}

.solution_related_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.30208333vw;
}

.solution_related_item_button {
    margin-top: 2.34375vw;
}

.solution_related_item_box {
    margin-top: 2.6041666vw;
}

.solution_advantages_wrap {
    position: relative;
}

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

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

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

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

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

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

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

.solution_advantages_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_advantages_item_box {
    padding-bottom: 77.3694%;
    position: relative;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .4);
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_advantages_swiper {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.solution_advantages_item_content {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-align-content: space-between;
    align-content: space-between;
    width: 100%;
    height: 100%;

    padding: 2.08333vw;

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

.solution_advantages_item_active {
    background: rgba(255, 255, 255, 1);
}

.solution_advantages_item_icon {
    width: 3.125vw;
    height: 3.125vw;
}

.solution_advantages_item_icon svg {
    fill: #35a244;
}

.solution_advantages_item_pack {
    width: 100%;
}

.solution_advantages_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
    font-weight: bold;
}

.solution_advantages_item_read {
    margin-top: 0.78125vw;
    position: relative;
    height: 2.708333vw;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_advantages_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #666666;
}

.solution_advantages_pack {
    padding-bottom: 4.1666vw;
    position: relative;
    margin-top: 9.375vw;
}

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

.solution_advantages_hide .solution_advantages_button {
    display: none;
}

.solution_advantages_hide .solution_advantages_swiper .swiper-slide {
    width: 32.3125%;
    margin: 0 1.53125% 0 0;
}

.solution_advantages_hide .solution_advantages_swiper .swiper-slide:nth-child(3n) {
    margin: 0;
}

.solution_advantages_hide .solution_advantages_swiper .swiper-wrapper {
    -webkit-justify-content: center;
    justify-content: center;
}

.solution_cost_wrap {
    padding: 6.25vw 0;
}

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

.solution_cost_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.solution_cost_content {
    margin-top: 5.7291666vw;
    position: relative;
}

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

.solution_cost_item_box {
    max-width: 24%;
}

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

.solution_cost_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #35a244;
    font-weight: bold;
    text-align: center;
}

.solution_cost_item_text {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #111111;
    text-align: center;
    margin-top: 1.30208333vw;
}

.solution_system_wrap {
    position: relative;
}

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

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

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

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

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

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


.solution_system_content .web_center {
    height: 100%;
}

.solution_system_pack {
    height: 100%;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 6.25vw 0 9.375vw 0;
}

.solution_system_head_wrap {
    width: 100%;
}

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

.solution_system_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #ffffff;
}

.solution_system_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

.solution_system_item_box {
    max-width: 24%;
}

.solution_system_item_icon {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 auto;
}

.solution_system_item_icon svg {
    fill: #ffffff;
}

.solution_system_item_read {
    margin-top: 3.125vw;
}

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

.solution_system_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

.solution_system_item_text {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    margin-top: 1.30208333vw;
    text-align: center;
}

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

.solution_decision_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

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

.solution_unique_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}


.solution_decision_wrap {
    padding: 6.25vw 0 0 0;
    position: relative;
}

.solution_unique_wrap {
    padding: 6.25vw 0;
    position: relative;
}

.solution_unique_item_box {
    width: 12.5%;
    margin: 0 9.375% 0 0;
}

.solution_unique_item_box:nth-child(5n) {
    margin: 0;
}

.solution_unique_item_head {
    padding-bottom: 100%;
    position: relative;

}

.solution_unique_item_max {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    background: #f6f8f8;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

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

.solution_unique_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #111111;
    text-align: center;
    margin-top: 1.30208333vw;
}

.solution_unique_content {
    margin-top: 4.6875vw;
}

.solution_ops_pic_box {
    padding-bottom: 40.625%;
}


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


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

.solution_ops_item_box {
    position: relative;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    margin-bottom: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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

.solution_ops_item_center {
    width: 100%;
    padding: 0 4.1666vw;
}

.solution_ops_item_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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

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

.AddSolutionOpsItemBox .solution_ops_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;
}

.AddSolutionOpsItemBox .solution_ops_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);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

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

.solution_decision_content {
    margin-top: 2.6041666vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    position: relative;
    overflow: hidden;
}


.solution_decision_pic_box {
    padding-bottom: 34.375%;
}


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

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

.solution_decision_item_box {
    width: 25%;
    height: 100%;
    position: relative;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 2.08333vw 1.82291666vw;
}

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

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

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

.solution_decision_item_animate {
    -webkit-transform: translateY(-1.875vw);
    transform: translateY(-1.875vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_decision_item_read {
    position: relative;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_decision_item_active .solution_decision_item_animate {
    -webkit-transform: none;
    transform: none;
}

.solution_decision_item_active .solution_decision_item_read {
    -webkit-transform: none;
    transform: none;
}

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

.solution_decision_item_text {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    margin-top: 0.5208333vw;
}

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

.aid_banner_pack {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 5.208333vw;
}

.aid_banner_button {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}


.aid_banner_btn_blue .public_btn_box a:before {
    display: none;
}

.aid_banner_btn_blue .public_btn_box a:after {
    background: #0d62c2;
    border: none;
}

.aid_banner_btn_blue .public_btn_max:after {
    background: #0d62c2;
}


.aid_banner_btn_blue .public_btn_box a:hover:after {
    opacity: 1;
}

.aid_banner_btn_green .public_btn_box a:before {
    display: none;
}

.aid_banner_btn_green .public_btn_box a:after {
    background: #35a244;
    border: none;
}

.aid_banner_btn_green .public_btn_max:after {
    background: #35a244;
}


.aid_banner_btn_green .public_btn_box a:hover:after {
    opacity: 1;
}

.aid_banner_button .aid_banner_btn_box {
    margin: 0 1.30208333vw;
}

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

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

.aid_banner_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    font-weight: bold;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #111111 0%, #111111 calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.aid_banner_subtitle_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    font-weight: bold;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, #35a244 0%, #35a244 calc(var(--scan-x) - 16%), rgba(17, 17, 17, 1) var(--scan-x), rgba(17, 17, 17, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.aid_banner_text_label {
    font-size: 0.9375vw;
    line-height: 1.7708333vw;
    color: #333333;
    text-align: center;
}

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

.aid_banner_item_box {
    margin: 0 3.125vw;
}

.aid_banner_data_number {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #35a244;
    text-align: center;
}

.aid_banner_data_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.aid_banner_tips_box {
    position: relative;
    margin-top: 1.82291666vw;
    background: rgba(53, 162, 68, .05);
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.aid_tips_item_box {
    margin: 0 3.125vw;
}

.aid_tips_item_icon {
    font-size: 0.78125vw;
    line-height: 2.5vw;
    color: #35a244;
}

.aid_tips_item_text {
    color: #333333;
    font-size: 0.78125vw;
    line-height: 2.5vw;
    margin-left: 0.5208333vw;
}

.aid_frame_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.aid_frame_subtitle_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

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

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


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

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

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


.aid_frame_text_box {
    margin-top: 1.5625vw;
}

.aid_frame_text_label {
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
}

.aid_frame_nav_box {
    position: relative;
    margin-top: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}

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

.aid_frame_nav_li {
    -webkit-align-items: center;
    align-items: center;
    margin: 0 3.6458333vw;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.aid_frame_nav_li:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.15625vw;
    background: #35a244;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

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

.aid_frame_nav_text {
    font-size: 1.041666vw;
    line-height: 4.6875vw;
    color: #333333;
    margin-left: 0.78125vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_frame_nav_active .aid_frame_nav_text {
    font-weight: bold;
}

.aid_frame_nav_active:after {
    width: 100%;
}

.aid_frame_item_tips {
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #99b89d;
    font-weight: bold;
    margin-top: 1.30208333vw;
}

.aid_frame_item_pack {
    padding: 1.5625vw 2.08333vw;
    position: relative;
}

.aid_frame_item_big {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 1.5625vw 2.08333vw;
    position: relative;
}

.aid_frame_item_big:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #dee3e8;
}

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

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

.aid_frame_item_read {
    width: 50%;
}

.aid_frame_item_subtitle {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #35a244;
}


.aid_frame_item_title {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    font-weight: bold;
    color: #111111;
    margin-top: 0.5208333vw;
}


.aid_frame_item_label {
    font-size: 0.88541666vw;
    line-height: 1.666vw;
    color: #333333;
    width: 50%;
}

.aid_frame_tab_box {
    position: relative;
    padding: 1.5625vw 2.08333vw;
    margin-top: 1.041666vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    background: #ffffff;
}

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

.aid_frame_tab_title {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #35a244;
    width: 26%;
}

.aid_frame_tab_pack {
    width: 74%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.aid_frame_tab_li {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #333333;
}

.aid_frame_pack {
    margin-top: 3.125vw;
    position: relative;
}


.aid_frame_swiper .aid_frame_item_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_frame_swiper .swiper-slide-active .aid_frame_item_box {
    opacity: 1;
    pointer-events: auto;
}

.aid_industry_wrap {
    position: relative;
    padding: 6.25vw 0 5.208333vw 0;
}

.aid_industry_tips_label {
    font-size: 1.25vw;
    line-height: 4.1666vw;
    color: #111111;
    font-weight: bold;
}

.aid_industry_tips_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #dee3e8;
}

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

.aid_industry_nav_wrap {
    width: 21.875%;
    position: relative;
}

.aid_industry_nav_box {
    position: relative;
}

.aid_industry_nav_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #ededed;
}

.aid_industry_nav_tips {
    width: 28.5714%;
}

.aid_industry_nav_title {
    width: 56%;
}

.aid_industry_nav_icon {
    width: 15.4286%;
}

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

.aid_industry_nav_title {
    font-size: 0.88541666vw;
    line-height: 4.58333vw;
    color: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_industry_nav_label {
    width: 0.78125vw;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.aid_industry_nav_label svg {
    fill: #35a244;
}

.aid_industry_nav_li {
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}

.aid_industry_nav_li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 1px;
    background: #35a244;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_industry_nav_li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ededed;
}

.aid_industry_nav_active {
    background: #e6f7e8;
}

.aid_industry_nav_active:after {
    width: 100%;
}

.aid_industry_nav_active .aid_industry_nav_number {
    color: #35a244;
    margin-left: 1.041666vw;
}

.aid_industry_nav_active .aid_industry_nav_title {
    color: #35a244;
    font-weight: bold;
}

.aid_industry_nav_active .aid_industry_nav_label {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
}

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


.aid_industry_big {
    width: 75.5%;
}

.aid_industry_item_box {
    width: 32.2847%;
    position: relative;
    margin: 0 1.57295% 1.57295% 0;
    cursor: pointer;
}

.aid_industry_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(53, 162, 68, .3);
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    background: #f9f9f9;
    box-sizing: border-box;
}

.aid_industry_item_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    z-index: 10;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_industry_item_box:nth-child(3n) {
    margin: 0 0 1.57295% 0;
}

.aid_industry_item_active:before, .aid_industry_item_box:hover:before {
    opacity: 0;
}

.aid_industry_item_content {
    padding: 1.30208333vw 1.5625vw 1.82291666vw 1.5625vw;
    position: relative;
    z-index: 9;
    height: 100%;
}

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

.aid_industry_item_pack:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30.3030%;
    height: 0.15625vw;
    background: rgba(53, 162, 68, 1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_industry_item_active .aid_industry_item_pack:after, .aid_industry_item_box:hover .aid_industry_item_pack:after {
    width: 80.8080%;
}

.aid_industry_item_pack:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: rgba(53, 162, 68, 1);
}

.aid_industry_item_label {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #35a244;
    position: relative;
    padding: 0 0.5208333vw;
}

.aid_industry_item_label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(53, 162, 68, 1);
    background: #ffffff;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    box-sizing: border-box;
    z-index: -1;
}

.aid_industry_item_read {
    margin-top: 1.5625vw;
    position: relative;
    padding-bottom: 1.82291666vw;
}


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

.aid_industry_item_text {
    font-size: 0.78125vw;
    line-height: 1.1458333vw;
    color: #666666;
    margin-top: 0.78125vw;
}

.aid_allocation_wrap {
    position: relative;
    background: #f3f6f4;
    overflow: hidden;
}

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

.aid_allocation_content {
    position: relative;
    margin-top: 3.6458333vw;
}

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

.aid_allocation_nav_li {
    width: 23.75%;
    margin: 0 1.666% 0 0;
    font-size: 1.041666vw;
    line-height: 3.75vw;
    color: #111111;
    position: relative;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_allocation_nav_li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(53, 162, 68, .3);
    background: #ffffff;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    box-sizing: border-box;
    z-index: -1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aid_allocation_nav_li:nth-child(4n) {
    margin: 0;
}

.aid_allocation_nav_active:after {
    border: 1px solid rgba(53, 162, 68, 1);
    background: #35a244;
}

.aid_allocation_nav_active {
    color: #ffffff;
}

.aid_allocation_pack {
    position: relative;
    margin-top: 3.125vw;
}

.aid_allocation_item_box {
    position: relative;
}

.aid_allocation_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1.5625vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.aid_allocation_item_pack {
    position: relative;
    width: 33.5526%;
    height: 100%;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    background: rgba(255, 255, 255, .85);
    padding: 2.08333vw;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    opacity: 0;

}

.aid_allocation_item_back {
    padding-bottom: 37.5%;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.aid_allocation_swiper .swiper-slide-active .aid_allocation_item_back {
    opacity: 1;
}

.aid_allocation_swiper .swiper-slide-active .aid_allocation_item_pack {
    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: .1s;
    transition-delay: .1s;
}

.aid_allocation_pic_wrap {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

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

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

.aid_allocation_item_title {
    font-size: 1.9791666vw;
    line-height: 2.6041666vw;
    color: #111111;
}

.aid_allocation_item_tab {
    position: relative;
}

.aid_allocation_item_tab:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #eaeaea;
}

.aid_allocation_item_read {
    padding: 0.9375vw 0;
    position: relative;
}

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

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

.aid_allocation_item_label {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #aaaaaa;
    width: 25%;
}


.aid_allocation_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #333333;
    width: 75%;
}


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

.aid_allocation_tips_box {
    margin-top: 3.6458333vw;
}

.aid_allocation_tips_label {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #35a244;
    margin-right: 3.125vw;
}

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

.aid_allocation_item_foot {
    width: 100%;
}

.aid_allocation_item_head {
    width: 100%;
}

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

.aid_energy_wrap {
    position: relative;
    padding: 6.25vw 0 0 0;
}

.aid_energy_tab {
    position: relative;
    margin-top: 4.6875vw;
}

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

.aid_energy_item_box {
    width: 25%;
    position: relative;
}

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

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

.aid_energy_item_content {
    padding: 3.125vw 2.6041666vw 1.041666vw 2.6041666vw;
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

.aid_energy_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
}

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


.aid_safeguard_wrap {
    position: relative;
    padding: 6.25vw 0;
}


.aid_safeguard_back {
    padding-bottom: 39.375%;
}


.aid_safeguard_pic_wrap {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

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

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

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


.aid_safeguard_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 4.1666vw;
}

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

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

.aid_safeguard_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.aid_safeguard_subtitle_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: transparent !important;
    --scan-x: -16%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) calc(var(--scan-x) - 16%), rgba(53, 162, 68, 1) var(--scan-x), rgba(53, 162, 68, 0) calc(var(--scan-x) + 16%)) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.aid_safeguard_text_label {
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #ffffff;
    text-align: center;
}

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

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

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

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

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

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

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

.public_banner_button .aid_banner_btn_box {
    margin-right: 1.041666vw;
}

.research_base_wrap {
    position: relative;
}

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

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

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

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

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

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

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

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

.research_base_tips_label {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #35a244;
}

.research_base_title_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.5625vw;
}


.research_base_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.research_base_text_box {
    margin-top: 0.78125vw;
}

.research_base_text_label {
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
}

.research_base_item_box {
    width: 23.75%;
    margin: 0 1.666% 0 0;
}

.research_base_item_box:nth-child(4n) {
    margin: 0;
}

.research_base_item_content {
    background: #ffffff;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    padding: 3.125vw 1.5625vw;
}

.research_base_pack {
    position: relative;
    margin-top: 4.6875vw;
}

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

.research_base_item_subtitle {
    text-align: center;
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #111111;
}

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

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

.research_base_item_title {
    position: relative;
}

.research_base_item_label {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #35a244;
}

.research_base_item_back {
    width: 8.9533vw;
    height: 8.9533vw;;
    position: relative;
}

.research_scene_wrap {
    position: relative;
}

.research_scene_back {
    width: 100%;
    position: relative;
    padding-bottom: 49.4791%;
}

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

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

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

.research_scene_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 6.25vw 0 2.6041666vw 0;

}

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

.research_scene_center .web_center {
    width: 100%;
    height: 100%;
}

.research_scene_pack {
    -webkit-align-content: space-between;
    align-content: space-between;
    height: 100%;
    position: relative;
}

.research_scene_head_wrap {
    width: 100%;
}

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

.research_scene_tab {
    width: 39.375%;
}

.research_scene_tips_box {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #ffffff;
}

.research_scene_title_box {
    margin-top: 1.82291666vw;
}

.research_scene_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #ffffff;
}

.research_scene_text_box {
    margin-top: 1.041666vw;
}

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

.research_scene_item_box {
    padding: 1.30208333vw 1.5625vw;
    background: #ffffff;
    position: relative;
    margin-bottom: 0.26041666vw;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
}

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

.research_scene_item_icon {
    width: 12%;
    position: relative;
}

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

.research_scene_item_label svg {
    fill: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.research_scene_item_title {
    font-size: 1.1458333vw;
    line-height: 2.08333vw;
    color: #111111;
    width: 88%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.research_scene_item_active .research_scene_item_label svg {
    fill: #35a244;
}

.research_scene_item_active .research_scene_item_title {
    color: #35a244;
}

.research_scene_item_read {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-top: 0.78125vw;
}

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

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

.research_scene_item_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #333333;
    width: 88%;
}

.research_outcome_back {
    width: 100%;
    position: relative;
    padding-bottom: 49.4791%;
}

.research_outcome_wrap {
    position: relative;
}

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

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

.research_outcome_content .web_center {
    height: 100%;
    width: 100%;
}

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

.research_base_head_wrap {
    width: 100%;
}

.research_scene_wrap .research_base_tips_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


.research_scene_wrap .research_base_title_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.research_scene_wrap .research_base_tips_label {
    color: #ffffff;
}

.research_scene_wrap .research_base_title_label {
    color: #ffffff;
}

.research_scene_wrap .research_base_text_label {
    text-align: left;
    color: #ffffff;
}

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

.research_outcome_wrap .research_base_tips_label {
    color: #ffffff;
}

.research_outcome_wrap .research_base_title_label {
    color: #ffffff;
}

.research_outcome_wrap .research_base_text_label {
    color: #ffffff;
}


.research_site_wrap {
    background: #f6f9f7;
    position: relative;
}

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

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

.research_outcome_big {
    width: 100%;
}

.research_outcome_item_box {
    width: 23.75%;
    margin: 0 1.666% 0 0;
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    position: relative;
}

.research_outcome_item_box:nth-child(4n) {
    margin: 0;
}

.research_outcome_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .4);
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    pointer-events: none;
}

.research_outcome_item_content {
    padding-bottom: 118.421%;
    position: relative;
}

.research_outcome_item_pack {
    padding: 1.82291666vw;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.research_outcome_item_head {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 100%;
}

.research_outcome_item_number {
    font-size: 3.541666vw;
    line-height: 4.0625vw;
    color: #ffffff;
}


.research_outcome_item_label {
    font-size: 1.041666vw;
    line-height: 2.6041666vw;
    color: #ffffff;
    margin-left: 0.26041666vw;
}

.research_outcome_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #ffffff;
}

.research_outcome_item_text {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #ffffff;
    margin-top: 0.78125vw;
}

.research_innovate_wrap {
    position: relative;
}

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

.research_innovate_box {
    padding: 6.7708333vw 0;
    position: relative;
    z-index: 9;
}

.research_innovate_wrap .research_base_head_wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.research_innovate_wrap .research_base_tips_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.research_innovate_wrap .research_base_title_box {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.research_innovate_wrap .research_base_text_label {
    left: 0;
    text-align: left;
}

/*------------------------------------*/
.research_site_content {
    position: relative;
    margin-top: 1.5625vw;
}

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

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

.research_site_button .index_service_button {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.research_site_pack {
    width: 62.5vw;
    height: 36.458333vw;
    overflow: hidden;
    margin: 0 auto;

}

.research_site_details_box {
    position: absolute;
    left: 25%;
    bottom: 0;
    width: 50%;
    padding: 0 2.08333vw 5.7291666vw 2.08333vw;
}

.research_site_big {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.research_site_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    --clip-height: 100%;
    mask: linear-gradient(to top, rgba(0, 0, 0, 0) var(--clip-height), rgba(0, 0, 0, 1) 100%);
}

.research_site_circle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.research_site_circle:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;

    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.research_site_circle1 {
    width: 80.8333%;
    height: 80.8333%;
}

.research_site_circle1:after {
    border: 0.7291666vw solid #e5e5e5;
}

.research_site_circle2 {
    width: 50%;
    height: 50%;
}

.research_site_circle2:after {
    border: 0.208333vw solid #35a244;
}

.circle-carousel {
    width: 100%;
    height: 100%;
    position: relative;
}

.carousel-item {
    position: absolute;
    width: 7.291666vw;
    height: 7.291666vw;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
}

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

.carousel-item img {
    max-width: 60%;
    max-height: 60%;
    object-fit: contain;
}

.carousel-item.item-active:after {
    opacity: 1;
}

.carousel-item.item-hide {
    opacity: 1;
}


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

.research_site_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
    text-align: center;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);

}

.research_site_item_text {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #333333;
    text-align: center;
    margin-top: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

.research_site_swiper .swiper-slide-active .research_site_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);
}

.research_site_swiper .swiper-slide-active .research_site_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;
}


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

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

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

.AddPublicBannerWrap .public_banner_read_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;
}

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


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

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

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

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

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

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


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

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

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


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

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

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

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

.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(-2.08333vw);
    transform: translateY(-2.08333vw);
    -webkit-transition: all .6s .1s ease;
    transition: all .6s .1s ease;
}

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

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

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

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

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

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


.header_menu_wap_button {
    display: none;
}


.header_menu_wap_jt {
    display: none;
}

.wap_team_box {
    display: none;
}

.wap_about_video_box {
    display: none;
}

.about_wap_intro_img {
    display: none;
}

.about_earth_animate {
    position: relative;
}

.wap_earth_tips_box {
    display: none;
}

.AddSolutionBannerAnimate .solution_banner_photo_box {
    border-radius: 30px;
    height: 72.9166vh;
    width: 72.9166vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

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

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

.case_select_wrap {
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    z-index: 19;
    margin-bottom: 4.1666vw;
}

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

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

.news_screen_select_input {
    width: 56%;
}

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

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

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


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

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

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

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

.news_screen_type_show .news_screen_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}
.news_screen_time_show {
    z-index: 20;
}
.news_screen_time_show .news_screen_select_label {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_screen_time_show .news_screen_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}
.news_screen_spec_show {
    z-index: 20;
}
.news_screen_spec_show .news_screen_select_label {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_screen_spec_show .news_screen_select_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}
.news_screen_select_pack {
    max-height: 8.8541666vw;
    overflow-y: auto;
    position: relative;
}

.news_screen_select_option {
    font-size: 0.7291666vw;
    line-height: 1.7708333vw;
    color: #333333;
    padding: 0 1.041666vw;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.news_screen_select_option:hover {
    color:rgba(53, 162, 68, 1);
}

.case_select_title_label {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #111111;
}

.news_details_wrap {
    padding: 8.8541666vw 0 6.25vw 0;
}
.news_details_head_title {
    font-size: 1.7708333vw;
    line-height: 2.6041666vw;
    color: #222222;
}
.keyword_tips {
    color: #35a244;
    position: relative;
}
.news_search_content {
    padding-top: 2.882vw;
}
.news_search_content .news_details_btn_wrap {
    border-bottom: 1px solid #ddd;
}
.news_details_btn_wrap {
    padding: 1.041666vw 0;
}
.news_details_btn_box {
    width: 100%;
}
.news_details_btn_box a {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #222222;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.news_details_btn_box a:hover {
    color: #35a244;
}

.xgl_jump_page_wrap {
    padding: 10vh 0 20vh;
}

.xgl_jump_box {
    background:#fff;
    width: 400px;
    height: auto;
    padding: 0px;
    display: block;
    margin: 15vh auto;
}

.xgl_jump_box .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.xgl_jump_box .system-message:after,.xgl_jump_box .system-message .success:after,.xgl_jump_box .system-message .error:after{
    content:'';
    clear:both;
    height:0;
    overflow:hidden;
}
.xgl_jump_box .system-message::after,.xgl_jump_box .system-message .success::after,.xgl_jump_box .system-message .error::after{
    content:'';
    clear:both;
    height:0;
    overflow:hidden;
}

.xgl_jump_box .system-message .jump {
    font-size: 18px;
    line-height:36px;
    background:#2e8ded;
    padding:10px;
    color:#fff; text-align:center;
}
.xgl_jump_box .system-message .jump a { text-decoration:underline;}
.xgl_jump_box .system-message .success, .xgl_jump_box .system-message .error {
    line-height: 38px;
    font-size: 16px;
    word-break: break-all;
    padding:40px 20px; font-size:18px; line-height:36px; border:1px solid #ebebeb; border-bottom:none; border-top:none;
}
.xgl_jump_box .system-message .iconfont{
    float:left;
    font-size:36px;
    margin-right:5px;
    margin-top:-2px;
}
.xgl_jump_box .system-message .success .iconfont{
    color:#00cc00;
}
.xgl_jump_box .system-message .error .iconfont{
    color:#ff3300;
}
.xgl_jump_box .system-message .msg{
    overflow:hidden;
    color:#666;
}

.xgl_jump_box .system-message .detail {
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    display: none;
}

.xgl_jump_box .title {
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    padding: 0px 0px 0px 15px;
    overflow: hidden;
    color: #333;
    background-color: #ebebeb;
    border-bottom:1px solid #e0e0e0;
}


.xgl_jump_box .error {
    font-size: 14px;
    line-height: 20px;
    color: #ff3300;
}

.xgl_jump_box .error a {
    color: #ff3300;
}

@media screen and (max-width:1200px) {
    .xgl_jump_box{
        width:90%;
        margin:10px auto;
    }
}