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

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

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

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

.bsFrameDiv img {
    margin: 0 !important;
}

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

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

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

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

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

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

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

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


.Manrope-Regular {
    font-family: "Manrope-Regular", "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;
}

.Manrope-ExtraBold {
    font-family: "Manrope-ExtraBold", "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: "Manrope-ExtraBold";
    src: url(../fonts/MANROPE-EXTRABOLD.TTF);
}


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

html, body {
    font-family: "mont-regular", "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;
    cursor: none
}

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: "mont-regular", "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.html_page {
    position: relative;
    z-index: 19;
    background: #ffffff;
    width: 100%;
}

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

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

i {
    font-style: normal;
}

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

table {
    border-collapse: collapse;
}

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

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

video {
    outline: none;
}

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

li {
    list-style: none;
}


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

textarea {
    resize: none;
}

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

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

textarea {
    resize: vertical;
}

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

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

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

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

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

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

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

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

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


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

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

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

.swiper-animation {
    opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.index_progress_slide {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 9;
    background: #fff;
}

.index_page_content {
    height: 100%;
}

.index_page_img {
    height: 100%;
}

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

.index_banner_swiper {
    height: 100%;
}

.index_banner_slide {
    height: 100%;
}

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

.index_banner_back {
    height: 100%;
}

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

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

.index_banner_big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    overflow: hidden;
}

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

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

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

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

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

.public_btn_link {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 0.208333vw;
    -webkit-border-radius: 1.458333vw;
    border-radius: 1.458333vw;
    overflow: hidden;
}

.public_btn_link:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 1.458333vw;
    border-radius: 1.458333vw;
    background: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_read {
    position: relative;
    overflow: hidden;
    z-index: 9;
    width: 6.25vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #011108;
    width: max-content;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.public_btn_icon {
    width: 2.5vw;
    height: 2.5vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9;
}

.public_btn_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #87c53f;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_label {
    width: 10.41666%;
    height: 10.41666%;
    background: #033b16;
    position: relative;
    z-index: 9;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.public_btn_after {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_after:after {
    content: "";
    width: 100%;
    height: 20%;
    background: #033b16;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_btn_link:hover .public_btn_icon:after {
    -webkit-transform: none;
    transform: none;
}

.public_btn_link:hover .public_btn_after {
    width: 700%;
}

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

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

.index_banner_swiper .swiper-slide-active .index_banner_back img {
    -webkit-transform: none;
    transform: none;
}

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

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

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

.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;

}

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

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

}

.header_content {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.header_logo_box {
    width: 6.25vw;
    height: 5.208333vw;
}

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


.header_logo_img {
    width: 3.90625vw;
}

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

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

.header_menu_button {
    width: 5.208333vw;
    height: 5.208333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #87c53f;
}

.header_menu_btn {
    width: 1.9791666vw;
    height: 1.9791666vw;
    padding: 0;
    margin: 0;
    outline: none;
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-appearence: none;
    -webkit-tap-highlight-color: transparent;
}

.header_menu_btn svg {
    width: 177.777%;
    height: 133.333%;
    top: -16.666%;
    left: -38.8888%;
    stroke: #003815;
    stroke-width: 0.1041666vw;
    fill: none;
    display: block;
    position: absolute;
}

.header_menu_btn svg path {
    stroke-dasharray: 26 100;
    stroke-dashoffset: 126;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.header_menu_btn svg path:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.header_menu_show .header_menu_box svg path {
    stroke: #ffffff;
}

.header_menu_show .header_menu_box svg path:nth-child(1) {
    stroke-dashoffset: 58;
}

.header_menu_show .header_menu_box svg path:nth-child(2) {
    stroke-dashoffset: 51.5;
}

.header_menu_show .header_menu_box svg path:nth-child(3) {
    stroke-dashoffset: 51.5;
}

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

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

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

.menu_popup_content {
    width: 22.3958333%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    padding-top: 10.41666vw;
}

.menu_popup_content:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #003815;

}

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

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

.menu_popup_item_box {
    padding: 0.78125vw 0;
    position: relative;
}

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

.menu_popup_item_icon {
    width: 2.08333vw;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.menu_popup_item_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.5208333vw;
    height: 0.5208333vw;;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #87c53f;
}

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

.menu_popup_item_text {
    font-size: 1.7708333vw;
    line-height: 2.291666vw;
    color: rgba(225, 237, 201, 1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


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

.popup_item_down_content {
    padding-top: 1.041666vw;
}


.popup_item_down_li a {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: #fefffe;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.popup_item_down_li a:hover {
    color: #87c53f;
}

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

.menu_popup_show .menu_popup_content {
    -webkit-transform: none;
    transform: none;
}

.menu_popup_show .menu_popup_big {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.menu_popup_item_default .menu_popup_item_text {
    color: rgba(225, 237, 201, .15);
}

.menu_popup_item_active .menu_popup_item_text {
    color: #87c53f;
}

.menu_popup_item_active .menu_popup_item_link {
    padding: 0 0 0 2.08333vw;
}

.menu_popup_item_active .menu_popup_item_icon {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.menu_popup_item_active .popup_item_down_wrap {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.header_languages_wrap {
    -webkit-align-items: center;
    align-items: center;
    padding-right: 3.125vw;
}

.header_languages_button {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    cursor: pointer;


}

.header_languages_icon {
    width: 0.8333vw;
    height: 0.8333vw;
}

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

}

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

/*关闭*/
.header_active:after {
    opacity: 1;
}

.header_active .header_languages_icon svg,
.header_news .header_languages_icon svg {
    fill: #333333;
}

.header_active .header_languages_text,
.header_news .header_languages_text {
    color: #333333;
}

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


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

.index_business_wrap {
    position: relative;
}

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

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

.index_business_center {
    width: 100%;
    position: relative;
    margin-top: 5.208333vw;

}

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

.index_business_annular_back {
    position: relative;
    pointer-events: none;
}

.scale-wrap {
    width: 100%;
}

.index_business_annular_back svg {
    fill: none;
    width: 100%;
}

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

.index_business_item_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 23.4375%;
    -webkit-transform: translateY(-9%);
    transform: translateY(-9%);
    offset-distance: 0;
    offset-rotate: 0deg;
}

.index_business_item_animate {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transform-origin: right bottom;
    -webkit-filter: blur(1vw);
    filter: blur(1vw);
    opacity: 0;
}

.index_business_item_img {
    padding-bottom: 93.3333%;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
}

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

.index_business_subtitle {
    font-size: 2.6041666vw;
    line-height: 3.125vw;
    color: #87c53f;
    text-align: center;
}

.index_business_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #111111;
    font-weight: bold;
    text-align: center;
    margin-top: 0.5208333vw;
}

.index_business_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 4.6875vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.index_business_read {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #666666;
    text-align: center;
    margin-top: 1.82291vw;
}

.index_business_btn_text {
    font-size: 0.7291666vw;
    line-height: 2.91666vw;
    color: #999999;
    background: #ffffff;
    padding: 0 1.7708333vw;
    -webkit-border-radius: 1.458333vw;
    border-radius: 1.458333vw;
}

.index_business_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f5f7f0;
    overflow: hidden;
}

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

.index_business_shape_box1 {
    position: absolute;
    left: 14.3125%;
    top: -8vw;
    width: 228.0208%;
    opacity: .2;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.index_business_shape_box1 .index_business_shape_animate {
    -webkit-animation: BusinessAnimate1 15s infinite linear normal;
    animation: BusinessAnimate1 15s infinite linear normal;
}

@-webkit-keyframes BusinessAnimate1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .8;
    }
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        opacity: .6;
    }
    75% {
        opacity: .4;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes BusinessAnimate1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .8;
    }
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        opacity: .6;
    }
    75% {
        opacity: .4;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.index_business_shape_label {
    width: 100%;
}

.index_business_shape_label svg {
    overflow: initial;
}

.index_business_shape_box2 {
    position: absolute;
    right: -30%;
    bottom: -21.375vw;
    width: 220.83332%;
    z-index: 9;
    opacity: .4;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

.index_business_shape_box2 .index_business_shape_animate {
    -webkit-animation: BusinessAnimate2 20s infinite linear normal;
    animation: BusinessAnimate2 20s infinite linear normal;
}

@keyframes BusinessAnimate2 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: .7;
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: rotate(25deg) scale(1);
        transform: rotate(25deg) scale(1);
        opacity: .9;
    }
    75% {
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: .7;
    }
}

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

@-webkit-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;
    }
}

@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;
    }
}

.index_business_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;
    -webkit-animation: BusinessCircle2 12s infinite linear normal both;
    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;
    }
}

.index_business_fixed_wrap {
    position: relative;
    margin-top: -35vh;
}

.index_business_fixed_box {
    position: relative;
}

.business_fixed_item_box {
    position: relative;
    height: 100vh;
    margin-top: -70vh;
}

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


.index_cursor_wrap {
    width: 4.4791666vw;
    height: 4.4791666vw;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 9999;
    opacity: 0;
}

.index_cursor_box {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: scale(0.2325);
    transform: scale(0.2325);
}

.index_cursor_content {
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-background-image: linear-gradient(320deg, rgba(91, 146, 47, 1), rgba(145, 199, 70, 1));
    background-image: linear-gradient(320deg, rgba(91, 146, 47, 1), rgba(145, 199, 70, 1));
    -webkit-align-items: center;
    align-items: center;
}

.index_cursor_text {
    font-size: 0.625vw;
    line-height: 1.041666vw;
    color: #ffffff;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
}

.cursor_scale {
    cursor: pointer !important;
}


.index_about_wrap {
    position: relative;
    overflow: hidden;
    z-index: 10;
}

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

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

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

.index_about_shape1 {
    position: absolute;
    left: 20.3125%;
    top: 17.1875vw;
    width: 228.0208%;
    opacity: .1;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.index_about_shape2 {
    position: absolute;
    right: 15.9895%;
    bottom: -7.541666vw;
    width: 228.0208%;
    z-index: 9;
    opacity: .05;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

.index_about_shape3 {
    position: absolute;
    right: 24.6875%;
    bottom: -34.375vw;
    width: 220.83332%;
    z-index: 9;
    opacity: .25;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

.index_about_shape1 .index_about_animate {
    -webkit-animation: ShapeAnimate1 15s infinite linear normal;
    animation: ShapeAnimate1 15s infinite linear normal;
}

.index_about_shape2 .index_about_animate {
    -webkit-animation: ShapeAnimate2 15s infinite linear normal;
    animation: ShapeAnimate2 15s infinite linear normal;
}

@-webkit-keyframes ShapeAnimate1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .6;
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        opacity: .4;
    }
    75% {
        opacity: .6;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes ShapeAnimate1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .6;
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        opacity: .4;
    }
    75% {
        opacity: .6;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes ShapeAnimate2 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .7;
    }
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        opacity: .5;
    }
    75% {
        opacity: .7;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes ShapeAnimate2 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .7;
    }
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        opacity: .5;
    }
    75% {
        opacity: .7;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}


.index_about_label {
    width: 100%;
}

.index_about_label svg {
    overflow: initial;
}

.LineShape {
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 0.1px;
}

.index_about_head_subtitle {
    font-size: 2.6041666vw;
    line-height: 3.125vw;
    color: #87c53f;
    text-align: center;
}

.index_about_head_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #ffffff;
    text-align: center;
    margin-top: 0.5208333vw;
}

.page_center {
    padding: 0 5.7291666vw;
}


.index_about_content {
    padding: 5.7291666vw 0;
}


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

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

.index_about_tips_wrap {
    position: absolute;
    left: 35%;
    top: 11.9791666vw;
    width: 55%;
    pointer-events: none;
}

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

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

.index_about_circle_box {
    position: absolute;
    width: 0.5208333vw;
    height: 0.5208333vw;
}

.index_about_circle_box:nth-child(1) {
    left: 0;
    top: 0;
}

.index_about_circle_box:nth-child(2) {
    left: 52.5%;
    top: 23%;
}

.index_about_circle_box:nth-child(3) {
    left: 10.1%;
    top: 48.5%;
}

.index_about_circle_box:nth-child(4) {
    left: 42.5%;
    top: 73.2%;
}

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

.index_about_circle_label:nth-child(1) {
    background: #ffffff;
    z-index: 9;
}

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

.index_about_circle_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;
}

.index_about_circle_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;
}

.index_about_circle_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.7;
    }
    40% {
        width: 300%;
        height: 300%;
        opacity: 0.5;
    }
    60% {
        width: 400%;
        height: 400%;
        opacity: .3;
    }
    80% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_about_tips_default {
    width: 100%;
}

.index_about_tips_default svg {
    fill: none;
    stroke: #ffffff;
    stroke-linecap: round;
    stroke-width: 0.208333vw;
    stroke-dasharray: 0.5 20;
    fill-rule: evenodd;
    opacity: .15;
}

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

}

.index_about_tips_current svg {
    fill: none;
    stroke: #ffffff;
    stroke-linecap: round;
    stroke-width: 0.208333vw;
    fill-rule: evenodd;
    opacity: 1;
}


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

