@charset "utf-8";



body {

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

}



/*分享翻译*/



@font-face {

    font-family: 'PoppinsRegular';

    src: url('../fonts/PoppinsRegular.eot');

    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),

        url('../fonts/PoppinsRegular.woff2') format('woff2'),

        url('../fonts/PoppinsRegular.woff') format('woff'),

        url('../fonts/PoppinsRegular.ttf') format('truetype'),

        url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');

}



/*导航默认选中*/



/* - 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_ph {

    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, 0.08);

}



/* - banner - end*/



.ys_ban_li_img {

    z-index: 10;

    top: 46%;

    width: 1400px;

}



/* .spbu_li_wrap_img img {

    width: 100%;

} */





/* 导航star */



.ys_ban_li_img {

    text-align: center;

}



/* 导航end */



@media screen and (min-width: 1200px) {



    /* .bmbu_wrap:hover .bmbu_wrap_btm_le .mod_tit24 {

        color: #0066F5 !important;

    } */



}



/*鼠标效果*/



.mod_tit36 {

    font-size: 36px;

    line-height: 1.4;

    font-weight: 400;

    color: #333;

}



.spbm_more p {

    color: #666;

    line-height: 47px;

    border-radius: 550px;

    border: 1px solid #666;

    display: inline-block;

    padding: 0 46px;

}



.mod_tit24 {

    font-size: 24px;

    line-height: 1.6;

    color: #fff;

}



.ybli_tit {

    margin-bottom: 18px;

}



/* 底部 star */



.ys_footer {

    background: #353535;

    width: 100%;

    padding-top: 80px;

    padding-bottom: 32px;

}



.mod_fot {

    width: 100%;

    position: relative;

}



.mod_fot_top_tit p {

    color: #1d1d1f;

    font-weight: 500;

}



.mod_fot_top_tit {

    text-align: center;

    margin-bottom: 53px;

}



.mod_fot_top_more {

    width: 100%;

    position: relative;

    text-align: center;

}



.mod_fot_top_more a {

    display: inline-block;

}



.mod_fot_top_more .spbm_more p {

    color: #1d1d1f;

    border-color: #0066F5;

    background: #0066F5;

}



.mod_fot_top {

    padding-bottom: 80px;

    border-bottom: 1px solid #666;

}



/* 底部 end */





.mod_tit48 {

    color: #000;

    line-height: 1.3;

    font-size: 42px;

}



/* .cpiw_btm_dots.act p {

    color: #1d1d1f;

    background: rgba(0, 102, 245, 0.50);

} */



/* .cptb_tit .mod_tit24 {

    line-height: 1.6;

    font-size: 30px;

} */













/* 解决方案star */



/* 解决方案end */



/* .spbu_li_wrap_img img {

    border-radius: 20px;

} */



/* .ys_a1pageb {

    transition: all 0.36s;

} */



/* 轮播数字 */



/* 轮播箭头 */



/* add - start */



/* 响应式 */



/* .mhnu_down {

    display: none;

} */







.ybli_tit {

    margin-bottom: 18px;

}



/* 底部 star */



.ys_footer {

    background: #F3F4F4;

    width: 100%;

    padding-top: 80px;

    padding-bottom: 32px;

}



.mod_fot {

    width: 100%;

    position: relative;

}



.mod_fot_top_tit p {

    color: #333;

    font-weight: 500;

}



.mod_fot_top_tit {

    text-align: center;

    margin-bottom: 53px;

}





.mod_fot_top_more {

    width: 100%;

    position: relative;

    text-align: center;

}



.mod_fot_top_more a {

    display: inline-block;

}



.mod_fot_top_more .spbm_more p {

    color: #1d1d1f;

    border-color: #0066F5;

    background: #0066F5;

}



.mod_fot_top {

    padding-bottom: 80px;

    border-bottom: 1px solid #CFCFCF;

}



/* 底部 end */



/* .cpiw_btm_dots.act p {

    padding-right: 50px;

} */



/* .cpiw_btm_dots.act p {

    color: #1d1d1f;

    background: rgba(0, 102, 245, 0.50);

} */





