@charset "utf-8";

body {
    font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}

/*分享翻译*/
.ys_wechat_cont_parga p::before {
    /*分享中文版本*/
    content: '分享到 - 微信';
    /*分享英文版本*/
    /* content: 'Share the - weixin'; */
}

/*导航默认选中*/
.yxnav_active1 {}

.yxnav_active2 {}

/* - banner - start*/
.ys_banner {
    width: 100%;
    position: relative;
}

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

.ys_ban_imgbox {
    position: relative;
    z-index: 1;
}

.ys_ban_imgbox img {
    width: 100%;
}

.ys_ban_li>a {
    display: block;
}

.ys_ban_ph {
    display: none;
}

.ys_ban_video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys_ban_li:not(:first-child) {
    display: none;
}

.ys_ban_imgbox::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, .3); */
}

.ys_ban_txtbox {
    z-index: 5;
}

.ys_nybanner {
    position: relative;
}

.ys_nyban_img,
.ys_nyban_img img {
    width: 100%;
}

.ys_nyban_ph {
    display: none;
}

.ys_nyban_title h1 {
    color: #fff;
    font-size: 40px;
    line-height: 1.5;
}

.ys_nyban_title p {
    color: #fff;
    font-size: 16px;
    line-height: 1.75;
}

/* - banner - end*/

/* 规范 star */

.yxedr_active p {
    font-size: 16px;
    line-height: 1.8;
    color: #787978;
    margin-bottom: 12px;
}

.std_tit1 {
    font-size: 64px;
    line-height: 1.2;
}

.std_tit2 {
    font-size: 48px;
    line-height: 1.4;
}

.std_tit3 {
    font-size: 32px;
    line-height: 1.4;
}

.std_tit4,
.std_tit4 p {
    font-size: 24px;
    line-height: 1.4;
}

.std_word1,
.std_word1 p {
    font-size: 18px;
    line-height: 1.8;
}

.std_word,
.std_word p {
    font-size: 16px;
    line-height: 1.8;
}

.std_padd {
    padding: 100px 0;
}

.std_mar {
    margin-bottom: 60px !important;
}


.mod_tit30 {
    font-size: 30px;
    line-height: 1.5;
}

.home_global_cont {
    width: 100%;
}

/* 规范 end */

.ys_page_title {
    display: none;
}

.mod_head {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 0 120px;
    display: flex;
    justify-content: space-between;
    position: relative;
    transition: all 0.36s;
    align-items: center;
}


.mod_head::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: #009F3A;
}

.mod_head_log {
    width: 170px;
}

.mod_head_log .ys_imgbox_cover img {
    transform: scale(1) !important;
}

.mhnl_link {
    display: flex;
    align-items: center;
    position: relative;
}

.mhnl_link::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/mod_cril.svg);
    width: 16px;
    height: 8px;
    transition: all 0.36s;
    opacity: 0;
}

.mhnl_link p {
    line-height: 80px;
    color: #fff;
    font-size: 16px;
    transition: all 0.36s;
}

.ys_hd_pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.mod_head_nav {
    display: flex;
    margin-right: 100px;
}

.mod_head_log .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}

.mhnl_svg path {
    transition: all 0.36s;
}

.mod_head_nav_li {
    padding: 0 40px;
    position: relative;
}


.mhnl_svg {
    display: none;
    margin-left: 8px;
}

.mod_head_nav_li.have .mhnl_svg {
    display: block;
}

.mod_head_nav_li.yxnav_active1 .mhnl_link p {
    color: #009F3A;
}

.mod_head_nav_li.yxnav_active1 .mhnl_link::after {
    opacity: 1;
}

.mod_head_nav_li.yxnav_active1 .mhnl_svg path {
    fill: #009F3A !important;
}

.ys_phnav_menu {
    background-color: #009F3A;
}

.mod_head_ri_sear {
    width: 24px;
    cursor: pointer;
    flex: none;
    margin-right: 40px;
}

.mod_head_ri_sear .ys_imgbox_cover {
    width: 100%;
    line-height: 80px;
}

.ys_phnav_lisbox.yxnav_active2>a {
    opacity: 0.6;
}

.ys_phnav_lisbox.yxnav_active3 a {
    opacity: 0.6;
}

.mod_head_ri_sear .ys_imgbox_cover img:nth-child(2) {
    top: 1px;
    opacity: 0;
}

.ys_search1 .ys_search1_btn {
    width: 360px;
    height: 115px;
    line-height: 115px;
    text-align: center;
}

.ys_search1 .ys_search1_btn img {
    margin-right: 60px;
    cursor: pointer;
}

.ys_search1_win {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999;
    display: none;
}

.ys_search1_box {
    position: relative;
    top: 50%;
    width: 50%;
    margin: auto;
    height: 40px;
    border-bottom: 1px solid #ffffff;
}

.ys_search1_tbox input {
    width: calc(100% - 60px);
    height: 100%;
    font-size: 24px;
    color: #666666;
}

.ys_search1_but button {
    width: 100%;
    position: relative;
    right: 0;
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 3px;
}

.ys_search1_close {
    width: 28px;
    display: block;
    position: absolute;
    right: 6%;
    top: 4%;
    cursor: pointer;
}

.ys_search1_close img {
    width: 100%;
}

.ys_search1_tbox {
    width: calc(100% - 50px);
    padding-right: 20px;
}

.ys_search1_but {
    width: 50px;
}

.ys_search1_tbox input {
    width: 100%;
}

.ys_search1_btn img {
    width: 100%;
}

.ys_search1 .ys_search1_btn {
    width: 90px;
    height: 115px;
    line-height: 115px;
    text-align: center;
}

.ys_search1 .ys_search1_btn {
    width: 20px;
    margin-right: 90px;
}

/* 响应式 */
@media screen and (max-width:768px) {
    .ys_search1 .ys_search1_btn {
        width: 20px;
        margin-right: 30px;
        height: 64px;
        line-height: 64px;
    }

    .ys_search1_close {
        width: 15px;
        right: 4%;
        top: 3%;
    }

    .ys_search1_tbox input {
        font-size: 16px;
    }

    .ys_search1_but button {
        font-size: 16px;
    }

    .ys_search1_box {
        height: 26px;
    }

    .ys_search1_but {
        width: 38px;
    }

    .ys_search1_tbox {
        width: calc(100% - 38px);
        padding-right: 10px;
    }
}


.mod_head_ri_oa {
    position: relative;
    flex: none;
    margin-right: 40px;
}

.mhro_le p {
    font-size: 16px;
    line-height: 80px;
    color: #fff;
    transition: all 0.36s;
}

.mod_head_ri {
    display: flex;
    align-items: center;
}


.mod_head_ri_lan {
    display: flex;
    align-items: center;
    flex: none;
    margin-right: 50px;
}

.mhrl_le {
    width: 24px;
}

.mhrl_ri p {
    font-size: 16px;
    color: #fff;
    transition: all 0.36s;
}

.mhrl_ri a {
    line-height: 80px;
    color: rgba(255, 255, 255, 0.5);
    display: inline-block;
}

.mhrl_ri .mhrl_ri_act {
    color: #fff;
}

.mhrl_ri {
    padding-left: 4px;
}

.mhrl_le .ys_imgbox_cover img:nth-child(2n) {
    opacity: 0;
}


.mhro_link {
    display: flex;
    align-items: center;
}

.mhro_le {
    padding-right: 4px;
}

.mhro_ri {
    width: 24px;
}

.mhro_ri .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}

.mhrc_more {
    border: 1px solid #fff;
    border-radius: 80px;
    transition: all 0.36s;
    display: flex;
    align-items: center;
    padding: 8px 24px;
}

.mhrc_le p {
    color: #fff;
    transition: all 0.36s;
    font-size: 16px;
}

.mhrc_ri {
    width: 24px;
}

.mhrc_ri img:nth-child(2) {
    opacity: 0;
}

.mhrc_le {
    padding-right: 8px;
}

.ys_ban_txtbox .std_tit1 {
    color: #fff;
    line-height: 1.2;
    font-weight: 700;
}


.ys_ban_slick .slick-dots {
    width: 1440px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    bottom: 60px;
}

.ys_ban_slick .slick-dots li {
    width: 16px;
    height: 16px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 80px;
}

.ys_ban_slick .slick-dots li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    width: 12px;
    height: 12px;
    background: #009F3A;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.36s;
}

.ys_ban_slick .slick-dots li.slick-active {
    width: 68px;
}

.ys_ban_slick .slick-dots li.slick-active::after {
    opacity: 1;
    left: calc(100% - 17px);
}