.index_about_item_box {
    width: 32.353%;
    position: relative;
    margin-top: -12.5vw;
}

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

.index_about_item_box:nth-child(2n) {
    margin-left: 67.647%;
}


.index_about_item_box:nth-child(3n) {
    -webkit-transform: translateX(5.208333vw);
    transform: translateX(5.208333vw);
}

.index_about_item_box:nth-child(4n) {
    -webkit-transform: translateX(-5.208333vw);
    transform: translateX(-5.208333vw);
}

.RotateLeftBox .index_about_item_pack {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.RotateRightBox .index_about_item_pack {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}

.index_about_item_pack {
    position: relative;
}

.index_about_item_big {
    position: relative;
}

.index_about_pic_wrap {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
}

.index_about_pic_box {
    padding-bottom: 101.82%;
}

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

.index_about_item_icon {
    position: relative;
}

.index_about_item_label {
    width: 3.90625vw;
}

.index_about_item_label svg {
    fill: none;
    stroke: #ffffff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    overflow: initial;
}

.AnimateMove svg {
    stroke-width: 0.15625vw;
}

.AnimateRotate svg {
    -webkit-animation: ShapeRotate 6s infinite linear normal both;
    animation: ShapeRotate 6s infinite linear normal both;
}

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

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


.AnimateMove path:nth-child(1) {
    opacity: 0;
}

.AnimateMove path:nth-child(2) {
    transform: translateY(-22.8%) translateX(14.1%);
    opacity: 0;
}

.AnimateMove path:nth-child(3) {
    transform: translateY(-22.9%) translateX(-10.9%);
    opacity: 0;
}

.AnimateMove path:nth-child(4) {
    transform: translateY(-47.6%) translateX(25%);
    opacity: 0;
}

.AnimateMove path:nth-child(5) {
    transform: translateY(-47.6%) translateX(0);
    opacity: 0;
}

.AnimateMove path:nth-child(6) {
    transform: translateY(-47.4%) translateX(-24.9%);
    opacity: 0;
}

.AnimateMove path:nth-child(7) {
    transform: translateY(-73%) translateX(39%);
    opacity: 0;
}

.AnimateMove path:nth-child(8) {
    transform: translateY(-73%) translateX(14.2%);
    opacity: 0;
}

.AnimateMove path:nth-child(9) {
    transform: translateY(-73%) translateX(-10.7%);
    opacity: 0;
}

.AnimateMove path:nth-child(10) {
    transform: translateY(-73%) translateX(-36%);
    opacity: 0;
}

.AnimateMove path:nth-child(1) {
    animation: AnimateShow1 4s infinite linear normal both;
}

.AnimateMove path:nth-child(2) {
    animation: AnimateShow2 4s infinite linear normal both;
}

.AnimateMove path:nth-child(3) {
    animation: AnimateShow3 4s infinite linear normal both;
}

.AnimateMove path:nth-child(4) {
    animation: AnimateShow4 4s infinite linear normal both;
}

.AnimateMove path:nth-child(5) {
    animation: AnimateShow5 4s infinite linear normal both;
}

.AnimateMove path:nth-child(6) {
    animation: AnimateShow6 4s infinite linear normal both;
}

.AnimateMove path:nth-child(7) {
    animation: AnimateShow7 4s infinite linear normal both;
}

.AnimateMove path:nth-child(8) {
    animation: AnimateShow8 4s infinite linear normal both;
}

.AnimateMove path:nth-child(9) {
    animation: AnimateShow9 4s infinite linear normal both;
}

.AnimateMove path:nth-child(10) {
    animation: AnimateShow10 4s infinite linear normal both;
}


@keyframes AnimateShow1 {
    0% {
        opacity: 0;
    }
    35% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    98% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes AnimateShow2 {
    0% {
        -webkit-transform: translateY(-22.8%) translateX(14.1%);
        transform: translateY(-22.8%) translateX(14.1%);
        opacity: 0;
    }

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

    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-22.8%) translateX(14.1%);
        transform: translateY(-22.8%) translateX(14.1%);
    }
}

@keyframes AnimateShow3 {
    0% {
        -webkit-transform: translateY(-22.9%) translateX(-10.9%);
        transform: translateY(-22.9%) translateX(-10.9%);
        opacity: 0;
    }
    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-22.9%) translateX(-10.9%);
        transform: translateY(-22.9%) translateX(-10.9%);
    }
}

@keyframes AnimateShow4 {
    0% {
        transform: translateY(-47.6%) translateX(25%);
        opacity: 0;
    }
    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-47.6%) translateX(25%);
    }
}

@keyframes AnimateShow5 {
    0% {
        transform: translateY(-47.6%) translateX(0);
        opacity: 0;
    }
    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-47.6%) translateX(0);
    }
}

@keyframes AnimateShow6 {
    0% {
        transform: translateY(-47.4%) translateX(-24.9%);
        opacity: 0;
    }
    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-47.4%) translateX(-24.9%);
    }
}

@keyframes AnimateShow7 {
    0% {
        transform: translateY(-73%) translateX(39%);
        opacity: 0;
    }

    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-73%) translateX(39%);
    }
}

@keyframes AnimateShow8 {
    0% {
        transform: translateY(-73%) translateX(14.2%);
        opacity: 0;
    }
    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-73%) translateX(14.2%);
    }
}

@keyframes AnimateShow9 {
    0% {
        transform: translateY(-73%) translateX(-10.7%);
        opacity: 0;
    }
    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-73%) translateX(-10.7%);
    }
}

@keyframes AnimateShow10 {
    0% {
        transform: translateY(-73%) translateX(-36%);
        opacity: 0;
    }
    35% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    90% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    98% {
        opacity: 0;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-73%) translateX(-36%);
    }
}

.AnimateShape {

}

.index_about_item_content {
    margin-top: 1.5625vw;
}


.index_about_item_read {
    margin-top: 1.30208333vw;
}

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

.index_about_item_text {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: rgba(255, 255, 255, .4);
    margin-top: 0.5208333vw;
}

.index_business_item_read {
    padding-top: 1.30208333vw;
}

.index_business_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #111111;
}

.index_business_item_text {
    font-size: 0.78125vw;
    line-height: 1.1458333vw;
    color: #6c766c;
    margin-top: 1.041666vw;
}

.index_business_item_button {
    margin-top: 1.041666vw;
}


.index_business_item_button .public_btn_read {
    width: 0;
}

.index_business_item_button .public_btn_link:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.index_business_item_button .public_btn_link .public_btn_after {
    width: 700%;
}

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

.index_business_item_button .public_btn_text:nth-child(2) {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}

.index_business_item_button .public_btn_box:hover .public_btn_link:after {
    -webkit-transform: none;
    transform: none;
}

.index_business_item_button .public_btn_box:hover .public_btn_read {
    width: 6.25vw;
}

.index_business_item_button .public_btn_box:hover .public_btn_text:nth-child(2) {
    opacity: 1;
    transition-delay: .3s;
}

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

.index_globe_wap_wrap {
    position: relative;
}

.index_globe_back_wrap {
    position: relative;
}

.index_globe_wap_tips {
    display: none;
}

.index_globe_back_img {
    padding-bottom: 50%;
}

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

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

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

.globe_map_item_box {
    position: absolute;
}


