@charset "utf-8";

@media screen and (max-width: 2000px) {

    .mod_head_nav_li {
        padding: 0 30px;
    }

    .mhnl_down_wrap_ri {
        padding-left: 70px;
        padding-bottom: 30px;
    }

    .mdwr_li {
        min-width: 150px;
    }

    .hsbw_wrap_le_desz {
        width: 57%;
        right: -103px;
    }

    .hsbw_wrap_le {
        width: 37.2%;
    }

    .home_global_map {
        width: 990px;
    }

    .he_canvsdm {
        min-height: 990px;
    }

    .hsbw_wrap_ri {
        width: 44.5vw;
        height: 44.5vw;
    }



}

/* 调大看小 */
/* 1920~1441 pc大屏幕 */
@media screen and (max-width: 1680px) {
    .mhnl_down_wrap_le {
        width: 330px;
        padding-right: 35px;
    }

    .mhnl_down_wrap_ri {
        padding-left: 50px;
        padding-bottom: 25px;
    }

    .mod_head {
        padding: 0 50px;
    }

    .mod_head_nav {
        margin-right: 50px;
    }

    .mod_head_ri_sear {
        margin-right: 32px;
    }

    .mod_head_ri_oa {
        margin-right: 32px;
    }

    .mod_head_ri_lan {
        margin-right: 34px;
    }

    .std_tit1 {
        font-size: 50px;
    }

    .ys_ban_slick .slick-dots {
        width: 82.5%;
    }

    .home_system_top_wrap {
        width: 640px;
    }

    .hstw_quan {
        width: 77%;
    }

    .hbll_le {
        width: 66px;
    }

    .std_tit3 {
        font-size: 28px;
    }

    .std_tit2 {
        font-size: 42px;
    }

    .home_system_top_wrap {
        margin-top: 50px;
    }



    .home_global_map {
        width: 920px;
    }

    .home_sustai {
        height: 550px;
    }

    .std_mar {
        margin-bottom: 50px !important;
    }

    .hwru_li1 {
        top: 17%;
        left: 3%;
    }

    .hwru_li2 {
        left: -6%;
    }

    .hnbu_li {
        width: 510px !important;
    }

    .hnbu_li.swiper-slide-active {
        width: 620px !important;
    }

    .home_news_btm_swip {
        min-height: 350px;
    }

    .hsbw_wrap_le {
        width: 36.6%;
    }

    .hsbw_wrap {
        width: 143%;
    }

    .hsbw_wrap {
        width: 140%;
    }


    .hsbw_wrap_le_desz {
        width: 48%;
        right: -76px;
    }

    .ys_ban_img {
        width: 670px;
    }

    .mlbl_li_sketch {
        padding-top: 46px;
    }

    .mlbl_li_data {
        padding-bottom: 46px;
    }

    .mlbl_li_chart_tit {
        margin-bottom: 32px;
    }

    .news_top_li {
        margin-right: 100px;
    }

    .nllw_ri {
        padding-left: 100px;
    }

    .natura_list_li:nth-child(2n) .nllw_ri {
        padding-left: 0;
        padding-right: 100px;
    }

    .nrlb_slick_li_wrap {
        padding: 62px 130px;
    }

    .jbul_le {
        width: 54px;
    }

    .jbul_ri {
        padding-left: 24px;
    }

    .join_ban {
        width: 710px;
    }

    .join_ban_ul_li a {
        padding: 30px;
    }

    .join_idea_top_tit {
        margin-bottom: 30px;
    }

    .jdlw_ri_tit {
        margin-bottom: 22px;
    }

    .jdlw_ri_info {
        margin-bottom: 28px;
    }

    .jrbu_li {
        margin-bottom: 15px;
    }

    .jdlw_ri_info p {
        margin-bottom: 15px;
    }


    .join_develo_li {
        min-height: 490px;
    }

    .conta_form_wrap_li {
        padding: 0 18px;
        margin-bottom: 26px;
    }

    .conta_form_wrap_ul {
        margin: 0 -18px;
    }

    .casl_top .cabl_le_tit {
        margin-bottom: 0px;
    }

    .cabl_le_wrap {
        margin-bottom: 15px;
    }

    .casl_top {
        width: 100%;
        position: relative;
        margin-bottom: 65px;
    }

    .cabl_le {
        min-height: 370px;
    }

    .conta_mian .mod_main {
        margin-top: -170px;
    }

    .adtb_li {
        min-width: 94px;
    }

    .rstl_tit {
        margin-bottom: 40px;
    }

    .news_top_li {
        margin-right: 84px;
    }

    .he_syp1ntkl {
        margin-bottom: 18px;
    }

    .techno_streng_cont {
        padding-top: 10px;
    }

    .techno_msexperi_top {
        margin-bottom: 70px;
    }

    .tmbs_li_img {
        margin-bottom: 26px;
    }

    .techno_msexperi_btm_slid1 {
        width: calc(100% + 100px);
        position: absolute;
        top: 37%;
        left: 50%;
        transform: translateX(-50%);
    }

    .sustain_pop .ys_modal_content {
        width: 1070px;
    }

    .sustain_pop_ri {
        width: 52%;
        padding: 52px 48px;
    }

    .sustain_pop_ri_ul {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sustain_pop_ri_tit {
        margin-bottom: 30px;
    }

    .spru_li_tit {
        margin-bottom: 8px;
    }

    .spru_li {
        margin-bottom: 15px;
    }

    .sustain_pop_ri_code {
        width: 186px;
    }

    .sustain_pop_ri .mCSB_outside+.mCSB_scrollTools {
        right: -25px !important;
    }

    .he_canvsdm {
        min-height: 920px;
    }

    /* 1680end */
}

@media screen and (max-width: 1560px) {
    .hsbw_wrap_le {
        width: 35.9%;
    }

    .hsbw_wrap_le_desz {
        width: 46%;
        right: -66px;
    }

    .hsbw_wrap {
        width: 130%;
    }

    .hsbw_wrap_ri {
        width: 42vw;
        height: 42vw;
    }

    .hsbw_wrap_le {
        width: 39.5%;
    }

    .hwru_li1 {
        top: 16%;
        left: 1%;
    }

    .hsbw_wrap_le_desz {
        right: -59px;
    }

    .hsbw_wrap_le_tit {
        margin-bottom: 30px;
    }

    .hsbw_wrap_le_info {
        margin-bottom: 60px;
    }

    .hsbw_wrap_le_btm {
        margin-top: 70px;
    }

    .home_global_map {
        margin-top: -150px;
    }

    .home_sustai {
        height: 510px;
    }

    .mftr_li {
        margin-left: 88px;
    }

    .mltr_li {
        padding: 0 10px;
    }

    .mltr_ul {
        margin: 0 -10px;
    }

    .mltr_li_wrap {
        padding: 15px 10px 20px;
    }

    .mldu_li {
        padding: 0 36px;
        margin: 16px 0;
    }

    .mlbl_li_data_ul {
        margin: 0 -36px;
    }

    .recove_network_ri {
        width: 55%;
    }

    .recove_network_ri_info {
        margin-bottom: 46px;
    }

    .recove_network_desz {
        width: 360px;
    }

    .rnru_wrap {
        padding: 35px;
    }

    .recove_cooper_tit {
        margin-bottom: 30px;
    }

    .recove_cooper_info {
        margin-bottom: 40px;
    }

    .recove_cooper_btm {
        margin-bottom: 95px;
    }

    .recove_break_cont .recove_streng_top_le {
        width: 45%;
    }

    .recove_secure_btm_positi {
        padding: 36px;
    }

    .rsbp_li_num {
        margin-bottom: 12px;
    }

    .rsbp_li_tit {
        margin-bottom: 28px;
    }

    .rsbp_li_info p {
        margin-bottom: 12px;
        padding-left: 32px;
    }

    .join_welfa_cen {
        width: 336px;
    }

    .jwdl_le {
        width: 66px;
        height: 66px;
    }

    .tabu_wrap_btm {
        padding: 44px 24px;
    }

    .techno_achiev {
        padding-top: 100px;
        padding-bottom: 117px;
    }

    .techno_platfor_ctrl {
        margin-top: 32px;
    }

    .yx_field {
        min-height: 300px;
    }

    .hstw_btm_list_li2 {
        right: -19%;
    }

    .sustain_activi .slwb_info p {
        -webkit-line-clamp: 5;
        height: 9em;
    }

    /* 1560end */
}

/* 1440~1200 pc小屏幕 重点*/
@media screen and (max-width: 1440px) {
    .ys_modal_content {
        max-height: 650px;
    }

    .mhro_ri {
        width: 20px;
    }

    .mhro_le p {
        font-size: 14px;
        line-height: 68px;
    }

    .mhrl_le {
        width: 20px;
    }

    .mhrl_ri p {
        font-size: 14px;
    }

    .mhrl_ri a {
        line-height: 68px;
    }

    .mod_head_ri_oa {
        margin-right: 20px;
    }

    .mod_head_ri_lan {
        margin-right: 20px;
    }

    .mod_head_ri_sear {
        margin-right: 24px;
        width: 20px;
    }

    .mhrc_le p {
        font-size: 14px;
    }

    .mod_head {
        padding: 0 30px;
    }

    .mod_head::after {
        width: 2px;
    }

    .mod_head_nav {
        margin-right: 10px;
    }

    .mod_head_nav_li {
        padding: 0 20px;
    }

    .mod_head_log {
        width: 140px;
    }

    .mhnl_link p {
        line-height: 68px;
        font-size: 14px;
    }

    .mhnl_svg {
        width: 12px;
        margin-left: 5px;
    }

    .mhnl_svg svg {
        width: 100%;
    }

    .mod_head_ri_sear .ys_imgbox_cover {
        line-height: 68px;
    }

    .mhrc_ri {
        width: 20px;
    }

    .mhrc_more {
        padding: 6px 18px;
    }

    .mhnl_down_wrap {
        padding: 30px 35px;
    }

    .mhnl_down_wrap_le {
        width: 260px;
        padding-right: 20px;
    }

    .std_tit4,
    .std_tit4 p {
        font-size: 22px;
    }

    .mdwl_tit {
        margin-bottom: 14px;
    }

    .mhnl_down_wrap_ri {
        padding-left: 32px;
        padding-bottom: 15px;
    }

    .mdwr_li_wrap_top {
        margin-bottom: 12px;
    }

    .mdwr_li_wrap_top a {
        font-size: 16px;
    }

    .mlwb_li a {
        font-size: 14px;
    }

    .mlwb_li {
        margin-bottom: 6px;
    }

    .mdwr_li {
        min-width: 118px;
    }

    .mhnl_down {
        transform: translateX(-58%);
    }

    .mhnl_down {
        border-radius: 0px 0px 15px 15px;
    }

    .std_tit1 {
        font-size: 40px;
    }

    .ys_ban_slick .slick-dots li {
        width: 12px;
        height: 12px;
    }

    .ys_ban_slick .slick-dots li::after {
        width: 8px;
        height: 8px;
    }

    .ys_ban_slick .slick-dots li.slick-active {
        width: 44px;
    }

    .ys_ban_slick .slick-dots li.slick-active::after {
        opacity: 1;
        left: calc(100% - 13px);
    }

    .home_system_top_wrap {
        width: 550px;
    }

    .hbll_le {
        width: 54px;
        padding: 10px;
    }

    .std_tit3 {
        font-size: 26px;
    }

    .hstw_btm_list_li3 .hbll_ri {
        padding-right: 12px;
    }


    .hbll_ri {
        padding-left: 12px;
    }

    .hstw_btm_list_li1 {
        top: 10%;
        right: -14%;
    }

    .hstw_btm_list_li3 {
        left: -22%;
    }

    .hstw_btm_list_li2 {
        top: 87%;
    }

    .hstw_quan {
        width: 80%;
    }

    .std_tit2 {
        font-size: 38px;
    }

    .hsbw_wrap_le {
        padding-right: 90px;
    }


    .hsbw_wrap_le_tit {
        margin-bottom: 18px;
    }

    .hsbw_wrap_le_info {
        margin-bottom: 35px;
    }

    .hsbw_wrap_le_btm {
        margin-top: 45px;
    }

    .hwlm_le {
        padding-right: 10px;
    }

    .hwlm_le p {
        font-size: 14px;
        line-height: 38px;
    }

    .hwru_li {
        width: 66px;
    }

    .hsbw_wrap_le_desz {
        right: -44px;
        width: 44%;
    }

    .hwlb_btn {
        width: 40px;
        height: 40px;
    }

    .hwlb_btn svg {
        width: 8px;
    }

    .home_global_btm {
        margin-top: 40px;
    }

    .home_global_map {
        margin-top: -105px;
        width: 710px;
    }

    .home_sustai {
        height: auto;
    }

    .std_mar {
        margin-bottom: 35px !important;
    }

    .home_sustai_tit {
        margin-bottom: 28px !important;
    }

    .home_news_control {
        width: 260px;
        margin-top: 36px;
    }

    .home_listen {
        padding: 55px 0;
    }

    .mftl_logo {
        width: 170px;
        margin-bottom: 25px;
    }

    .mftl_follow {
        margin-bottom: 20px;
    }

    .mftl_tline {
        margin-bottom: 20px;
    }

    .mftr_li {
        margin-left: 57px;
    }

    .mftr_top a {
        font-size: 16px;
    }

    .mftr_btm_link a {
        font-size: 14px;
    }

    .mftr_top {
        margin-bottom: 12px;
    }

    .mftr_btm_link {
        margin-bottom: 5px;
    }

    .mod_fot_top {
        padding-top: 52px;
        padding-bottom: 36px;
    }

    .mod_fot_btm {
        padding: 10px 0;
    }

    .mfbc_le p,
    .mfbc_le p a {
        font-size: 12px;
    }

    .mfbc_ri a,
    .mfbc_ri {
        font-size: 12px;
    }

    .hsbw_wrap_le_desz {
        right: -51px;
    }


    .ys_ban_img {
        width: 550px;
        margin: 0 auto;
    }


    .mater_list_top_le {
        width: 240px;
        padding: 30px 48px;
    }

    .mater_list_top_ri {
        width: calc(100% - 240px);
        padding-left: 35px;
        padding-right: 30px;
    }

    .mltr_li {
        padding: 0 5px;
    }

    .mltr_ul {
        margin: 0 -5px;
    }

    .mltr_li_wrap_icon {
        width: 40px;
        margin-bottom: 9px;
    }

    .mater_list_btm_li {
        padding: 58px 55px 42px;
    }

    .mlbl_li_sketch {
        padding-top: 32px;
    }

    .mlsr_li {
        padding: 0 10px;
        margin: 10px 0;
    }

    .mlsr_ul {
        margin: 0 -10px;
    }

    .mlbl_li_sketch_le {
        padding-right: 36px;
    }

    .mlbl_li_data {
        padding-bottom: 25px;
    }

    .mlcu_li {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .mlbl_li_chart_ul {
        margin: 0 -10px;
    }

    .mlbl_li_chart_tit {
        margin-bottom: 22px;
    }

    .mater_list_li {
        margin-bottom: 48px;
    }

    .mlsl_tit {
        margin-bottom: 16px;
    }

    .news_top {
        top: 69px;
    }

    .news_top_li {
        margin-right: 62px;
    }

    .nllw_ri {
        padding-left: 50px;
    }

    .nllw_ri_tit {
        margin-bottom: 20px;
    }

    .natura_list_li:nth-child(2n) .nllw_ri {
        padding-left: 0;
        padding-right: 50px;
    }

    .natura_resour_li_tit {
        margin-bottom: 18px;
    }

    .natura_resour_li_top {
        margin-bottom: 25px;
    }

    .nrlb_slick_li_wrap {
        padding: 45px 80px;
    }

    .nslw_ri {
        padding-left: 28px;
    }

    .nslw_ri_info {
        margin-bottom: 16px;
    }

    .natura_resour_li {
        margin-bottom: 56px;
    }

    .mod_tit30 {
        font-size: 24px;
    }

    .recove_network_ri_tit {
        margin-bottom: 15px;
    }

    .recove_network_ri_info {
        margin-bottom: 32px;
    }

    .rnru_wrap {
        padding: 24px;
    }

    .rnru_li {
        padding: 0 10px;
    }

    .recove_network_ri_ul {
        margin: 0 -10px;
    }

    .rnru_wrap_sub {
        margin-bottom: 6px;
    }

    .rnru_wrap_info {
        margin-bottom: 5px;
    }

    .recove_cooper_tit {
        margin-bottom: 22px;
    }

    .recove_cooper_info {
        margin-bottom: 30px;
    }

    .recove_streng_top_ri {
        width: 45%;
    }

    .recove_streng_top_le {
        width: 48%;
    }

    .rsbu_li {
        padding: 0 60px;
    }

    .recove_streng_btm_ul {
        margin: 0 -60px;
    }

    .rstl_tit {
        margin-bottom: 30px;
    }

    .rsbr_li {
        margin-bottom: 16px;
    }

    .recove_secure_btm {
        padding-bottom: 70px;
    }

    .rsbp_li_info {
        height: 106px;
    }

    .recove_secure_btm_positi {
        padding: 26px;
    }

    .rsbp_li_num p::after {
        width: 32px;
    }

    .rsbp_li_num p {
        padding-left: 45px;
    }

    .rsbp_li_num {
        margin-bottom: 8px;
    }

    .rsbp_li_tit {
        margin-bottom: 15px;
    }

    .news_wrap_ul_li {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .news_wrap_ul {
        margin: 0 -15px;
    }

    .nwul_wrap_btm {
        padding: 20px;
    }

    .nwul_wrap_btm_info {
        margin-bottom: 25px;
    }

    .nwul_wrap_btm_tit {
        margin-bottom: 5px;
    }

    .detail_le {
        padding-left: 120px;
        padding-right: 65px;
    }

    .dltb_ri {
        padding-left: 12px;
    }

    .detail_le_cen {
        padding: 30px 0 30px;
    }

    .detail_le_btm_li a {
        padding: 20px 30px;
    }

    .detail_ri {
        width: 62px;
        padding-top: 60px;
    }

    .detail_ri_wrap {
        padding: 20px 12px;
    }

    .detail_ri_wrap_top {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .ys_share_list {
        margin-bottom: 12px;
    }

    .detail_le_cen p {
        margin-bottom: 25px;
    }

    .scbu_li {
        padding: 0 15px;
        margin-bottom: 40px;
    }

    .sustain_commit_btm_ul {
        margin: 0 -15px;
    }

    .swbt_le {
        width: 26px;
    }

    .swbt_ri {
        padding-left: 12px;
    }

    .scbu_wrap_btm_tit {
        padding-bottom: 10px;
        margin-bottom: 13px;
    }

    .scbu_li .nwbm_le p {
        font-size: 14px;
    }

    .scbu_wrap_btm_more {
        margin-top: 10px;
    }

    .swbm_li {
        margin-bottom: 5px;
    }

    .sabc_li {
        padding: 0 15px;
    }

    .sabc_ul {
        margin: 0 -15px;
        padding-bottom: 15px;
    }

    .sustain_activi_btm .home_news_control {
        margin-top: 26px;
    }

    .sustain_down_tit {
        margin-bottom: 32px;
    }

    .sdbu_wrap {
        padding: 16px 30px;
    }

    .sustain_down_btm_more {
        padding-top: 13px;
    }

    .sabc_li_wrap_btm {
        padding: 20px;
    }

    .slwb_tit {
        margin-bottom: 10px;
    }

    .slwb_info {
        margin-bottom: 22px;
    }

    .join_idea_top_tit {
        margin-bottom: 20px;
    }

    .join_welfa_cen {
        width: 290px;
    }

    .jwdl_le {
        width: 56px;
        height: 56px;
    }

    .jwdl_ri_tit {
        margin-bottom: 5px;
    }

    .join_welfa_dots_li1 {
        left: 12%;
    }

    .join_welfa_dots_li2 {
        left: 19.5%;
    }

    .join_welfa_dots_li3 {
        left: 34%;
    }

    .join_welfa_dots_li4 {
        left: 66.5%;
    }

    .join_develo_li {
        min-height: 450px;
    }

    .jdlw_ri_tit {
        margin-bottom: 16px;
    }

    .jdlw_ri_info {
        margin-bottom: 22px;
    }

    .jrbu_li {
        padding: 4px 16px;
    }

    .jrbu_li p span {
        padding-right: 10px;
    }

    .jdlw_ri_btm_wrap {
        padding-right: 50px;
    }

    .jdlw_ri_info p {
        margin-bottom: 8px;
    }

    .jrbl_wrap {
        padding: 25px 20px;
    }

    .jrbl_wrap_tit {
        margin-bottom: 6px;
    }

    .join_develo_li {
        margin-bottom: 70px;
    }

    .conta_form_wrap_li {
        padding: 0 12px;
        margin-bottom: 15px;
    }

    .conta_form_wrap_ul {
        margin: 0 -12px;
    }

    .cfwl_input textarea {
        height: 140px;
    }

    .conta_addre_tit {
        margin-bottom: 30px;
    }

    .conta_addre_top {
        padding-bottom: 32px;
    }

    .casl_top .cabl_le {
        padding-left: 130px;
    }

    .cabl_le_in {
        padding: 30px;
    }



    .cabl_le_tit {
        margin-bottom: 15px;
    }

    .cabl_le_wrap {
        margin-bottom: 10px;
    }

    .cabl_le_li_info {
        padding-left: 10px;
    }

    .cabl_le_li {
        margin-bottom: 15px;
    }

    .conta_addre_btm_li {
        margin-bottom: 52px;
    }

    .cabl_le {
        min-height: 340px;
        padding: 46px 0;
    }

    .conta_addre_img {
        width: calc(100% - 80px);
    }

    .about_introdu_desz {
        width: 23%;
    }

    .about_introdu_top_tit {
        margin-bottom: 30px !important;
    }

    .adbu_wrap_li {
        padding: 0 16px !important;
    }

    .adbu_li {
        margin: 0 -16px;
    }

    .about_history_img {
        height: 320px;
    }

    .about_devel_top_btm {
        margin-top: 0px;
    }

    .about_vision_top {
        margin-bottom: 30px;
    }

    .acbu_wrap .ys_imgbox_cover {
        width: 170px;
        margin-bottom: 18px;
    }

    .acbu_wrap_btm_subtit {
        margin-bottom: 12px;
    }

    .about_strate .recove_cooper_img {
        min-height: 386px;
        padding-top: 100px;
    }

    .about_btm {
        margin-top: -205px;
    }

    .about_btm_wrap {
        border-radius: 26px;
    }

    .ahbu_li {
        padding: 0 15px;
    }

    .adtb_li_p2 {
        width: 86px;
        padding: 4px 8px !important;
    }

    .adtb_sides_li p {
        padding: 5px 20px;
    }

    .about_devel_top_btm {
        padding: 0 150px !important;
    }

    .adtb_li {
        min-width: 100px;
    }

    .he_syp1ntkl.act .he_syp1np1 .std_tit3 {
        font-size: 26px;
    }

    .he_syp1np1 .std_tit3 {
        font-size: 20px;
    }


    .he_syp1nwk {
        padding-top: 29px;
    }

    .he_syp1ntkl.act .he_syp1nwk {
        padding-top: 20px;
    }

    .techno_fronti_le {
        width: 808px;
        height: 720px;
    }

    .techno_fronti_ri {
        padding-top: 99px;
    }

    .techno_streng_cont {
        padding-top: 0px;
    }

    .techno_streng_tit {
        margin-bottom: 22px;
    }

    .techno_streng_info {
        margin-bottom: 100px;
    }

    .techno_streng_btm {
        padding: 28px 15px;
    }

    .techno_msexperi_top {
        margin-bottom: 40px;
    }

    .techno_msexperi_btm_slid2 {
        width: 380px;
    }

    .tmbs_li_img .ys_imgbox_cover img:nth-child(2) {
        width: calc(100% - 52px);
    }

    .techno_msexperi_btm_slid1 {
        width: calc(100% +50px);
    }


    .yx_field_ul_li {
        width: 29% !important;
    }

    .he_syp1nwq {
        padding-top: 12px;
    }

    .he_syp1nwk {
        padding-left: 18px;
    }

    .tclt_top {
        margin-bottom: 42px;
    }

    .tabu_li {
        padding: 0 15px;
    }

    .techno_achiev_btm_ul {
        margin: 0 -15px;
    }

    .tabu_wrap_top {
        padding: 20px;
    }


    .twtb_le {
        width: 38px;
    }

    .tabu_wrap_btm {
        padding: 30px 20px;
    }

    .tabu_wrap_btm_tit {
        margin-bottom: 11px;
    }

    .techno_achiev_tit {
        margin-bottom: 52px;
    }

    .techno_achiev {
        padding-top: 80px;
        padding-bottom: 90px;
    }

    .tclt_top_tit {
        margin-bottom: 28px;
    }

    .tclt_top {
        margin-bottom: 30px;
    }

    .techno_fronti_ri {
        padding-top: 70px;
    }

    .he_syp1nxz {
        width: 64px;
        height: 64px;
    }

    .he_syp1zic {
        width: 36px;
    }

    .he_sysvgny {
        width: 64px;
        height: 64px;
    }

    .he_sysvgny circle {
        cx: 32px !important;
        cy: 32px !important;
        r: 30px !important;
        stroke-width: 4px !important;
    }

    .he_syp1nwk {
        width: calc(100% - 64px);
    }

    .techno_area_le::before {
        left: 32px;
    }

    .techno_area_desz {
        width: 430px;
    }

    .sustain_pop .ys_modal_content {
        width: 930px;
    }


    .sustain_pop_ri {
        padding: 34px 20px;
    }

    .sustain_pop_ri .mCSB_outside+.mCSB_scrollTools {
        right: -10px !important;
        height: 93%;
        top: auto !important;
    }

    .sustain_pop_ri_tit {
        margin-bottom: 16px;
    }

    .spru_li_tit p,
    .spru_li_info p {
        font-size: 16px !important;
    }

    .sustain_pop_ri_code {
        width: 160px;
    }

    .map_wrap {
        padding: 10px 18px;
    }

    .map_wrap_li_le {
        width: 28px;
    }

    .map_wrap_li_ri {
        padding-left: 9px;
    }

    .he_canvsdm {
        min-height: 710px;
    }

    .home_sustai {
        margin-top: -105px;
    }

    .techno_msexperi_btm_slid1 {
        top: 30%;
    }

    .hstw_btm_list_li2 {
        right: -17%;
    }

    .hstw_btm_list_li3 {
        left: -21%;
    }


    .ahbu_wrap_tit {
        padding-bottom: 18px;
    }

    .sustain_activi_btm.act {
        margin-bottom: 70px;
    }

    .map_wrap_li_ri p {
        font-size: 14px;
    }
    .hgpi_dots_li_pop {
        width: 306px;
    }

    /* 1440end */
}

@media screen and (max-width: 1360px) {
    .home_system_top_wrap {
        width: 476px;
    }

    .hstw_btm_list_li3 {
        left: -26%;
    }

    .hstw_btm_list_li1 {
        top: 6%;
        right: -15%;
    }

    .hstw_btm_list_li2 {
        top: 91%;
    }

    .recove_streng_top_le {
        width: 44%;
    }

    .recove_break_cont .recove_streng_top_le {
        width: 43%;
    }

    .adtb_li {
        min-width: 99px;
    }

    .adtb_li {
        min-width: 104px;
    }

    .tabu_li {
        padding: 0 10px;
    }

    .techno_achiev_btm_ul {
        margin: 0 -10px;
    }

    .techno_area_le {
        min-height: 410px;
    }

    /* 1360end */
}

@media screen and (max-width: 1280px) {
    .ys_modal_content {
        max-height: 600px;
    }

    .std_tit1 {
        font-size: 32px;
    }

    .std_tit2 {
        font-size: 28px;
    }

    .std_tit3 {
        font-size: 24px;
    }


    .std_word1,
    .std_word1 p {
        font-size: 16px;
    }

    .std_word,
    .std_word p {
        font-size: 14px;
    }

    .std_tit4,
    .std_tit4 p {
        font-size: 20px;
    }

    .mod_tit30 {
        font-size: 20px;
    }

    .recove_cooper_btmi {
        margin-top: -86px;
    }

    .recove_streng_top_le {
        width: 50%;
    }

    .rsbu_wrap_tit {
        margin-bottom: 12px;
    }

    .rsbu_wrap_line span {
        width: 16px;
        height: 16px;
        left: -8px;
    }

    .rsbu_wrap::after {
        width: 8px;
        height: 8px;
        left: -4px;
    }

    .recove_break_cont .recove_streng_top_le {
        width: 49%;
    }

    .rsbp_li_info p::after {
        width: 20px;
        height: 20px;
    }

    .detail_le {
        padding-left: 40px;
        padding-right: 45px;
    }

    .join_develo_li {
        min-height: 410px;
    }

    .jbul_le {
        width: 48px;
    }

    .join_ban {
        width: 600px;
    }

    .jbul_ri {
        padding-left: 18px;
    }

    .join_ban_ul_li a {
        padding: 22px;
    }

    .join_idea_btm {
        padding: 0 200px;
    }

    .cabl_le {
        min-height: 304px;
        padding: 25px 0;
    }

    .cfwl_input input,
    .cfwl_input textarea {
        font-size: 14px;
    }

    .cfwl_wrap_pros_le {
        margin-top: 2px;
    }

    .cfwl_wrap_pros_ri {
        padding-left: 10px;
    }

    .cfwl_input input {
        height: 38px;
    }

    .cfwl_input textarea {
        height: 120px;
    }

    .conta_addre_img {
        width: calc(100% - 54px);
        height: 330px;
    }

    .adtb_li {
        min-width: 95px;
    }

    .rstl_tit {
        margin-bottom: 20px;
    }

    .tfru_li {
        margin-bottom: 35px;
    }

    .tfru_li:first-child {
        margin-left: -161px;
    }

    .tfru_li:nth-child(4) {
        margin-left: -163px;
    }

    .tfru_li:nth-child(3) {
        margin-left: -135px;
    }

    .techno_area_desz {
        width: 360px;
    }


    .sustain_pop .ys_modal_content {
        width: 830px;
    }



    /* 1280end */
}

/* 1200~992 平板横屏*/
@media screen and (max-width: 1200px) {
    .ys_ban_slick .slick-dots {
        width: 100%;
        padding: 0 40px;
    }


    .hsbw_wrap_le {
        width: 39.3%;
    }


    .conta_addre_img {
        width: 100%;
    }

    .cabl_le {
        min-height: 324px;
    }

    .techno_area .ys_cont1400 {
        width: 100%;
    }

    /* 1200end */
}


@media screen and (max-width: 1199px) {

    .home_system_btm {
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        pointer-events: all;
    }

    .home_system,
    .home_system_wrap {
        height: auto;
    }

    .home_system_top {
        display: none;
    }

    .home_leade_svg {
        display: none;
    }

    .home_system_btm_wrap {
        position: relative;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    .home_system_img {
        position: relative;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    .hsbw_wrap {
        width: 100%;
    }

    .hsbw_wrap_le_tit,
    .hsbw_wrap_le_info,
    .hsbw_wrap_le_more,
    .hsbw_wrap_le_btm,
    .hsbw_wrap_ri {
        opacity: 1;
    }

    .hsbw_wrap_ri {
        display: none;
    }

    .hsbw_wrap_le {
        padding-right: 0 !important;
        width: 100%;
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .mftr_li {
        margin-left: 40px;
    }

    .home_system_img_li {
        height: auto !important;
    }

    .ys_phnav_logo {
        width: 146px;
    }

    .mltr_li {
        width: 33.333333%;
    }

    .mater_list_btm_li {
        padding: 52px 30px 25px;
    }

    .mltl_icon {
        width: 38px;
        margin-bottom: 10px;
    }

    .mldu_li {
        padding: 0 15px;
        margin: 10px 0;
    }

    .mlbl_li_data_ul {
        margin: 0 -15px;
    }

    .ys_ban_img {
        width: 500px;
    }

    .mltl_icon {
        width: 32px;
        margin-bottom: 6px;
    }

    .mater_list_top_le {
        width: 210px;
        padding: 22px 40px;
    }

    .mater_list_top_ri {
        width: calc(100% - 210px);
        padding-left: 22px;
        padding-right: 22px;
    }

    .mltr_li_wrap_icon {
        width: 33px;
        margin-bottom: 6px;
    }

    .mlsr_li_wrap_icon {
        width: 36px;
        margin-bottom: 6px;
    }

    .mlbl_li_sketch_ri {
        width: 400px;
    }

    .mlbl_li_sketch_le {
        width: calc(100% - 400px);
    }

    .mlbl_li_sketch_le {
        padding-right: 20px;
    }

    .mlsb_wrap {
        padding: 12px 26px;
    }

    .mldu_li {
        padding: 0 10px;
        margin: 6px 0;
    }

    .mlbl_li_data_ul {
        margin: 0 -10px;
    }

    .ys_ban_img {
        width: 390px;
    }

    .ys_ban_info {
        margin-top: 15px;
    }

    .news_top {
        display: none;
    }

    .nllw_ri {
        padding-left: 20px;
    }

    .natura_list_li:nth-child(2n) .nllw_ri {
        padding-right: 20px;
    }

    .nrlb_li p {
        padding: 6px 12px;
    }

    .recove_network_desz {
        width: 220px;
    }

    .recove_network_ri {
        width: 58%;
    }

    .recove_streng_top_le {
        width: 53%;
    }

    .rsbu_wrap {
        padding: 16px;
    }

    .rsbu_li {
        padding: 0 36px;
    }

    .recove_streng_btm_ul {
        margin: 0 -36px;
    }

    .news_mian .news_top {
        display: block;
    }

    .news_wrap_ul_li {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .news_wrap_ul {
        margin: 0 -10px;
    }

    .nwul_wrap_btm_tit p {
        font-size: 14px;
    }

    .nwul_wrap_btm_info {
        margin-bottom: 18px;
    }

    .detail_le {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    .detail_ri {
        width: 100%;
        padding-top: 0;
        margin-top: 20px;
    }

    .detail_ri_wrap {
        display: flex;
        align-items: center;
        border-radius: 20px;
    }

    .detail_ri_wrap_top {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-right: 15px;
        margin-right: 15px;
        border-bottom: none;
        border-right: 1px solid rgba(120, 121, 120, 0.2);
    }


    .ys_share_list {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .dlbl_tit {
        margin-bottom: 5px;
    }

    .ys_nypage .mod_main {
        margin-top: 0px;
    }

    .detail_le_cen p {
        margin-bottom: 15px;
    }

    .yx_rotate5_list_nub {
        padding: 26px 10px;
    }

    .join_idea_btm {
        padding: 0 120px;
    }

    .jwdl_le {
        width: 50px;
        height: 50px;
    }

    .join_develo_li {
        min-height: 310px;
    }

    .jdlw_ri_btm_wrap {
        padding-right: 30px;
    }

    .conta_mian .mod_main {
        margin-top: -100px;
    }

    .conta_form_wrap {
        padding: 30px;
    }

    .cfwl_wrap_in_ri {
        padding-left: 22px;
    }

    .cwir_submi {
        padding-left: 22px;
    }

    .cabl_le {
        min-height: auto;
    }

    .adtb_li {
        padding: 54px 0;
    }

    .adtb_li_p2 {
        top: 98px;
    }

    .adtb_li_p1 img {
        width: 14px;
        bottom: -13px;
    }

    .adtb_li_p2 img {
        width: 26px;
        top: -40px;
    }


    .about_strate .recove_cooper_img {
        min-height: 310px;
        padding-top: 76px;
    }

    .about_btm {
        margin-top: -170px;
    }

    .techno_area_desz {
        width: 260px;
    }

    .techno_fronti_le_img1 {
        display: none;
    }

    .techno_fronti_le_img2 {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .techno_fronti_le {
        width: 100%;
        height: auto;
        transform: translateX(0);
    }

    .techno_fronti_cont {
        flex-wrap: wrap;
    }

    .techno_fronti_ri {
        width: 100%;
        margin-left: 0;
    }

    .techno_fronti_ri_tit {
        margin-left: 0;
    }

    .tfru_li {
        margin-left: 0px !important;
    }

    .techno_fronti_ri_tit {
        margin-bottom: 25px;
    }

    .techno_fronti_cont .tfru_li .tfru_le img:nth-child(1) {
        opacity: 0;
    }

    .techno_fronti_cont .tfru_li .tfru_le img:nth-child(2) {
        opacity: 1;
    }

    .tfru_ri {
        padding-left: 16px;
    }

    .techno_fronti_cont {
        flex-direction: column-reverse;
        padding-bottom: 70px;
    }

    .tfru_li {
        width: 50%;
    }

    .techno_fronti_ri_ul {
        display: flex;
        flex-wrap: wrap;
    }

    .techno_fronti_le_img2 {
        margin: 0 auto;
    }

    .tabu_wrap_top .tabu_wrap_btm_tit,
    .tabu_wrap_top .tabu_wrap_btm_info {
        display: block;
    }

    .tabu_wrap_btm {
        display: none;
    }

    .tabu_wrap_top {
        position: relative;
        top: auto;
        left: auto;
    }

    .tabu_wrap_top_tit {
        margin-bottom: 15px;
    }

    .tabu_wrap_top_btm {
        margin-bottom: 15px;
    }

    .tabu_li {
        width: 50%;
        margin-bottom: 15px;
    }

    .techno_achiev_tit {
        margin-bottom: 25px;
    }

    .techno_achiev {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .tclt_btm_li {
        padding: 8px;
    }

    .tclt_btm_ul {
        margin: 0 -8px;
    }

    .tclt_btm_li_wrap {
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
    }

    .tclt_top_tit {
        margin-bottom: 18px;
    }

    .tclt_top {
        margin-bottom: 22px;
    }

    .tclt_btm_ctrlc {
        margin-top: 16px;
    }

    .techno_cooper_le {
        padding-top: 85px;
    }

    .yx_field_ul_li {
        width: 34% !important;
    }

    .home_main .ys_banner .ys_ban_imgbox img {
        height: auto;
    }

    .he_canvsdm {
        display: none;
    }



}


/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {
    .mod_fot_top_ri {
        display: none;
    }

    .recove_network_ri {
        width: 55%;
    }

    .recove_network_ri_tit {
        margin-bottom: 12px;
    }

    .recove_network_ri_info {
        margin-bottom: 20px;
    }

    .rnru_wrap {
        padding: 16px;
    }

    .recove_streng_top_le {
        width: 48%;
    }

    .recove_streng_top_ri {
        width: 48%;
    }

    .rsbu_li {
        padding: 0 20px;
    }

    .recove_streng_btm_ul {
        margin: 0 -20px;
    }

    .recove_secure_btm_positi {
        width: 60%;
    }

    .scbu_li {
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .sustain_commit_btm_ul {
        margin: 0 -10px;
    }

    .swbm_li {
        margin-bottom: 3px;
    }

    .sabc_li {
        padding: 0 10px;
    }

    .sabc_ul {
        margin: 0 -10px;
        padding-bottom: 4px;
    }

    .sabc_li_wrap {
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px rgba(15, 68, 39, 0.10);
    }

    .sdbu_wrap {
        padding: 14px 20px;
    }

    .sustain_down_tit {
        margin-bottom: 25px;
    }

    .sustain_down_btm_more {
        padding-top: 5px;
    }

    .cabl_ri {
        width: 100%;
        position: relative;
        top: auto !important;
        transform: none !important;
    }

    .cabl_le {
        width: 100%;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .casl_top .cabl_le {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
        padding-bottom: 0 !important;
    }

    .casl_top .cabl_wrap {
        flex-direction: column;
    }

    .casl_top {
        margin-bottom: 22px;
    }

    .cabl_le_in {
        border-radius: 10px 10px 0 0;
        box-shadow: none;
    }

    .cabl_wrap {
        border-radius: 10px;
        box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.10);
    }

    .cabl_ri .ys_imgbox_cover {
        border-radius: 10px;
    }

    .adtb_li {
        min-width: 82px;
    }

    .adtb_li_p2 {
        width: 76px;
    }

    .acbu_li {
        padding: 0 15px;
    }

    .acbu_wrap_btm_tit p {
        line-height: 1.6;
    }

    .he_syp1nwk {
        padding-top: 24px;
    }

    .he_syp1ntkl.act .he_syp1nwk {
        padding-top: 16px;
    }

    .techno_area_desz {
        width: 172px;
    }

    .yx_field_ul_li {
        width: 36% !important;
    }


    .techno_msexperi_btm_slid1 {
        top: 32%;
    }

    .recove_secure_btm {
        padding-bottom: 116px;
    }


    /* 991end */
}

/* <768 移动端 重点*/
@media screen and (max-width: 768px) {

    .ys_ban_pc,
    .ys_nyban_pc {
        display: none;
    }

    .ys_ban_video {
        display: none;
    }

    .ys_ban_ph,
    .ys_nyban_ph {
        display: block;
    }

    .ys_modal_content {
        max-height: 550px;
        padding: 50px 20px;
    }

    .ys_banner_led_cent {
        width: 26px;
    }

    .ys_banner_led {
        width: 24px;
        height: 100px;
    }

    .ys_banner_ledbox {
        right: 20px;
    }

    .std_tit1 {
        font-size: 24px;
    }

    .ys_ban_slick .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .ys_ban_slick .slick-dots li::after {
        width: 6px;
        height: 6px;
    }

    .ys_ban_slick .slick-dots li.slick-active {
        width: 36px;
    }

    .ys_ban_slick .slick-dots li.slick-active::after {
        left: calc(100% - 10px);
    }

    .ys_ban_slick .slick-dots {
        bottom: 35px;
    }

    .hsbw_wrap_le {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .std_tit2 {
        font-size: 20px;
    }

    .hbll_le {
        width: 44px;
        padding: 6px;
    }

    .hsbw_wrap_le_tit {
        margin-bottom: 10px;
    }

    .hsbw_wrap_le_info {
        margin-bottom: 16px;
    }

    .hwlb_ri {
        margin-left: 20px;
    }

    .hwlb_btn {
        width: 36px;
        height: 36px;
    }

    .hwlb_btn svg {
        width: 6px;
    }

    .hsbw_wrap_le_btm {
        margin-top: 20px;
    }

    .home_global_top_info {
        margin-top: 10px;
    }

    .home_global_map {
        margin-top: -65px;
        width: 460px;
    }

    .home_sustai {
        margin-top: -90px;
    }

    .home_global_btm {
        margin-top: 20px;
    }

    .std_padd {
        padding: 40px 0;
    }

    .std_mar {
        margin-bottom: 24px !important;
    }

    .hnbu_li {
        width: 440px !important;
    }

    .hnbu_li.swiper-slide-active {
        width: 510px !important;
    }

    .home_news_btm_swip {
        min-height: 287px;
    }

    .home_news_control {
        width: 204px;
        margin-top: 26px;
    }

    .home_listen {
        padding: 32px 0;
    }

    .std_tit3 {
        font-size: 18px;
    }

    .mftl_logo {
        width: 130px;
        margin-bottom: 18px;
    }

    .mftl_follow {
        margin-bottom: 13px;
    }

    .mfrw_code {
        width: 92px;
    }

    .mftl_follow_le {
        padding-right: 16px;
    }

    .mftl_tline_ri span {
        font-size: 14px;
        padding-right: 12px;
    }

    .mftl_tline_ri {
        margin-top: 2px;
    }

    .mllw_ri {
        width: 20px;
    }

    .mftl_list_li {
        padding: 0 10px;
    }

    .mftl_list {
        margin: 0 -10px;
    }

    .mfbc_ri a {
        margin: 0 5px;
    }

    .home_main .ys_ban_txtbox {
        padding-right: 50px;
    }

    .std_tit4,
    .std_tit4 p {
        font-size: 16px;
        line-height: 1.75;
    }

    .mater_list_top_le {
        width: 180px;
        padding: 16px 26px;
    }

    .mater_list_top_ri {
        width: calc(100% - 180px);
        padding-left: 18px;
        padding-right: 18px;
    }

    .mlbl_li_sketch_le {
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px;
    }

    .mlsl_tit {
        margin-bottom: 9px;
    }

    .mldu_li {
        width: 50%;
    }

    .mlcu_wrap_btm {
        margin-top: 8px;
    }

    .ys_ban_img {
        width: 340px;
    }

    .nllw_ri_tit {
        margin-bottom: 14px;
    }

    .natura_list_li {
        padding: 40px 0;
    }

    .nrlb_slick .nrlb_slick_btm {
        display: none;
    }

    .nrlb_slick_li_wrap {
        padding: 17px 20px;
    }

    .nslw_ri {
        padding-left: 20px;
    }

    .nslw_ri_tit {
        margin-bottom: 5px;
    }

    .nslw_ri_info {
        margin-bottom: 10px;
    }

    .natura_resour_li_top {
        width: 100%;
    }

    .recove_network_desz {
        width: 110px;
    }

    .recove_network .ys_cont1360 {
        position: relative;
        top: auto !important;
        transform: none !important;
        left: auto !important;
    }

    .recove_network_img {
        display: none;
    }

    .recove_network_ri {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .recove_cooper_tit {
        margin-bottom: 12px;
    }

    .recove_cooper_info {
        margin-bottom: 18px;
    }

    .recove_streng_top_le {
        width: 100%;
        margin-bottom: 15px;
    }

    .recove_streng_top,
    .recove_streng_top {
        flex-wrap: wrap;
    }

    .rstl_tit {
        margin-bottom: 13px;
    }

    .recove_streng_top {
        margin-bottom: 40px;
    }

    .rsbu_wrap_tit {
        margin-bottom: 6px;
    }

    .recove_streng_top_le {
        width: 100% !important;
    }

    .recove_secure_btm_ri {
        display: none;
    }

    .recove_secure_btm_positi {
        position: relative;
        right: auto !important;
        bottom: auto !important;
        width: 100%;
    }

    .recove_secure_btm {
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .recove_secure_btm_le {
        width: 100%;
        margin-top: 15px;
    }

    .news_top_li {
        margin-right: 26px;
    }

    .news_top_li a {
        font-size: 14px;
        padding: 10px 0;
    }

    .news_wrap_ul_li {
        width: 50%;
    }

    .nwbm_le p {
        font-size: 14px;
    }

    .nwbm_ri {
        width: 20px;
    }

    .nwbm_le {
        padding-right: 10px;
    }

    .nwul_wrap_btm {
        padding: 16px;
    }

    .nwul_wrap_btm_tit {
        margin-bottom: 2px;
    }

    .nwul_wrap_btm_info {
        margin-bottom: 15px;
    }

    .detail_le_top_tit {
        margin-bottom: 15px;
    }

    .dltb_le {
        width: 20px;
    }

    .dltb_ri {
        padding-left: 6px;
    }

    .dltb_li {
        margin-right: 20px;
    }

    .yxedr_active p {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .detail_le_btm {
        border-radius: 10px;
    }

    .detail_le_btm_li a {
        padding: 15px 15px;
    }

    .dlbl_info p {
        font-size: 14px;
    }

    .ys_share_img {
        width: 32px;
    }

    .detail_ri_wrap {
        border-radius: 10px;
    }

    .scbu_li {
        width: 50%;
    }

    .join_ban {
        width: 480px;
        max-width: 100%;
    }

    .jbul_le {
        width: 40px;
    }

    .jbul_ri {
        padding-left: 14px;
    }

    .join_ban_ul_li a {
        padding: 15px;
    }

    .join_welfa_img {
        display: none;
    }

    .join_welfa_dots_li,
    .join_welfa_cen {
        position: static !important;
        transform: none !important;
    }

    .join_welfa_dots_li1 .jwdl_wrap,
    .join_welfa_dots_li2 .jwdl_wrap,
    .join_welfa_dots_li3 .jwdl_wrap {
        text-align: left;
        flex-direction: row;
    }

    .jwdl_ri {
        padding-left: 10px;
        padding-right: 10px;
    }

    .join_welfa_dots_li {
        width: 50%;
        padding-right: 10px;
        margin-bottom: 10px;
        justify-content: center;
        display: flex;
    }

    .join_welfa_dots {
        display: flex;
        flex-wrap: wrap;
    }

    .join_welfa_cen {
        margin: 0 auto;
    }

    .join_develo_li_img {
        width: 100%;
        position: relative;
        top: auto !important;
        transform: none !important;
        left: auto !important;
    }

    .join_develo_li {
        min-height: auto;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .jdlw_ri {
        width: 100%;
        margin-bottom: 15px;
    }

    .join_develo_li {
        margin-bottom: 40px;
    }

    .jdlw_ri {
        width: 100%;
        padding-bottom: 15px;
    }

    .jrbu_li:last-child {
        margin-bottom: 0 !important;
    }


    .jrbl_cont:nth-last-child(1),
    .jrbl_cont:nth-last-child(2) {
        margin-bottom: 0;
    }

    .jdlw_ri_btm_cilck {
        margin-top: 22px;
    }

    .join_idea_top_tit {
        margin-bottom: 10px;
    }

    .jdlw_ri_tit {
        margin-bottom: 12px;
    }

    .jdlw_ri_info {
        margin-bottom: 16px;
    }

    .jrbu_li {
        margin-bottom: 14px;
    }

    .jrbc_li p {
        padding: 4px 25px;
    }

    .jdlw_ri_btm_wrap {
        padding-right: 0px;
    }

    .conta_form_cont {
        padding: 0 0px;
    }

    .conta_addre_top_li {
        width: 33.333333%;
    }

    .casl_top .cabl_le_tit {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .casl_top .cabl_le_info {
        width: 100%;
    }

    .conta_addre_btm_li {
        margin-bottom: 38px;
    }

    .about_introdu_top {
        width: 100%;
    }

    .adtb_sides_le {
        left: 46px;
    }

    .adtb_sides_ri {
        right: 46px;
    }

    .acbu_li {
        width: 50%;
        margin-bottom: 15px;
    }

    .acbu_wrap .ys_imgbox_cover {
        width: 140px;
        margin-bottom: 10px;
    }

    .acbu_li:nth-child(3)::after {
        display: none;
    }

    .about_strate .recove_cooper_img {
        min-height: 230px;
        padding-top: 48px;
    }

    .about_btm {
        margin-top: -150px;
    }

    .about_honor_cont .rstl_tit {
        margin-bottom: 25px;
    }

    .acbu_li::after {
        height: 58px;
    }

    .techno_area_ri {
        display: none;
    }

    .techno_area_le {
        width: 100%;
        padding-right: 0;
    }

    .he_syp1nimg {
        display: block;
    }

    .he_sysvg {
        display: none;
    }

    .techno_area_le::before {
        display: none;
    }

    .he_syp1nwq {
        display: block;
    }

    .he_syp1nwk {
        width: 100%;
        padding-left: 0;
    }

    .he_syp1np1 .std_tit3 {
        font-size: 18px !important;
        color: #009F3A;
    }

    .he_syp1zic .he_img {
        opacity: 1;
    }

    .he_syp1zic .he_img1 {
        opacity: 0;
    }

    .he_syp1nwk {
        padding-top: 16px !important;
    }

    .he_syp1nwq {
        margin-bottom: 14px;
    }

    .techno_area_le .slick-dots li,
    .techno_achiev_btm_ul .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .techno_area_le .slick-dots li.slick-active,
    .techno_achiev_btm_ul .slick-dots li.slick-active {
        background: #009F3A;
    }

    .techno_area_le .slick-dots,
    .techno_achiev_btm_ul .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 10px;
    }

    .yx_field_ul_li {
        width: 48% !important;
    }

    .techno_platfor_tit {
        margin-bottom: 25px;
    }

    .he_syp1ntkl {
        margin-bottom: 0px;
    }

    .techno_fronti_ri {
        padding-top: 40px;
    }

    .techno_fronti_cont {
        padding-bottom: 40px;
    }

    .techno_cooper_ri {
        width: 50%;
    }

    .tclt_top {
        width: 48%;
    }

    .techno_achiev {
        padding-top: 40px;
        padding-bottom: 40px;
    }


    .sustain_pop_le {
        display: none;
    }

    .sustain_pop .ys_modal_content {
        width: 460px;
    }

    .sustain_pop_ri {
        width: 100%;
        max-height: calc(100vh - 50px);
    }

    .he_syp1ntkl {
        padding: 0 10px;
    }

    .he_syp1nwq p {
        min-height: 3.6em;
    }

    .recove_secure_btm_ri {
        display: block;
        order: 1;
    }

    .recove_secure_btm_positi {
        order: 2;
    }

    .recove_secure_btm_le {
        order: 3;
    }

    .recove_secure_btm_ri {
        width: 100%;
    }

    .rsbr_ul {
        display: flex;
        flex-wrap: wrap;
    }

    .rsbr_li::after {
        width: 1px;
        height: 18px;
    }

    .rsbr_li {
        margin-right: 10px;
    }

    .rsbr_li {
        margin-bottom: 10px;
    }

    .hgpi_dots2 {
        display: none;
    }

    .home_global_plane_ph {
        display: block;
    }

    /* 768end */
}

@media screen and (max-width: 767px) {

    .hgbu_li {
        width: 50%;
        margin-bottom: 15px;
        padding-right: 10px;
    }

    .home_global_map {
        margin-top: -55px;
        width: 100%;
    }

    .home_sustai {
        margin-top: -40px;
    }

    .home_sustai_tit,
    .home_sustai_info {
        margin-bottom: 17px !important;
    }

    .hnbu_li {
        width: 100% !important;
    }

    .hnbu_li.swiper-slide-active {
        width: 100% !important;
    }

    .home_news_btm_swip {
        min-height: auto !important;
    }

    .hnbu_li {
        margin: 0 0;
        padding: 0 20px;
    }

    .hnbu_wrap_btm {
        padding: 16px 16px;
    }

    .hwbm_le p {
        font-size: 14px;
    }

    .hwbm_le {
        padding-right: 10px;
    }

    .hwbm_ri {
        margin-bottom: 4px;
    }

    .home_news_control {
        width: 186px;
        margin-top: 20px;
    }

    .home_listen_cont {
        flex-wrap: wrap;
    }

    .home_listen_le {
        width: 100%;
        margin-bottom: 14px;
        text-align: center;
    }

    .hwlm_ri {
        width: 20px;
    }

    .home_listen_ri {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .mod_fot_btm_cont {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .mfbc_ri a:first-child {
        margin-left: 0;
    }

    .mfbc_le {
        width: 100%;
        margin-top: 5px;
    }

    .mater_list_top_ri {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mltr_li {
        width: 50%;
    }

    .mater_list_top_le {
        /* width: 100%; */
        margin: 0 auto;
    }

    .mlbl_top_li {
        width: 50%;
    }

    .mater_list_btm_li {
        padding: 45px 20px 21px;
    }

    .mlbl_li_sketch {
        padding-top: 28px;
    }

    .mlsr_li {
        padding: 0 5px;
        margin: 5px 0;
    }

    .mlsr_ul {
        margin: 0 -5px;
    }

    .mlbl_li_sketch {
        padding-bottom: 26px;
    }

    .mlsr_li_wrap {
        padding: 16px 12px;
    }

    .mlsr_li_wrap_icon {
        width: 30px;
        margin-bottom: 5px;
    }

    .mlsb_ul {
        overflow-x: auto;
        white-space: nowrap;
    }

    .mlsb_wrap {
        padding: 6px 10px;
    }

    .mater_list_top {
        border-radius: 10px;
    }

    .mater_list_top_le {
        border-radius: 10px;
    }

    .mlsi_li .ys_imgbox_cover {
        border-radius: 10px 10px 0 0;
    }

    .mlcu_li {
        width: 100%;
    }

    .mlcu_wrap_top {
        padding: 16px 20px;
    }

    .mater_list_top_le {
        margin-top: 22px;
    }


    .ys_ban_info {
        margin-top: 8px;
    }

    .ys_ban_img {
        width: 300px;
    }

    .nllw_ri {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }

    .nllw_le {
        width: 100%;
    }

    .nrlb_slick_li_wrap {
        position: relative;
        bottom: auto;
        left: auto;
    }

    .nrlb_slick_li_img {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .nrlb_slick_li_img .ys_imgbox_cover {
        height: 100%;
    }

    .nrlb_slick_li_img .ys_imgbox_cover img {
        height: 100%;
        object-fit: cover;
    }

    .nslw_ri {
        width: 100%;
        padding-left: 0;
    }

    .nrlb_slick_li_wrap {
        padding: 24px 20px;
    }

    .nrlb_li p {
        font-size: 14px;
    }

    .nrlb_li {
        min-width: 30%;
    }

    .nslw_le {
        width: 92px;
        margin-bottom: 10px;
    }

    .natura_resour_li {
        margin-bottom: 40px;
    }

    .natura_resour_li_tit {
        margin-bottom: 12px;
    }

    .natura_resour_li_top {
        margin-bottom: 18px;
    }

    .rnru_li {
        width: 100%;
        margin-bottom: 15px;
    }

    .rnru_li:last-child {
        margin-bottom: 0;
    }

    .recove_cooper_btm {
        margin-bottom: 40px;
    }

    .recove_cooper_btmi {
        margin-top: -35px;
    }

    .rnru_wrap {
        border-radius: 10px;
    }

    .recove_cooper_btm_wrap {
        border-radius: 10px;
    }

    .recove_streng_top_ri {
        width: 500%;
    }

    .rsbu_wrap_line {
        display: none;
    }

    .rsbu_wrap::after {
        display: none;
    }

    .rsbu_li {
        width: 100%;
        margin-bottom: 15px;
    }

    .rsbu_li:last-child {
        margin-bottom: 0;
    }

    .recove_streng_top {
        margin-bottom: 35px;
    }

    .recove_break_cont .recove_streng_top_ri {
        width: 100%;
    }

    .recove_secure_btm_positi {
        padding: 22px 16px;
    }

    .rsbp_li_num p::after {
        width: 24px;
    }

    .rsbp_li_num p {
        padding-left: 36px;
    }

    .recove_secure_btm_positi {
        border-radius: 10px;
    }

    .rsbp_li_tit {
        margin-bottom: 12px;
    }

    .rsbp_li_info p {
        padding-left: 26px;
    }

    .rsbp_li_info p::after {
        width: 18px;
        height: 18px;
    }

    .rsbp_li_info p {
        margin-bottom: 8px;
    }

    .rsbp_li_info {
        height: 118px;
    }

    .rsbl_li .ys_imgbox_cover {
        border-radius: 10px;
    }

    .recove_secure::after {
        height: 40%;
    }

    .news_wrap_ul_li {
        width: 100%;
    }

    .news_top_li {
        margin-right: 16px;
    }

    .nwul_wrap_btm_info p {
        height: auto !important;
    }

    .nwul_wrap_btm_info {
        margin-bottom: 10px;
    }

    .home_listen_le {
        margin-bottom: 18px;
    }

    .dltb_ri p {
        font-size: 12px;
    }

    .detail_le_cen {
        padding: 22px 0 22px;
    }

    .detail_le_cen img {
        border-radius: 10px;
    }

    .detail_le_btm_li {
        width: 100%;
    }

    .detail_le_btm_li::after {
        width: 100%;
        height: 1px;
        top: auto !important;
        transform: none !important;
        bottom: 0;
        opacity: 0.5;
    }

    .scbu_li {
        width: 100%;
    }

    .swbt_le {
        margin-top: -2px;
    }

    .scbu_li:last-child {
        margin-bottom: 0;
    }

    .sustain_activi_btm .home_news_control {
        margin-top: 20px;
    }

    .sdbu_wrap {
        padding: 12px 12px;
    }

    .sustain_down_tit {
        margin-bottom: 20px;
    }

    .sdbu_li {
        margin-bottom: 15px;
    }

    .hwlm_le p {
        line-height: 36px;
    }

    .sdbu_wrap_le {
        padding-right: 10px;
    }


    .join_ban {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .jbul_le {
        width: 30px;
    }

    .join_ban_ul_li a {
        padding: 8px 15px;
    }

    .jbul_ri_tit p {
        font-size: 14px;
    }

    .jbul_ri_info p {
        font-size: 12px;
    }

    .join_ban_ul_li::after {
        height: 28px;
    }

    .join_ban {
        bottom: 25px;
    }

    .join_idea_btm {
        padding: 0 20px;
    }

    .yx_rotate5_swipe .yx_rotate5_swiper_control {
        width: calc(100% - 20px) !important;
    }

    /* .join_welfa_dots_li {
        width: 100%;
    } */

    .jwdl_ri {
        flex: auto;
    }

    .jwdl_le {
        width: 42px;
        height: 42px;
        padding: 7px;
    }

    .jwdl_ri {
        padding-left: 8px;
        padding-right: 0px;
    }

    .jwdl_wrap {
        align-items: flex-start;
    }

    .jwdl_ri_tit {
        margin-bottom: 2px;
    }

    .join_develo_li_img .ys_imgbox_cover {
        border-radius: 10px;
    }

    .jrbl_cont {
        width: 100%;
    }

    .jrbl_cont {
        margin-bottom: 15px;
    }

    .jrbl_cont:nth-last-child(2) {
        margin-bottom: 15px;
    }

    .jrbc_li p {
        font-size: 14px;
    }

    .conta_mian .mod_main {
        margin-top: -56px;
    }

    .conta_form_wrap_li {
        width: 100%;
    }

    .conta_form_wrap {
        padding: 30px 18px;
    }

    .cfwl_input input {
        height: 36px;
        padding: 0 12px;
    }

    .cfwl_input textarea {
        padding: 12px;
    }

    .cfwl_wrap_in_le {
        width: 100%;
        margin-bottom: 10px;
    }

    .cfwl_wrap_in_ri {
        width: 100%;
        padding-left: 0;
    }

    .conta_form_wrap_li:last-child {
        margin-bottom: 0;
    }

    .conta_addre_top_li {
        width: 50%;
    }

    .catl_tit p {
        font-size: 14px;
    }

    .conta_addre_top {
        padding-bottom: 18px;
    }

    .conta_addre_tit {
        margin-bottom: 18px;
    }

    .cabl_le_in {
        padding: 20px;
    }

    .cabl_le_li_icon {
        width: 20px;
    }

    .cabl_le_tit {
        margin-bottom: 10px;
    }

    .cabl_le_wrap {
        margin-bottom: 6px;
    }

    .cabl_le_li {
        margin-bottom: 10px;
    }

    .about_introdu_top_tit {
        margin-bottom: 18px !important;
    }

    .about_introdu_desz {
        display: none;
    }

    .adtb_sides {
        display: none;
    }

    .about_devel_top_btm {
        padding: 0 50px !important;
    }

    .adtb_li {
        min-width: 110px;
    }

    .about_devel_top_btm {
        margin-top: -15px;
    }

    .about_vision_top {
        margin-bottom: 10px;
    }

    .about_vision_top_tit {
        margin-bottom: 10px;
    }

    .acbu_wrap .ys_imgbox_cover {
        width: 100px;
        margin-bottom: 5px;
    }

    .acbu_wrap_btm_subtit {
        margin-bottom: 6px;
    }

    .acbu_li::after {
        height: 40px;
    }

    .about_strate .recove_cooper_img {
        min-height: 145px;
    }

    .about_btm {
        margin-top: -75px;
    }

    .about_btm_wrap {
        border-radius: 10px;
    }

    .ahbu_wrap {
        border-radius: 10px;
    }

    .techno_area_desz {
        width: 110px;
    }

    .he_syp1ntkl {
        display: none;
    }

    .he_syp1ntkl:first-child {
        display: block;
    }

    .tfru_li {
        width: 100%;
    }

    .tfru_li {
        margin-bottom: 16px;
    }


    .tfru_ri_tit {
        padding-right: 22px;
    }

    .techno_fronti_le_img2 {
        width: 100%;
    }

    .techno_streng_tit {
        margin-bottom: 12px;
    }

    .techno_streng_info {
        margin-bottom: 40px;
    }

    .techno_streng_btm {
        padding: 30px 10px;
        border-radius: 10px;
    }

    .tsbu_li {
        width: 100%;
        margin-bottom: 15px;
    }

    .tsbu_li:last-child {
        margin-bottom: 0;
    }

    .techno_streng_btm_ul {
        flex-wrap: wrap;
    }

    .techno_msexperi_btm_slid1 {
        display: none;
    }

    .techno_msexperi_top_tit {
        margin-bottom: 12px;
    }

    .techno_msexperi_top {
        margin-bottom: 28px;
    }

    .tmbs_li_img {
        margin-bottom: 15px;
    }

    .tmbs_li_img .ys_imgbox_cover img:nth-child(2) {
        width: calc(100% - 34px);
    }

    .techno_msexperi_btm_slid2 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .tmbs_list .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .tmbs_list .slick-dots li.slick-active {
        background: #009F3A;
    }

    .tmbs_list .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 10px;
    }

    .techno_platfor_tit {
        margin-bottom: 24px;
    }

    .yx_field_ul_li {
        width: 100% !important;
    }

    .yx_field_ul_li.swiper-slide-active .yful_wrap {
        padding: 29px 16px 20px !important;
    }

    .yx_field_ul_li .yful_wrap {
        padding: 29px 16px 20px !important;
    }

    .yful_info {
        position: relative;
        bottom: auto !important;
        left: auto !important;
        opacity: 1;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 10px;
    }

    .techno_platfor_ctrl {
        margin-top: 0px;
    }

    .yful_pictu {
        border-radius: 10px;
    }

    .techno_cooper_ri {
        display: none;
    }

    .tclt_top {
        width: 100%;
    }

    .techno_cooper_le {
        padding-top: 0px;
    }

    .tclt_top_tit {
        margin-bottom: 12px;
    }

    .tclt_top {
        margin-bottom: 12px;
    }

    .tclt_btm_ctrlc {
        margin-top: 12px;
    }

    .techno_streng_info {
        margin-bottom: 22px;
    }

    .tabu_li {
        margin-bottom: 6px;
        display: none;
        width: 100%;
    }

    .tabu_li:last-child {
        display: block;
    }

    .sustain_pop .ys_modal_content {
        border-radius: 10px;
    }

    .sustain_pop_ri {
        padding: 34px 10px;
    }

    .sustain_pop_ri_tit {
        padding-left: 10px;
        padding-right: 30px;
    }

    .ys_modal_close {
        right: 16px;
        top: 16px;
    }

    .sustain_pop_ri .mCSB_outside+.mCSB_scrollTools {
        right: -6px !important;
    }

    .spru_li_info {
        padding: 4px 18px;
    }

    .sustain_pop_ri_code {
        width: 128px;
    }

    .mlsb_wrap_slock {
        display: block;
    }

    .he_syp1nwq p {
        min-height: 5.4em;
    }

    .mlbl_top_li p {
        padding: 8px 5px;
    }

    .ahbu_wrap_tit {
        padding-top: 0;
        margin-top: -15px;
    }

    .sustain_activi_btm.act {
        margin-bottom: 40px;
    }

    .yxedr_active .fl {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 480end */
}