.ys_banner1 .ys_ban_imgbox::before {

    background: rgba(0, 0, 0, 0.2);

}





/* 规范 star */



.mod_tit36 {

    font-size: 36px;

    line-height: 1.4;

    font-weight: 400;

    color: #333;

}



.mod_tit24 {

    font-size: 24px;

    line-height: 1.6;

    color: #fff;

}



.mod_tit48 {

    color: #000;

    line-height: 1.3;

    font-size: 42px;

}



.std_pad {

    padding: 115px 0;

}



.mod_word,

.mod_word p {

    font-size: 16px;

    line-height: 1.75;

    color: #666;

}



/* 规范 end */



.spbm_more p {

    color: #666;

    line-height: 47px;

    border-radius: 550px;

    border: 1px solid #666;

    display: inline-block;

    padding: 0 46px;

    transition: all 0.36s;

}


.ybli_tit .mod_tit48 {
    color: #fff;
    line-height: 1.3;
    font-weight: bold; /* 添加字体加粗样式 */
}



.ys_banner1 .ys_ban_li_img {

    top: 50%;

}



.develo_creat_tit .mod_tit36 {

    color: #333;

    line-height: 1.4;

}



.develo_creat_tit {

    margin-bottom: 60px;

}



/* .ys_phnav6_wrap {

    background: #fff;

} */



/* 响应式 */



/* .ys_b1page .ys_ban_imgbox::before {

    background-color: rgba(0, 0, 0, 0.2);

} */



/* 

.ys_b1page .ys_pos_center {

    top: 58%;

} */



/* .interc_panora.change .interc_panora_video_top {

    opacity: 0;

    pointer-events: none;

} */



.develo_creat_tit {

    text-align: center;

}



/* 轮播数字 */



/* 轮播箭头 */



/* add - start */



/* 响应式 */



.ybli_info {

    max-width: 850px;

    margin: 0 auto;

}



/* .ys_g4page .ys_ban_imgbox img {

    height: 100vh;

    object-fit: cover;

} */



/*  */



/* .sustai_strate_le .spbm_more p {

    color: #0066F5;

    border-color: #0066F5;

} */



/* .sglw_btm_wrap .spbm_more p {

    color: #0066F5;

    border-color: #0066F5;

} */



/* .governa_policy::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(181, 179, 179, 0.30) 0%, rgba(181, 179, 179, 0.30) 100%);

} */





/* .governa_policy_li:first-child .governa_policy_li_wrap {

    padding-left: 0;

} */



/* .behav_carbon_ri img {

    width: 100%;

} */





/* .hnbl_more .spbm_more p {

    color: #0066F5;

    border-color: #0066F5;

} */



/* .bplw_more .spbm_more p {

    color: #0066F5;

    border-color: #0066F5;

} */





/*  */



/*  */



/* .report_develo_le_more .ilbm_link {

    border-color: #0066F5;

}



.report_develo_le_more .ilbm_info p {

    color: #0066F5;

} */



/* .ys_b3page .interc_panora_video_top {

    opacity: 0 !important;

    pointer-events: none !important;

} */



.innov_help_video {

    width: 100%;

    position: relative;

}



.innov_help_video_wrap {

    width: 100%;

    border-radius: 20px;

    position: relative;

    overflow: hidden;

}



.innov_help_video_wrap::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.1);

}



.innov_help_video_wrap img {

    width: 100%;

}



.develo_creat_tit p {

    color: #333;

    line-height: 1.75;

    width: 740px;

    margin: 0 auto;

    max-width: 100%;

    margin-top: 16px;

    text-align: center;

}



.ys_g1page .ys_ban_li_img {

    text-align: left;

}





.ys_g1page .ybli_info {

    width: 100%;

    max-width: 100%;

}



.ys_g1page .ys_ban_li_img {

    top: 30%;

}



.about_ban {

    width: 100%;

    position: absolute;

    top: 70%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

}



.about_ban_cont {

    width: 100%;

    position: relative;

}



.about_ban_top .mod_tit24 {

    color: #fff;

    line-height: 1.5;

    font-family: 'PoppinsRegular';
    font-weight: bold;

}