.globe_map_item_circle {
    width: 0.78125vw;
    height: 0.78125vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

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

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

.globe_map_item_label:nth-child(1) {
    z-index: 9;
    display: none;
}

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

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

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

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


@-webkit-keyframes MapCircle {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 200%;
        height: 200%;
        opacity: 1;
    }
    40% {
        width: 300%;
        height: 300%;
        opacity: 0.9;
    }
    60% {
        width: 400%;
        height: 400%;
        opacity: .8;
    }
    80% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.globe_map_item_content {
    position: absolute;
    left: 50%;
    top: 50%;

}

.index_earth_item_max {
    width: 5.625vw;

}

.index_earth_item_width {
    width: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;

}

.index_earth_item_line {
    width: 5.625vw;
    position: relative;
}

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

.index_earth_item_height svg {
    fill: none;

    stroke-width: 1px;
    stroke-dasharray: 4 2;
    fill-rule: evenodd;
}


.index_earth_item_read {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_earth_item_title {
    font-size: 0.625vw;
    line-height: 1.82291vw;
    color: rgba(0, 56, 21, 1);
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    background: #ffffff;
    padding: 0 0.7291666vw;
    width: max-content;
    box-shadow: 0 0 0.5208333vw rgba(0, 56, 21, .1);
}


/*颜色*/
.GlobeGreenBox .globe_map_item_icon svg {
    fill: #87c53f;
}

.GlobeGreenBox .globe_map_item_label {
    background: rgba(135, 197, 63, .25);
}

.GlobeGreenBox .index_earth_item_height svg {
    stroke: rgba(135, 197, 63, 1);
}

.GlobeMassBox .globe_map_item_icon svg {
    fill: rgba(0, 56, 21, 1);
}

.GlobeMassBox .globe_map_item_label {
    background: rgba(0, 56, 21, .25);
}

.GlobeMassBox .index_earth_item_height svg {
    stroke: rgba(0, 56, 21, 1);
}


.GlobeBlueBox .globe_map_item_icon svg {
    fill: rgba(65, 118, 205, 1);
}

.GlobeBlueBox .globe_map_item_label {
    background: rgba(65, 118, 205, .25);
}

.GlobeBlueBox .index_earth_item_height svg {
    stroke: rgba(65, 118, 205, 1);
}

.GlobeBlueBox .index_earth_item_title {
    color: rgba(50, 50, 50, 1);
}

/*地图左上*/
.GlobeLeftTop .globe_map_item_content {
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
}

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

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

.GlobeLeftTop .index_earth_item_read {
    left: 2vw;
    top: 0;
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);

}

/*地图左下*/
.GlobeLeftBottom .globe_map_item_content {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

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

.GlobeLeftBottom .index_earth_item_line {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

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

.GlobeLeftBottom .index_earth_item_read {
    left: 2vw;
    bottom: 0;
    -webkit-transform: translateX(-100%) translateY(50%);
    transform: translateX(-100%) translateY(50%);
}

/*地图右上*/
.GlobeRightTop .globe_map_item_content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.GlobeRightTop .index_earth_item_line {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

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

.GlobeRightTop .index_earth_item_read {
    left: 100%;
    top: 0;
    -webkit-transform: translateY(-50%) translateX(-2vw);
    transform: translateY(-50%) translateX(-2vw);
}

/*地图右下*/
.GlobeRightBottom .globe_map_item_content {
}

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

.GlobeRightBottom .index_earth_item_read {
    left: 100%;
    bottom: 0;
    -webkit-transform: translateY(50%) translateX(-2vw);
    transform: translateY(50%) translateX(-2vw);
}

.AddGlobeMapShow .globe_map_active {
    opacity: 1;
    pointer-events: auto;
}

.AddGlobeMapShow .globe_map_active .globe_map_item_circle {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.AddGlobeMapShow .globe_map_active .index_earth_item_width {
    width: 100%;
}

.AddGlobeMapShow .globe_map_active .GlobeLeftTop .index_earth_item_read,
.AddGlobeMapShow .globe_map_active .GlobeLeftBottom .index_earth_item_read {
    left: 0;
    opacity: 1;
}

.AddGlobeMapShow .globe_map_active .GlobeRightTop .index_earth_item_read {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    opacity: 1;
}

.AddGlobeMapShow .globe_map_active .GlobeRightBottom .index_earth_item_read {
    -webkit-transform: translateY(50%) translateX(0);
    transform: translateY(50%) translateX(0);
    opacity: 1;
}

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

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

}

.index_globe_center {
    width: 100%;
    height: 100%;
    padding: 5.7291666vw 0 4.6875vw 0;
    position: relative;
}

.index_globe_center .page_center {
    height: 100%;
}

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

.index_globe_head_box {
    width: 100%;
}

.index_globe_tab {
    width: 100%;
}

.index_globe_head_subtitle {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #87c53f;
}

.index_globe_head_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #111111;
    margin-top: 1.041666vw;
}

.index_globe_head_button {
    margin-top: 3.125vw;
}

.index_globe_head_button .public_btn_box {
    pointer-events: auto;
}

.public_white_btn .public_btn_link:after {
    background: #003815;
}

.public_white_btn .public_btn_text {
    color: #ffffff;
}

.public_white_btn .public_btn_label {
    background: #ffffff;
}

.public_white_btn .public_btn_after:after {
    background: #ffffff;
}

.index_globe_item_icon {
    width: 1.5625vw;
    height: 1.5625vw;
    position: relative;
}

.index_globe_item_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%;
}

.index_globe_item_label:nth-child(2) {
    width: 50%;
    height: 50%;
}

.index_globe_item_label:nth-child(3) {
    background: #ffffff;
    width: 20%;
    height: 20%;
}

.GlobeGreenNav .index_globe_item_label:nth-child(1) {
    background: rgba(135, 197, 63, .2);
}

.GlobeGreenNav .index_globe_item_label:nth-child(2) {
    background: rgba(135, 197, 63, 1);
}

.GlobeGreenNav .index_globe_item_title {
    color: rgba(135, 197, 63, 1);
}

.GlobeMassNav .index_globe_item_label:nth-child(1) {
    background: rgba(0, 56, 21, .2);
}

.GlobeMassNav .index_globe_item_label:nth-child(2) {
    background: rgba(0, 56, 21, 1);
}

.GlobeMassNav .index_globe_item_title {
    color: rgba(0, 56, 21, 1);
}

.GlobeBlueNav .index_globe_item_label:nth-child(1) {
    background: rgba(65, 118, 205, .2);
}

.GlobeBlueNav .index_globe_item_label:nth-child(2) {
    background: rgba(65, 118, 205, 1);
}

.GlobeBlueNav .index_globe_item_title {
    color: rgba(65, 118, 205, 1);
}

.index_globe_item_box {
    margin-bottom: 1.5625vw;
}

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

.index_globe_item_read {
    margin-left: 0.5208333vw;
}

.index_globe_item_content {
    -webkit-align-items: center;
    align-items: center;
    pointer-events: auto;
}

.index_globe_item_title {
    font-size: 0.88541vw;
    line-height: 2.08333vw;
    font-weight: bold;
}


.footer_wrap {
    position: relative;
    padding: 4.6875vw 0 1.30208333vw 0;
    z-index: 20;
    overflow: hidden;
}

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

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

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

.foot_pic_box {
    height: 100%;
}

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

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

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

.footer_tips_subtitle {
    font-size: 0.88541vw;
    line-height: 1.458333vw;
    color: #ffffff;
    text-align: center;
    margin-top: 0.5208333vw;
}

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

.footer_pack {
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    padding: 2.08333vw 2.08333vw 0.78125vw 2.08333vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    margin-top: 9.11458333vw;
    position: relative;
}

.footer_big {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.footer_logo_box {
    width: 12.6543%;
}

.footer_menu_wrap {
    width: 61.358%;
}

.footer_menu_box {
    margin-bottom: 2.08333vw;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.footer_menu_content {

    width: 60%;
}

.footer_menu_ul {
    width: 24%;
    padding-right: 1.041666vw;
}

.footer_menu_li {
    margin-bottom: 1.041666vw;
}

.footer_menu_li a {
    font-size: 0.9375vw;
    line-height: 1.1458333vw;
    color: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_menu_li a:hover {
    color: #87c53f;
}

.footer_copy_text,
.footer_copy_text a {
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    color: rgba(255, 255, 255, .3);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.footer_copy_text {
    margin-right: 0.5208333vw;
}


.footer_share_box {
    width: 40%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

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

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

.footer_share_item_big {
    width: 1.25vw;
    height: 1.25vw;
    position: relative;
}

.footer_share_item_icon {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_share_item_label {
    height: 80%;
    max-width: 100%;
}

.footer_share_item_label svg {
    height: 100%;
    fill: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.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_content {
    padding: 0.3125vw;
    background: #ffffff;
    border-radius: 0.5208333vw;
    position: relative;
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2);
}

.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_share_item_box:hover .footer_share_item_hover {
    top: 0;
    opacity: 1;
    pointer-events: auto;
}

.footer_share_item_box:hover .footer_share_item_label svg {
    fill: #87c53f;
}

.index_news_wrap {
    position: relative;
}

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

.index_news_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f9faf7;
    overflow: hidden;
    pointer-events: none;
}

.index_news_circle_max {
    position: absolute;
    right: -20vw;
    bottom: -40vw;
    width: 70vw;
    height: 50vw;
    background: rgba(135, 192, 63, .2);
    -webkit-filter: blur(5vw);
    filter: blur(5vw);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: NewsCircle1 12s infinite linear normal both;
    animation: NewsCircle1 12s infinite linear normal both;
    z-index: 1;
}


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

.index_news_circle_min {
    position: absolute;
    right: 40vw;
    top: -15vw;
    width: 50vw;
    height: 50vw;
    background: rgba(135, 192, 63, .15);
    -webkit-filter: blur(5vw);
    filter: blur(5vw);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
    -webkit-animation: NewsCircle3 12s infinite linear normal both;
    animation: NewsCircle3 12s infinite linear normal both;
}

@keyframes NewsCircle1 {
    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;
    }
}

@keyframes NewsCircle2 {
    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;
    }
}

@keyframes NewsCircle3 {
    0% {
        transform: none;
    }
    20% {
        -webkit-transform: translateY(10vw) scale(1.1);
        transform: translateY(10vw) scale(1.1);
    }
    40% {
        -webkit-transform: translateX(-10vw) translateY(15vw) scale(0.7);
        transform: translateX(-10vw) translateY(15vw) scale(0.7);
    }
    60% {
        -webkit-transform: translateX(-20vw) translateY(20vw) scale(0.9);
        transform: translateX(-20vw) translateY(20vw) 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;
    }
}

.index_news_fixed_wrap {
    position: relative;
    padding-bottom: 100vh;
}

.index_news_fixed_box {
    position: relative;
}

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

.index_news_center {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 0 5.7291666vw;
    overflow: hidden;

}

.index_news_pack {
    width: max-content;
    position: relative;
    will-change: transform;
    margin-top: 5.208333vw;
}

.index_news_head_box {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 50vw;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    opacity: 0;
}

.index_news_head_show {
    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_news_big {
    padding-left: 50vw;
    width: max-content;
}

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


.index_news_item_pack {
    width: 100%;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_content {
    width: 100%;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_box {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
    pointer-events: none;
}

.index_news_item_show {
    opacity: 1;
    pointer-events: auto;
    -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_news_item_animate {
    width: 100%;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_box:nth-child(6n+1) .index_news_item_animate {
    width: 10.41666vw;
    margin-right: 5.7291666vw;
}

.index_news_item_box:nth-child(6n+2) .index_news_item_animate {
    width: 10.41666vw;
    margin-right: 7.03125vw;
}

.index_news_item_box:nth-child(6n+3) .index_news_item_animate {
    width: 29.375vw;
    margin-right: 7.291666vw;
}

.index_news_item_box:nth-child(6n+4) .index_news_item_animate {
    width: 13.28125vw;
    margin-right: -3.90625vw;
}

.index_news_item_box:nth-child(6n+5) .index_news_item_animate {
    width: 14.4791666vw;
    margin-right: 6.25vw;
}

.index_news_item_box:nth-child(6n) .index_news_item_animate {
    width: 22.91666vw;
    margin-right: 6.25vw;
}

.index_news_item_box:last-child .index_news_item_animate {
    margin-right: 0;
}


.index_news_item_box:nth-child(6n+1) .index_news_item_pack {
    margin-top: 19.791666vw;
}

.index_news_item_box:nth-child(6n+2) .index_news_item_pack {
    margin-top: 9.375vw;
}

.index_news_item_box:nth-child(6n+3) .index_news_item_pack {
    margin: 0;
}

.index_news_item_box:nth-child(6n+4) .index_news_item_pack {
    margin-top: 21.3541666vw;
}

.index_news_item_box:nth-child(6n+5) .index_news_item_pack {
    margin-top: 1.5625vw;
}

.index_news_item_box:nth-child(6n) .index_news_item_pack {
    margin-top: 0;
}


.index_news_item_box:nth-child(6n+2) .index_news_item_content {
    opacity: .3;
}

.index_news_item_box:nth-child(6n+4) .index_news_item_content {
    opacity: .3;
}

.index_news_item_box:nth-child(6n) .index_news_item_content {
    opacity: .8;
}

.index_news_item_box:nth-child(6n) .index_news_item_content {
    padding: 6.25vw 0 0 0;
}

.index_news_item_box:nth-child(6n+1) .index_news_pic_box {
    padding-bottom: 112.5%;
}

.index_news_item_box:nth-child(6n+2) .index_news_pic_box {
    padding-bottom: 95%;
}

.index_news_item_box:nth-child(6n+3) .index_news_pic_box {
    padding-bottom: 99.2907%;
}

.index_news_item_box:nth-child(6n+4) .index_news_pic_box {
    padding-bottom: 88.2352%;
}

.index_news_item_box:nth-child(6n+5) .index_news_pic_box {
    padding-bottom: 100.719%;
}

.index_news_item_box:nth-child(6n) .index_news_pic_box {
    padding-bottom: 99.2907%;
}

.index_news_item_box:nth-child(6n+3) .index_news_pic_title {
    opacity: 1;
    display: flex;
    position: relative;
}

.index_news_item_box:nth-child(6n) .index_news_pic_title {
    opacity: 1;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;

}


.index_news_item_box:nth-child(6n+3) .index_news_pic_title,
.index_news_item_box:nth-child(6n) .index_news_pic_title {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    padding: 0;
}

.index_news_item_box:nth-child(6n+3) .index_news_pic_title a,
.index_news_item_box:nth-child(6n) .index_news_pic_title a {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #111111;
}

.index_news_item_box:nth-child(6n+3) .index_news_pic_wrap:after,
.index_news_item_box:nth-child(6n) .index_news_pic_wrap:after {
    display: none;
}


.index_news_item_box:nth-child(6n) .index_news_item_content,
.index_news_item_box:nth-child(6n+3) .index_news_item_content {
    -webkit-transform: none !important;
    transform: none !important;
}

.index_news_item_box .index_news_item_content:hover .index_news_pic_title {
    opacity: 1;
    transform: none;
}

.index_news_item_box .index_news_item_content:hover {
    opacity: 1;
}

.index_news_item_box .index_news_item_content:hover {
    transform: scale(1.4);

}

.index_news_item_box .index_news_item_content:hover .index_news_pic_wrap img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.index_news_item_box .index_news_item_content:hover .index_news_pic_wrap:after {
    height: 100%;
    opacity: 1;
}


.index_news_pic_wrap {
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_pic_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    -webki-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
}

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

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

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


.index_news_pic_title {
    margin-top: 1.041666vw;
    width: 100%;
    z-index: 9;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    padding: 0.5vw;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_pic_title a {
    font-size: 0.625vw;
    line-height: 1.041666vw;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_page_wrap {
    padding: 9.375vw 0 4.1666vw 0;
    position: relative;
    background: #f7f7f5;
}

.news_page_title_box {
    overflow: hidden;
}

.news_page_title_text {
    font-size: 5.208333vw;
    line-height: 5.7291666vw;
    color: #003815;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.news_page_subtitle_box {
    overflow: hidden;
}

.news_page_subtitle_text {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #111111;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

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

.news_banner_back {
    position: absolute;
    right: -0.7291666vw;
    bottom: -0.7291666vw;
    width: 6.25vw;
    -webkit-transform: translateX(100%) translateY(100%);
    transform: translateX(100%) translateY(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_banner_back svg {
    fill: #f7f7f5;
}


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

.news_banner_pack {
    width: 52.1177%;
    padding: 1.875vw 0 1.875vw 1.875vw;
}

.news_banner_pic_swiper {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

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

.news_banner_big {
    width: 47.8823%;
}

.news_banner_pic_link a {
    display: block;
}

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

.news_banner_pic_box {
    padding-bottom: 57.4117%;
}

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

.news_banner_details_swiper {
    height: 100%;
}

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

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

.news_banner_details_box {

    height: 100%;
    position: relative;

}

.news_banner_details_box a {
    width: 100%;
    height: 100%;
    padding: 3.38541666vw 4.94791666vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.news_banner_details_button {
    position: absolute;
    right: 0;
    bottom: 0;
}


.news_banner_details_button .public_btn_link:after {
    display: none;
}

.news_banner_details_button .public_btn_box {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.news_banner_details_button .public_btn_after {
    width: 700%;
}

.news_banner_details_button .public_btn_link .public_btn_icon:after {
    -webkit-transform: none;
    transform: none;
}


.news_banner_details_head {
    width: 100%;
}

.news_banner_details_foot {
    width: 100%;
}

.news_banner_details_read {
    margin-top: 3.6458333vw;
}

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

.news_banner_details_label {
    font-size: 0.7291666vw;
    line-height: 1.6666vw;
    color: #003815;
    background: #f7f7f5;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    padding: 0 0.7291666vw;
}

.news_banner_details_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.news_banner_details_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    margin-top: 1.041666vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}


.news_banner_details_time {
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    margin-top: 1.041666vw;
    color: #aaaaaa;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.news_banner_details_link {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #003815;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.news_page_content {
    margin-top: 3.38541666vw;
}

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

.news_banner_details_swiper .swiper-slide-active .news_banner_details_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;
}

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

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

.news_banner_details_swiper .swiper-slide-active .news_banner_details_link {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    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;
}


.news_banner_box:hover .news_banner_back {
    -webkit-transform: none;
    transform: none;
}


.news_banner_box:hover .swiper-slide-active .news_banner_details_button .public_btn_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.news_banner_pagination_wrap {
    position: relative;
    margin-top: 2.08333vw;
}

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

.news_banner_pagination_box .swiper-pagination-bullet {
    width: 0.625vw;
    height: 0.625vw;
    opacity: 1;
    background: #d2d2d2;
    margin: 0 0.26041666vw !important;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_banner_pagination_box .swiper-pagination-bullet-active {
    background: #87c53f;
}

.news_page_pack {
    margin-top: 4.1666vw;
    position: relative;
}

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

.news_page_nav_li {
    margin-right: 3.6458333vw;
}

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

.news_page_nav_li a {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    color: #111111;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.news_page_nav_active a {
    color: #87c53f;
}

.news_page_nav_active a:after {
    width: 100%;
    background: #87c53f;
}

.news_page_nav_default a {
    color: #111111;
}

.news_page_nav_default a:after {
    width: 0;
    background: #111111;
}

.news_page_nav_hover a {
    color: #87c53f;
}

.news_page_nav_hover a:after {
    width: 100%;
    background: #87c53f;
}

.news_page_nav_wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.news_page_item_box {
    width: 32.3529%;
    margin: 0 1.47065% 2.08333vw 0;
    position: relative;
}

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


.news_page_item_box a {
    display: block;
    position: relative;
    padding-bottom: 60.909%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.news_page_item_box a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #ffffff;
    -webkit-border-radius: 1.041666vw 1.041666vw 0 1.041666vw;
    border-radius: 1.041666vw 1.041666vw 0 1.041666vw;
}

.news_page_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 1.5625vw 2.08333vw;
    z-index: 9;

}

.news_page_item_head {
    width: 100%;
}


.news_page_item_read {
    width: 100%;
}

.news_page_item_label {
    font-size: 0.7291666vw;
    line-height: 1.6666vw;
    color: #003815;
    background: #f7f7f5;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    padding: 0 0.7291666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #111111;
    margin-top: 2.08333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_time {
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    margin-top: 1.041666vw;
    color: #aaaaaa;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_link {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #003815;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_big {
    margin-top: 2.34375vw;
    position: relative;
}


.news_page_item_back {
    position: absolute;
    right: -0.7291666vw;
    bottom: -0.7291666vw;
    width: 6.25vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
    z-index: 10;
    -webkit-transform: translateX(100%) translateY(100%);
    transform: translateX(100%) translateY(100%);
}

.news_page_item_box .public_btn_box {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.news_page_item_back svg {
    fill: #f7f7f5;
}

.news_page_item_button {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 12;
}


.news_page_item_box .public_btn_link:after {
    display: none;
}

.news_page_item_box .public_btn_box {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.news_page_item_box .public_btn_after {
    width: 700%;
}

.news_page_item_box .public_btn_link .public_btn_icon:after {
    -webkit-transform: none;
    transform: none;
}

.news_page_item_icon {
    position: absolute;
    left: 10%;
    top: 50%;
    width: 108%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_icon img {

    -webkit-animation: NewsAnimate 20s infinite linear normal;
    animation: NewsAnimate 20s infinite linear normal;
}

.news_page_item_box a:hover .news_page_item_back {
    -webkit-transform: none;
    transform: none;
}

.news_page_item_box a:hover .public_btn_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.news_page_item_box a:hover .news_page_item_title {
    color: #87c53f;
}

.news_page_item_box a:hover .news_page_item_icon {
    opacity: 1;
}

@keyframes NewsAnimate {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .7;
        -webkit-transform: scale(1.21);
        transform: scale(1.2);
    }
    50% {
        -webkit-transform: rotate(20deg) scale(1);
        transform: rotate(20deg) scale(1);
        opacity: .9;
    }
    75% {
        opacity: .7;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

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

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

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

.news_page_pagination_content {
    padding: 0 1.5625vw;
}

.news_page_button_btn a,
.news_page_button_btn span {
    font-size: 0.9375vw;
    line-height: 2.6041666vw;
    width: 2.08333vw;
    text-align: center;
    color: #999999;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_button_btn a:hover {
    color: #111111;
}

.news_page_button_btn.current a, .news_page_button_btn.current a:hover {
    color: #87c53f;
}


.news_inside_wrap {
    padding: 7.8125vw 0;
    min-height: 100vh;
    background: #f7f7f5;
}

.news_inside_box {
    padding: 0 5.208333vw;
}

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

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

.news_inside_btn_box {
    position: relative;
}

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

.news_inside_btn_box .public_btn_link:after {
    display: none;
}

.news_inside_btn_box .public_btn_icon:after {
    -webkit-transform: none;
    transform: none;

}

.news_inside_btn_box .public_btn_link .public_btn_after {
    width: 700%;
}

.news_inside_btn_default .public_btn_icon:after {
    background: #eeeeee;
}

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

.news_inside_btn_hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_inside_btn_text {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: #aaaaaa;
    padding-left: 1.30208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_inside_button a:hover .news_inside_btn_default {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.news_inside_button a:hover .news_inside_btn_hover {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.news_inside_button a:hover .news_inside_btn_text {
    color: #87c53f;
}

.news_inside_pack {
    position: sticky;
    top: 7.8125vw;
    left: 0;
    width: 33.3333%;
    padding-right: 9.375vw;
}

.news_inside_big {
    width: 66.6667%;
}

.news_inside_pagination_wrap {
    margin-top: 19.791666vw;
}

.news_inside_pagination_title {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #003815;
}

.news_inside_pagination_subtitle {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #999999;
}

.news_inside_pagination_button {
    margin-top: 1.041666vw;
}

.news_inside_pagination_btn {
    margin-bottom: 0.78125vw;
}

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

.news_inside_pagination_btn a {
    display: block;
    font-size: 0.78125vw;
    line-height: 2.6041666vw;
    color: #999999;
    background: #ffffff;
    text-align: center;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_inside_pagination_btn a:hover {
    background: #87c53f;
    color: #ffffff;
}

.news_inside_tips_read {
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    padding: 0 0.78125vw;
    -webkit-align-items: center;
    align-items: center;
}

.news_inside_tips_icon {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 0.41666vw;
    height: 0.41666vw;
    background: #87c53f;
}

.news_inside_tips_label {
    font-size: 0.7291666vw;
    line-height: 1.6666vw;
    color: #003815;
    margin-left: 0.5208333vw;
}

.news_inside_tips_time {
    font-size: 0.7291666vw;
    line-height: 2.91666vw;
    color: #aaaaaa;
    margin-left: 1.5625vw;
}

.news_inside_tips_box {
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 1.5625vw;
}

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

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

.news_inside_title_box {
    margin-top: 1.5625vw;

}

.news_inside_title_text {
    font-size: 2.291666vw;
    line-height: 3.125vw;
    color: #111111;
}

.news_inside_title_bjq {
    margin-top: 3.125vw;
}

.news_inside_title_bjq p {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #444444;
}

.news_inside_title_bjq h3 {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #111111;
}

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

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

.public_banner_wrap {
    position: relative;
    height: 100vh;
    z-index: 9;
}

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

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


.public_banner_content {
    width: 100%;
    padding-bottom: 7.291666vw;
}

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

.public_banner_subtitle_box {
    margin-top: 1.5625vw;
    position: relative;
    overflow: hidden;

}

.public_banner_title_text {
    font-size: 5.208333vw;
    line-height: 5.208333vw;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}


.public_banner_subtitle_text {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #ffffff;
    text-align: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

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

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


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

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

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

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

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

.about_page_wrap {
    position: relative;
    z-index: 9;
    width: 100%;
    background: #ffffff;
}

.about_core_wrap {
    position: relative;
}

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

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

}

.about_logo_box {
    width: 100vw;
    height: 100vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 15;
}

.about_logo_default:after {
    content: "";
    position: absolute;
    left: 70%;
    top: 0;
    width: 30%;
    height: 100%;
    background: #ffffff;
    z-index: 1;
}

.about_logo_content {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 16;
}


.about_logo_pack {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 9;
}

.about_logo_center {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.about_logo_read {
    width: 100%;
    padding: 0 7.8125vw;
}

.about_logo_title_label {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: #003815;
    font-weight: bold;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.about_logo_subtitle_label {
    font-size: 1.1458333vw;
    line-height: 1.5625vw;
    color: #333333;
    margin-top: 2.08333vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.about_logo_default {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
    -webkit-transform-origin: 26.2% center;
    transform-origin: 26.2% center;
}

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

}

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

.about_logo_icon svg {
    fill: #ffffff;
    overflow: initial;
}

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

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

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

.about_core_message_wrap {
    width: 38.541666%;
    height: 100%;
    position: relative;
    -webkit-backdrop-filter: blur(2vw);
    backdrop-filter: blur(2vw);
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_core_message_box {
    width: 100%;
    position: relative;
    padding: 0 8.333vw 0 5.7291666vw;
    margin-top: 5.208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_core_message_tips {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: #ffffff;
}

.about_core_message_icon {
    width: 3.0208333vw;
    height: 3.0208333vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1;
}

.about_core_message_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(255, 255, 255, .15);
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.about_core_message_label {
    width: 45%;
}

.about_core_message_label svg {
    fill: #ffffff;
}

.about_core_message_read {
    width: calc(100% - 3.0208333vw);
    padding-left: 1.30208333vw;
    z-index: 1;
    position: relative;
}

.about_core_message_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #ffffff;
    font-weight: bold;
}

.about_core_message_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: rgba(255, 255, 255, .4);
    margin-top: 0.5208333vw;
}

.about_core_message_content {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 1.82291vw 0 1.82291vw 1.041666vw;
}

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

.about_core_message_li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .1);
}

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

.about_core_message_li:nth-child(2n) .about_core_message_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
}


.about_core_message_head {
    margin-bottom: 2.08333vw;
}

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

.about_core_voice_box {
    width: 100%;
    height: 100%;
    padding: 0 5.7291666vw 0 4.6875vw;
    position: relative;
}

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

.about_core_voice_pack {
    height: 100%;
    width: 100%;
    position: relative;
    padding-top: 2.6041666vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.about_core_voice_head {
    width: 100%;
}

.about_core_voice_title {
    font-size: 2.08333vw;
    line-height: 2.91666vw;
    color: #ffffff;
    text-align: center;
    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);
}

.about_core_voice_subtitle {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: rgba(255, 255, 255, .55);
    text-align: center;
    margin-top: 1.5625vw;
    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);
}

.about_core_voice_foot {
    width: 100%;
    position: relative;
    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);
}

.about_core_voice_tab {
    width: 100%;
    -webkit-flex-flow: nowrap;
    flex-flow: nowrap;
    margin-top: 1.041666vw;
    gap: 0.5208333vw;
}

.about_core_voice_li {
    text-align: center;
    font-size: 0.7291666vw;
    line-height: 2.6041666vw;
    color: #ffffff;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(2vw);
    backdrop-filter: blur(2vw);
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    padding: 0 1.041666vw;
}

.core_voice_tips_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #ffffff;
    font-weight: bold;
}

.about_core_show .about_core_message_wrap {
    -webkit-transform: none;
    transform: none;
}

.about_core_show .about_core_message_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.about_core_show .about_core_voice_title {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.about_core_show .about_core_voice_subtitle {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.about_core_show .about_core_voice_foot {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}


.about_core_stop .about_core_message_wrap {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.about_core_stop .about_core_message_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.about_core_stop .about_core_voice_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.about_core_stop .about_core_voice_subtitle {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.about_core_stop .about_core_voice_foot {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.about_core_back {
    width: 100%;
    height: 100%;
    position: relative;
    background: #000000;
}

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

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

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

}

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

.about_core_video_show .about_core_current video {
    opacity: 1;
}

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


}

.about_express_box {
    position: relative;
    width: 100%;
    height: 100%;
    clip-path: inset(100% 70rem 0 round 5rem 5rem 0 0)
}

.about_express_back {
    width: 100%;
    height: 100%;
    position: relative;
    background: #000000;
}

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

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

.about_express_img_active {
    opacity: 1;
    z-index: 5;
}

.about_express_head_wrap {
    position: absolute;
    left: 0;
    bottom: 10.41666vw;
    width: 100%;
    -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);
}

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

.about_express_title_wrap {
    -webkit-justify-content: center;
    justify-content: center;
    width: max-content;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_express_title_box {
    overflow: hidden;
    margin: 0 0.625vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_express_title_box:nth-child(1) {
    width: 3.6458333vw;
}

.about_express_title_box:nth-child(2) {
    width: 5.5208333vw;
}

.about_express_title_box:nth-child(3) {
    width: 3.958333vw;
}

.about_express_title_box:nth-child(4) {
    width: 1.6666vw;
}

.about_express_title_label {
    font-size: 6.51041666vw;
    line-height: 8.333vw;
    letter-spacing: 0.41666vw;
    color: #ffffff;
    width: max-content;
    white-space: nowrap;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_express_head_center .about_express_title_wrap {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

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

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

.about_express_head_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3.125vw;
    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);
}

.about_express_head_button .about_express_head_btn {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.about_express_head_button .public_btn_link:after {
    display: none;
}

.about_express_head_button .public_btn_link .public_btn_icon:after {
    -webkit-transform: none;
    transform: none;
}

.about_express_head_button .public_btn_link .public_btn_after {
    width: 700%;
}

.about_express_head_show .about_express_head_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;

}

.about_express_head_show .about_express_head_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.about_express_head_show .about_express_head_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

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

.about_matter_wrap .page_center {
    width: 100%;
    height: 100%;
}

.about_matter_box {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 8.333vw 0 3.125vw 0;
}

.about_matter_head_wrap {
    width: 64%;
}

.about_matter_content {
    width: 36%;

}

.about_matter_head_title {
    font-size: 4.4791666vw;
    line-height: 4.2708333vw;
    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);
}

.about_matter_head_subtitle {
    font-size: 2.708333vw;
    line-height: 3.2291666vw;
    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);
}

.about_matter_head_text {
    font-size: 1.9791666vw;
    line-height: 2.5vw;
    color: #ffffff;
    margin-top: 0.78125vw;
    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);
}

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

.about_matter_pack {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 2.6041666vw;
}

.about_matter_pagination_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    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);
}

.about_matter_pagination_li {
    width: 1.041666vw;
    height: 0.15625vw;
    margin-right: 0.41666vw;
    background: rgba(255, 255, 255, .4);
    position: relative;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_matter_pagination_active {
    width: 2.6041666vw;
    background: rgba(255, 255, 255, 1);
}

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

}

.about_matter_item_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    overflow: hidden;
}

.about_matter_item_content {
    width: 100%;
}

.about_matter_item_max {
    font-size: 4.6875vw;
    line-height: 5.208333vw;
    color: rgba(255, 255, 255, .35);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.about_matter_item_min {
    font-size: 2.91666vw;
    line-height: 3.4375vw;
    color: rgba(255, 255, 255, .35);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.about_matter_item_title {
    font-size: 2.3958333vw;
    line-height: 2.91666vw;
    color: #ffffff;
    margin-top: 1.30208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.about_matter_item_text {
    font-size: 0.88541vw;
    line-height: 1.5625vw;
    color: #ffffff;
    margin-top: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.about_matter_item_read {
    margin-top: 7.8125vw;
    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);
}

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

.about_matter_item_label {
    width: 3.4375vw;
    height: 3.4375vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

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

.about_matter_show .about_matter_head_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.about_matter_show .about_matter_head_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_matter_show .about_matter_item_active .about_matter_item_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.about_matter_show .about_matter_item_active .about_matter_item_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.about_matter_show .about_matter_pagination_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.about_matter_item_active .about_matter_item_max {
    opacity: 1;
    pointer-events: auto;
    -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_matter_item_active .about_matter_item_min {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    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_matter_item_active .about_matter_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: .2s;
    transition-delay: .2s;
}

.about_matter_item_active .about_matter_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;
}

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

.about_fixed_delay_box {
    position: relative;
    height: 40vh;
}

.about_fixed_logo_box {
    position: relative;
    height: 80vh;
}

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

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

.about_fixed_find_box {
    position: relative;
    height: 30vh;
}

.about_fixed_express_box {
    position: relative;
    height: 200vh;
}

.about_fixed_express_delay {
    position: relative;
    height: 40vh;
}

.about_fixed_slogan_li {
    position: relative;
    height: 80vh;
}


.about_fixed_matter_box {
    position: relative;
    height: 60vh;
}

.about_fixed_matter_tab {
    position: relative;
    margin-top: -60vh;
}

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

.about_office_wrap {
    position: relative;
}

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

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

.about_office_center {
    padding: 0 0 0 5.7291666vw;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2.6041666vw;
}

.office_item_pic_wrap {
    width: 100%;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    overflow: hidden;
    position: relative;
}

.office_item_pic_wrap:after {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background: #ffffff;
    filter: blur(2vw);
}

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

.office_item_pic_box {
    width: 100%;

}

.about_office_parcel {
    width: max-content;
    position: relative;
    will-change: transform;
    margin-top: 3.125vw;
}

.about_office_tab {
    overflow: initial;
    position: relative;
}

.about_office_item_box {
    width: 23.17708vw;
    margin: 0 1.5625vw 0 0;
}

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

.about_office_item_box:nth-child(3n+1) .office_item_pic_box {
    padding-bottom: 60.6741%;
}

.about_office_item_box:nth-child(3n+2) .office_item_pic_box {
    padding-bottom: 101.123%;
}

.about_office_item_box:nth-child(3n) .office_item_pic_box {
    padding-bottom: 75.0561%;
}

.about_office_item_content {
    position: relative;
    padding-bottom: 101.123%;
}

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

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

.about_office_item_icon {
    width: 1.6666vw;
    -webkit-align-items: center;
    align-items: center;
}

.about_office_item_label {
    width: 0.9375vw;
}

.about_office_item_label svg {
    fill: #87c53f;
}

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

.about_office_item_pack {
    padding: 1.041666vw 0 0 0;
}

.about_office_item_read {
    margin-top: 0.5208333vw;
    padding: 0 0 0 1.6666vw;
}

.about_office_item_read a,
.about_office_item_read {
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    color: #777777;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_office_item_read a {
    position: relative;
}

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

.about_office_item_read a:hover {
    color: #111111;
}

.about_office_item_read a:hover:after {
    width: 100%;
    left: 0;
    background: #111111;
}

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

.about_office_fixed_wrap {
    position: relative;
}

.about_office_fixed_box {
    position: relative;
}

.about_office_fixed_delay {
    height: 60vh;
}

.about_office_head_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #003815;
}

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

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

.layout_page_animate_box {
    position: relative;
    padding-bottom: 5.7291666vw;
}


.layout_page_pack {
    position: relative;
    padding: 1.041666vw;
    background: #eefcf7;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

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

.layout_page_head_title {
    font-size: 2.08333vw;
    line-height: 2.708333vw;
    color: #003815;
    font-weight: bold;
    text-align: center;
}

.layout_page_head_text {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #333333;
    text-align: center;
    margin-top: 2.08333vw;
}

.layout_page_details_wrap {
    width: 51.80722%;
}

.layout_page_banner_wrap {
    width: 48.19278%;
}

.layout_banner_pic_swiper {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

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

.layout_banner_link a {
    display: block;
}

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

.layout_banner_pic_box {
    padding-bottom: 77.5%;
}

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

.layout_page_details_swiper {
    height: 100%;
}

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

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

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

.layout_page_details_center {
    padding: 0 3.125vw;
    width: 100%;
}

.layout_page_details_title {
    font-size: 3.0208333vw;
    line-height: 3.541666vw;
    color: #022f12;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.layout_page_details_text {
    font-size: 0.8333vw;
    line-height: 1.30208333vw;
    color: #899f97;
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

.layout_page_details_swiper .swiper-slide-active .layout_page_details_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);
}

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

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

.layout_page_details_swiper .swiper-slide-active .layout_page_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;
}

.layout_page_details_button .public_btn_read {
    width: 0;
}

.layout_page_details_button .public_btn_link:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.layout_page_details_button .public_btn_link .public_btn_after {
    width: 700%;
}

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

.layout_page_details_button .public_btn_text:nth-child(2) {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}

.layout_page_details_button .public_btn_box:hover .public_btn_link:after {
    -webkit-transform: none;
    transform: none;
}

.layout_page_details_button .public_btn_box:hover .public_btn_read {
    width: 6.25vw;
}

.layout_page_details_button .public_btn_box:hover .public_btn_text:nth-child(2) {
    opacity: 1;
    transition-delay: .3s;
}

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

.layout_page_head_box {
    width: 100%;
    padding: 10.41666vw 0 5.7291666vw 0;
}

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

.layout_control_item_box {
    width: 19.4117%;
    margin: 0 7.4510666% 0 0;
    position: relative;
}

.layout_control_item_box:nth-child(4n) {
    margin: 0;
}

.layout_control_item_read {
    padding: 1.5625vw 0;
}

.layout_control_item_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #111111;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.layout_control_item_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #999999;
    text-align: center;
    margin-top: 0.5208333vw;
}

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

.layout_control_item_box:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #87c53f;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.layout_control_item_active:before {
    width: 100%;
    left: 0;
}

.layout_control_item_active .layout_control_item_title {
    font-weight: bold;
    color: #87c53f;
}

.layout_advert_wrap {
    position: relative;
}

.layout_advert_back {
    padding-bottom: 36.458333%;
}


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

.layout_advert_content {
    width: 100%;
}

.layout_advert_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #ffffff;
    text-align: center;
}

.layout_advert_text {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #ffffff;
    text-align: center;
    margin-top: 1.30208333vw;
}

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

.layout_business_box {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 9;
    overflow: hidden;
    background: #f6f9f1;
}

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

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

.layout_business_animate_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #f6f9f1;
    overflow: hidden;
    pointer-events: none;
}

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

.layout_business_back_clip {
    width: 100%;
    height: 100%;
    position: relative;
    clip-path: inset(15% 58% 0 6% round 100rem 100rem 0 0);
}


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

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

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

.layout_business_content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 8;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-top: 15vh;
}

.layout_business_pack {
    width: 40.885%;
    padding-right: 5.7291666vw;
}

.layout_business_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #003815;
}

.layout_business_subtitle {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #333333;
    font-weight: bold;
    margin-top: 3.6458333vw;
}

.layout_business_read {
    font-size: 0.8333vw;
    line-height: 1.7708333vw;
    color: #333333;
    margin-top: 1.041666vw;
}

.layout_business_text_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    mix-blend-mode: overlay;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}

.layout_business_text_box {
    width: max-content;
    font-size: 20.8333vw;
    line-height: 23.4375vw;
    color: #ffffff;
    text-transform: uppercase;
    pointer-events: none;
}

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

.layout_business_hide {
    -webkit-transform: translateY(-4vw);
    transform: translateY(-4vw);
    opacity: 0;

}


.layout_platform_back_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
}

.layout_platform_back_show {
    pointer-events: auto;
}

.layout_platform_back_show .layout_platform_back_wrap {
    opacity: 1;
}

.layout_platform_back_clip {
    width: 100%;
    height: 100%;
    position: relative;
    clip-path: inset(75% 6% 8% 80% round 2rem);
}

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

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


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

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

.layout_platform_details_center {
    position: relative;
    width: 100%;
    margin-top: 5.208333vw;
}

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

.layout_platform_details_head {
    width: 52.5882%;
    padding-right: 5.208333vw;

}

.layout_platform_details_tips {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    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);
}

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

.layout_platform_details_subtitle {
    font-size: 3.6458333vw;
    line-height: 4.4791666vw;
    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);
}

.layout_platform_details_tab {
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    width: 47.4118%;
    padding-right: 1vw;
    max-height: 80vh;
    overflow: auto;
    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);
}

.layout_platform_details_tab::-webkit-scrollbar {
    width: 1px;
}


.layout_platform_details_tab::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}


.layout_platform_details_tab::-webkit-scrollbar-thumb {
    background: #87c53f;
}

.platform_details_item_box {
    width: 48.7593%;
    margin: 0 2.4814% 2.4814% 0;
}

.platform_details_item_box:nth-child(2n) {
    margin: 0 0 2.4814% 0;
}

.platform_details_item_content {
    padding: 2.08333vw 2.08333vw 1.82291vw 2.08333vw;
    background: #ffffff;
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    height: 100%;
}

.platform_details_item_icon {
    width: 2.6041666vw;
    height: 2.6041666vw;
}

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

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

.platform_details_item_read {
    margin-top: 3.6458333vw;
}

.platform_details_item_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #001111;
    font-weight: bold;
}

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

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

.layout_platform_details_show .layout_platform_details_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.layout_platform_details_show .layout_platform_details_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.layout_platform_details_show .layout_platform_details_tab {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .31s;
    transition-delay: .3s;
}

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

.layout_business_fixed_max {
    position: relative;
}

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

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

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


.layout_platform_foot_box {
    position: relative;
    height: 80vh;
}

.layout_cost_wrap {
    padding: 5.208333vw 0 7.291666vw 0;
    position: relative;
}

.layout_cost_tips {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #87c53f;
}

.layout_cost_title {
    font-size: 3.6458333vw;
    line-height: 4.4791666vw;
    color: #003815;
    margin-top: 0.5208333vw;
}

.layout_cost_subtitle {
    font-size: 3.6458333vw;
    line-height: 4.4791666vw;
    color: #003815;
}

.layout_cost_content {
    margin-top: 3vw;
}

.layout_cost_tab {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}

.layout_cost_tab:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 2px;
    background: #87c53f;
    -webkit-transform-origin: left top;
    transform-origin: left top;

}


.layout_cost_item_box {
    width: 25.2941%;
    position: relative;

}


.layout_cost_item_box:last-child {
    width: 19.41176%;
}

.layout_cost_item_pack {
    margin-top: 0.85vw;
    position: relative;
    -webkit-transform-origin: left top;
    transform-origin: left top;

}

.layout_cost_item_big {
    margin-top: -0.78125vw;
}


.layout_cost_item_box:nth-child(2) .layout_cost_item_big {
    margin-top: -1.5625vw;

}

.layout_cost_item_box:nth-child(3) .layout_cost_item_big {
    margin-top: -2.34375vw;

}

.layout_cost_item_box:nth-child(4) .layout_cost_item_big {
    margin-top: -3.125vw;

}


.layout_cost_item_pack:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0;
    border-left: 1px dashed #87c53f;
}

.layout_cost_item_pack:before {
    content: "";
    position: absolute;
    left: -0.26041666vw;
    top: -0.41666vw;
    width: 0.5208333vw;
    height: 0.5208333vw;
    background: #87c53f;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.layout_cost_item_content {
    padding: 0 1.82291vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.layout_cost_item_head {
    position: relative;
    padding-top: 3.6458333vw;
}

.layout_cost_item_title {
    font-size: 1.7708333vw;
    line-height: 2.5vw;
    color: #003815;
    font-weight: bold;
}

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

.layout_cost_item_tips {
    margin-top: 9.375vw;
}

.layout_cost_item_label {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #87c53f;
    font-weight: bold;
}

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

.AddLayoutCostTab .layout_cost_item_box:nth-child(1) .layout_cost_item_pack:before {
    -webkit-transform: none;
    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;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(1) .layout_cost_item_pack:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(1) .layout_cost_item_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(2) .layout_cost_item_pack:before {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(2) .layout_cost_item_pack:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(2) .layout_cost_item_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}


.AddLayoutCostTab .layout_cost_item_box:nth-child(3) .layout_cost_item_pack:before {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(3) .layout_cost_item_pack:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(3) .layout_cost_item_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(4) .layout_cost_item_pack:before {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(4) .layout_cost_item_pack:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.AddLayoutCostTab .layout_cost_item_box:nth-child(4) .layout_cost_item_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}


.layout_cost_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 6.25vw;
}


.layout_cost_button .public_btn_read {
    width: 8.59375vw;
}


.layout_cost_button .public_btn_link:after {
    background: #87c53f;
}

.layout_cost_button .public_btn_icon:after {
    background: #ffffff;
}

.devel_banner_wrap {
    position: relative;
}

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

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

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

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

.devel_banner_read {
    width: 100%;
    padding: 0 5.7291666vw;
    position: relative;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.devel_banner_en_title {
    font-size: 5.208333vw;
    line-height: 5.208333vw;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.3125vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.devel_banner_en_text {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #ffffff;
    text-align: center;
    margin-top: 1.82291vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

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

.AddDevelBannerRead .devel_banner_en_text {
    -webkit-transform: none;
    transform: none;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.devel_banner_en_hide {
    overflow: hidden;
}

.devel_banner_hover_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-align-items: center;
    align-items: center;
    mask: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 40%, rgb(0, 0, 0) 100%);
}

.devel_banner_hover_content {
    width: 100%;
    padding: 0 5.7291666vw;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;

}

.devel_banner_hover_read {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);

}

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

.devel_banner_hover_text {
    font-size: 0.8333vw;
    line-height: 1.7708333vw;
    color: #ffffff;
    text-align: center;
    margin-top: 2.08333vw;
}

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

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

.devel_banner_fixed_wrap {
    position: relative;
}

.devel_banner_fixed_box {
    position: relative;
    height: 140vh;
}


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


.devel_concept_wrap {
    position: relative;

}

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

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

.devel_concept_head_box {
    -webkit-transform: translateY(10vw);
    transform: translateY(10vw);
}

.char-item {
    opacity: 0;
}

.devel_concept_fixed_wrap {
    position: relative;
    margin-top: -50vh;
    pointer-events: none;
}

.char-current {
    position: relative;
    height: 6vh;
}

.concept_fixed_displace_box {
    position: relative;
    height: 60vh;
}

.devel_concept_text_box {
    position: relative;
    margin-top: -30vh;
}

.devel_concept_text_li {
    position: relative;
    height: 40vh;
}

.concept_fixed_pic_box {
    position: relative;
    height: 80vh;
    margin-top: -30vh;
}

.concept_fixed_delay_box {
    position: relative;
    height: 60vh;
}


.devel_concept_center {
    width: 100%;
    margin-top: 5vw;
}

.devel_concept_head_title {
    font-size: 3.6458333vw;
    line-height: 4.42708333vw;
    color: #003815;
}

.devel_concept_head_subtitle {
    font-size: 3.6458333vw;
    line-height: 4.42708333vw;
    color: #003815;
}

.devel_concept_big {
    width: 20.588%;
    padding-top: 6.25vw;
}

.devel_concept_pic_box {
    padding-bottom: 100%;
}


.devel_concept_pic_wrap {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    clip-path: inset(100% 100% 0% 0% round 1.041666vw);
}

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


.devel_concept_parcel_box {
    width: 43.5294%;
}

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

.devel_concept_parcel_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #87c53f;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}

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

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


.devel_safety_wrap {
    position: relative;
}

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

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

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

.devel_safety_back_box .index_about_shape3 {
    right: 30%;
    bottom: -30.375vw;
    width: 200%;
    opacity: .15;
    -webkit-transform: scale(.5) rotate(18deg);
    transform: scale(.5) rotate(18deg);

}

.devel_safety_back_box .index_about_shape3 .index_about_animate {
    -webkit-animation: SafetyAnimate1 15s infinite linear normal;
    animation: SafetyAnimate1 15s infinite linear normal;
}

@-webkit-keyframes SafetyAnimate1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .6;
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        opacity: .4;
    }
    75% {
        opacity: .6;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes SafetyAnimate1 {
    0% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: .6;
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        opacity: .4;
    }
    75% {
        opacity: .6;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

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

.devel_safety_head_wrap {
    width: 27.6041666vw;
    -webkit-align-items: center;
    align-items: center;
}

.devel_safety_head_box {
    width: 100%;
}

.devel_safety_head_title {
    font-size: 3.6458333vw;
    line-height: 4.42708333vw;
    color: #ffffff;
}

.devel_safety_head_subtitle {
    font-size: 3.6458333vw;
    line-height: 4.42708333vw;
    color: #ffffff;
}

.devel_safety_head_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: rgba(255, 255, 255, .4);
    margin-top: 1.5625vw;
}

.devel_safety_head_tips {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    font-weight: bold;
    color: #ffffff;
    margin-top: 4.1666vw;
}

.devel_safety_item_width {
    width: 44.791666vw;
    overflow: hidden;
}

.devel_safety_item_pic {
    width: 44.791666vw;
}

.devel_safety_item_img {
    padding-bottom: 58.1395%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;

}

.devel_safety_item_img img {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.devel_safety_center {
    width: 100%;
    padding: 0 0 0 5.7291666vw;
    overflow: hidden;
    position: relative;
    margin-top: 5.208333vw;
}

.devel_safety_max {

    width: max-content;
    position: relative;
    will-change: transform;
}

.devel_safety_tab {
    width: max-content;
    position: relative;
    will-change: transform;
}

.devel_safety_item_pack {
    -webkit-align-items: center;
    align-items: center;
    width: 26.041666vw;
}

.devel_safety_item_big {
    padding: 0 4.1666vw;
    width: 100%;
}

.devel_safety_item_label {
    width: 3.2291666vw;
}

.devel_safety_item_read {
    margin-top: 3.6458333vw;
}

.devel_safety_item_title {
    font-size: 2.08333vw;
    line-height: 3.0208333vw;
    color: #ffffff;

}

.devel_safety_item_tips {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: rgba(255, 255, 255, .5);
    margin-top: 0.5208333vw;
}

.devel_safety_item_text {
    font-size: 1.1458333vw;
    line-height: 1.5625vw;
    color: #ffffff;
    margin-top: 7.291666vw;
}

.devel_safety_item_box:first-child {
    margin: 0;
}

.devel_safety_animate_wrap {
    position: relative;
    padding-left: 5.208333vw;


}

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

.devel_safety_fixed_wrap {
    position: relative;
}

.devel_safety_fixed_box {
    position: relative;
}

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

.devel_safety_fixed_delay {
    position: relative;
    height: 50vh;
}

.devel_cost_wrap {
    position: relative;
    padding: 9.375vw 0 11.458333vw 0;
}

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

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

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

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

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

.devel_cost_head_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #003815;
    text-align: center;
}

.devel_cost_head_text {
    font-size: 1.1458333vw;
    line-height: 2.1875vw;
    color: #111111;
    text-align: center;
    margin-top: 3.6458333vw;
}


.devel_cost_item_box {
    width: 24.7058%;
    margin: 0 0.3922% 0 0;
}

.devel_cost_item_box:nth-child(4n) {
    margin: 0;
}


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

.devel_cost_item_label {
    width: 3.4375vw;
    height: 3.4375vw;
}

.devel_cost_item_label svg {
    fill: #87c53f;
}

.devel_cost_item_read {
    margin-top: 2.08333vw;
}

.devel_cost_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #111111;
}

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

.devel_cost_item_text {
    margin-top: 2.6041666vw;
    font-size: 0.78125vw;
    line-height: 1.30208333vw;
    color: #87c53f;
}

.devel_cost_tab {
    margin-top: 6.7708333vw;
}

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

.tech_page_box {
    position: relative;
}

.tech_system_wrap {
    position: relative;
}

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


.tech_system_fixed_wrap {
    position: relative;
    z-index: 8;
    margin-top: -100vh;
}

.tech_system_fixed_box {
    position: relative;
}

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

.tech_system_content {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 19;
}

.tech_system_center {
    width: 26.5625%;
}

.tech_system_max_box {
    padding-bottom: 101.82%;
    position: relative;
}

.tech_system_swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

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

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

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

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

}

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

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

.tech_system_fixed_content {
    padding: 6.25vw 0;
    position: relative;
    margin-top: -100vh;
    z-index: 9;
    pointer-events: none;
}

.tech_system_fixed_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #003815;
}

.tech_system_fixed_big {
    margin-top: 4.6875vw;
}

.tech_system_item_box {
    position: relative;
}

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


.tech_system_item_content {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 4.1666vw 0;
}

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

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

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

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

.AddTechSystemItemShow .tech_system_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);
}

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

.tech_system_item_number {
    width: 3.125vw;
    font-size: 1.1458333vw;
    color: #87c53f;
}

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

.tech_system_item_text {
    font-size: 0.9375vw;
    line-height: 1.7708333vw;
    min-height: 8.8541666vw;
    color: #666666;
}

.tech_partner_wrap {
    position: relative;
}

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

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

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

.tech_partner_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    overflow: hidden;
}

.tech_partner_center {
    width: 100%;
    position: relative;
    align-items: center;
    mask: linear-gradient(60deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 42%, rgb(0, 0, 0) 60%, rgb(0, 0, 0) 100%);
}

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

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

.tech_partner_nav_wrap {
    padding-left: 37.5vw;
}

.tech_partner_nav_box {
    margin-left: 10vw;
}

.tech_partner_nav_box:first-child {
    margin-right: 0;
}

.tech_partner_animate {
    will-change: transform;
    margin-top: -10vw;
}

.tech_partner_item_content {
    position: relative;
}

.tech_partner_head_box {
    width: 13.0208333vw;
}

.tech_partner_head_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #ffffff;
    font-weight: bold;
}

.tech_partner_pack {
    width: max-content;
    position: relative;
    will-change: transform;
    -webkit-align-items: center;
    align-items: center;

}

.tech_partner_item_box {
    width: 16.666vw;
    margin-right: 9.375vw;
}

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

.tech_partner_item_active {
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
}

.tech_partner_item_icon {
    margin-bottom: 2.08333vw;
}


.tech_partner_item_label {
    width: auto;
    height: 5.208333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.tech_partner_item_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: rgba(255, 255, 255, .2);
}

.tech_partner_item_read {
    margin-top: 2.08333vw;
}

.tech_partner_item_title {
    font-size: 1.25vw;
    line-height: 1.6666vw;
    color: #ffffff;
}

.tech_partner_item_text {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: rgba(255, 255, 255, .5);
    margin-top: 1.30208333vw;
}

.tech_partner_max_box {
    position: absolute;
    left: 0;
    bottom: 5.208333vw;
    width: 100%;
    padding: 0 5.7291666vw;
}

.tech_partner_max_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #ffffff;
}

.tech_partner_max_subtitle {
    font-size: 13.541666vw;
    line-height: 10.41666vw;
    color: rgba(135, 197, 63, .1);
    margin-top: -2.08333vw;
}

.tech_partner_fixed_wrap {
    position: relative;
}

.tech_partner_fixed_box {
    position: relative;
}

.tech_expert_wrap {
    padding: 7.291666vw 0 0 0;
}

.tech_expert_head_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #003815;
    text-align: center;
}

.tech_expert_head_read {
    margin-top: 2.6041666vw;
}

.tech_expert_head_subtitle {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #111111;
    text-align: center;
}

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

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

.tech_expert_pack {
    width: 45.8823%;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.tech_expert_big {
    width: 47.0588%;
}

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

.expert_nav_item_icon {
    width: 14.1025%;
}

.expert_nav_item_title {
    width: 82.5642%;
}

.expert_nav_item_pack {
    width: 82.5642%;
    margin-left: 14.1025%;
}

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

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

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

.expert_nav_item_btn {
    width: 100%;
    height: 2px;
    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.3541666vw;
    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;

}

.tech_expert_swiper {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}


.tech_expert_pic_wrap {

    overflow: hidden;
    position: relative;
}

.tech_expert_pic_box {
    padding-bottom: 82.875%;
}

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

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

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


.tech_behalf_wrap {
    position: relative;
}


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

.tech_behalf_center {
    width: 100%;
    padding: 0 0 0 5.7291666vw;
    overflow: hidden;
}

.tech_behalf_item_box {
    width: 42.96875vw;
}

.tech_behalf_item_pack {
    width: 53.2121%;
}

.tech_behalf_item_big {
    width: 46.7879%;
    padding: 1.82291vw 2.08333vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.tech_behalf_item_img {
    padding-bottom: 110.933%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.tech_behalf_item_head {
    width: 100%;
}

.tech_behalf_item_read {
    width: 100%;
}

.tech_behalf_item_tips {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #87c53f;
}

.tech_behalf_item_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #111111;
}

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

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

.tech_behalf_item_line {
    width: 2.08333vw;
    height: 0.15625vw;
    background: #87c53f;
    margin-top: 0.78125vw;
}

.tech_behalf_tab {
    width: max-content;
    position: relative;
    will-change: transform;
    margin-top: 3.125vw;
}

.tech_behalf_fixed_wrap {
    position: relative;
}

.tech_behalf_fixed_box {
    position: relative;
}


.tech_bring_wrap {
    background: #f5f4f2;
    position: relative;
    padding: 6.25vw 0;
}

.tech_bring_item_box {
    width: 23.529%;
    margin: 0 1.961333% 0 0;
}

.tech_bring_item_box:nth-child(4n) {
    margin: 0;
}

.tech_bring_item_content {
    background: #ffffff;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    padding: 0.78125vw;
    height: 100%;
}

.bring_item_pic_wrap {
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    overflow: hidden;
}

.bring_item_pic_box {
    padding-bottom: 54.054%;
}

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

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

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

.tech_bring_item_subtitle {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #87c53f;
}

.tech_bring_item_title {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #111111;
    margin-top: 0.5208333vw;
}

.tech_bring_item_big {
    padding: 1.30208333vw 0 0.5208333vw 0;
}

.tech_bring_item_read {
    margin-bottom: 1.30208333vw;
}

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

.tech_bring_item_tips {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #999999;
}

.tech_bring_item_label {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #333333;
}

.tech_bring_content {
    margin-top: 5.7291666vw;
}


.tech_bring_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 5.7291666vw;
}


.tech_bring_button .public_btn_read {
    width: 9.8958333vw;
}


.tech_bring_button .public_btn_link:after {
    background: #87c53f;
}

.tech_bring_button .public_btn_icon:after {
    background: #ffffff;
}


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

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

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

.join_world_back_box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f2f3f1;
}

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

.world_massif_left_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 61.432%;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    z-index: 9;
}