.ys_banner_ledbox {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.ys_banner_led {
    width: 24px;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ys_banner_led::before {
    content: "";
    display: block;
    flex-shrink: 0;
    background-color: #fff;
    width: 1px;
    height: 16px;
    transition: all 0.36s;
    animation: led 1.5s infinite alternate-reverse ease-in-out;
}

.ys_banner_led::after {
    content: "";
    display: block;
    background-color: #fff;
    width: 1px;
    height: 16px;
    flex-grow: 1;
}

.ys_banner_led_cent {
    width: 32px;
    margin: 8px 0;
}

.ys_banner_led_cent img {
    width: 100%;
}

@keyframes led {
    to {
        height: 60px;
    }
}

.home_main .ys_banner .ys_ban_imgbox img {
    height: 100vh;
    object-fit: cover;
}

.home_system_top {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

.home_system_top_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 38, 19, 0.3);
}

.home_system_top_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_system_top_wrap {
    width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.home_system.act .hstw_quan img {
    animation: xlk 1.5s 1;
}

@keyframes xlk {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(720deg);
    }
}

.hstw_quan {
    width: 82%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.hstw_writin_subt p {
    color: #fff;
    line-height: 1.5;
}

.hstw_writin_tit .std_tit2 {
    color: #fff;
    line-height: 1.5;
}

.hstw_writin {
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

.hstw_writin_subt {
    margin-bottom: 4px;
}

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

.hstw_btm_lottie_flot {
    width: 100%;
}

#hstw_lottie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    transform: scale(1.4);
    opacity: 0;
}

.hstw_top {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 20px;
}

.hstw_btm {
    position: relative;
    width: 100%;

}

.hbll_le {
    width: 80px;
    border-radius: 50%;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 15px;
}

.hstw_btm_list_li {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.hbll_ri_info p {
    color: #fff;
    line-height: 1.8;
}

.hbll_ri_tit .std_tit3 {
    color: #fff;
    line-height: 1.3;
}


.hbll_ri {
    padding-left: 20px;
    min-width: 100px;
}

.hstw_btm_list_li3 {
    flex-direction: row-reverse;
}

.hstw_btm_list_li3 .hbll_ri {
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}

.hstw_btm_list_li {
    position: absolute;
    transform: translate(-50%, -50%);
}


.hstw_btm_list_li1 {
    top: 10%;
    right: -10%;
}

.hstw_btm_list_li2 {
    top: 82%;
    right: -17%;
}

.hstw_btm_list_li3 {
    top: 50%;
    left: -18%;
    transform: translateY(-50%);
}



.home_system_btm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    overflow: hidden;
    opacity: 0;
    transition: all 0.36s;
    pointer-events: none;
    background: #fff;
}

.home_system_img_li {
    width: 100%;
    height: 100vh;
    display: none;
}

.home_system_img_li:first-child {
    display: block;
}

.home_system_img_li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.home_system {
    height: 160vh;
}

.home_system_wrap {
    width: 100%;
    height: 100vh;
    position: relative;
    position: sticky;
    top: 0;
    left: 0;
    overflow: hidden;
}

.he_a1s4_logo {
    transform-origin: 85% 50%;
    transition: all .3s ease-out;
}

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

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

.home_system_btm_wrap {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 50%;
    top: 54.3%;
    transform: translate(-50%, -50%);
    z-index: 25;
}

.hsbw_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.hsbw_wrap_le {
    width: 37.5%;
    padding-right: 166px;
    position: relative;
}

.hsbw_wrap_le_tit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hsbw_wrap_le_tit .hbll_le {
    border: 1px solid #009F3A;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.hsbw_wrap_le_tit .hbll_ri_info p {
    color: #009F3A;
}

.hsbw_wrap_le_tit .hbll_ri_tit .std_tit2 {
    color: #333532;
}

.hsbw_wrap_le_info {
    margin-bottom: 79px;
}

.hsbw_wrap_le_info p {
    color: #787978;
    line-height: 1.6;
}

.hsbw_wrap_le_tit {
    margin-bottom: 40px;
}

.hwlm_more {
    background: #009F3A;
    border-radius: 80px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    transition: all 0.36s;
}

.hwlm_le p {
    font-size: 16px;
    line-height: 45px;
    color: #fff;
}

.hwlm_ri {
    width: 24px;
}

.hwlm_ri img {
    width: 100%;
}

.hsbw_wrap_le_more {
    display: inline-block;
}

.hwlm_le {
    padding-right: 16px;
}

.hsbw_wrap_le_ul {
    width: 100%;
}

.hwlu_li {
    width: 100%;
    display: none;
}

.hwlu_li:first-child {
    display: block;
}

.hwlb_wrap {
    display: flex;
}

.hwlb_btn path {
    transition: all 0.36s;
    stroke: #009F3A !important;
}

.hwlb_btn {
    width: 48px;
    height: 48px;
    border: 1px solid #009F3A;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: all 0.36s;
}

.hwlb_btn svg {
    width: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hwlb_ri {
    margin-left: 40px;
}


.hsbw_wrap_le_btm {
    margin-top: 105px;
}

.hsbw_wrap {
    width: calc(100% + 550px);
    align-items: center;
}

.hsbw_wrap_ri {
    width: 46vw;
    height: 46vw;
    border-radius: 50%;
    border: 2px solid #009F3A;
    position: relative;
}

.hwru_li {
    width: 80px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 16px 0px rgba(0, 56, 28, 0.10);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: all 0.36s;
    position: absolute;
    cursor: pointer;
}


.hwru_wrap .ys_imgbox_cover img:nth-child(1) {
    opacity: 0;
}

.hwru_li.act .hwru_wrap .ys_imgbox_cover img:nth-child(1) {
    opacity: 1;
}

.hwru_li.act .hwru_wrap .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}

.hwru_li.act {
    background: #009F3A;
}


.hwru_li1 {
    top: 21%;
    left: 3%;
}

.hwru_li2 {
    top: 50%;
    left: -4%;
    transform: translateY(-50%);
}

.hwru_li3 {
    top: 73%;
    left: 3%;
}


.hsbw_wrap_le_desz {
    width: 60%;
    position: absolute;
    right: -88px;
    top: 50%;
    transform: translateY(-50%);
}

.hsbw_wrap_le_desz img {
    width: 100%;
}


/* .section {
    overflow: hidden;
} */


.home_system.act #hstw_lottie {
    opacity: 1;
    transform: scale(1);
}

.hbll_wrapk {
    display: flex;
    align-items: center;
    transition: all 0.6s;
    transition-delay: 0.8s;
    opacity: 0;
}

.hstw_btm_list_li3 .hbll_wrapk {
    flex-direction: row-reverse;
}

.hstw_btm_list_li1 .hbll_wrapk,
.hstw_btm_list_li2 .hbll_wrapk {
    transform: translateX(50px);
}

.hstw_btm_list_li3 .hbll_wrapk {
    transform: translateX(-50px);
}

.home_system.act .hbll_wrapk {
    transform: translateX(0px) !important;
    opacity: 1;
}

.hstw_top_wrap {
    width: 100%;
    transition: all 0.36s;
    opacity: 0;
}

.home_system.act .hstw_top_wrap {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: 0.1s;
}

.home_system.on .home_system_btm {
    opacity: 1;
    pointer-events: all !important;
}

.he_a1s4_logo {
    transform: scale(3);
    transition: all 0.6s;
}

.hsbw_wrap_le_tit,
.hsbw_wrap_le_info,
.hsbw_wrap_le_more,
.hsbw_wrap_le_btm,
.hsbw_wrap_ri {
    opacity: 0;
    transition: all 0.36s;
    animation-delay: 1s;
}

.hsbw_wrap_ri {
    transform: translateX(50px);
    transition: all 0.56s;
    transition-delay: 1s;
}

.hsbw_wrap_le_desz {
    opacity: 0;
}

.home_system.on .hsbw_wrap_le_desz {
    transition: all 0.46s;
    transition-delay: 0.5s;
    opacity: 1;
}

.home_system.on .he_a1s4_logo {
    transform: scale(1);
}

.home_system.on .hsbw_wrap_ri {
    transform: translateX(0px);
    opacity: 1;
}



.home_system.on .hsbw_wrap_le_tit,
.home_system.on .hsbw_wrap_le_info,
.home_system.on .hsbw_wrap_le_more,
.home_system.on .hsbw_wrap_le_btm {
    animation: fadeInLeft .5s ease-in-out both;
    opacity: 1;
}

.hsbw_wrap_le_tit {
    animation-delay: 1.1s !important;
}

.hsbw_wrap_le_info {
    animation-delay: 1.2s !important;
}

.hsbw_wrap_le_more {
    animation-delay: 1.3s !important;
}

.hsbw_wrap_le_btm {
    animation-delay: 1.4s !important;
}

.hstw_btm_list_li {
    pointer-events: none;
}

.home_system.actk .hstw_btm_list_li {
    pointer-events: all;
}

.ys_hd_pc.isfixed .mod_head {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.ys_hd_pc.isfixed .mod_head .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}

.ys_hd_pc.isfixed .mod_head .ys_imgbox_cover img:nth-child(2) {
    opacity: 1 !important;
}

.ys_hd_pc.isfixed .mhnl_link p {
    color: #333532;
}

.ys_hd_pc.isfixed .mhro_le p {
    color: #333532;
}

.ys_hd_pc.isfixed .mhnl_svg path {
    fill: #333532;
}

.ys_hd_pc.isfixed .mhrl_ri p {
    color: #333532;
}

.ys_hd_pc.isfixed .mhrl_ri a {
    color: rgba(51, 53, 50, 0.5);
}

.ys_hd_pc.isfixed .mhrl_ri .mhrl_ri_act {
    color: rgba(51, 53, 50, 1);
}

.ys_hd_pc.isfixed .mhrc_more {
    border-color: #009F3A;
}

.ys_hd_pc.isfixed .mhrc_le p {
    color: #009F3A;
}

.home_global {
    width: 100%;
    position: relative;
    /* padding-bottom: 0 !important; */
}

.ys_hd_pc.isfixedw .mod_head {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.ys_hd_pc.isfixedw .mod_head .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}

.ys_hd_pc.isfixedw .mod_head .ys_imgbox_cover img:nth-child(2) {
    opacity: 1 !important;
}

.ys_hd_pc.isfixedw .mhnl_link p {
    color: #333532;
}

.ys_hd_pc.isfixedw .mhro_le p {
    color: #333532;
}

.ys_hd_pc.isfixedw .mhnl_svg path {
    fill: #333532;
}

.ys_hd_pc.isfixedw .mhrl_ri p {
    color: #333532;
}

.ys_hd_pc.isfixedw .mhrl_ri a {
    color: rgba(51, 53, 50, 0.5);
}

.ys_hd_pc.isfixedw .mhrl_ri .mhrl_ri_act {
    color: rgba(51, 53, 50, 1);
}

.ys_hd_pc.isfixedw .mhrc_more {
    border-color: #009F3A;
}

.ys_hd_pc.isfixedw .mhrc_le p {
    color: #009F3A;
}


.home_global_top {
    text-align: center;
}

.home_global_top_tit .std_tit2 {
    color: #333532;
    line-height: 1.2;
}


.home_global_top_info p {
    color: #007C3E;
    line-height: 1.8;
}


.home_global_top_info {
    margin-top: 16px;
}

.home_global_btm {
    width: 100%;
    position: relative;
    margin-top: 65px;
}

.hgbu_top .std_tit3 {
    color: #009F3A;
}

.hgbu_btm p {
    color: #333532;
    line-height: 1.8;
}

.hgbu_top {
    margin-bottom: 5px;
}

.home_global_btm_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home_global_map {
    width: 1135px;
    margin: 0 auto;
    margin-top: -180px;
    position: relative;
}

.home_global_top,
.home_global_btm {
    position: relative;
    z-index: 10;
}

.home_sustai {
    width: 100%;
    position: relative;
    height: 720px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -150px;
}

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

.home_sustai_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_sustai_cont {
    width: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
}

.home_sustai_tit .std_tit2 {
    color: #fff;
    line-height: 1.2;
}

.home_sustai_info p {
    color: #fff;
    line-height: 1.4;
}

.home_sustai_more {
    display: flex;
    justify-content: center;
}

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

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

.home_news_top {
    width: 100%;
    text-align: center;
}

.news_top {
    position: sticky;
    top: 81px;
    left: 0;
    z-index: 20;
    background: #fff;
}

.home_news_top .home_global_top_info {
    margin-top: 0 !important;
    margin-bottom: 8px;
}

.hnbu_li {
    width: 572px !important;
    margin: 0 12px;
}

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

.hnbu_wrap_btm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 25px;
}

.hnbu_wrap_btm_info p {
    color: #fff;
    line-height: 1.6;
    min-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hnbu_wrap .ys_imgbox_cover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 38, 19, 0.00) 0%, #002613 100%);
}

.hwbm_le {
    padding-right: 22px;
}

.hwbm_ri {
    width: 14px;
}

.hwbm_ri img {
    width: 100%;
}