.about_ban_top .mod_tit24 span {

    font-size: 80px;

}



.about_ban_btm p {

    color: #fff;

    line-height: 1.5;
    font-weight: bold;

}



.about_ban_top {

    margin-bottom: 15px;

}



.about_ban_ul {

    display: flex;

}



.about_ban_li {

    width: 25%;

    padding-right: 10px;

}



.about_struct {

    width: 100%;

    position: relative;

}



.about_struct_cont {

    width: 100%;

    position: relative;

}





.about_struct_cont .develo_creat_tit p {

    width: 1066px;

}



.about_horizon {

    width: 100%;

    position: relative;

}



.about_horizon_img_wrap {

    width: 100%;

    /* height: 816px; */

    display: none;

}



.about_horizon_img_wrap:first-child {

    display: block;

}



.about_horizon_img_wrap img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* .main-subnav .name.collapsed .iconfont {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

} */



/* .ys_b3page .interc_panora_video_top {

    opacity: 1 !important;

} */



/*鼠标效果*/

@media screen and (min-width: 1200px) {



    .ambs_li_wrap_year:hover {

        color: #0066F5;

    }



    html.sticky body {

        overflow: visible !important;

    }



    .mod_fot_top_more .spbm_more:hover p {

        color: #1d1d1f;

    }



    .spbm_more p:hover {

        color: #0066F5;

        border-color: #0066F5;

    }



    .mod_fot_top_more .spbm_more p:hover {

        background: transparent !important;

        color: #0066F5;

    }



}



/* .ys_d1page.ys_nypage .detail_cont {

    padding-top: 11% !important;

} */



.develo_creat_tit {

    display: flex;

    flex-direction: column;

    justify-content: center;

}



/* 10.28 judy改 */



/* end */







.ys_g1page .ys_ban_li_img {

    top: 53%;

}



.about_ban {

    top: 77%;

}



/* .ys_d1page.ys_nypage .detail_cont {

    padding-top: 280px !important;

} */



/* .ys_e1page .c_ban_more .spbm_more p {

    padding-right: 70px;

} */





.mod_tit20z,

.mod_tit20z p {

    font-size: 20px !important;
    font-weight: bold

}



/* .sya_p3 {

    margin-top: -160px;

} */



.mod_tit18z,

.mod_tit18z p {

    font-size: 18px !important;

}





.develo_creat_tit {

    margin-bottom: 53px;

}



.develo_creat_tit {

    margin-bottom: 58px;

}



.develo_creat_tit {

    margin-bottom: 65px;

}



.ys_imgbox_cover {

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}





/* .innov_effect_top_p {

    padding-top: 0 !important;

    background: transparent !important;

} */



/* .innov_effect_top_p1 {

    transition: all 0.46s;

    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);

}



.innov_effect.on .innov_effect_top_p1 {

    clip-path: polygon(0px 0px, 100% 0px, 100% 0%, 0% 0%);

} */





/* .innov_effect_top_p2 {

    opacity: 0 !important;

} */



/* .sustai_head_li {

    display: none;

} */











/* .ys_b5page .c_ban_more .spbm_more p,

.ys_b3page .c_ban_more .spbm_more p,

.ys_b1page .c_ban_more .spbm_more p {

    padding-right: 70px;

} */





.mod_fot_top {

    border-bottom: 1px solid #E4E4E7;

}





/* .ys_e5page.ys_e3page.ys_nypage .mod_bread,

.ys_e4page.ys_nypage .mod_bread,

.ys_e1page.ys_nypage .mod_bread,

.ys_e2page.ys_nypage .mod_bread {

    top: 215px;

}



.ys_e3page.ys_nypage .ys_main {

    margin-top: 198px;

}*/



/* .innov_effect_top, */



/* .innov_effect_wrap,

.innov_effect_wrap_cont {

    min-height: 100vh;

} */



/* .innov_effect_wrap {

    top: 0px;

}





.innov_effect_wrap {

    top: -150px;

}



.innov_effect_stick {

    position: sticky;

    top: 200px;

} */