.world_massif_left_box .world_massif_label {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

.world_massif_right_box {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60.520833%;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    z-index: 10;
}

.world_massif_right_box .world_massif_label {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.world_massif_center_box {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -6%;
    width: 62.291666%;
    z-index: 3;
}

.world_massif_center_box .world_massif_label {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

.world_cloud_box1 {
    position: absolute;
    left: -19.84375%;
    top: 24%;
    width: 32.65625%;
    z-index: 20;
}

.world_cloud_box2 {
    position: absolute;
    right: 17.86458%;
    top: -24%;
    width: 35.46875%;
    display: none;
}


.world_cloud_box3 {
    position: absolute;
    right: -27.708333%;
    top: 15%;
    width: 41.40625%;
    z-index: 1;
}

.world_cloud_box4 {
    position: absolute;
    right: 10%;
    top: 67%;
    width: 24.6875%;
    z-index: 1;
}

.world_cloud_box5 {
    position: absolute;
    left: 10%;
    top: 68%;
    width: 24.6875%;
    z-index: 5;
}

.world_cloud_box1 .world_cloud_label {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

/*.world_cloud_box2 .world_cloud_label {*/
/*    -webkit-transform: translateX(200%) scale(.5);*/
/*    transform: translateX(200%) scale(.5);*/
/*}*/

.world_cloud_box3 .world_cloud_label {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.world_cloud_box4 .world_cloud_label {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
}

.world_cloud_box5 .world_cloud_label {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
}

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

.join_world_tips_box {
    width: 62.5%;
}

.join_world_tips_subtitle {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    color: #87c53f;
    text-align: center;
    -webkit-transform: translateY(5vw);
    transform: translateY(5vw);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.join_world_tips_title {
    font-size: 4.0625vw;
    line-height: 4.58333vw;
    color: #003815;
    text-align: center;
    margin-top: 1.82291vw;
    -webkit-transform: translateY(5vw);
    transform: translateY(5vw);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

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

.join_world_tips_button .join_world_tips_btn {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.join_world_tips_button .public_btn_link:after {
    display: none;
}

.join_world_tips_button .public_btn_link .public_btn_icon:after {
    -webkit-transform: none;
    transform: none;
}

.join_world_tips_button .public_btn_link .public_btn_after {
    width: 700%;
}

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

.join_world_text_box {
    width: 39.5%;
    margin-top: -5.208333vw;

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


.join_world_text_li {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #333333;
    text-align: center;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
    pointer-events: none;
    margin-bottom: 1.5625vw;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

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

}


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

/*.world_cloud_left_show img {*/
/*    -webkit-animation: CloudLeft 30s infinite linear normal both;*/
/*    animation: CloudLeft 30s infinite linear normal both;*/
/*}*/

/*@-webkit-keyframes CloudLeft {*/
/*    0% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*    33% {*/
/*        -webkit-transform: translateX(-50%);*/
/*        transform: translateX(-50%);*/
/*    }*/
/*    66% {*/
/*        -webkit-transform: translateX(50%);*/
/*        transform: translateX(50%);*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*}*/

/*@keyframes CloudLeft {*/
/*    0% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*    33% {*/
/*        -webkit-transform: translateX(-50%);*/
/*        transform: translateX(-50%);*/
/*    }*/
/*    66% {*/
/*        -webkit-transform: translateX(50%);*/
/*        transform: translateX(50%);*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*}*/


/*.world_cloud_min_show img {*/
/*    -webkit-animation: CloudLeftMin 30s infinite linear normal both;*/
/*    animation: CloudLeftMin 30s infinite linear normal both;*/
/*}*/

/*@-webkit-keyframes CloudLeftMin {*/
/*    0% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*    33% {*/
/*        -webkit-transform: translateX(-30%);*/
/*        transform: translateX(-30%);*/
/*    }*/
/*    66% {*/
/*        -webkit-transform: translateX(30%);*/
/*        transform: translateX(30%);*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*}*/

/*@keyframes CloudLeftMin {*/
/*    0% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*    33% {*/
/*        -webkit-transform: translateX(-30%);*/
/*        transform: translateX(-30%);*/
/*    }*/
/*    66% {*/
/*        -webkit-transform: translateX(30%);*/
/*        transform: translateX(30%);*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: none;*/
/*        transform: none;*/
/*    }*/
/*}*/


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

.join_world_fixed_box {
    position: relative;
    height: 200vh;
}

.join_world_delay_box {
    position: relative;
    height: 80vh;
}

.join_world_hide_box {
    position: relative;
    height: 60vh;
}

.join_world_massif_box {
    position: relative;
    height: 250vh;
}

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

.join_growth_current_box {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 9;
}

.join_growth_fixed_wrap {
    position: relative;
}

.join_growth_fixed_box {
    position: relative;
    height: 150vh;
    margin-top: -150vh;
}

.join_growth_back {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%;
}

.join_growth_box {
    position: relative;
    z-index: 9;
    padding: 20vw 0 15.41666vw 0;
}

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

.join_growth_head_title {
    font-size: 3.541666vw;
    line-height: 4.0625vw;
    color: #003815;
    margin-right: 2.08333vw;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    letter-spacing: 1.5vw;
}

.join_growth_head_subtitle {
    font-size: 3.541666vw;
    line-height: 4.0625vw;
    color: #003815;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    letter-spacing: 1.5vw;
    opacity: 0;
}


.join_growth_head_text {
    text-align: center;
    font-size: 1.1458333vw;
    line-height: 2.08333vw;
    color: #333333;
    margin-top: 2.08333vw;
    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);
}

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

.join_growth_tab {
    position: relative;
    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);
}

.join_growth_show .join_growth_tab {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.join_growth_item_box {
    width: 21.7647%;
    margin: 0 4.3137333% 0 0;

}

.join_growth_item_box:nth-child(4n) {
    margin: 0;
}

.join_growth_item_content {
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-border-radius: 0.78125vw;
    border-radius: 0.78125vw;
    overflow: hidden;
}

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

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

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

.join_growth_item_read {
    width: 100%;
    padding: 1.5625vw 2.08333vw;
    position: relative;
    z-index: 9;
}

.join_growth_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #ffffff;
}

.join_growth_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    margin-top: 0.5208333vw;
}

.growth_item_pic_box {
    padding-bottom: 135.135%;
}

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


.join_growth_pack {
    margin-top: 7.291666vw;
}

.join_chance_wrap {
    position: relative;
}

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

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

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

.join_chance_head_title {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #ffffff;
    text-align: center;
}

.join_chance_head_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #ffffff;
    text-align: center;
    margin-top: 1.041666vw;
}

.join_chance_item_box {
    opacity: .1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    height: 100%;
}

.join_chance_item_content {
    background: #ffffff;
    padding: 2.6041666vw 2.6041666vw 1.82291vw 2.6041666vw;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    height: 100%;
}

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

.join_chance_item_title {
    font-size: 1.9791666vw;
    line-height: 2.6041666vw;
    color: #111111;
    width: 70%;
}

.join_chance_item_place {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #aaaaaa;
    max-width: calc(100% - 1.5625vw);
}

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

.join_chance_item_icon {
    width: 0.8333vw;
    margin-right: 0.7291666vw;
}

.join_chance_item_icon svg {
    fill: #003815;
}

.join_chance_item_pack {
    padding: 2.08333vw 0;
}

.join_chance_item_big p {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #666666;
}

.join_chance_item_big {
    height: 15.625vw;
    overflow: auto;
}

.join_chance_item_big::-webkit-scrollbar {
    width: 1px;
}


.join_chance_item_big::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}


.join_chance_item_big::-webkit-scrollbar-thumb {
    background: #87c53f;
}

.join_chance_item_mail {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #87c53f;
}

.join_chance_item_mail a {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #87c53f;
    position: relative;
}

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

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

.join_chance_pack {
    margin-top: 4.6875vw;
}

.join_chance_swiper .swiper-wrapper {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-align-items: stretch;
    align-items: stretch;
}

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

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

.join_chance_pagination_content {
    margin: 0 3.125vw;
    width: 5.208333vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.join_chance_pagination_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #ffffff;
    padding: 0 0.26041666vw;
}

.join_chance_pagination_wrap {
    margin-top: 3.6458333vw;
    position: relative;
}

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


.join_chance_pagination_btn .public_btn_link:after {
    display: none;
}

.join_chance_pagination_btn .public_btn_link .public_btn_icon:after {
    background: #ffffff;
}

.join_chance_pagination_btn .public_btn_link .public_btn_after {
    width: 700%;
}

.join_chance_pagination_active .public_btn_link .public_btn_icon:after {
    background: #87c53f;
}

.join_chance_swiper .swiper-slide-active .join_chance_item_box {
    opacity: 1;
}

.join_form_wrap {
    position: relative;
    background: #f9faf6;
}

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

.join_form_back_box {
    position: relative;
    width: 72.5%;
    height: 100%;
}

.join_form_box {
    position: relative;
    z-index: 9;
    padding: 5.208333vw 0 6.7708333vw 0;

}

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

.join_form_pack {
    width: 44.1176%;
}

.join_form_input_title {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #111111;
}

.join_form_input_tips {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #87c53f;
    margin-left: 0.5208333vw;
}

.join_form_input_max .join_form_input_box {
    width: 48.666%;
    margin: 0 2.668% 0 0;
}

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

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

.join_form_input_wrap {
    margin-bottom: 1.82291vw;
}

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

.join_form_input_input input {
    padding: 0 1.041666vw;
    font-size: 0.8333vw;
    line-height: 3.0208333vw;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    color: #111111;
    background: #ffffff;
    width: 100%;
}

.join_form_input_button button {
    font-size: 0.9375vw;
    line-height: 3.0208333vw;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    color: #ffffff;
    background: #87c53f;
    text-align: center;
    width: 100%;
}

.join_form_input_head {
    margin-bottom: 0.78125vw;
}

.join_form_head_box {
    margin-bottom: 2.6041666vw;
}

.join_form_head_title {
    font-size: 2.5vw;
    line-height: 3.0208333vw;
    color: #003815;
}


.layout_supply_wrap {
    position: relative;
}

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

.layout_supply_back_box {
    width: 100%;
    height: 100%;
    position: relative;
    background: #f9f9f9;
}

.layout_supply_box {
    position: relative;
    z-index: 9;
    margin-top: -100vh;
    padding: 6.25vw 0;
    pointer-events: none;
}

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

.layout_supply_fixed_show {
    position: relative;
    margin-top: 80vh;
}

.supply_add_title_box {
    position: relative;
    height: 50vh;
}

.supply_add_delay_box {
    position: relative;
    height: 60vh;
}

.supply_add_scale_box {
    position: relative;
    height: 50vh;
}

.supply_add_text_tab {
    position: relative;
    margin-top: -25vh;
}

.supply_add_text_li {
    position: relative;
    height: 50vh;
}

.layout_supply_item_box {
    width: 37.647%;
    padding: 1.041666vw;
    background: #ffffff;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}


.layout_supply_item_box:nth-child(2n) {
    margin: 0 24.706% 0 0;
}

.layout_supply_item_box:nth-child(2n+1) {
    margin: 7.291666vw 0 0 0;
}

.layout_supply_item_box:nth-child(1) {
    margin: 0 0 0 62.353%;
}

.layout_supply_item_pack {
    width: 62.334%;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding-right: 2.6041666vw;
}

.layout_supply_item_big {
    width: 37.666%;
}


.supply_item_pic_wrap {
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
}

.supply_item_pic_box {
    padding-bottom: 115.044%;
}

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

.layout_supply_item_head {
    width: 100%;
    margin-top: 1.30208333vw;
}

.layout_supply_item_read {
    width: 100%;
}

.layout_supply_pack {
    margin-top: -9.375vw;
    position: relative;
    z-index: 9;
}

.layout_supply_item_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #111111;
}

.layout_supply_item_subtitle {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    height: 4.0624998vw;
    overflow: auto;
    color: #666666;
    margin-top: 0.5208333vw;
    padding-right: 1vw;

}

.layout_supply_item_subtitle::-webkit-scrollbar {
    width: 1px;
}


.layout_supply_item_subtitle::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}


.layout_supply_item_subtitle::-webkit-scrollbar-thumb {
    background: #87c53f;
}


.layout_supply_item_number {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: rgba(153, 153, 153, .15);
    font-style: italic;
}

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

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

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

.devel_safety_control_wrap {
    padding-right: 5.7291666vw;
    position: relative;
    margin-top: 5.208333vw;
}

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

.devel_safety_control_tips {
    width: 7.0588%;
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #ffffff;
}

.devel_safety_control_content {
    width: 4.70588%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.devel_safety_control_line {
    width: 88.23532%;
    height: 1px;
    position: relative;
    background: rgba(255, 255, 255, .2);
}

.devel_safety_control_after {
    width: 0;
    height: 100%;
    background: #87c53f;
}


.devel_safety_control_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #ffffff;
}

.devel_safety_control_current {
    color: #87c53f;
}

.devel_safety_control_center {
    padding: 0 0.3vw;
}

.index_about_wap_box {
    display: none;
}

.wap_button {
    display: none;
}

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

.layout_supply_add_box {
    position: relative;
    width: 100%;
    -webkit-transform: translateY(12vw);
    transform: translateY(12vw);
}


.layout_supply_title_max,
.layout_supply_title_min {
    font-size: 2.5vw;
    line-height: 3.4375vw;
    color: #003815;
    text-align: center;
}

.layout_supply_add_tips {
    position: relative;
}

.layout_supply_add_type {
    opacity: 0;
    -webkit-transform: translateY(5vw);
    transform: translateY(5vw);
}

.layout_supply_add_subtitle {
    font-size: 2.5vw;
    line-height: 3.4375vw;
    color: #87c53f;
    text-align: center;
}

.layout_supply_title_max {
    margin-top: 3.6458333vw;

}


.layout_supply_text_max {
    margin-top: 1.5625vw;
}


.layout_supply_text_max,
.layout_supply_text_min {
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #333333;
    text-align: center;
}

.AddText {
    -webkit-transform: translateY(5vw);
    transform: translateY(5vw);
    opacity: 0;
}

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


.layout_supply_add_button .public_btn_read {
    width: 9.8958333vw;
}


.layout_supply_add_button .public_btn_link:after {
    background: #87c53f;
}

.layout_supply_add_button .public_btn_icon:after {
    background: #ffffff;
}


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

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

.form_popup_box {
    width: 47.1875%;
    background: #ffffff;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    position: relative;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.form_popup_content {
    padding: 2.6041666vw 4.1666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.form_popup_pack {
    position: relative;
}

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

.form_popup_show .form_popup_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.form_popup_show .form_popup_content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .32s;
    transition-delay: .3s;

}

.form_popup_select_title {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #111111;
    font-weight: bold;
}

.form_popup_select_content {
    margin-top: 0.78125vw;

    position: relative;
}

.form_popup_select_head {
    padding: 0.5208333vw 1.041666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.form_popup_select_read {
    width: calc(100% - 2.08333vw);
}

.form_select_item_icon {
    width: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.form_select_item_label {
    width: 100%;
}

.form_select_item_label svg {
    fill: #454545;
}

.form_select_option_title,
.form_select_item_title {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #87c53f;
    font-weight: bold;
}

.form_select_option_title {
    color: #333333;
}

.form_select_option_text,
.form_select_item_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #666666;
}

.form_popup_select_pack {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #f4f5f1;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    padding-top: 4.1666vw;

}

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

.form_popup_select_big {
    padding: 1.041666vw;
}


.form_popup_select_animate {
    position: relative;
    max-height: 20.88541666vw;
    overflow: auto;
    padding: 0 1.041666vw 0 0;
}

.form_popup_select_animate::-webkit-scrollbar {
    width: 1px;
}


.form_popup_select_animate::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}


.form_popup_select_animate::-webkit-scrollbar-thumb {
    background: #87c53f;
}

.form_popup_select_tab {
    position: relative;
}


.form_select_option_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.form_select_option_content {
    padding: 1.30208333vw 0 0.78125vw 0;
    position: relative;
}

.form_select_option_box:last-child .form_select_option_content:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e0e1de;
}

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

.form_select_option_read {
    width: 100%;
}

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

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

.form_popup_input_box {
    margin-top: 1.041666vw;
}

.form_input_item_box {
    width: 100%;
    margin: 0;
}

.threeBox .form_input_item_box {
    width: 32.1715%;
    margin: 0 1.74275% 0 0;
}

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

.twoBox .form_input_item_box {
    width: 49.128625%;
    margin: 0 1.74275% 0 0;
}

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

.form_popup_input_title {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #111111;
}

.form_popup_input_pack {
    width: 100%;
    position: relative;
    margin-top: 0.5208333vw;
}

.form_popup_input_pack input {
    width: 100%;
    font-size: 0.8333vw;
    line-height: 2.8125vw;
    color: #111111;
    background: #f4f5f1;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    padding: 0 1.041666vw;
}

.form_popup_input_pack input::placeholder {
    color: rgba(17, 17, 17, .1);
}

.form_popup_textarea_box {
    width: 100%;
    padding: 0.625vw 0.625vw 0.625vw 1.041666vw;
    background: #f4f5f1;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

.form_popup_textarea_box textarea {
    width: 100%;
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #111111;
    resize: none;
    height: 4.6875vw;
    padding-right: 0.5208333vw;
}

.form_popup_textarea_box textarea::placeholder {
    color: rgba(17, 17, 17, .1);
}

.form_popup_textarea_box textarea::-webkit-scrollbar {
    width: 1px;
}


.form_popup_textarea_box textarea::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}


.form_popup_textarea_box textarea::-webkit-scrollbar-thumb {
    background: #87c53f;
}

.form_popup_input_wrap {
    margin-top: 2.08333vw;
}

.form_popup_submit_button {
    margin-top: 2.34375vw;
}

.form_popup_submit_button button {
    width: 100%;
    font-size: 0.9375vw;
    line-height: 3.3854vw;
    background: #87c53f;
    color: #fffefe;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

.form_popup_submit_button button:hover {
    background: #77ad38;
}


.devel_news_wrap {
    position: relative;

}

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

.devel_news_back_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    clip-path: inset(18% 40% 32% 40%);
    z-index: 2;
}

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

.devel_news_pic_wrap {
    height: 100%;
}

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

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

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

.devel_news_pack {
    width: 100%;
}

.devel_news_slogan_box {
    position: absolute;
    left: 0;
    bottom: 11%;
    width: 100%;
    z-index: 1;
}

.devel_news_slogan_title {
    font-size: 3.125vw;
    line-height: 3.90625vw;
    color: #003815;
    text-align: center;
}

.devel_news_slogan_subtitle {
    font-size: 3.125vw;
    line-height: 3.90625vw;
    color: #003815;
    text-align: center;
}

.devel_news_head_title {
    font-size: 3.125vw;
    line-height: 3.90625vw;
    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);
}

.devel_news_head_subtitle {
    font-size: 3.125vw;
    line-height: 3.90625vw;
    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);
}