.hwbm_le p {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

.hwbm_link {
    display: flex;
    align-items: center;
}

.hnbu_wrap_btm_more {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    opacity: 0;
    transition: all 0.36s;
}

.hwbm_more {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.hnbu_wrap .ys_imgbox_cover {
    border-radius: 10px;
}

.home_news_btm_swip {
    width: 696px !important;
    margin: 0 auto;
    max-width: 100%;
}

.hnbu_li.swiper-slide-active {
    width: 696px !important;
}

.hnbu_li {
    transition-property: all !important;
    transition: all 0.5s !important;
}

.home_news_btm_swip {
    min-height: 392px;
}

.hnbu_li.swiper-slide-active .hnbu_wrap_btm_more {
    opacity: 1;
}

.home_news_control {
    width: 340px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
}

.home_news_control .hwlb_wrap {
    width: 100%;
    justify-content: space-between;
}

.home_news_control_num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home_news_control_num span,
.home_news_control_num {
    font-size: 16px;
    line-height: 1.8;
    color: #009F3A;
}

.home_news_control_num .hncn_sp2 {
    color: rgba(51, 53, 50, 0.4);
}

.home_listen {
    width: 100%;
    padding: 80px 0;
}

.home_listen_cont {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home_listen_le .std_tit3 {
    color: #fff;
    line-height: 1.3;
}

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

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

.mod_fot_top {
    width: 100%;
    background: #fff;
    padding-top: 70px;
    padding-bottom: 40px;
}


.mod_fot_top_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mftl_logo {
    width: 240px;
    margin-bottom: 50px;
}

.mftl_logo img {
    width: 100%;
}

.mftl_follow {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.mftl_follow_le p {
    font-size: 14px;
    line-height: 1.8;
    color: #333532;
}

.mftl_follow_le {
    padding-right: 24px;
}

.mftl_follow_ri_weix {
    position: relative;
}

.mfrw_icon {
    width: 24px;
    cursor: pointer;
}

.mfrw_icon img {
    width: 100%;
}

.mfrw_code {
    width: 110px;
    position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.mfrw_code img {
    width: 100%;
}

.mftl_tline {
    width: 100%;
    position: relative;
    margin-bottom: 32px;
}

.mftl_tline {
    display: flex;
    align-items: center;
}

.mftl_tline_ri span {
    color: #009F3A;
    line-height: 1.6;
    font-size: 16px;
    padding-right: 18px;
}

.mftl_list {
    display: flex;
    margin: 0 -20px;
}

.mftl_list_li {
    width: 50%;
    padding: 0 20px;
}

.mllw_ri {
    width: 24px;
}

.mllw_ri img {
    width: 100%;
}

.mftl_list_li_wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(51, 53, 50, 0.2);
    padding-bottom: 4px;
    align-items: center;
}

.mllw_le p {
    color: #333532;
    line-height: 1.8;
    transition: all 0.36s;
}

.mftr_top a {
    font-size: 18px;
    line-height: 1.6;
    color: #333532;
}

.mftr_btm_link a {
    font-size: 16px;
    line-height: 1.8;
    color: #333532;
    transition: all 0.36s;
    opacity: 0.6;
}

.mftr_top {
    margin-bottom: 18px;
}

.mftr_btm_link {
    margin-bottom: 8px;
}

.mftr_ul {
    display: flex;
    /* flex-wrap: wrap; */
}

.mftr_li {
    margin-left: 120px;
}

.mftr_li:first-child {
    margin-left: 0;
}

.mod_fot_btm {
    width: 100%;
    background: #006231;
    padding: 17px 0;
}

.mod_fot_btm_cont {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.mfbc_le p,
.mfbc_le p a {
    color: #fff;
    line-height: 1.8;
    font-size: 14px;
}

.mfbc_le p a:last-child {
    opacity: 0.3;
    margin-left: 10px;
}

.mfbc_ri a,
.mfbc_ri {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

.mfbc_ri a {
    margin: 0 10px;
}

.mfbc_ri a:last-child {
    margin-right: 0;
}


.ys_ban_img {
    text-align: center;
}

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

.produc_wrap {
    width: 100%;
}


.produc_wrap_top p {
    color: #333532;
    line-height: 1.4;
}

.produc_wrap_top {
    width: 966px;
    max-width: 100%;
    margin: 0 auto;
}

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

.pudoc_link {
    cursor: pointer !important;
}

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

.news_top {
    width: 100%;
    border-bottom: 1px solid rgba(120, 121, 120, 0.2);
    border-top: 1px solid rgba(120, 121, 120, 0.2);
}

.news_top_ul {
    width: 100%;
    display: flex;
}

.news_top_li a {
    font-size: 16px;
    line-height: 1.8;
    color: #333532;
    display: block;
    position: relative;
    padding: 15px 0;
}


.news_top_li {
    position: relative;
    margin-right: 120px;
}

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

.news_top_li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #009F3A;
    transition: all 0.36s;
    opacity: 0;
}

.news_top_li.act a::after {
    width: 100%;
    opacity: 1;
}

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

.nwul_wrap {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
}

.news_wrap_ul {
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5px;
}

.news_wrap_ul_li {
    width: 33.333333%;
    padding: 0 24px;
    margin-bottom: 48px;
}

.nwul_wrap_btm {
    width: 100%;
    background: #fff;
    padding: 24px;
}

.nwul_wrap_btm_tit p {
    font-size: 16px;
    line-height: 1.8;
    color: #787978;
    font-weight: 290;
}

.nwul_wrap_btm_info p {
    line-height: 1.6;
    height: 3.2em;
    color: #000;
    transition: all 0.36s;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nwul_wrap_btm_tit {
    margin-bottom: 8px;
}

.nwbm_ri {
    width: 24px;
}

.nwbm_le p {
    color: #007C3E;
    line-height: 1.8;
    font-size: 16px;


}

.nwbm_ri img {
    width: 100%;
}

.nwbm_wrap {
    display: flex;
    align-items: center;
}

.nwbm_le {
    padding-right: 16px;
}

.nwul_wrap_btm_info {
    margin-bottom: 53px;
}

.pc_fenye li {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #007C3E;
    color: #007C3E;
}


.pc_fenye li.activepage {
    color: #fff;
    background: #007C3E;
}



.ys_nypage .ys_hd_pc .mod_head {
    background: #fff;
    border-bottom: 1px solid rgba(120, 121, 120, 0.20);
}

.ys_nypage .ys_hd_pc .mod_head .ys_imgbox_cover img:nth-child(1) {
    opacity: 0 !important;
}

.ys_nypage .ys_hd_pc .mod_head .ys_imgbox_cover img:nth-child(2) {
    opacity: 1 !important;
}

.ys_nypage .ys_hd_pc .mhnl_link p {
    color: #333532;
}

.ys_nypage .ys_hd_pc .mhro_le p {
    color: #333532;
}

.ys_nypage .ys_hd_pc .mhnl_svg path {
    fill: #333532;
}

.ys_nypage .ys_hd_pc .mhrl_ri p {
    color: #333532;
}

.ys_nypage .ys_hd_pc .mhrl_ri a {
    color: rgba(51, 53, 50, 0.5);
}

.ys_nypage .ys_hd_pc .mhrl_ri .mhrl_ri_act {
    color: rgba(51, 53, 50, 1);
}

.ys_nypage .ys_hd_pc .mhrc_more {
    border-color: #009F3A;
}

.ys_nypage .ys_hd_pc .mhrc_le p {
    color: #009F3A;
}

.ys_nypage .mod_main {
    margin-top: 81px;
}


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

.detail_wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.detail_ri {
    width: 72px;
    padding-top: 108px;
    position: sticky;
    top: 50px;
    right: 0;
}

.detail_le {
    width: calc(100% - 72px);
    padding-left: 198px;
    padding-right: 128px;
}

.detail_le_top {
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(51, 53, 50, 0.2);
    padding-bottom: 12px;
}

.detail_le_top_tit .std_tit3 {
    color: #333532;
    line-height: 1.3;
    font-weight: bold;
}

.dltb_ri p {
    color: #787978;
    line-height: 1.8;
    font-weight: 290;
}

.dltb_li {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.dltb_ri {
    padding-left: 16px;
}

.detail_le_top_btm {
    display: flex;
    align-items: center;
}

.detail_le_top_tit {
    margin-bottom: 24px;
}

.detail_le_cen {
    width: 100%;
    position: relative;
    padding: 40px 0 50px;
}

.detail_le_cen p {
    color: #787978;
    line-height: 1.8;
    margin-bottom: 40px;
}


.detail_le_cen img {
    border-radius: 20px;
}

.detail_le_btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 20px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    background: #fff;
}

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

.detail_le_btm_li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 67px;
    background: #787978;
}

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

.dlbl_tit p {
    font-size: 16px;
    line-height: 1.8;
    color: #333532;
}

.dlbl_info p {
    font-size: 16px;
    line-height: 1.8;
    color: #787978;
    transition: all 0.36s;
    position: relative;
    display: inline-block;
}

.dlbl_info p::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: #009F3A;
    transition: all 0.36s;
    opacity: 0;
}

.detail_le_btm_li a {
    display: block;
    padding: 24px 40px;
}

.dlbl_tit {
    margin-bottom: 14px;
}

.detail_ri_wrap {
    width: 100%;
    border-radius: 200px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    padding: 24px 16px;
}


.detail_ri_wrap_top p {
    font-size: 16px;
    line-height: 1.4;
    color: #333532;
}

.detail_ri_wrap_top {
    text-align: center;
    border-bottom: 1px solid rgba(120, 121, 120, 0.2);
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.ys_share_img {
    width: 100%;
}

.ys_share_list {
    margin-bottom: 16px;
}

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

.ys_ban_info {
    width: 685px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 27px;
}

.ys_ban_info p {
    color: #fff;
    line-height: 1.6;
    text-align: center;
}

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

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


.mater_list_top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    align-items: center;
    z-index: 10;
    position: relative;
}

.mater_list_top_le {
    width: 260px;
    padding: 35px 60px;
    border-radius: 20px;
}

.mater_list_top_ri {
    width: calc(100% - 260px);
    padding-left: 60px;
    padding-right: 40px;
}

.mater_list {
    padding-top: 60px;
}

.mltl_wrap {
    width: 100%;
    border-radius: 10px;
    background: rgba(0, 186, 68, 0.50);
    padding: 8px;
}

.mltl_icon {
    width: 48px;
    margin: 0 auto;
    margin-bottom: 16px;
}

.mltl_info {
    text-align: center;
}

.mltl_info p {
    color: #fff;
    font-weight: 400;
    line-height: 1.4;
}


.mltr_li {
    width: 20%;
    padding: 0 20px;
    margin: 10px 0;
}

.mltr_ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.mltr_li_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    text-align: center;
    padding: 20px 15px 31px;
    border: 1px solid transparent;
    transition: all 0.36s;
    cursor: pointer;
}

.mltr_li_wrap_icon {
    width: 54px;
    margin: 0 auto;
    margin-bottom: 12px;
}


.mltr_li_wrap_info p {
    color: #333532;
    line-height: 1.6;
    transition: all 0.36s;
}

.mltr_li.act .mltr_li_wrap {
    border-color: #009F3A;
}

.mltr_li.act .mltr_li_wrap_info p {
    color: #009F3A;
}

.mater_list_li {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

.mater_list_btm {
    width: 100%;
    position: relative;
    margin-top: -20px;
}

.mater_list_btm_li {
    width: 100%;
    border-radius: 20px;
    background: #FAFAFA;
    padding: 60px 100px 80px;
    display: none;
}

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

.mlbl_top_ul {
    display: flex;
    flex-wrap: wrap;
}

.mlbl_top_li {
    width: 16.666666%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.mlbl_top_li p {
    border-bottom: 1px solid #787978;
    padding: 8px 10px;
    font-weight: 290;
    line-height: 1.8;
    color: #787978;
    position: relative;
    transition: all 0.36s;
    width: 100%;
}

.mlbl_top_li p::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #009F3A;
    transition: all 0.36s;
    opacity: 0;
}

.mlbl_top_li.act p {
    color: #009F3A;
}

.mlbl_top_li.act p::after {
    width: 100%;
    opacity: 1;
}

.mlbl_li {
    width: 100%;
    position: relative;
    display: none;
}

.mlbl_li:first-child {
    display: block;
}


.mlbl_li_sketch {
    width: 100%;
    position: relative;
    display: flex;
    padding-top: 60px;
    padding-bottom: 40px;
    flex-wrap: wrap;
    align-items: center;
}


.mlbl_li_sketch_ri {
    width: 486px;
}

.mlbl_li_sketch_le {
    width: calc(100% - 486px);
    padding-right: 96px;
}

.mlsl_tit .std_tit2 {
    color: #333532;
    line-height: 1.3;
}

.mlsl_info p {
    color: #787978;
    line-height: 1.8;
}

.mlsr_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    align-items: stretch;
}

.mlsr_li {
    width: 50%;
    padding: 0 20px;
    margin: 20px 0;
}

.mlsr_li_wrap {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #009F3A;
    padding: 20px 16px;
    text-align: center;
}

.mlsl_tit {
    margin-bottom: 40px;
}

.mlsr_li_wrap_icon {
    width: 48px;
    margin: 0 auto;
    margin-bottom: 8px;
}

.mlsr_li_wrap_info p {
    color: #333532;
    line-height: 1.8;
}

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


.mlbl_li_size_img {
    width: 100%;
}

.mlsi_li {
    width: 100%;
    display: none;
}

.mlsi_li:first-child {
    display: block;
}

.mlsi_li .ys_imgbox_cover {
    border-radius: 20px 20px 0 0;
}

.mlbl_li_size_btm {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
}

.mlsb_wrap {
    width: 100%;
    position: relative;
    padding: 20px 40px;
}

.mlsb_ul {
    border-radius: 80px;
    background: rgba(0, 0, 0, 0.4);
}

.mlsb_li p {
    color: #fff;
    line-height: 1.75;
    transition: all 0.36s;
    padding: 4px 20px;
    border-radius: 50px;
}

.mlsb_li.act p {
    background: #fff;
    color: #009F3A;
}

.mlsb_ul {
    display: flex;
}

.mlsb_li {
    margin-right: 10px;
    cursor: pointer;
}

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

.mlbl_li_data {
    width: 100%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
}


.mlbl_li_data_ul {
    margin: 0 -60px;
    display: flex;
    flex-wrap: wrap;
}

.mldu_li {
    width: 33.333333%;
    padding: 0 60px;
    margin: 20px 0;
}

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

.mldu_wrap_top .std_tit3 {
    color: #009F3A;
    line-height: 1.3;
}

.mldu_wrap_top {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(120, 121, 120, 0.2);
}

.mldu_wrap_btm p {
    color: #787978;
    line-height: 1.8;
}

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

.mlbl_li_chart_tit .std_tit3 {
    color: #333532;
    line-height: 1.3;
}

.mlbl_li_chart_tit {
    margin-bottom: 40px;
}

.mlbl_li_chart_ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.mlcu_li {
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.mlcu_wrap {
    width: 100%;
}

.mlcu_wrap_top {
    width: 100%;
    position: relative;
    border: 1px solid #787978;
    border-radius: 10px;
    padding: 24px 29px;
    position: relative;
}

.mlcu_wrap_top_icon {
    width: 24px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.mlcu_wrap_top_icon img {
    width: 100%;
}

.mlcu_wrap_btm p {
    color: #333532;
    text-align: center;
}

.mlcu_wrap_btm {
    margin-top: 12px;
}

.viewer-toolbar .viewer-prev,
.viewer-toolbar .viewer-next {
    display: none !important;
}

.mlcu_wrap_top .ys_imgbox_cover {
    cursor: pointer;
}

.mlcu_wrap_top_icon {
    cursor: pointer;
}

.natura_list_li {
    width: 100%;
    position: relative;
    padding: 60px 0;
}

.natura_list_li_wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.nllw_le {
    width: 39%;
}

.nllw_ri {
    width: 61%;
    padding-left: 154px;
}

.nllw_ri_tit .std_tit2 {
    color: #333532;
}

.nllw_ri_info p {
    color: rgba(51, 53, 50, 0.6);
    font-weight: 290;
    line-height: 1.8;
}

.nllw_ri_tit {
    margin-bottom: 28px;
}

.natura_list_li:nth-child(2n) .natura_list_li_wrap {
    flex-direction: row-reverse;
}

.natura_list_li:nth-child(2n) .nllw_ri {
    padding-left: 0;
    padding-right: 156px;
}

.natura_resour {
    width: 100%;
    position: relative;
    background: #FAFAFA;
}

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

.natura_resour_li {
    width: 100%;
    position: relative;
    margin-bottom: 80px;
}

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

.natura_resour_li_tit .std_tit2 {
    color: #333532;
    line-height: 1.3;
}

.natura_resour_li_info p {
    color: rgba(51, 53, 50, 0.6);
    font-weight: 290;
    line-height: 1.8;
}

.natura_resour_li_top {
    width: 63%;
    margin-bottom: 30px;
}

.natura_resour_li_tit {
    margin-bottom: 22px;
}

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

.nrlb_top {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-bottom: 19px;
}

.nrlb_li {
    min-width: 25%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.nrlb_li p {
    color: #787978;
    line-height: 1.6;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 10px;
    border: 1px solid #787978;
    background: #FFF;
    text-align: center;
    transition: all 0.36s;
}

.nrlb_li.act p {
    color: #009F3A;
    border-color: #009F3A;
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.10);
}

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

.nrlb_slick_ul {
    width: 100%;
}

.nrlb_slick_li {
    width: 100%;
    position: relative;
    display: none;
}

.nrlb_slick_li:first-child {
    display: block;
}

.nrlb_slick_li_img {
    width: 100%;
}

.nrlb_slick_li_img .ys_imgbox_cover {
    border-radius: 10px;
}

.nrlb_slick_li_img .ys_imgbox_cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.nrlb_slick_li_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 72px 155px;
    z-index: 10;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.nslw_le {
    width: 130px;
    border-radius: 10px;
    border: 3px solid #007C3E;
    background: #FFF;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.nslw_le .ys_imgbox_cover {
    border-radius: 10px;
}

.nslw_ri {
    width: calc(100% - 130px);
    padding-left: 53px;
}

.nslw_ri_tit .mod_tit30 {
    color: #fff;
    line-height: 1.8;
    font-weight: bold;
}

.nslw_ri_info p {
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.5;
}

.nslw_ri_info {
    margin-bottom: 25px;
}

.nslw_ri_tit {
    margin-bottom: 8px;
}

.nrul_ri p {
    color: #fff;
    line-height: 1.5;
}

.nrul_le {
    width: 24px;
    flex: none;
}

.nrul_le img {
    width: 100%;
}

.nslw_ri_ul {
    display: flex;
    flex-wrap: wrap;
}

.nslw_ri_ul_li {
    display: flex;
    margin-right: 22px;
}

.nrul_ri {
    padding-left: 8px;
}

.nrlb_slick_btm .hwlb_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #fff;
}

.nrlb_slick_btm .hwlb_le {
    left: 0;
}

.nrlb_slick_btm .hwlb_ri {
    right: 0;
}

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

.news_top_li::before {
    display: none;
}

.recove_network {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.recove_network_wrap {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.recove_network_img {
    width: 100%;

}


.recove_network .ys_cont1360 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.recove_network_img img {
    width: 100%;
}

.recove_network_ri {
    width: 52%;
}

.recove_network_ri_tit .std_tit2 {
    color: #333532;
    line-height: 1.3;
}

.recove_network_ri_info p {
    color: #009F3A;
    line-height: 1.4;
}

.recove_network_ri_tit {
    margin-bottom: 24px;
}

.recove_network_ri_info {
    margin-bottom: 86px;
}

.rnru_li {
    width: 50%;
    padding: 0 20px;
}

.recove_network_ri_ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.rnru_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    padding: 40px;
}

.rnru_wrap_sub p {
    color: rgba(51, 53, 50, 1);
    line-height: 1.6;
}

.rnru_wrap_sub {
    margin-bottom: 10px;
}

.rnru_wrap_num .std_tit1 {
    color: rgba(0, 159, 58, 1);
    line-height: 1.2;
}

.rnru_wrap_num {
    margin-bottom: 10px;
}

.rnru_wrap_info {
    margin-bottom: 8px;
}

.rnru_wrap_info p {
    color: rgba(120, 121, 120, 1);
    line-height: 1.8;
}

.rnru_wrap_subin p {
    color: rgba(0, 159, 58, 1);
    line-height: 1.8;
    font-size: 14px;
}

.recove_network_desz {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 460px;
}

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

.recove_cooper_img {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.recove_cooper_tit .std_tit2 {
    color: #fff;
    line-height: 1.3;
}

.recove_cooper_info p {
    text-align: center;
    color: #FFF;
}

.recove_cooper_info {
    margin-bottom: 50px;
}

.recove_cooper_tit {
    margin-bottom: 40px;
}

.recove_cooper_btm {
    display: inline-block;
    margin-bottom: 120px;
}

.recove_cooper_btm_wrap {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.recove_cooper_btmi {
    width: 100%;
    margin-top: -120px;
    padding-top: 0 !important;
}

.recove_streng {
    width: 100%;
    position: relative;
    background: #FAFAFA;
}

.recove_streng_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.recove_streng_top {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 75px;
}

.rstl_tit .std_tit2 {
    color: #333532;
    line-height: 1.3;
}

.rstl_info p {
    color: rgba(0, 159, 58, 1);
    line-height: 1.4;
}

.rstl_tit {
    margin-bottom: 50px;
}

.recove_streng_top_ri {
    width: 40%;
}

.recove_streng_top_ri img {
    width: 100%;
}


.recove_streng_top_le {
    width: 42%;
}

.recove_streng_btm_ul {
    margin: 0 -90px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.rsbu_li {
    width: 33.333333%;
    padding: 0 90px;
}

.rsbu_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #009F3A;
    background: #FFF;
    padding: 24px;
    text-align: center;
}

.rsbu_wrap::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #009F3A;
    border-radius: 50%;
    left: -5px;
}

.recove_streng_btm {
    width: 100%;
}

.rsbu_wrap_tit .std_tit3 {
    color: #333532;
    line-height: 1.3;
}

.rsbu_wrap_info p {
    color: #787978;
    line-height: 1.8;
}

.rsbu_wrap_info p span {
    color: rgba(0, 159, 58, 1);
}


.rsbu_wrap_tit {
    margin-bottom: 16px;
}

.rsbu_wrap_line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    width: 180px;
    border: 1px solid #009F3A;
    height: 2px;
}

.rsbu_wrap_line span {
    width: 22px;
    height: 22px;
    background: #009F3A;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -11px;
    z-index: 10;
}


.rsbu_wrap_line span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
}

.rsbu_li:first-child .rsbu_wrap::after {
    display: none;
}

.rsbu_li:last-child .rsbu_wrap_line {
    display: none;
}

.rsbu_li:nth-child(2) .rsbu_wrap_line {
    border: 1px dashed #009F3A;
}

.rsbu_li:last-child .rsbu_wrap {
    border: 1px dashed #009F3A;
}

.rsbu_wrap_line img {
    width: 16px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    animation: xl 4s infinite;
    opacity: 0;
}

.rsbu_li:nth-child(2) .rsbu_wrap_line img {
    animation: xl1 4s infinite;
}

@keyframes xl {

    0% {
        opacity: 0;
    }

    1% {
        opacity: 1;
        left: 0;
    }

    50.9% {
        opacity: 1;
        left: 100%;
    }

    51% {
        opacity: 0;
        left: 0;
    }

    100% {
        opacity: 0;
        left: 0;
    }

}

@keyframes xl1 {
    0% {
        opacity: 0;
        left: 0;
    }

    50% {
        opacity: 0;
        left: 0;
    }

    51% {
        opacity: 1;
        left: 0;
    }

    99.9% {
        opacity: 1;
        left: 100%;
    }

    100% {
        left: 0;
        opacity: 0;
    }

}

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

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

.recove_break_cont .recove_streng_top {
    margin-bottom: 0 !important;
}

.recove_break_cont .recove_streng_top_ri {
    width: 45%;
}

.recove_break_cont .recove_streng_top_le {
    width: 40%;
}

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

.recove_secure::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: #FAFAFA;
    z-index: -1;
}

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

.recove_secure_top {
    width: 100%;
}

.recove_secure_top .std_tit2 {
    color: #333532;
    line-height: 1.3;
}

.recove_secure_btm {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 65px;
}

.recove_secure_btm_le {
    width: 65.5%;
}

.rsbl_li .ys_imgbox_cover {
    border-radius: 20px;
}

.rsbr_li p {
    color: #787978;
    padding-left: 16px;
    transition: all 0.36s;
}

.rsbr_li {
    position: relative;
    cursor: pointer;
    margin-bottom: 24px;
}

.rsbr_li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2px;
    height: 34px;
    background: #787978;
    transition: all 0.36s;
}

.rsbr_li.act p {
    color: #009F3A;
}

.rsbr_li.act::after {
    background: #009F3A;
}

.recove_secure_btm_positi {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
    padding: 50px;
    z-index: 10;
}


.rsbp_li_num p {
    color: #009F3A;
    line-height: 1.8;
    padding-left: 67px;
    position: relative;
}

.rsbp_li_num p::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 50px;
    height: 1px;
    background: #009F3A;
}


.rsbp_li_tit .std_tit3 {
    color: #009F3A;
    line-height: 1.3;
}

.rsbp_li_num {
    margin-bottom: 20px;
}

.rsbp_li_info p {
    color: #787978;
    line-height: 1.8;
    font-weight: 290;
    margin-bottom: 20px;
    padding-left: 37px;
    position: relative;
}

.rsbp_li_tit {
    margin-bottom: 40px;
}

.rsbp_li_info p::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 25px;
    background: url(../images/b4_icon01.svg);
    background-size: 100%;
}