/* .innov_effect_img_wrap {

    margin: 0 auto;

    position: relative;

    height: 80vh;

    max-width: 100%;

} */



/* .ipvt_video img {

    height: 100%;

    object-fit: cover;

} */



/* .sustai_goven_dots {

    position: sticky;

    top: 0;

    left: 0;

} */



/* .sustai_goven_dots {

    position: absolute;

    top: 0;

    left:-50px;

} */





/* .sustai_goven_dots_li.act .sgdl_sp2{

    height: 100%;

} */





/* .about_addres_le_wrak {

    display: none;

} */



/* .about_addres_le .about_addres_le_tit {

    text-align: center;

} */



/* .about_addres_le_wrak {

    transform: translateY(100px);

} */



/* .ys_ban_imgbox::before{

    display: none;

} */



/* .ys_e5page .c_ban_tit .mod_tit48,

.ys_e4page .ybli_tit .mod_tit48,

.ys_e4page .ybli_info p,

.ys_e2page .ybli_tit .mod_tit48,

.ys_e2page .ybli_info p {

    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.45);

} */



/* .ipvb_li {

    display: none;

} */



/* .innov_effect_wrap {

    overflow: hidden;

} */



/* .ecbw_ul {

    cursor: url(../images/cursor.svg), auto;

} */



.about_list .develo_creat_tit p {

    width: 1066px;

}



.about_horizon_img_phw {

    display: none !important;

}



/* .interc_panora_video_btm {

    z-index: 16;

} */



.ys_g1page .ys_banner1 .ys_ban_imgbox::before {

    display: none;

}



.ys_g1page .ys_banner .ybli_tit .mod_tit48,

.ys_g1page .ys_banner .ybli_info p,

.ys_g1page .ys_banner .about_ban_top .mod_tit24,

.ys_g1page .ys_banner .about_ban_btm p {

    text-shadow: 0px 17px 20.75px rgba(72, 127, 210, 0.68);

    /* text-shadow: 0px 4px 4px rgba(72, 127, 210, 0.18); */

}





/* .ys_g3page .consum_list {

    padding-bottom: 0 !important;

} */



.about_milest {

    width: 100%;

    position: relative;

}



.about_milest_cont {

    width: 100%;

    position: relative;

}



.about_milest_top .develo_creat_tit,

.about_milest_top p {

    text-align: left;

}



.about_milest_top p {

    margin-left: 0;

    margin-right: 0;

    width: 100%;

}



.about_milest_top {

    width: 64%;

}



.about_milest_btm {

    width: 100%;

    position: relative;

}



.ambs_li_wrap_year {

    font-size: 80px;

    line-height: 1.3;

    color: #D9D9D9;

    transition: all 0.36s;

}



.ambs_li.year {

    width: 240px !important;

    position: relative;

}



.ambs_li.month {

    width: 345px !important;

}



.ambs_li_wrap_btm {

    width: 100%;

}



.ambs_li_wrap_btm_p1 p {

    color: #333;

    line-height: 1.75;

}



.ambs_li_wrap_btm_line {

    width: 100%;

    height: 1px;

    background: #CFCFCF;

    position: relative;

    margin-top: 12px;

    margin-bottom: 14px;

}



.ambs_li_wrap_btm_line::after {

    content: '';

    position: absolute;

    top: -3px;

    left: 0;

    width: 7px;

    height: 7px;

    background: #D9D9D9;

    border-radius: 50%;

    transition: all 0.36s;

}



.ambs_li_wrap_year {

    position: relative;

}



.ambs_li_wrap_year::before {

    content: '';

    position: absolute;

    width: 50px;

    height: 4px;

    background-color: #1d1d1f;

    top: 52px;

    left: -45px;

}



.ambs_li_wrap_year::after {

    content: '';

    position: absolute;

    top: 50px;

    left: -52px;

    width: 7px;

    height: 7px;

    background: #D9D9D9;

    border-radius: 50%;

}







.ambs_li_wrap_btm_line::before {

    left: auto;

    right: 0;

}



.ambs_li_wrap_btm_p2 p {

    color: #000;

    line-height: 1.75;

    padding-right: 55px;

}