.devel_news_details_box {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    margin-top: 15.625vw;
}

.devel_news_details_read {
    width: 45%;
}

.devel_news_details_title {
    font-size: 1.3541666vw;
    line-height: 2.08333vw;
    color: #ffffff;
    font-weight: bold;
    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);
}

.devel_news_details_text {
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #ffffff;
    margin-top: 1.041666vw;
    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);
}


.devel_news_fixed_wrap {
    position: relative;
}

.devel_news_fixed_delay {
    position: relative;
    height: 50vh;
}

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

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

.DevelNewsContentShow .devel_news_head_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.DevelNewsContentShow .devel_news_head_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.DevelNewsContentShow .devel_news_details_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.DevelNewsContentShow .devel_news_details_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

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


.layout_add_back_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.layout_add_back_clip {
    width: 100%;
    height: 100%;
    position: relative;
    clip-path: inset(75% 80% 8% 6% round 2rem);
}

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

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

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

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

.layout_add_back_show {
    pointer-events: auto;
}

.layout_add_back_show .layout_add_back_wrap {
    opacity: 1;

}

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

.layout_add_delay_box {
    position: relative;
    height: 50vh;
}

.layout_add_foot_box {
    position: relative;
    height: 80vh;
}

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

.layout_platform_add_title {
    font-size: 3.6458333vw;
    line-height: 4.4791666vw;
    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);
}