.rsbp_li {
    width: 100%;
    position: relative;
    display: none;
}

.rsbp_li:first-child {
    display: block;
}

.rsbl_li {
    display: none;
}

.rsbl_li:first-child {
    display: block;
}

.rsbp_li_info {
    height: 150px;
    padding-right: 15px;
}

.rsbp_li_info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #009F3A !important;
}

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

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

.sustain_commit_top_tit .std_tit2 {
    color: #333532;
    line-height: 1.5;
}

.sustain_commit_top_info p {
    color: #009F3A;
    line-height: 1.8;
}

.sustain_commit_top {
    width: 750px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

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

.sustain_commit_btm_ul {
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
}

.scbu_li {
    width: 33.333333%;
    padding: 0 24px;
    margin-bottom: 70px;
}

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

.scbu_wrap .ys_imgbox_cover {
    border-radius: 10px;
}

.scbu_wrap_btm {
    width: 100%;
    position: relative;
    padding-top: 16px;
}

.swbt_le {
    width: 32px;
    flex: none;
    margin-top: 2px;
}

.swbt_le img {
    width: 100%;
}

.scbu_wrap_btm_tit {
    border-bottom: 1px solid rgba(120, 121, 120, 0.2);
    width: 100%;
    display: flex;
    padding-bottom: 12px;
    margin-bottom: 16px;
}


.swbt_ri .std_tit4 {
    color: rgba(51, 53, 50, 1);
    line-height: 1.4;
}

.swbt_ri {
    padding-left: 16px;
}

.scbu_wrap_btm_info p {
    font-weight: 290;
    color: rgba(120, 121, 120, 1);
    font-size: 14px;
    line-height: 1.8;
}

.swbm_li {
    width: 100%;
    margin-bottom: 8px;
}

.swbm_li:last-child {
    margin-bottom: 0 !important;
}

.swbm_li a {
    display: inline-block;
}

.scbu_wrap_btm_more {
    margin-top: 16px;
}

.scbu_wrap_btm_info p a {
    color: #009F3A;
}

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

.recove_cooper_img .ys_cont1440 {
    position: relative;
    z-index: 10;
}

.sustain_activi .recove_cooper_info p {
    font-weight: 400;
    line-height: 1.4;
}

.sustain_activi .recove_cooper_info {
    width: 1000px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 80px;
}

.sustain_activi_btm {
    width: 100%;
    position: relative;
    margin-top: -100px;
}

.sustain_activi_btm_cont {
    width: 100%;
}


.sabc_ul {
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-bottom: 25px;
}

.sabc_li {
    width: 33.333333%;
    padding: 0 24px;
}

.sabc_li_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
}


.sabc_li_wrap_btm {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 24px;
}

.slwb_tit p {
    color: #333532;
    line-height: 1.5;
    transition: all 0.36s;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 3em;
}

.slwb_info p {
    color: #787978;
    line-height: 1.8;
    font-size: 14px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 3.6em;
}

.slwb_info {
    margin-bottom: 40px;
}

.slwb_tit {
    margin-bottom: 16px;
}

.slwb_btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slwb_le p {
    font-size: 14px;
    line-height: 1.8;
    color: #787978;
}

.slwb_le img {
    width: 16px;
    margin-right: 8px;
}

.slwb_le {
    display: flex;
    align-items: center;
}

.slwb_ri {
    opacity: 0;
    transition: all 0.36s;
}

.sustain_activi_btm .home_news_control {
    margin-top: 35px;
}

.sustain_activi_btm {
    padding-top: 0 !important;
}

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

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

.sustain_down_tit .std_tit2 {
    color: #333532;
    line-height: 1.5;
    text-align: center;
}

.sustain_down_tit {
    margin-bottom: 45px;
}