.ambs_li_wrap_img {

    width: 80%;

    transition: all .4s ease;

    opacity: 0;

    transform: translateY(-100px);

}



.ambs_li_wrap_btm_p1,

.ambs_li_wrap_btm_p2 {

    transition: all 0.36s;

}



.ambs_li_wrap_img {

    pointer-events: none;

}



.ambs_li_wrap_btm_p2 p {

    height: 3.5em;

    overflow: hidden;

}



.ambs_ul {

    align-items: stretch;

}



.ambs_li.year {

    height: auto !important;

    display: flex;

    align-items: flex-end;

    padding-bottom: 20px;

}





.about_milest_top .develo_creat_tit {

    margin-bottom: 20px;

}





.ambs_li.year:first-child .ambs_li_wrap_year::after,

.ambs_li.year:first-child .ambs_li_wrap_year::before {

    display: none;

}



.about_milest_btm_swiper {

    overflow: visible !important;

}



.about_milest_btm_option {

    width: 100%;

    border-radius: 40px;

    padding: 24px 172px;

    background: #F7F7F7;

    position: relative;

    margin-top: 75px;

    overflow: hidden;

}



.ambo_wrap {

    width: 12px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

}



.ambo_wrap img {

    width: 100%;

}



.ambo_le {

    left: 92px;

}



.ambo_ri {

    right: 92px;

}



.ambo_ul_li p {

    font-size: 16px;

    line-height: 1.75;

    color: #333;

    transition: all 0.36s;

    text-align: center;

    position: relative;

    padding-bottom: 4px;

    cursor: pointer;

}



.ambo_ul_li p::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 4px;

    height: 4px;

    background: #0066F5;

    border-radius: 50%;

    transition: all 0.36s;

    opacity: 0;

    transform: translateY(10px);

    transition: all .4s ease;

}



.ambo_ul_li p:hover::after {

    opacity: 1;

    transform: translateX(-50%) translateY(0px);

}



.ambo_ul_li p:hover {

    color: #0066F5;

}



.ambo_ul_li.act p::after {

    opacity: 1;

    transform: translateX(-50%) translateY(0px);

}



.ambo_ul_li.act p {

    color: #0066F5;

}



.about_milest_ph {

    display: none;

}



.ambo_swiper {

    overflow: hidden;

}



.ambo_ul_li:nth-child(2) {

    animation-delay: .15s;

}



.ambo_ul_li:nth-child(3) {

    animation-delay: .2s;

}



.ambo_ul_li:nth-child(4) {

    animation-delay: .25s;

}



.ambo_ul_li:nth-child(5) {

    animation-delay: .3s;

}



.ambo_ul_li:nth-child(6) {

    animation-delay: .35s;

}



.ambo_ul_li:nth-child(7) {

    animation-delay: .4s;

}



.ambo_ul_li:nth-child(8) {

    animation-delay: .45s;

}



.ambo_ul_li:nth-child(9) {

    animation-delay: .5s;

}



.ambo_ul_li:nth-child(10) {

    animation-delay: .55s;

}





.ambo_ul_li:nth-child(11) {

    animation-delay: .6s;

}



.ambo_ul_li:nth-child(12) {

    animation-delay: .75s;

}



.ambo_ri img {

    animation-delay: .8s;

}



.ambs_li.month {

    width: 425px !important;

}

.innov_help_video_wrap::after {
    z-index: 3;   
}

.ys_g1page .innov_help_video_wrap::after {
    display: none;
}


/* 2024.4.22 新增star */
/* 2024.4.22 新增end */

.about_horizon_img_wrap{
    position: relative;
}


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

/* 响应式优化 */
@media (max-width: 768px) {
    .ambs_li_wrap_btm_line {
        margin: 8px 0;
    }
    .ambs_li_wrap_btm_p1 p {
        font-size: 0.9em;
    }
}

/* 高亮当前年份 */
.ambo_ul_li.act {
    font-weight: 600;
    color: #2c83eb;
    position: relative;
}
.ambo_ul_li.act::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 60%;
    height: 2px;
    background: #2c83eb;
    transform: translateX(-50%);
}