.layout_platform_add_subtitle {
    font-size: 3.6458333vw;
    line-height: 4.4791666vw;
    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);
}

.layout_platform_add_text {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    color: #ffffff;
    margin-top: 1vw;
    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);
}

.layout_add_details_center {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8vw 0 5vw 0;

}

.layout_add_details_center .page_center {
    height: 100%;
}

.layout_add_details_max {
    -webkit-align-content: space-between;
    align-content: space-between;
    position: relative;
    height: 100%;
}

.layout_add_details_read {
    width: 75.2941%;
    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);
}

.layout_add_control_box {
    width: 24.7059%;
    -webkit-backdrop-filter: blur(2vw);
    backdrop-filter: blur(2vw);
    padding: 0.5208333vw 0.78125vw;
    -webkit-border-radius: 1vw;
    border-radius: 1vw;
    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);
}

.layout_add_control_photo {
    width: 46.15%;
    position: relative;
    -webkit-border-radius: 1vw;
    border-radius: 1vw;
    overflow: hidden;
}

.layout_add_control_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-bottom: 77.777%;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

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

.layout_add_control_active {
    opacity: 1;
}

.layout_add_control_tips {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: rgba(255, 255, 255, .5);
}

.layout_add_control_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: rgba(255, 255, 255, 1);
    margin-top: 0.3vw;
}

.layout_add_control_read {
    width: 53.85%;
    padding: 0 0 0 1.302083vw;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
}

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

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

.layout_add_item_swiper .swiper-slide-active .layout_add_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);
}

.layout_add_item_swiper .swiper-slide-active .layout_add_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;
}

.layout_add_control_head {
    width: 100%;
}

.layout_add_control_button {
    width: 100%;
    padding-bottom: 0.53vw;
}

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

.layout_add_control_btn {
    opacity: .3;
}

.layout_add_control_active {
    opacity: 1;
}

.layout_add_control_prev {
    transform: rotate(180deg);
}

.layout_add_control_icon {
    width: 0.53vw;
}

.layout_add_control_icon svg {
    fill: #ffffff;
}

.layout_add_details_pack {
    width: 100%;
}

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

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

.layout_add_details_show .layout_platform_add_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.layout_add_details_show .layout_platform_add_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.layout_add_details_show .layout_add_details_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.layout_add_details_show .layout_add_control_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}