.sdbu_li {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.sdbu_wrap {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #787978;
    transition: all 0.36s;
    display: flex;
    align-items: center;
    padding: 20px 40px;
}

.sdbu_wrap_ri {
    width: 24px;
}

.sdbu_wrap_ri img {
    width: 100%;
}

.sdbu_wrap_le {
    width: calc(100% - 24px);
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.sdbu_wrap_ri img:nth-child(2) {
    opacity: 0;
}

.sdbu_wrap_le_icon {
    width: 24px;
    flex: none;
}

.sdbu_wrap_le_icon img {
    width: 100%;
}

.sdbu_wrap_le_info {
    padding-right: 8px;
}

.sdbu_wrap_le_info p {
    color: #787978;
    line-height: 1.8;
    transition: all 0.36s;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.sustain_down_btm_more {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.hwlm_more {
    cursor: pointer;
}

.hwlm_more1 {
    background: transparent;
    border: 1px solid #009F3A;
}

.hwlm_more1 .hwlm_le p {
    color: #009F3A;
    transition: all 0.36s;
}

.hwlm_more1 .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}

.sdbu_wrap_ri img,
.hwlm_ri img {
    transform: scale(1) !important;
}

.scbu_li.on .scbu_wrap {
    cursor: pointer;
}

.sustain_pop .ys_modal_content {
    width: 1200px;
    padding: 0 !important;
    border-radius: 20px;
    max-height: inherit !important;
}

.sustain_pop_wrap {
    width: 100%;
    display: flex;
    align-items: stretch;
}

.sustain_pop_le {
    width: 48.2%;
}

.sustain_pop_ri {
    width: 52%;
    padding: 60px 60px;
}

.sustain_pop_le img {
    width: 100%;
}

.ys_modal_close {
    right: 30px;
    top: 30px;
}

.ys_modal_close .iconfont {
    color: #333532;
}

.sustain_pop_ri_tit {
    margin-bottom: 48px;
}

.sustain_pop_ri_tit .std_tit3 {
    color: #333532;
    line-height: 1.5;
}

.spru_li_tit p {
    color: #787978;
    line-height: 1.5;
}

.sustain_pop_ri .mCSB_outside+.mCSB_scrollTools {
    height: 93%;
    top: auto !important;
}

.spru_li_info {
    width: 100%;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    padding: 4px 24px;
}

.spru_li_info p {
    color: #333532;
    line-height: 1.6;
}

.spru_li_tit {
    margin-bottom: 11px;
}

.spru_li {
    margin-bottom: 23px;
}

.sustain_pop_ri_code {
    width: 202px;
    margin: 0 auto;
}

.sustain_pop_ri_code img {
    width: 100%;
    border-radius: 10px;
}

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

.sustain_pop_ri .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #009F3A !important;
}

.sustain_pop_ri .mCSB_outside+.mCSB_scrollTools {
    right: -48px !important;
}

.join_mian .ys_ban_imgbox::before {
    background: linear-gradient(180deg, rgba(0, 57, 28, 0.10) 0%, rgba(0, 57, 28, 0.00) 100%);
}

.join_mian .ys_ban_txtbox {
    top: 36%;
}

.join_ban {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 784px;
    z-index: 10;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 4px 24px 0px rgba(12, 9, 81, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}


.join_ban_ul {
    width: 100%;
    display: flex;
}

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

.join_ban_ul_li a {
    padding: 40px;
    display: block;
}

.jbul_wrap {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jbul_le {
    width: 64px;
}

.jbul_le img {
    width: 100%;
}

.jbul_ri {
    padding-left: 40px;
}

.jbul_ri_tit p {
    color: #fff;
    line-height: 1.4;
}

.jbul_ri_info p {
    color: #fff;
    line-height: 1.8;
}

.join_ban_ul_li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 47px;
    background: #FFF;
    transform: translateY(-50%);
}

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

.join_idea {
    width: 100%;
    position: relative;
    /* padding-bottom: 0 !important; */
    overflow: hidden;
}

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

.join_idea_top_tit {
    margin-bottom: 40px;
}

.join_idea_top_tit .std_tit2 {
    color: #333532;
    line-height: 1.5;
}

.join_idea_top_info p {
    color: 787978;
    line-height: 1.8;
}

.join_idea_top_info p span {
    color: #009F3A;
}

/* 列表 */
.yx_rotate5_swipe {
    margin: -40px -20px 0;
}

.yx_rotate5_list_nub {
    width: 33.333333%;
    padding: 40px 20px;
}

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

.yrln_cry {
    background: #f5f8fe;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.yrln_cry_text {
    width: 100%;
    padding: 24px;
}

.yrln_cry_title {
    font-weight: bold;
    color: #333;
    position: relative;
    font-size: 20px;
    line-height: 1.875;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.yrln_cry_title::before {
    content: '';
    background: #D9D9D9;
    height: 1px;
    width: calc(100% - 42px);
    position: absolute;
    bottom: 0;
    left: 0;
}

.std_text p {
    font-size: 16px;
    color: #666;
    line-height: 1.75;
}

.yrln_cry_img {
    width: 100%;
}

/* 控件 */
.yx_rotate5_swipe .yx_rotate5_swiper_control {
    width: calc(100% - 40px);
    position: relative;
    left: 20px;
    height: 18px;
}

/* 个数不够,控件隐藏 */
.rotate5_control.none .yx_rotate5_swiper_control {
    display: none;
}

/* 进度条 */
.rotate5_control .yx_rotate5_swiper_progress {
    background: #2E90C9;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 9px;
    transition-duration: 300ms;
}

.rotate5_control .yx_rotate5_swiper_bg {
    background: #E1E1E1;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 9px;
    transition-duration: 300ms;
}

/* 箭头 */
.yx_rotate5_swiper_btn {
    width: 52px;
    height: 18px;
    position: absolute;
    transition-duration: 300ms;
}

.rotate5_control .swiper-button-next,
.rotate5_control .swiper-button-prev {
    width: 10px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    font-size: 18px;
    transition-duration: 300ms;
}

.rotate5_control .swiper-button-prev {
    left: 0;
}

.rotate5_control .swiper-button-next {
    right: 0;
}

.rotate5_control .swiper-button-next:after,
.rotate5_control .swiper-button-prev:after {
    font-size: inherit;
    color: #2E90C9;
}

.yx_rotate5_swiper_btn::before {
    content: '';
    border: 2px solid #2E90C9;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/* 响应式 */
@media screen and (max-width: 1440px) {
    .yrln_cry_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1360px) {
    .yx_rotate5_swipe {
        margin: -30px -15px 0;
    }

    .yx_rotate5_list_nub {
        padding: 30px 15px;
    }

    .yx_rotate5_swipe .yx_rotate5_swiper_control {
        width: calc(100% - 30px);
        left: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .yrln_cry_text {
        padding: 26px 30px;
    }

}

@media screen and (max-width: 991px) {
    .yrln_cry_title {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .yrln_cry_text {
        padding: 20px 20px;
    }
}

@media screen and (max-width: 767px) {
    .yrln_cry_title {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 480px) {
    .std_text p {
        font-size: 14px;
    }

    .yrln_cry_title {
        font-size: 16px;
    }

    .yrln_cry_text {
        padding: 16px;
    }

    .yrln_cry {
        border-radius: 6px;
    }
}

.join_idea_btm {
    width: 100%;
    padding: 0 120px;
}

.yx_rotate5_swiper_control {
    width: calc(100% + 200px) !important;
    left: 50% !important;
    transform: translateX(-50%);
}

.rotate5_control .yx_rotate5_swiper_progress {
    background: #009F3A;
}


.rotate5_control .swiper-button-next:after,
.rotate5_control .swiper-button-prev:after {
    color: #009F3A;
}

.yx_rotate5_swiper_btn::before {
    content: '';
    border: none !important;
    width: 1px;
    height: 11px;
    background: #009F3A;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 0 !important;
    transform: translate(-50%, -50%);
}

.yx_rotate5_swiper_btn {
    width: 64px;
    height: 24px;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
}

.rotate5_control .yx_rotate5_swiper_progress,
.rotate5_control .yx_rotate5_swiper_bg {
    bottom: 5px;
}

.rotate5_control .swiper-button-next,
.rotate5_control .swiper-button-prev {
    font-size: 14px;
}

.rotate5_control .swiper-button-prev {
    left: 11px;
}

.rotate5_control .swiper-button-next {
    right: 11px;
}

.join_welfa {
    width: 100%;
    position: relative;
    padding-bottom: 0 !important;
}

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

.join_welfa_img {
    width: 100%;
}

.join_welfa_img img {
    width: 100%;
}

.jwdl_le {
    width: 72px;
    height: 72px;
    border: 1px solid #009F3A;
    border-radius: 50%;
    padding: 11px;
    flex: none;
    background: #fff;
}

.jwdl_le img {
    width: 100%;
}

.jwdl_ri_tit p {
    color: #333532;
    line-height: 1.4;
}

.jwdl_ri {
    padding-left: 16px;
    padding-right: 16px;
    flex: none;
}

.jwdl_ri_info p {
    color: rgba(120, 121, 120, 1);
    line-height: 1.8;
    font-weight: 290;
}

.jwdl_wrap {
    display: flex;
    align-items: center;
}

.jwdl_ri_tit {
    margin-bottom: 8px;
}


.join_welfa_dots_li1 .jwdl_wrap,
.join_welfa_dots_li2 .jwdl_wrap,
.join_welfa_dots_li3 .jwdl_wrap {
    flex-direction: row-reverse;
    text-align: right;
}

.join_welfa_dots_li {
    position: absolute;
    transform: translate(-50%, -50%);
}

.join_welfa_cen {
    width: 424px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.join_welfa_cen img {
    width: 100%;
}


.join_welfa_dots_li1 {
    left: 14.5%;
    top: 81%;
}


.join_welfa_dots_li2 {
    left: 20.5%;
    top: 55%;
}

.join_welfa_dots_li3 {
    top: 36%;
    left: 37%;
}

.join_welfa_dots_li4 {
    top: 36%;
    left: 63.5%;
}

.join_welfa_dots_li5 {
    left: 79.5%;
    top: 55%;
}

.join_welfa_dots_li6 {
    left: 85.5%;
    top: 81%;
}

.join_develo {
    width: 100%;
    position: relative;
    background: #FAFAFA;
}

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

.join_develo_li {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    min-height: 580px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}

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

.join_develo_li_img {
    width: 43%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.join_develo_li_img .ys_imgbox_cover {
    border-radius: 20px;
}

.join_develo_li_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.jdlw_ri {
    width: 55%;
}

.jdlw_ri_tit .std_tit2 {
    color: #333532;
    line-height: 1.5;
}

.jdlw_ri_tit {
    margin-bottom: 32px;
}

.jdlw_ri_info p {
    color: #787978;
    line-height: 1.8;
    font-weight: 290;
}

.jdlw_ri_info {
    margin-bottom: 40px;
}

.jdlw_ri_btm {
    width: 100%;
}

.jrbu_li {
    width: 100%;
    padding: 4px 24px;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    margin-bottom: 20px;
}


.jrbu_li p {
    color: #333532;
    font-weight: 290;
    line-height: 1.8;
}


.jrbu_li p span {
    color: rgba(0, 159, 58, 1);
    font-weight: 400;
    padding-right: 16px;
}

.join_develo_li:nth-child(2n) .join_develo_li_img {
    left: auto !important;
    right: 0;
}

.join_develo_li:nth-child(2n) .join_develo_li_wrap {
    justify-content: flex-start;
}

.jdlw_ri_btm_wrap {
    width: 100%;
    padding-right: 92px;
}

.jdlw_ri_btm_img {
    width: 100%;
}

.jrbi_li {
    width: 100%;
    display: none;
}

.jrbi_li:first-child {
    display: block;
}

.jrbi_li img {
    width: 100%;
}

.jdlw_ri_btm_cilck {
    width: 100%;
    margin-top: 32px;
    display: flex;
    justify-content: center;
}

.jrbc_ul {
    border-radius: 80px;
    border: 1px solid #009F3A;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    display: flex;
}

.jrbc_li p {
    color: #787978;
    line-height: 1.6;
    transition: all 0.36s;
    padding: 4px 32px;
    border-radius: 80px;
    cursor: pointer;
}

.jrbc_li.act p {
    background: #009F3A;
    color: #fff;
}

.jdlw_ri_info p {
    margin-bottom: 24px;
}

.jdlw_ri_info p:last-child {
    margin-bottom: 0;
}


.jdlw_ri_btm_list {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.jrbl_cont {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.jrbl_wrap {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    padding: 32px 24px;
}

.jrbl_wrap_tit {
    margin-bottom: 16px;
}

.jrbl_wrap_tit p {
    color: #009F3A;
    line-height: 1.8;
}

.jrbl_wrap_info p {
    color: #333532;
    font-weight: 290;
    line-height: 1.8;
}

.conta_form {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
}

.conta_form_cont {
    width: 100%;
    position: relative;
    padding: 0 88px;
}

.conta_form_wrap {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0px 4px 24px 0px rgba(12, 9, 81, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 40px;
}

.conta_form_wrap_ul {
    margin: 0 -24px;
    display: flex;
    flex-wrap: wrap;
}

.conta_form_wrap_li {
    width: 50%;
    padding: 0 24px;
    margin-bottom: 32px;
}

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

.cfwl_tit p {
    color: #333532;
    line-height: 1.6;
}

.cfwl_tit {
    margin-bottom: 8px;
}

.cfwl_tit p span {
    color: #A00;
}

.cfwl_input {
    width: 100%;
}

.cfwl_input input {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #333532;
    padding: 0 16px;
    font-weight: 290;
    font-size: 16px;
    color: #333532;
}

.cfwl_input textarea::-webkit-input-placeholder,
.cfwl_input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333532;
}

.cfwl_input textarea:-moz-placeholder,
.cfwl_input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333532;
}

.cfwl_input textarea::-moz-placeholder,
.cfwl_input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333532;
}

.cfwl_input textarea:-ms-input-placeholder,
.cfwl_input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333532;
}

.conta_form_wrap_li1 {
    width: 100%;
}

.cfwl_input textarea {
    width: 100%;
    height: 166px;
    border-radius: 8px;
    border: 1px solid #333532;
    font-weight: 290;
    font-size: 16px;
    color: #333532;
    padding: 16px;
}

.cfwl_wrap_in {
    display: flex;
    flex-wrap: wrap;
}

.cfwl_wrap_in_le {
    width: 41%;
}

.cfwl_wrap_in_ri {
    width: 59%;
    padding-left: 32px;
    display: flex;
    align-items: flex-end;
}

.cwir_img {
    width: 39%;
    cursor: pointer;
}


.cwir_img img {
    width: 100%;
}

.cwir_submi {
    width: 61%;
    padding-left: 32px;
}

.cwir_submi .hwlm_more {
    justify-content: center;
}

.cfwl_wrap_pros_le {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #333532;
    flex: none;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    transition: all 0.36s;
}

.cfwl_wrap_pros_le::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: #009F3A;
    border-radius: 50%;
    transition: all 0.36s;
    opacity: 0;
}

.cfwl_wrap_pros_ri p {
    color: #333532;
    font-weight: 290;
}

.cfwl_wrap_pros_ri p a {
    color: #009F3A;
}

.cfwl_wrap_pros {
    display: flex;
}

.cfwl_wrap_pros_ri {
    padding-left: 16px;
}

.cfwl_wrap_pros_le.on {
    border-color: #009F3A;
}

.cfwl_wrap_pros_le.on::after {
    opacity: 1;
}

.conta_mian .mod_main {
    position: relative;
    z-index: 10;
    margin-top: -280px;
}

.conta_mian .ys_pos_center {
    top: 42%;
}

.conta_addre {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

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

.conta_addre_img {
    width: calc(100% - 120px);
    height: 380px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.conta_addre_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.conta_addre_tit .std_tit2 {
    color: #333532;
    line-height: 1.5;
    text-align: center;
}

.conta_addre_tit {
    margin-bottom: 40px;
}

.conta_addre_top {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

.conta_addre_top_li {
    width: 16.666666%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.catl_tit p {
    color: #787978;
    border: 1px solid #787978;
    border-radius: 10px;
    transition: all 0.36s;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
}


.conta_addre_top_li.act p {
    color: #fff;
    background: #009F3A;
    border-color: #009F3A;
}

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

.cabl_wrap {
    width: 100%;
    position: relative;
    /* flex-direction: row-reverse; */
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
}


.cabl_le {
    width: 48.5%;
    position: relative;
    z-index: 20;
    padding: 56px 0;
    min-height: 410px;
    display: flex;
    align-items: center;
}

.cabl_le_in {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.10);
    padding: 40px;
}

.cabl_le_tit .std_tit3 {
    color: #333532;
    line-height: 1.3;
}

.cabl_le_tit {
    margin-bottom: 20px;
}

.cabl_le_info p {
    color: #787978;
    font-weight: 290;
    line-height: 1.8;
}

.cabl_le_li_icon {
    width: 24px;
    flex: none;
    margin-top: 3px;
}

.cabl_le_li_icon img {
    width: 100%;
}

.cabl_le_li_info p {
    color: #333532;
    font-weight: 290;
    line-height: 180%;
}

.cabl_le_li {
    display: flex;
    margin-bottom: 23px;
}

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

.cabl_le_li_info {
    padding-left: 20px;
}

.cabl_le_wrap {
    width: 100%;
    margin-bottom: 20px;
}


.cabl_ri {
    width: 57%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.cabl_ri .ys_imgbox_cover {
    border-radius: 20px;
}

.conta_addre_btm_li:nth-child(2n) .cabl_wrap {
    flex-direction: row-reverse;
}

.conta_addre_btm_li:nth-child(2n) .cabl_ri {
    left: auto !important;
    right: 0;
}

.conta_addre_btm_li {
    margin-bottom: 80px;
}

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

.casl_top {
    width: 100%;
    position: relative;
    margin-bottom: 80px;
}

.casl_top .cabl_ri {
    width: 100%;
    position: relative;
    top: auto;
    left: auto !important;
    transform: none !important;
    right: auto !important;
}

.casl_top .cabl_le {
    width: 100%;
    padding-top: 0;
    min-height: auto;
    padding-left: 200px;
    padding-right: 40px;
    margin-top: -70px;
    padding-bottom: 0 !important;
}

.casl_top .cabl_wrap {
    flex-direction: column-reverse;
}

.casl_top .cabl_le_wrap {
    display: flex;
    flex-wrap: wrap;
}

.casl_top .cabl_le_tit {
    width: 49%;
    padding-right: 20px;
}

.casl_top .cabl_le_info {
    width: 51%;
}

.conta_addre_slick_li {
    display: none;
}

.conta_addre_slick_li:first-child {
    display: block;
}

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

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

.about_introdu_top_tit .std_tit2 {
    color: #333532;
    line-height: 1.3;
}

.about_introdu_top_info p {
    color: #333532;
    line-height: 1.8;
    font-weight: 290;
}

.about_introdu_top_img {
    width: 100%;
    overflow: hidden;
}

.about_introdu_top_img img {
    width: 100%;
}

.about_introdu_top {
    width: 82%;
}

.about_introdu_desz {
    width: 27%;
    position: absolute;
    top: 110px;
    right: 0;
}

.about_introdu_desz img {
    width: 100%;
}

.about_history {
    width: 100%;
    position: relative;
    padding-bottom: 0 !important;
}

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

.about_vision_top_tit .std_tit2 {
    color: #333532;
    line-height: 1.2;
}

.about_vision_top_tit {
    margin-bottom: 16px;
}

.about_vision_top_info p {
    color: #009F3A;
    line-height: 1.8;
    font-weight: 290;
}

.about_vision_top {
    text-align: center;
    margin-bottom: 40px;
}

.about_vision_btm {
    width: 100%;
}

.about_vision_btm img {
    width: 100%;
}

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

.about_culture_cont {
    width: 100%;
}

.about_culture_cont .rstl_tit {
    width: 100%;
    text-align: center;
}

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

.about_culture_btm_ul {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.acbu_li {
    width: 25%;
    padding: 0 10px;
    position: relative;
}

.acbu_li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80px;
    background: rgba(120, 121, 120, 0.2);
    left: 0;
}

.acbu_wrap {
    width: 100%;
    /* position: relative; */
}

.acbu_wrap .ys_imgbox_cover {
    width: 200px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 28px;
}

.acbu_wrap_btm {
    width: 100%;
    position: relative;
    text-align: center;
}

.acbu_wrap_btm_subtit p {
    color: #787978;
    line-height: 1.5;
}

.acbu_wrap_btm_tit p {
    color: #333532;
    line-height: 1.4;
}

.acbu_wrap_btm_subtit {
    margin-bottom: 20px;
}

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

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

.about_btm {
    width: 100%;
    padding: 40px 134px 76px;
    margin-top: -240px;
    z-index: 10;
    position: relative;
    padding-bottom: 0 !important;
}

.about_btm_wrap {
    width: 100%;
    background: #fff;
    border-radius: 40px;
}

.about_strate .recove_cooper_sroll::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 49.87%, rgba(0, 0, 0, 0.40) 100%);
}

.about_strate .recove_cooper_img {
    min-height: 500px;
    padding-top: 140px;
}

.about_btm img {
    width: 100%;
}

.about_honor {
    width: 100%;
    position: relative;
    background: #FAFAFA;
}

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

.about_honor_cont .rstl_tit {
    width: 100%;
    text-align: center;
}

.about_strate {
    padding-top: 0 !important;
}

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

.ahbu_li {
    width: 33.333333%;
    padding: 0 25px;
}

.ahbu_wrap {
    width: 100%;
    border-radius: 20px;
    border: 1px solid rgba(30, 32, 30, 0.20);
    background: #FAFAFA;
    /* padding: 46px 64px; */
}


.about_honor_btm .hwlb_btn {
    z-index: 10;
}

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

.about_history {
    width: 100%;
    overflow: hidden;
}

.about_history_img {
    width: 100%;
    height: 448px;
    position: absolute;
    top: 0;
    left: 0;
}

.about_history_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

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

.std_padd {
    padding: 100px 0;
}

.ys_cont1400 {
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}

.about_devel_top_tit {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 50px;
    margin-bottom: 26px;
}

.about_devel_top_tit .std_tit3 {
    color: #333;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    font-size: 40px;
}

.about_devel_top_btm {
    width: 100%;
    position: relative;
    padding-right: 170px;
    z-index: 1;
}

.adtb_ul {
    display: flex;
    /* overflow-x: auto; */
    align-items: flex-end;
}

/* .adtb_swip .mCustomScrollBox {
    padding: 0 30px;
} */

.adtb_li {
    margin-right: 16px;
    min-width: 80px;
    text-align: center;
}

/* .adtb_li:first-child {
    margin-right: 70px;
} */

.adtb_li p {
    font-size: 20px;
    height: 100%;
    line-height: 1.5;
    color: #333;
    transition: all 0.36s;
    position: relative;
    padding-bottom: 8px;
    cursor: pointer;
}

/* .adtb_li:first-child p {
    font-size: 18px;
} */

.adtb_li.act p {
    color: #044F9F;
}

.adtb_li p::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #044F9F;
    opacity: 0;
    transition: all 0.36s;
}

.adtb_li.act p::after {
    opacity: 1;
    width: 100%;
}

.about_devel_btm {
    width: 100%;
    position: relative;
    padding: 0 30px;
    margin-top: 60px;
    z-index: 1;
}

.adbu_li {
    display: none;
}

.adbu_li:first-child {
    display: block;
}

/* .adbu_wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
} */

.adbu_wrap .slick-list {
    width: 100%;
    padding-bottom: 5px;
}

.adbu_wrap .slick-track {
    margin: 0 auto;
    height: 100%;
}

.adbu_wrap_li {
    width: 25%;
    padding: 0 30px;
    padding-bottom: 60px;
    /* display: none; */
}

/* 
.adbu_wrap_li:first-child {
    display: block;
} */

.adbu_wrap_li_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    background: #F0F0F0;
    padding: 20px;
    border-radius: 16px;
}

.adbu_wrap_li_wrap::before {
    content: '';
    position: absolute;
    bottom: -59px;
    left: 37px;
    width: 8px;
    height: 8px;
    background: #044F9F;
    border-radius: 50%;
}

.adbu_wrap_li_wrap::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 28px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-color: #F0F0F0;
}

.awlw_top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.awlw_top_le {
    padding-right: 20px;
    flex: none;
}

.awlw_top_le .mod_tit28 {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.5;
    color: #333;
}

.awlw_top_ri {
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}

.awlw_top_ri p {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

.awlw_img {
    margin-bottom: 20px;
}

.awlw_img .ys_imgbox_cover {
    border-radius: 16px;
}

.awlw_info p {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}

.adbu_btm {
    position: absolute;
    top: -108px;
    right: 13%;
}

.adbu_btm {
    display: flex;
}

.adbu_btm_click {
    width: 50px;
    position: relative;
    cursor: pointer;
    transition: all 0.36s;
}

.adbu_btm_click.slick-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.adbu_btm_click_img2 {
    position: absolute;
    top: 0;
    left: 0;
}

.adbu_btm_click img {
    width: 100%;
    transition: all 0.36s;
}

.adbu_btm_click_img2 {
    opacity: 0;
}

.awlw_img img {
    object-fit: cover;
}

.adbu_btm_ri {
    margin-left: 15px;
}

.adbu_btm_ri img {
    transform: rotate(180deg);
}

.about_devel_btm::after {
    content: '';
    position: absolute;
    bottom: 6.5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    z-index: -1;
}

.adbu_btm_click.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

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



/* 大于等于1200 的经过效果 */
@media screen and (min-width: 1200px) {}

@media screen and (max-width: 1680px) {

    .about_devel_top_tit .std_tit3 {
        font-size: 38px;
    }

    .adbu_btm {
        right: 9%;
    }

    .ys_cont1400 {
        width: 82.5%;
    }

}

@media screen and (max-width: 1560px) {
    .adtb_li {
        margin-right: 6px;
        min-width: 72px;
    }

    .adtb_li p {
        font-size: 16px;
    }

    .adbu_wrap_li {
        padding: 0 16px;
        padding-bottom: 60px;
    }

}

@media screen and (max-width: 1440px) {
    .about_devel_top_tit .std_tit3 {
        font-size: 34px;
    }

    .adbu_btm_click {
        width: 42px;
    }

    .adbu_btm {
        top: -80px;
    }

    .std_padd {
        padding: 70px 0;
    }

    .awlw_top_le .mod_tit28 {
        font-size: 24px;
    }

    .about_devel_top_tit {
        padding-bottom: 24px;
    }

    .adbu_btm {
        top: -102px;
    }

}

@media screen and (max-width: 1280px) {
    .about_devel_top_tit .std_tit3 {
        font-size: 30px;
    }

    .adbu_btm {
        top: -60px;
    }

    .adbu_btm_click {
        width: 36px;
    }

    .adbu_btm {
        top: -66px;
    }

    .about_devel_btm {
        margin-top: 30px;
    }

    .adbu_wrap_li {
        padding: 0 10px;
        padding-bottom: 46px;
    }

    .adbu_wrap_li_wrap::before {
        bottom: -45px;
    }

    .awlw_info p {
        font-size: 16px;
    }

    .awlw_img .ys_imgbox_cover {
        border-radius: 10px;
    }

    .awlw_img {
        margin-bottom: 12px;
    }

    .adtb_li:first-child {
        margin-right: 6px;
    }

    .adtb_li {
        margin-right: 6px;
        min-width: 62px;
    }

}

@media screen and (max-width: 1199px) {
    .ys_cont1400 {
        width: 100%;
    }

}

@media screen and (max-width: 767px) {
    .about_devel_top_tit .std_tit3 {
        font-size: 20px;
    }

    .std_padd {
        padding: 40px 0;
    }

    .about_devel_top_tit {
        padding-bottom: 14px;
        margin-bottom: 16px;
    }

    /* .adtb_li:first-child p {
        font-size: 16px;
    } */

    .adtb_li p {
        padding-bottom: 5px;
    }

    .adtb_li p {
        font-size: 14px;
    }

    .adbu_btm_click {
        width: 30px;
    }

    .about_devel_top_btm {
        padding-right: 105px;
        overflow: hidden;
    }

    .adtb_ul {
        overflow: hidden;
    }

    .adtb_li {
        min-width: 52px;
    }

    .about_devel_btm {
        padding: 0 10px;
    }

    .about_devel_btm {
        margin-top: 22px;
    }

    .adbu_btm {
        top: -52px;
    }

}

/*  */
.adtb_ul,
.adtb_li {
    display: inline-block;
    white-space: nowrap;
}



.adtb_swip .mCSB_scrollTools {
    opacity: 0 !important;
}

@media screen and (max-width: 1200px) {
    .about_devel_top_btm {
        padding-right: 194px;
    }

}

@media screen and (max-width: 1199px) {
    .about_devel_top_btm {
        padding-right: 230px;
    }

}

@media screen and (max-width: 768px) {
    .about_devel_top_btm {
        padding-right: 186px;
    }

}

@media screen and (max-width: 767px) {
    .about_devel_top_btm {
        padding-right: 108px;
    }

    .about_devel_top_tit {
        margin-bottom: 20px;
    }

    .adbu_btm {
        top: -56px;
    }

}


.awlw_time p {
    color: #009F3A;
    line-height: 1.4;
}

.adbu_wrap_li_wrap {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 32px 16px 16px;
}

.adbu_wrap_li {
    padding: 0 !important;
}

.adbu_wrap_li_wrap::before,
.adbu_wrap_li_wrap::after {
    display: none;
}

.awlw_time {
    margin-bottom: 8px;
}

.awlw_tit {
    margin-bottom: 10px;
}

.awlw_tit p {
    color: #333532;
    line-height: 1.4;
    min-height: 2.8em;
}

.adbu_wrap_li_wrap .ys_imgbox_cover {
    border-radius: 10px;
}

.adbu_wrap_li {
    padding: 0 24px !important;
}


.about_devel_btm {
    margin-top: 0 !important;
    padding: 0 !important;
}


.adbu_li {
    margin: 0 -24px;
}


.about_devel_top_btm {
    padding-right: 0px !important;
    /* margin-top: 80px; */
    padding: 0 170px !important;
    margin-top: 20px;
}


.about_devel_btm::after {
    display: none;
}

.adtb_ul_conh {
    width: 100%;
}

.about_devel_top_btm .hwlb_btn {
    z-index: 10;
}

.adtb_sides_li p {
    color: #231815;
    line-height: 1.6;
    border-radius: 80px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    padding: 8px 24px;
}

.adtb_sides_li {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.adtb_sides_le {
    left: 70px;
}

.adtb_sides_ri {
    right: 70px;
}

.about_devel_top_btm::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84%;
    height: 2px;
    background: rgba(0, 159, 58, 1);
    z-index: -1;
}


.adtb_li p {
    font-size: 14px;
}

.adtb_li p::after {
    display: none;
}

.adtb_li_p2 {
    opacity: 0;
    pointer-events: none;
    position: absolute !important;
}

.adtb_li_p1 {
    transform: translateY(-22px);
    position: relative;
    padding-bottom: 12px !important;
    transition: all 0.36s;
}

.adtb_li {
    padding: 65px 0;
    position: relative;
}

.adtb_li p {
    color: #787978;
}

.adtb_li.act p {
    color: #009F3A;
}

.adtb_li_p1 img {
    width: 16px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.adtb_li.act .adtb_li_p2 {
    opacity: 1;
}

.adtb_li.act .adtb_li_p1 {
    opacity: 0 !important;
}

.adtb_li_p2 {
    height: auto !important;
    width: 86px;
    top: 110px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff !important;
    border-radius: 80px;
    background: #009F3A;
    text-align: center;
    box-shadow: 0px 0px 16px 0px rgba(15, 68, 39, 0.10);
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 10px;
    transition: all 0.36s;
}

.adtb_li_p2 img {
    width: 32px;
    position: absolute;
    top: -43px;
    left: 50%;
    transform: translateX(-50%);
}

.adtb_li_p2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50% !important;
    top: -14px;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-bottom-color: #009F3A;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    bottom: auto !important;
    background: transparent !important;
}

.adtb_li {
    min-width: 90px;
}

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

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

.techno_area_btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.techno_area_desz {
    width: 530px;
    position: absolute;
    top: -30px;
    right: 0;
}

.techno_area_desz img {
    width: 100%;
}

.techno_area_ri {
    width: 50%;
}

.techno_area_ri_ul,
.taru_li {
    width: 100%;
}

.techno_area_le {
    width: 50%;
    padding-right: 48px;
}

.taru_li {
    display: none;
}

.taru_li:first-child {
    display: block;
}

.techno_area_top .std_tit2 {
    color: #333532;
    line-height: 1.4;
}


.he_syp1ntkl {
    margin-bottom: 26px;
    cursor: pointer;
}

.he_syp1nxz {
    width: 76px;
    height: 76px;
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
}

.he_syp1zda {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 11;
    background: #fff;
}

.he_syp1ntkl.act .he_syp1zda {
    background: #fff;
}

.he_syp1zic {
    width: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

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

.he_sysvg {
    z-index: 15;
    transform: rotate(-90deg);
    position: relative;
}

.he_sysvg,
.he_sysvgny {
    width: 100%;
    height: 100%;

}

/* .he_syp1ntkl.act .he_sysvgny {
    background: #DDECFC;
    box-shadow: 0px 4px 15px rgba(0, 70, 145, 0.25);
} */

.he_sysvgny {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 40px;
    transition: all .36s;
}

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

.he_sysvgny circle {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
}

.he_syp1ntkl.act .he_circle {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    -webkit-animation: 4s svgcircle4 linear;
    animation: 4s svgcircle4 linear;
}

@-webkit-keyframes svgcircle4 {
    0% {
        stroke-dashoffset: 220;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes svgcircle4 {
    0% {
        stroke-dashoffset: 220;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.he_syp1nwk {
    width: calc(100% - 76px);
    padding-left: 32px;
    padding-top: 19px;
}

.he_img {
    opacity: 0;
}


.he_syp1zic img {
    transition: all 0.36s;
}

.he_syp1ntkl.act .he_img {
    opacity: 1;
}

.he_syp1ntkl.act .he_img1 {
    opacity: 0;
}

.he_syp1np1 .std_tit3 {
    color: #787978;
    line-height: 1.4;
    font-size: 24px;
    transition: all 0.36s;
}

.he_syp1nwq p {
    color: #787978;
    line-height: 1.8;
}

.he_syp1nwq {
    padding-top: 24px;
    display: none;
}

.he_syp1ntkl.act .he_syp1np1 .std_tit3 {
    color: #009F3A;
    font-size: 32px;
}

.techno_area_le {
    position: relative;
    z-index: 1;
}

.techno_area_le::before {
    content: '';
    width: 2px;
    height: calc(100% + 40px);
    position: absolute;
    left: 38px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px dashed #007C3E;
    z-index: -1;
}

.techno_fronti {
    width: 100%;
    position: relative;
    background: #FAFAFA;
    overflow: hidden;
}


.techno_fronti_cont {
    width: 100%;
    position: relative;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: stretch;
}

.techno_fronti_le {
    width: 926px;
    height: 828px;
    position: relative;
    transform: translateX(-150px);
    flex: none;
}

.techno_fronti_le img {
    width: 100%;
}

.techno_fronti_le svg {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.techno_fronti_le svg {
    fill: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* animation: 4s svgcirclek linear;
    stroke-dasharray: 220 !important;
    stroke-dashoffset: 220 !important; */
}


/* @keyframes svgcirclek {
    0% {
        stroke-dashoffset: 220 !important;
    }

    100% {
        stroke-dashoffset: 0;
    }
} */

.techno_fronti_le_img1 {
    width: 100%;
}

.techno_fronti_le_img1 img {
    width: 100%;
}

.techno_fronti_le_img2 {
    width: 56%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 10;
}

.techno_fronti_le_img2 img {
    width: 100%;
}

.techno_fronti_le_img1 img:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
}

/* .techno_fronti_ri_tit {
    position: absolute;
    top: 138px;
    left: 0;
} */

.techno_fronti_ri_tit .std_tit2 {
    color: #333532;
    line-height: 1.4;
}

.techno_fronti_ri {
    position: relative;
    width: 100%;
    padding-top: 120px;
    margin-left: -50px;
}


.tfru_le {
    width: 52px;
    flex: none;
}

.tfru_li {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
    width: 700px;
    max-width: 100%;
}

.tfru_ri {
    padding-left: 32px;
}

.tfru_ri_tit {
    display: inline-block;
    border-bottom: 1px solid rgba(51, 53, 50, 0.2);
    padding-right: 46px;
    transition: all 0.36s;
    padding-bottom: 8px;
    margin-bottom: 8px;
    transform: translateX(-10px);
}

.tfru_ri_tit p {
    color: #333532;
    line-height: 1.6;
    transition: all 0.36s;
}

.tfru_ri_info p {
    color: #787978;
    line-height: 1.8;
    font-weight: 290;
}

.techno_fronti_ri_tit {
    margin-bottom: 64px;
}

.tfru_li:first-child {
    margin-left: -150px;
}

.tfru_li:nth-child(2) {
    margin-left: -129px;
}

.tfru_li:nth-child(3) {
    margin-left: -142px;
}

.tfru_li:nth-child(4) {
    margin-left: -195px;
}


.techno_fronti_ri_tit {
    margin-left: -75px;
}

.tfru_le .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}

.techno_fronti_le_img1 img:nth-child(2) {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    transition: all 2s;
}

.techno_fronti_cont.on .techno_fronti_le_img1 img:nth-child(2) {
    -webkit-clip-path: inset(0 0 0% 0);
    clip-path: inset(0 0 0% 0);
}

.tfru_li:nth-child(1) .tfru_le img,
.tfru_li:nth-child(1) .tfru_ri_tit p,
.tfru_li:nth-child(1) .tfru_ri_tit {
    transition-delay: 0.4s;
}

.tfru_li:nth-child(2) .tfru_le img,
.tfru_li:nth-child(2) .tfru_ri_tit p,
.tfru_li:nth-child(2) .tfru_ri_tit {
    transition-delay: 0.56s;
}


.tfru_li:nth-child(3) .tfru_le img,
.tfru_li:nth-child(3) .tfru_ri_tit p,
.tfru_li:nth-child(3) .tfru_ri_tit {
    transition-delay: 0.8s;
}

.tfru_li:nth-child(4) .tfru_le img,
.tfru_li:nth-child(4) .tfru_ri_tit p,
.tfru_li:nth-child(4) .tfru_ri_tit {
    transition-delay: 0.95s;
}

.techno_fronti_cont.on .tfru_li .tfru_le img:nth-child(1) {
    opacity: 0;
}

.techno_fronti_cont.on .tfru_li .tfru_le img:nth-child(2) {
    opacity: 1;
}

.techno_fronti_cont.on .tfru_li .tfru_ri_tit p {
    color: rgba(0, 159, 58, 1);
}

.techno_fronti_cont.on .tfru_ri_tit {
    border-bottom-color: rgba(0, 159, 58, 1);
    transform: translateX(0);
}

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

.techno_streng_cont {
    width: 100%;
    position: relative;
    padding-top: 70px;
}

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

.techno_streng_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.techno_streng_tit .std_tit2 {
    color: #fff;
    text-align: center;
    line-height: 1.5;
}


.techno_streng_tit {
    margin-bottom: 40px;
}

.techno_streng_info p {
    color: #fff;
    line-height: 1.5;
}

.techno_streng_info {
    text-align: center;
    margin-bottom: 142px;
}

.techno_streng_btm {
    width: 100%;
    position: relative;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.40);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 40px 16px;
}

.tsbu_li {
    width: 33.333333%;
    text-align: center;
}

.tsbu_btm p {
    color: #fff;
    line-height: 1.8;
}

.techno_streng_btm_ul {
    width: 100%;
    display: flex;
}

.tsbu_top .std_tit3 {
    color: #fff;
    line-height: 1.3;
}

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

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

.techno_msexperi_top {
    width: 100%;
    margin-bottom: 104px;
    text-align: center;
}

.techno_msexperi_top_tit .std_tit2 {
    color: #333532;
    line-height: 1.4;
}

.techno_msexperi_top_tit {
    margin-bottom: 16px;
}

.techno_msexperi_top_info p {
    color: #787978;
    line-height: 1.8;
}

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

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


.tmbs_li {
    width: 25%;
    padding: 15px 10px;
    display: none;
    cursor: pointer;
}


.tmbs_li:first-child {
    display: block;
}

.tmbs_ul {
    margin: 0 -10px;
    position: relative;
}

.tmbs_ul::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #009F3A;
}

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

.techno_msexperi_btm_slid2 {
    width: 482px;
    margin: 0 auto;
    overflow: hidden;
}

.tmbs_li_img {
    width: 100%;
    position: relative;
    border-radius: 800px;
    overflow: hidden;
    margin-bottom: 32px;
    background: rgb(226, 226, 226);
    box-shadow: 0px 0px 16px 0px rgba(23, 62, 0, 0.15);
}

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

.tmbs_li_img .ys_imgbox_cover img:nth-child(1) {
    opacity: 0.5;
}

.tmbs_li_img .ys_imgbox_cover img:nth-child(2) {
    width: calc(100% - 80px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    border-radius: 800px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 63.17%, rgba(0, 0, 0, 0.60) 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
}

.tmbs_li_tit p {
    color: #009F3A;
    line-height: 1.4;
    text-align: center;
    min-height: 2.4em;
}

.tmbk_li {
    width: 100%;
    display: none;
}

.tmbk_li:first-child {
    display: block;
}

.tmbs_li_wtrp_tit p {
    color: #787978;
    line-height: 1.8;
}

.tmbs_li_wtrp_tit {
    width: 180px;
    margin: 0 auto;
    text-align: center;
}

.tmbs_li_wtrp {
    width: 100%;
    position: relative;
    padding-top: 50px;
}

.tmbs_li_wtrp span {
    width: 32px;
    height: 32px;
    background: rgba(0, 159, 58, 0.2);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}

.tmbs_li_wtrp span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #009F3A;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}

.techno_msexperi_btm_slid2 .slick-list {
    overflow: visible !important;
}

.tmbs_li.slick-current {
    opacity: 0;
}

.techno_platfor {
    width: 100%;
    position: relative;
    background: #FAFAFA;

}

.techno_platfor_wrap {
    width: 100%;
    max-width: 1920px;
    overflow: hidden;
    margin: 0 auto;
}

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

.yx_field {
    min-height: 320px;
}

.yx_field {
    overflow: visible !important;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.yx_field_ul_li {
    width: 25% !important;
    margin: 0 18px;
    overflow: hidden;
}

.yful_wrap {
    width: 100%;
    position: relative;
    border: 1px solid rgba(120, 121, 120, 0.2);
    transition: all 0.36s;
    padding: 29px 16px 28px;
    border-radius: 10px;
}

.yful_pictu {
    width: 100%;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.yful_pictu_img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

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

.yful_pictu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.01));
    z-index: 10;
    opacity: 0;
    transition: all 0.36s;
}

.yful_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 26px;
    opacity: 0;
    transition: all 0.36s;
}

.yful_info p {
    font-size: 16px;
    line-height: 1.75;
    color: #000000;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.yx_field_btn {
    position: absolute;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.yx_field_btn_wrap {
    width: 49px;
    margin: 0 12px;
    outline: none;
}

.yx_field_btn_wrap img {
    width: 100%;
    border-radius: 50%;
}

.yful_pictu img {
    object-fit: cover;
}

.yx_field_ul_li.swiper-slide-active .yful_info {
    opacity: 1;
}

.yx_field_ul_li .yful_wrap {
    padding-bottom: 30px;
}

.yx_field_ul_li.swiper-slide-active .yful_wrap {
    padding-bottom: 87px;
}

@media screen and (max-width: 1440px) {
    .yx_field_ul_li {
        width: 26% !important;
    }

    .yx_field_btn_wrap {
        width: 40px;
    }
}

@media screen and (max-width: 1280px) {
    .yful_info p {
        font-size: 16px;
    }

    .yful_info {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .yx_field_ul_li {
        width: 34% !important;
    }
}

@media screen and (max-width: 768px) {
    .yx_field_ul_li {
        width: 50% !important;
    }
}

@media screen and (max-width: 768px) {
    .yx_field_ul_li {
        width: 90% !important;
    }
}


.techno_platfor_tit .std_tit2 {
    text-align: center;
}

.techno_platfor_tit {
    margin-bottom: 40px;
}

.techno_cooper {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

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

.tclt_top_tit .std_tit2 {
    color: #333532;
    line-height: 1.4;
}

.tclt_top_info p {
    color: #009F3A;
    line-height: 1.4;
}

.tclt_top_tit {
    margin-bottom: 40px;
}

.tclt_top {
    margin-bottom: 106px;
    width: 39%;
}

.techno_platfor_ctrl {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

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


.tclt_btm_li {
    width: 16.666666%;
    padding: 14px;
    display: none;
}

.tclt_btm_li:first-child {
    display: block;
}

.tclt_btm_ul {
    margin: 0 -14px;
}

.tclt_btm_li_wrap {
    width: 100%;
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
}

.tclt_btm_ctrlc {
    margin-top: 26px;
}

.techno_cooper_ri {
    width: 57%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.techno_cooper_ri img {
    width: 100%;
}

.techno_cooper_le {
    width: 100%;
    padding-top: 220px;
}

.techno_achiev {
    width: 100%;
    position: relative;
    padding-top: 180px;
    padding-bottom: 160px;
    overflow: hidden;
}

.techno_achiev .ys_cont1440 {
    z-index: 10;
    position: relative;
}

.techno_achiev_tit .std_tit2 {
    color: #fff;
    line-height: 1.3;
}

.techno_achiev_tit {
    text-align: center;
    margin-bottom: 80px;
}

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

.techno_achiev_btm_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px;
    align-items: stretch;
}


.tabu_li {
    width: 25%;
    padding: 0 24px;
}

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

.tabu_wrap_top {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tabu_wrap_top_tit .std_tit2 {
    color: #fff;
    line-height: 1.3;
}

.tabu_wrap_top_btm {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.twtb_le {
    width: 48px;
    flex: none;
}

.twtb_le img {
    width: 100%;
}

.twtb_ri p {
    color: rgba(255, 255, 255, 1);
    line-height: 1.4;
}

.tabu_wrap_btm {
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 10px;
    background: linear-gradient(141deg, #30DA4C 12.79%, #3EB7FB 88.56%);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 78px 24px;
    opacity: 0;
    transition: all 0.36s;
    position: relative;
    z-index: 10;
}


.tabu_wrap_btm_tit .std_tit3 {
    color: #fff;
    line-height: 1.5;
}

.tabu_wrap_btm_tit {
    margin-bottom: 24px;
}

.tabu_wrap_btm_info p {
    color: #fff;
    line-height: 1.8;
    font-weight: 290;
}


.mhnl_down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 0px 0px 20px 20px;
    display: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}


.mod_head_ri img {
    transform: scale(1) !important;
}


.mhnl_down_wrap {
    width: 100%;
    display: flex;
    padding: 40px 60px;
}

.mhnl_down_wrap_le {
    width: 365px;
    padding-right: 50px;
    flex: none;
}

.mdwl_tit p {
    color: #333532;
    line-height: 1.5;
}

.mdwl_info p {
    font-size: 14px;
    line-height: 1.8;
    color: #787978;
}

.mdwl_tit {
    margin-bottom: 20px;
}

.mhnl_down_wrap_ri {
    border-left: 1px solid rgba(120, 121, 120, 0.5);
    padding-left: 80px;
    padding-bottom: 45px;
    flex: none;
}

.mdwr_li_wrap_top a {
    font-size: 18px;
    line-height: 1.6;
    color: #333532;
}

.mdwr_li_wrap_top {
    margin-bottom: 24px;
}

.mdwr_li {
    min-width: 170px;
    padding-right: 15px;
}

.mdwr_ul {
    display: flex;
}

.mlwb_li a {
    font-size: 16px;
    line-height: 1.8;
    color: #787978;
    transition: all 0.36s;
    font-weight: 290;
}

.mlwb_li {
    margin-bottom: 8px;
}

.mlwb_li.yxnav_active2 a {
    color: #009F3A;
}

.mhnl_link {
    white-space: nowrap;
}

.produc_wrap_btm svg {
    width: 100%;
}


.ys_ban_img {
    width: 768px;
    margin: 0 auto;
}

.ys_ban_img img {
    width: 100%;
}

.mlbl_li_size_btm {
    width: 100%;
}

.nslw_ri_ul_li {
    margin-bottom: 5px;
}

.dltb_le {
    width: 24px;
}

.dltb_le img {
    width: 100%;
}

.sustain_commit_top_info {
    margin-top: 6px;
}

.about_strate .about_btm {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.he_syp1nimg {
    display: none;
}


.techno_cooper_ri img:nth-child(1) {
    z-index: 10;
    position: relative;
}

.techno_cooper_ri img:nth-child(2) {
    top: 1px;
    height: calc(100% - 2px);
}

.tabu_wrap_top .tabu_wrap_btm_tit,
.tabu_wrap_top .tabu_wrap_btm_info {
    display: none;
}


.ys_ban_li.slick-current .std_tit1 {
    animation: ysfadeInUp 0.8s ease-in-out both;
    animation-delay: 0.1s;
}




.he_canvsdm {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

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

#threebox {
    width: 100%;
    height: 100%;
    position: relative;
    /* border-radius: 50%;
    overflow: hidden; */
}

#threebox canvas {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.mc_a1s1_area {
    /* color: #333; */
    padding: 0;
    /* font-size: 14px; */
    /* line-height: 1.5; */
    position: absolute;
    opacity: 0;
    /* z-index: 20; */
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    /* background: #fff; */
    /* border-radius: 5px; */
    white-space: nowrap;
    left: -100%;
    /* padding: 2px 8px; */
    display: inline-block;
    pointer-events: none;
}


.mhnl_down {
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    /* width: 100vw; */
    /* background: #fff; */
    border-top: 1px solid rgba(45, 117, 217, 0.20);
    display: none;
}

.map_wrap {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 12px 24px;
}

.map_wrap_li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.map_wrap_li:last-child {
    margin-bottom: 0 !important;
}

.map_wrap_li_le {
    width: 34px;
}

.map_wrap_li_le img {
    width: 100%;
}

.map_wrap_li_ri p {
    font-size: 16px;
    line-height: 1.8;
    color: #333532;
}

.map_wrap_li_ri {
    padding-left: 24px;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {



    .ys_hd_pc:hover .mod_head {
        background: #fff;
        border-bottom: 1px solid rgba(120, 121, 120, 0.20);
    }

    .ys_hd_pc:hover .mod_head .ys_imgbox_cover img:nth-child(1) {
        opacity: 0 !important;
    }

    .ys_hd_pc:hover .mod_head .ys_imgbox_cover img:nth-child(2) {
        opacity: 1 !important;
    }

    .ys_hd_pc:hover .mhnl_link p {
        color: #333532;
    }

    .ys_hd_pc:hover .mhro_le p {
        color: #333532;
    }

    .ys_hd_pc:hover .mhnl_svg path {
        fill: #333532;
    }

    .ys_hd_pc:hover .mhrl_ri p {
        color: #333532;
    }

    .ys_hd_pc:hover .mhrl_ri a {
        color: rgba(51, 53, 50, 0.5);
    }

    .ys_hd_pc:hover .mhrl_ri .mhrl_ri_act {
        color: rgba(51, 53, 50, 1);
    }

    .ys_hd_pc:hover .mhrc_more {
        border-color: #009F3A;
    }

    .ys_hd_pc:hover .mhrc_le p {
        color: #009F3A;
    }




    html.sticky body {
        overflow: visible !important;
    }

    .tabu_wrap:hover .tabu_wrap_btm {
        opacity: 1;
    }

    .sdbu_wrap:hover .sdbu_wrap_ri img:nth-child(1) {
        opacity: 0;
    }

    .sdbu_wrap:hover .sdbu_wrap_ri img:nth-child(2) {
        opacity: 1;
    }

    .hwlm_more1:hover .hwlm_le p {
        color: #fff;
    }

    .hwlm_more1:hover .ys_imgbox_cover img:nth-child(1) {
        opacity: 0;
    }

    .hwlm_more1:hover .ys_imgbox_cover img:nth-child(2) {
        opacity: 1;
    }

    .sdbu_wrap:hover {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
        border-color: #009F3A;
    }

    .sdbu_wrap:hover .sdbu_wrap_le_info p {
        color: #009F3A;
    }

    .sabc_li a:hover .slwb_tit p {
        color: #007C3E;
    }

    .sabc_li a:hover .slwb_ri {
        opacity: 1;
    }

    .detail_le_btm_li a:hover p::after {
        opacity: 1;
        width: 100%;
    }

    .comp-tabli li:hover {
        color: #fff;
        background: #007C3E;
    }

    .nwul_wrap:hover .nwul_wrap_btm_info p {
        color: #009F3A;
    }

    .mftr_btm_link a:hover {
        opacity: 1;
        color: #009F3A;
    }

    .mftl_list_li_wrap:hover .mllw_le p {
        color: #009F3A;
    }

    .hnbu_li:hover .hnbu_wrap_btm_more {
        opacity: 1;
    }

    .hwlb_btn:hover {
        background: #009F3A;
    }

    .hwlb_btn:hover path {
        stroke: #fff !important;
    }

    .hwlm_more:hover {
        background: #007C3E;
    }

}

.he_canvsdm {
    min-height: 1135px;
    /* border-radius: 50px;
    overflow: hidden; */
}

.mlsb_wrap_slock {
    display: inline-block;
}

.hncn_sp2 i {
    font-style: normal;
}

.sabc_ul .swiper-wrapper {
    align-items: stretch;
}

.sabc_ul .sabc_li {
    height: auto !important;
}

.sabc_li a {
    display: block;
    height: 100%;
}

.yx_rotate5_swiper_btn .swiper-button-next:after,
.yx_rotate5_swiper_btn .swiper-button-prev:after {
    display: none;
}

.yx_rotate5_swiper_btn .swiper-button-next img {
    transform: rotate(180deg);
}




@keyframes bgcircle {

    0% {

        transform: translateX(-50%) scale(1);

    }



    50% {

        transform: translateX(-50%) scale(1.1);

    }

}

.tmbs_li_wtrp span {
    animation: bgcircle 1.5s infinite;
}


.tmbs_ul::after {
    top: 30px;
}

.techno_msexperi_btm_slid1 {
    top: 34%;
}


.ys_imgbox_cover {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}


.sabc_li a .slwb_ri {
    opacity: 1;
}


.mhnl_link::after {
    display: none;
}

.ahbu_wrap_tit {
    opacity: 1 !important;
}

.ahbu_wrap {
    padding-bottom: 20px;
}

.sustain_activi_btm.act {
    margin-bottom: 100px;
}

.map_wrap_li_ri {
    padding-left: 0 !important;
    line-height: 1.75;
}

/* .mc_a1s1_area {
    max-width: 390px;
}

.map_wrap_li_ri {
    white-space: wrap !important;
} */


.sustain_activi .slwb_info p {
    -webkit-line-clamp: 4;
    height: 7.2em;
}

.mftl_follow_ri {
    display: flex;
}

.mftl_follow_ri_weix {
    margin-right: 15px;
}

/* .hstw_quan {
    width: 77.8%;
} */

.hstw_quan img {
    width: 100%;
}

.hsbw_wrap_ri {
    border-color: transparent !important;
}

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

.home_sustai {
    margin-top: 0 !important;
}

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

.home_global_plane_img img {
    width: 100%;
}

.home_global_plane {
    margin-top: 70px;
}

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

.hgpi_path {
    cursor: pointer;
}

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

.hgpi_dots_li {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #009F3A;
    position: absolute;
    transform: translate(-50%, -50%);
}

.hgpi_dots_li_hux {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hgpi_dots_li_hux::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(0, 159, 58, 1);
    animation: myfirst 3s linear infinite;
    width: 100%;
    height: 100%;
}

.home_global_plane.on .hgpi_dots_li_hux::before {
    animation: myfirst 3s linear infinite 0.5s;
}

@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(0.1);
        opacity: .7;
    }

    50% {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0.5;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}

.hgpi_dots_li_pop {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 360px;
    opacity: 0;
    transform: translateX(-50%) scale(0);
    transition: all 0.5s;
    pointer-events: none;
}

.hgpi_dots_li.on .hgpi_dots_li_pop {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

.hgpi_dots2 {
    z-index: 10;
    pointer-events: none;
}


.hgpi_dots2 .hgpi_dots_li {
    background: transparent !important;
}

.hgpp_li {
    width: 100%;
    display: none;
    background: #fff;
}

.hgpp_li:first-child {
    display: block;
}

.hgpp_ul .slick-list {
    overflow: visible !important;
}

.hgpp_ul .slick-dots li {
    width: 6px;
    height: 6px;
}

.hgpp_ul .slick-dots li.slick-active {
    background: #009F3A;
}

.hgpp_ul .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 14px;
}

.home_global_plane_ph {
    margin-top: 15px;
    display: none;
}

.home_global {
    z-index: 10;
}

.hgpi_svg1 path {
    stroke-dashoffset: 1000px;
    stroke-dasharray: 1000px;
}

.home_global_plane.on .hgpi_svg1 path {
    animation: animation-line 4s ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

@keyframes animation-line {
    0% {
        stroke-dashoffset: 1000px
    }

    80% {
        stroke-dashoffset: 0px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

.hgpp_ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}


.hgpp_ul .slick-list {
    width: 100%;
}

.hgpp_ul .slick-track,
.hgpp_ul .map_wrap {
    height: 100%;
}
.ys_banner video {
    background: transparent !important;
}

.hgbu_li  {
    text-align: center;
}