﻿@charset "utf-8";

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

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

/*分享翻译*/
#bsWXBox .bsTop:after {
    /*分享中文版本*/
    content: '- 微信';
    /*分享英文版本*/
    /* content: '- weixin'; */
    display: block;
    position: absolute;
    left: 85px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

#bsWXBox .bsTop:before {
    /*分享中文版本*/
    content: '分享到';
    /*分享英文版本*/
    /* content: 'Share the'; */
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

/*导航默认选中*/
.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;
}
/* - banner - end*/

/* 规范 */
.mod_home_tit2{
    font-size: 48px;
    line-height: 1.4;
}

.mod_tit1{
    font-size: 50px;
    line-height: 1.5;
    color: #333;
    letter-spacing: 0.02em;
}

.mod_tit2{
    font-size: 36px;
    line-height: 1.5;
    color: #333;
    letter-spacing: 0.02em;
}

.mod_tit3{
    font-size: 24px;
    line-height: 1.5;
    color: #333;
    letter-spacing: 0.02em;
}

.mod_text1,.mod_text1 p{
    font-size: 18px;
    line-height: 1.75;
    color: #666;
}

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

.mod_padd1 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.mod_margin50{
    margin-bottom: 50px;
}

.yxedr_active h2{
    font-size: 36px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 18px;
}

.yxedr_active h3{
    font-size: 24px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 12px;
}

.yxedr_active h4{
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 10px;
}

.yxedr_active h5{
    font-size: 18px;
    line-height: 1.75;
    color: #333;
    margin-bottom: 10px;
}

.yxedr_active p{
    font-size: 16px;
    line-height: 175%;
    color: #666;
    margin-bottom: 10px;
}
/* 规范-end */


/* mod */

.mod_btn_type1{
    display: inline-block;
}

.mod_btn_type1_cont{
    min-width: 160px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden;
}

.mod_btn_type1_cont::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 100%;
    left: 0px;
    transition: all 0.36s;
    z-index: -1;
    opacity: 0.3;
}

.mod_btn_text{
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    transition: all 0.36s;
    margin-right: 35px;
}

.mod_btn_icon{
    width: 18px;
}

.mod_btn_icon .ys_imgbox_cover{
    width: 100%;
}

.mod_btn_type1.red .mod_btn_type1_cont{
    background-color: #DA291C;
    border: 1px solid #DA291C;
}

.mod_btn_type1.red .mod_btn_type1_cont{
    z-index: 1;
}

.mod_btn_type1.red .mod_btn_type1_cont::after{
    background-color: #C9180B;
}

/* mod-end */


/* index */
.section_cont{
    height: 100vh;
    width: 100%;
    position: relative;
}

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

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

.home_bg_ph{
    display: none;
}

.home_aside{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.36s;
}

.ys_header{
    position: relative;
    transition: all 0.5s;
}

.ys_header.hides{
    top: -100%;
}

.home_aside.hides{
    opacity: 0;
}

.home_aside_item:not(:last-child){
    margin-bottom: 35px;
}

.home_aside_item{
    opacity: 0.5;
    transition: all 0.36s;
    position: relative;
}

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

.home_aside_item_text{
    font-size: 16px;
    color: #fff;
}

.home_aside_item span{
    display: block;
    position: relative;
    width: 60px;
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
}

.home_aside_item span::after{
    content: "";
    width: 30px;
    height: 1px;
    background-color: #fff;
    transition: all 0.36s;
}

.home_aside_item.act{
    opacity: 1;
}

.home_aside_item.act span::after{
    width: 100%;
}

.home_aside_item.noact{
    opacity: 0.5;
}

.home_aside_item.noact span::after{
    width: 30px;
}

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

.home_cont_bgicon{
    position: absolute;
    width: 390px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: rotating 50s infinite linear;
    /* pointer-events: none; */
}

.home_cont_bgicon img{
    width: 100%;
    animation: fangda 1.5s ease both;
    transform: scale(0.2);
}

@keyframes rotating {
    to{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

@keyframes fangda {
    to{
        transform:scale(1)
    }
}


.home_text p{
    color: #fff;
    opacity: 0.8;
}

.home_subtit{
    color: #fff;
    opacity: 0.8;
    font-size: 20px;
    line-height: 1.75;
    margin-bottom: 15px;
}

.home_tit{
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
}

.home_btn{
    margin-top: 120px;
}

.home_maker .home_subtit{
    display: none;
}

.home_maker .home_btn{
    display: none;
}

.home_bg::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 52.34%);
    opacity: 0.3;
    top: 0;
    left: 0;
}

.home_guide{
    position: fixed;
    height: 220px;
    right: 76px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: all 0.36s;
}

.home_guide.hides{
    opacity: 0;
}

.home_guide span{
    width: 17px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 9px;
    flex-shrink: 0;
}

.home_guide::before{
    content: "";
    width: 1px;
    height: 20px;
    flex-shrink: 0;
    background-color: #fff;
    opacity: 0.6;
    transition: all 0.36s;
    /* animation: guide 2.5s ease-in-out infinite alternate ; */
}

.fp-viewing-1 .home_guide::before{
    height:calc(20px + (50px * 1));
}

.fp-viewing-2 .home_guide::before{
    height:calc(20px + (50px * 2));
}

.fp-viewing-3 .home_guide::before{
    height:calc(20px + (50px * 3));
}

.fp-viewing-4 .home_guide::before{
    height:calc(20px + (50px * 3));
}

.home_guide::after{
    content: "";
    width: 1px;
    background-color: #fff;
    height: 100%;
    opacity: 0.6;
}

@keyframes guide {
    from{
        height: 20px;
    }   
    to{
        height: 172px;
    }
}

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

.home_news_flex_left{
    width: 50%;
    padding-right: 160px;
}

.home_news_flex_right{
    width:50%;
    padding-left: 40px;
}

.hnfr_item:not(:last-child){
    margin-bottom: 60px;
}

.hnfr_item_link{
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    display: block;
}

.hnfr_item_data{
    color: #FFFFFF;
    opacity: 0.8;
    margin-bottom: 7px;
    transition: all 0.36s;
}

.hnfr_item_tit{
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1.3;
    font-weight: bold;
    transition: all 0.36s;
}

.section.active .home_subtit {
    animation: fadeup 1.2s both;
}

.section.active .home_tit {
    animation: fadeup 1.2s 0.2s both;
}

.section.active .home_text {
    animation: fadeup 1.2s 0.4s both;
}

.section.active .home_btn{
    animation: fadeup 1.2s 0.6s both;
}

.section.active .hnfr_list{
    animation: fadeup2 1.2s both;
}

.fadeuptyoe1_1{
    animation: fadeup 1.2s both;
}

.fadeuptyoe1_2{
    animation: fadeup 1.2s 0.2s both;
}

.fadeuptyoe1_3{
    animation: fadeup 1.2s 0.4s both;
}

.fadeuptyoe1_4{
    animation: fadeup 1.2s 0.6s both;
}

@keyframes fadeup {
    from{
        transform: translateY(70px);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeup2 {
    from{
        transform: translateY(100px);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}

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

.ys_page_home .ys_hd_logo img:last-child{
    display: none;
}

.ys_page_home .ys_hd_logo img:first-child{
    display: inline-block;
}

.ys_hd_logo img:first-child{
    display: none;
}

.ys_hd_nav_link_icon{
    width: 10px;
    font-size: 0;
}

.ys_page_home .ys_hd_nav_link_icon{
    font-size: 0;
}

.ys_hd_nav_link_icon img:first-child{
    opacity: 0;
}


.ys_hd_nav_item:not(:first-child){
    margin-left: 82px;
}

.ys_header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 100px;
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
}

.ys_page_home .ys_header{
    background-color: transparent;
    box-shadow: none;
}

.ys_imgbox_cover img:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.ys_page_home .ys_header{
    background-color: transparent;
}

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

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

.ys_hd_nav{
    display: flex;
    align-items: center;
    margin-right: 120px;
}

.ys_hd_searchbox{
    position: relative;
    margin-right: 46px;
    cursor: pointer;
    user-select: none;
}

.ys_hd_search{
    line-height: 96px;
    cursor: pointer;
    font-size: 0;
    width: 20px;
    transition: all 0.36s;
}

.ys_hd_searchx{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.36s;
}

.ys_hd_searchx img{
    width: 100%;
}

.ys_page_home .ys_hd_searchx img:last-child{
    display: none;
}

.ys_page_home .ys_hd_searchx img:first-child{
    display: block;
}

.ys_hd_searchx img:first-child{
    display: none;
}

.ys_hd_searchbox.act .ys_hd_search{
    opacity: 0;
}

.ys_hd_searchbox.act .ys_hd_searchx{
    opacity: 1;
}

.ys_hd_search_cont{
    position: absolute;
    width: 100%;
    padding: 52px 0;
    left: 0;
    top: 100%;
    background-color:rgba(255, 255, 255, 0.8) ;
    display: none;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 6%);
}

.ys_hd_search_form{
    width: 540px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}

.ys_hd_search_form input{
    padding-bottom: 15px;
    color: #999;
    font-size: 16px;
    width: 100%;
    padding-right: 30px;
}

.ys_hd_search_submit{
    position: absolute;
    width: 20px;
    top: 0;
    right: 0;
    cursor: pointer;
}

.ys_hd_search_submit img{
    width: 100%;
}

.ys_phnav_language{
    font-size: 20px !important;
    margin-left: 12px;
    margin-right: 4px;
    display: inline-block;
}

.ys_hd_search img:first-child{
    display: none;
}

.ys_page_home .ys_hd_search img:first-child{
    display: inline-block;
}

.ys_page_home .ys_hd_search img:last-child{
    display: none;
}

.ys_hd_other{
    display: flex;
}

.ys_hd_logo{
    width: 130px;
    font-size: 0;
    line-height: 96px;
    display: block;
}

.ys_hd_logo img{
    width: 100%;
}

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

.ys_hd_nav_link_tit{
    line-height: 96px;
    color: #333;
    margin-right: 8px;
    /* display: flex; */
}

.ys_hd_nav_link_titbox{
    display: inline-block;
    position: relative;
    /* line-height: 1.2; */
    overflow: hidden;
}

.ys_hd_nav_link_titbox::before{
    color: #DA291C;
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    /* line-height: 1.5; */
    display: inline-block;
    transition: all 0.36s;
    transform: translateY(-130%);
}

.ys_hd_nav_link_tit span{
    display: inline-block;
    /* line-height: 1.5; */
    transition: all 0.36s;
}

.ys_page_home .ys_hd_nav_link_tit{
    color: #fff;
}

.ys_hd_language{
    display: block;
    font-size: 24px;
    line-height: 96px;
    color: #333;
}

.ys_page_home .ys_hd_language{
    color: #fff;
}

.ys_hd_second{
    /* box-shadow: ; */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
    border-top: 4px solid #da291c;
    background-color: #fff;
    position: absolute;
    left: 50%;
    /* top: 96px; */
    top: 100%;
    display: none;
    transform: translateX(-50%);
}

.ys_page_home .ys_hd_second{
    box-shadow: none;
}

.ys_hd_nav_item{
    position: relative;
    flex-shrink: 0;
    line-height: 98px;
}

.yhss_tit{
    white-space: nowrap;
    color: #333333;
    margin-bottom: 17px;
    font-weight: bold;
    cursor: pointer;
}

.yhss_item:not(:last-child){
    margin-bottom: 8px;
}

.ys_hd_nav_item.special .ys_hd_second{
    padding: 48px 95px;
}

.ys_hd_nav_item.special{
    position: static;
}

.ys_hd_second_spelist{
    display: flex;
}

.ys_hd_second_speitem:not(:last-child){
    /* flex-shrink: 0; */
    margin-right: 120px;
}

.yh2i_icon{
    width: 6px;
}

.ys_hd_second2_list{
    padding: 29px 34px;
}

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

.ys_hd_second2_item:not(:last-child){
    margin-bottom: 14px;
}

.yh2i_tit{
    margin-right: 60px;
    white-space: nowrap;
    transition: all 0.36s;
}

.yh2i_icon{
    font-size: 0;
}

.yh2i_icon img:last-child{
    opacity: 0;
}

.yh2i_icon img:first-child{
    opacity: 1;
}

.ys_hd_second2_list{
    position: relative;
}

.ys_hd_third_list{
    display: none;
    position: absolute;
    top: 30px;
    padding: 28px 0;
    left: calc(100% + 5px);
    border-top: 4px solid #da291c;
    background-color: #fff;
}

.ys_hd_third_list::before{
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    right: 100%;
    top: 0;
}

.ys_hd_third_link{
    display: block;
    white-space: nowrap;
    transition: all 0.36s;
    padding: 0 35px;
}

.ys_hd_third_item:not(:last-child){
    margin-bottom: 15px;
}

.ys_hd_second_list{
    padding: 28px 0px;
    min-width: 150px;
}

.ys_hd_second_link{
    display: block;
    text-align: center;
    padding: 0 20px;
    transition: all 0.36s;
    white-space: nowrap;
}

.ys_hd_second_item:not(:last-child){
    margin-bottom: 15px;
}

.mod_footer{
    position: relative;
    background-color: #fff;
}

.mod_footer .ys_cont1400{
    position: relative;
    z-index: 2;
}

.mod_footer_cont{
    display: flex;
    padding: 75px 0 100px;
}   

.mod_footer_left{
    width: 295px;
}

.mod_footer_right{
    width: calc(100% - 295px);
    padding-left: 113px;
    padding-right: 50px;
}

.mod_footer_logo{
    display: block;
    width: 150px;
}

.mod_footer_logo img{
    width: 100%;
}

.mod_footer_contact{
    margin-top: 65px;   
}

.mod_footer_contact_item{
    margin-bottom: 20px;
}

.mod_footer_contact_link{
    display: flex;
}

.mfcl_icon{
    width: 22px;
    margin-top: 2px;
    margin-right: 12px;
}

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

.mfrl_item_tit{
    font-weight: bold;
    margin-bottom: 22px;
    display: block;
}

.mfrl_seclist_item:not(:last-child){
    margin-bottom: 16px;
}

.mod_footer_share{
    margin-bottom: 28px;
    position: relative;
    display: inline-block;
}

.mod_footer_qr{
    border-radius: 4px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    bottom: calc(100% + 15px);
    box-shadow: 0px 2px 20px rgba(83, 58, 58, 0.12);
    border-radius: 3px;
    background: #FFFFFF;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
}

.mod_footer_qr::after{
    content: "";
    position: absolute;
    left: 50%;
    top:calc(100%);
    transform: translateX(-50%);
    display: block;
    border-bottom: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fff;
    filter: drop-shadow(0px 16px 15px rgba(83, 58, 58, 1));
}

.mod_footer_qr::before{
    content: "";
    width: 100%;
    height: 20px;
    top: calc(100%);
    left: 0;
    position: absolute;
}

.mod_footer_qr img{
    width: 100%;
}

.mod_footer_share.act .mod_footer_qr{
    opacity: 1;
    pointer-events: auto;
}

.mod_footer_share.act .ys_imgbox_cover img:last-child {
    opacity: 1;
}



.mod_footer_share .ys_imgbox_cover{
    cursor: pointer;
    width: 35px;
}

.mod_footer_share .ys_imgbox_cover img:last-child{
    opacity: 0;
}

.mod_footer_bottom{
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
}

.mod_footer_bottom_list{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 20px;
}

.mfrl_seclist_item_link {
    display: block;
    transition: all 0.36s;
}

.mod_footer_bg{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 455px;
}

.mod_footer_bottom a,
.mod_footer_bottom span{
    color: #999;
    font-size: 14px;
    line-height: 1.7;
    display: inline-block
}

.mod_footer_bottom p a:nth-child(2) {
    margin-right: 60px;
}

.mfbl_item{
    opacity: 0.6;
    transition: all 0.36s;
    position: relative;
}

.mfbl_item:not(:last-child)::after{
    content: "";
    position: absolute;
    right: -11px;
    top: 55%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #999999;
}

.mfbl_item:not(:last-child){
    margin-right: 22px;
}

.mod_footer_bottom{
    border-top: 1px solid rgba(153, 153, 153, 0.2);
}

.ys_page_home .mod_footer{
    transition: all 700ms ease 0s;
    transform: translateY(-100%);
}

.mod_footer.act{
    transform: translateY(-0%);
}

.section.home_footer{
    position: relative;
    z-index: -1;
} 

.yhss_link {
    display: block;
    transition: all 0.36s;
}

.ys_phnav_logo{
    width: 92px;
}


.ys_ph_navbar3 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a{
    color: #da291c;
}

.ys_ph_navbar3 .ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox a{
    color: #da291c;
}

.ys_ph_navbar3 .ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox a{
    color: #da291c;
}

/* .ys_hd_pc .yxnav_active1 .ys_hd_nav_link_titbox::before{
    transform: translateY(0%);
}
.ys_hd_pc .yxnav_active1  .ys_hd_nav_link_tit span{
    transform: translateY(100%);
}

.ys_hd_pc .yxnav_active1 .ys_hd_nav_link_icon img:nth-child(1){
    opacity: 1;
}

.ys_hd_pc .yxnav_active1 .ys_hd_nav_link_icon img:nth-child(2){
    opacity: 0;
} */

.yhss_item.yxnav_active3 .yhss_link{
    color: #da291c;
}

.ys_hd_second_item.yxnav_active2 .ys_hd_second_link,
.ys_hd_second2_item.yxnav_active2 .yh2i_tit{
    color: #da291c;
}   

.ys_hd_second2_item.yxnav_active2 .yh2i_icon img:last-child {
    opacity: 1;
}

.ys_hd_second2_item.yxnav_active2 .yh2i_icon img:first-child {
    opacity: 0;
}

.ys_hd_third_item.yxnav_active3 .ys_hd_third_link{
    color: #da291c;
}

.ys_hd_nav_link_icon img:first-child{
    opacity: 0;
}

/* .mod_footer{
    border-top: 3px solid #da291c;
} */

.ys_main{
    border-bottom: 3px solid #da291c;
}

.home_footer{   
    border-top: 3px solid #da291c;
}
/* index-end */

/* 面包屑 */
.mod_bread{
    margin-top: var(--bread-top);
    display: flex;
    align-items: center;
}

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

.mod_bread_item_link{
    display: block;
    font-size: 14px;
    line-height: 1.6;
    margin-right: 10px;
    color: #fff;
    opacity: 0.6;
    transition: all 0.36s;
}

.mod_bread_item_icon{
    margin-right: 10px;
    opacity: 0.6;
    width: 10px;
}

.mod_bread_item_icon img:last-child{
    display: none;
}

.mod_bread_item:last-child .mod_bread_item_icon{
    display: none;
}

.ys_main{
    margin-top: 96px;
}

.ys_page_home .ys_main{
    margin-top: 0;
}

.mod_bread_item.act .mod_bread_item_link{
    opacity: 1;
}

.mod_bread.black .mod_bread_item_icon img:last-child{
    display: block;
}

.mod_bread.black .mod_bread_item_icon img:first-child{
    display: none;
}

.mod_bread.black .mod_bread_item_link{
    color: #999999;
    opacity: 1;
}
/* 面包屑-end */

/* 内页bannenr */
.mod_banner{
    position: relative;
    z-index: 3;
}

.about_banner::after{
    content: "";
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #f5f7f9;
    position: absolute;
    z-index: -1;
}

.mod_banner_bg{
    position: relative;
}

.mod_banner_bg img{
    width: 100%;
}

.mod_banner_bg::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.1;
}

.mod_banner_bg_ph{
    display: none;
}

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

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

.mod_banner_depict_tit{
    color: #fff;
    font-weight: bold;
}

.mod_banner_depict_text{
    margin-top: 20px;
    width: 720px;
}

.main_product .mod_banner_depict_text{
    margin: 20px auto 0px;
}

.mod_banner_depict_text p{
    color: #fff;
}

.about_main{
    margin-top: 0 !important;  
}

.about_banner_perch{
    margin-top: 96px;
}

.about_banner{
    top: 96px;
}

/* 内页bannenr-end */


/* h1 */
.invest_main{
    position: relative;
    z-index: 21;
    background-color: #fff;
}

.invest_main h2{
    font-weight: bold;
}

.invest_summary{
    background-color: #fff;

}

.invest_summary_tit{
    margin-bottom: 28px;
}

.invest_summary_text p:not(:last-child){
    margin-bottom: 13px;
}

.invest_notice {
    background-color: #F5F7F9;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

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

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

.invest_notice_tablist_item:not(:last-child){
    margin-right: 42px;
}

.invest_notice_tablist_item{
    padding-bottom: 9px;
    position: relative;
    font-size: 20px;
    line-height: 1.75;
    letter-spacing: 0.02em;
    color: #666666;
    transition: all 0.36s;
    cursor: pointer;
    overflow: hidden;
}

.invest_notice_tablist_item span{
    font-size: 20px;
    line-height: 1.75;
    letter-spacing: 0.02em;
}

.invest_notice_tablist_item span{
    transition: all 0.36s;
    display: inline-block;
}

.invest_notice_tablist_item::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #DA291C;
    left: 0;
    bottom: 0;
    transition: all 0.36s;
    opacity: 0;
}

.invest_notice_tablist_item.act::after{
    opacity: 1;
}

.invest_notice_tablist_item::before{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 110%;
    left: 0;
    transition: all 0.36s;
    color: #DA291C;
}

.invest_notice_list_item{
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}

.inli_cont{
    padding: 25px 40px 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.inli_cont_left_icon{
    width: 25px;
    margin-right: 16px;
    flex-shrink: 0;
}

.inli_cont_left_icon img{
    width: 100%;
}

.inli_cont_left_time{
    font-weight: 700;
    font-size: 14px;
    font-family: 'Poppins';
    color: #999999;
    line-height: 1.5;
    margin-right: 45px;
    flex-shrink: 0;
}

.inli_cont_left_tit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 22px;
    line-height: 150%;
    color: #333333;
    transition: all 0.36s;
}

.inli_cont_right{
    flex-shrink: 0;
    width: 25px;
}

.inli_cont_right img{
    width: 100%;
}

.invest_notice_lookmore{
    text-align: center;
    margin-top: 60px;
}

.invest_contact_cont_tit{
    color: #fff;
}

.invest_contact_cont_item:not(:last-child){
    margin-bottom: 25px;
}

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

.icci_icon{
    width: 32px;
    margin-right: 20px;
}

.icci_icon img{
    width: 100%;
}

.icci_value{
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.invest_contact_bg{
    max-width: 1920px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

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

.invest_contact{
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.invest_contact_btn{
    margin-top: 60px;
}

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

.contact_left,
.contact_right{
    width: 50%;
}

.contact_left{
    padding-right: 20px;
}

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

.contact_right{
    padding-left: 60px;
}

.contact_right_tit{
    font-weight: bold;
    margin-bottom: 58px;
}

.contact_right_item:not(:last-child){
    margin-bottom: 24px;
}

.contact_right_link{
    display: flex;
}

.contact_right_link_icon{
    width: 22px;
    margin-right: 18px;
    margin-top: 2px;
    flex-shrink: 0;
}

.contact_right_link_icon img{
    width: 100%;
}

.contact_right_glist{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -32px;
    padding-top: 46px;
}

.contact_right_gitem{
    width: 50%;
    padding: 0 32px;
}

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

.crgc_tit{
    font-weight: bold;
    margin-bottom: 12px;
}

.contact_right_gitem_icon{
    flex-shrink: 0;
    width: 52px;
    margin-right: 26px;
}

.contact_right_gitem_icon img{
    width: 100%;
}

.recruit_main{
    position: relative;
    z-index: 21;
}

.recruit_listbox{
    padding-top: 80px;
    background-color: #fff;
}

.recruit_controls{
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

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

.ys_select_post{
    width: 300px;
    margin-right: 34px;
    height: 56px;
    padding: 0 25px;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(83, 58, 58, 0.08);
    border-radius: 3px;
}

.ys_select_post .ys_select_bd{
    padding: 15px 0px;
    box-shadow: 0px 2px 20px rgb(83 58 58 / 8%);
    border-radius: 3px;
    top: calc(100% + 4px);
    max-height: 171px;
}

.ys_select_post .ys_select_li{
    padding: 8px 25px;
    transition: all 0.36s;
    line-height: 1.2;
    font-size: 16px;
}

.ys_select_post .ys_select_li.act{
    color: #DA291C;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background-color: #DA291C !important;
}

.recruit_controls_left_search{
    width: 450px;
    margin-right: 34px;
    height: 56px;
    padding: 0 25px;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(83, 58, 58, 0.08);
    border-radius: 3px;
}

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

.rcls_icon{
    width: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}

.rcls_icon img{
    width: 100%;
}

.rcls_input {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.recruit_controls_left_btn{
    width: 160px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 56px;
    background-color: #DA291C;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.recruit_controls_left_btn::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 101%;
    left: 0;
    transition: all 0.36s;
    background-color:#C9180B;
    z-index: -1;
}

.ys_select_post .ys_select_show{
    font-size: 16px;
}

.recruit_cont .ys_select_xtbbox{
    width: 16px;
}

.recruit_cont .ys_select_xtbbox img{
    width: 100%;
}

.recruit_controls_right{
    width: 240px;
    flex-shrink: 0;
}

.recruit_controls_right_btn{
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rcrb_text{
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    margin-right: 14px;
}

.recruit_controls_right{
    background-color: #DA291C;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.recruit_controls_right::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    transition: all 0.36s;
    background-color: #C9180B;
    z-index: -1;
} 

.rcrb_icon{
    width: 18px;
}

.rcrb_icon img{
    width: 100%;
}

.rlic_hd{
    display: flex;
    justify-content: space-between;
    padding: 29px 0;
    background: #F5F7F9;
    border-radius: 3px 3px 0px 0px;
    cursor: pointer;
}

.rlic_hd_left{
    width: 50%;
    padding-left: 60px;
}

.rlic_hd_left_tit{
    position: relative;
    font-weight: bold;
}

.rlic_hd_left_tit::after{
    content: "";
    position: absolute;
    width: 4px;
    height: 20px;
    background-color:#DA291C;
    right:calc(100% + 16px);
    top: 50%;
    transform: translateY(-50%);
}


.rlic_hd_right{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 42px;
}

.rlic_hd_right_icon{
    width: 22px;
    transition: all 0.36s;
    flex-shrink: 0;
}

.rlic_hd_right_icon img{
    width: 100%;
}

.rlic_hd_right_list{
    display: flex;
}

.rlic_hd_right_item{
    font-size: 16px;
    line-height: 1.5;
    color: #999999;
    width: 200px;
}

.rlic_hd_right_item:not(:last-child){
    margin-right: 30px;
}

.rlic_bdcont_describe{
    margin-bottom: 42px;
}

.recruit_list_item:not(:last-child){
    margin-bottom: 36px;
}

.recruit_list_item_cont{
    position: relative;
}

.rlic_bd{
    background: #FDFDFD;
    border-radius: 0px 0px 3px 3px;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 40px 60px 70px;
}

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

.rlic_bdcont{
    margin-bottom: 70px;
}

.rlic_bdcont h5{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 1.75;
    color: #333;
}

.rlic_bdcont p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 8px;
    color:#666;
}

.rlic_bd_btn{
    width: 160px;
    line-height: 52px;
    background: #DA291C;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
}   

.rlic_bd_btn::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 101%;
    transition: all 0.36s;
    left: 0;
    background-color:#C9180B ;
    z-index: -1;
}

.recruit_list_item.act .rlic_hd_right_icon{
    transform: rotate(180deg);
}

.recruit_apge{
    padding: 120px 0;
}


.pc_fenye li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 8px;
    font-size: 16px;
}

.pc_fenye li.activepage {
    background-color: #DA291C;
    color: #Fff;
}

.inli_cont_left_iconflex{
    display: flex;
    align-items: center;
}
/* h1-end */

/* f1 */
.join_main .mod_banner_cont{
    top: 27%;
    transform: translateY(0);
}

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

.join_banner_bot_list{
    display: flex;
    /* margin: 0 -20px; */
    margin: 0 !important;
}

.join_banner_bot_item{
    width: 50%;
    /* padding: 0 20px; */
    padding: 0 !important;
    backdrop-filter: blur(10px);
    transition: all 0.36s !important;
}

.join_banner_bot_item:first-child{
    margin-right: 20px;
}

.join_banner_bot_item:last-child{
    margin-right: 20px;
}


.jbbi_cont{
    display: flex;
    align-items: center;
    padding: 35px;
    /* backdrop-filter: blur(10px); */
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    cursor: pointer;
    border-radius: 8px;
    height: 100%;
    transition: all 0.36s;
    position: relative;
}

.jbbi_cont_icon{
    flex-shrink: 0;
    width: 100px;
    margin-right: 32px;
}

.jbbi_cont_icon img{
    width: 100%;
}

.jbbi_cont_right_tit{
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #fff;
    font-weight: bold;
}

.jbbi_cont_right_text p{
    color: #fff;
}

.join_concept{
    height: 300vh;
    margin-top: -100vh;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.join_concept_cont{
    width: 100%;
    position: sticky;
    height:calc(100vh - 96px) ;
    top: 96px;
    left: 0;
}

.join_concept_cont_img{
    position: absolute;
    width: 100%;
    height: 100%;
}

.join_concept_cont_imgspan{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.7;
    top: 0;
    left: 0;
    transition: all 0.36s;
}

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

.join_concept_center{
    position: absolute;
    width: 100%;
    height: 100%;
}

.join_concept_cent_left,
.join_concept_cent_right{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}

.join_concept_cent_left .ys_cont1400{
    position: relative;
}

.jccl_cont{
    width: 254px;
    position: absolute;
    left: 50%;
    top: 300px;
    opacity: 0;
    transform: translate(-50%,-50%) scale(2);
    transition: all 0.36s;
}

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

.jccl_tit{
    font-size: 36px;
    color: rgba(0, 0, 0);
    transition: all 0.36s;
    text-align: center;
    
    transform: translateY(50px);
    opacity: 0;
}

.join_concept_cent_right .ys_cont1400{
    position: relative;
}

.jccr_cont{
    width: 800px;
    position: absolute;
    right: -20%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.36s;
}

.join_concept_cent_left .jccr_cont{
    display: none;
}

.jccr_tit{
    color: #fff;
    font-size: 20px;
    line-height: 175%;
}

.join_concept_cent_bg{
    width: 100%;
    height: 280px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
}

.join_body{
    display: initial !important;
    overflow: initial !important;
}


.join_concept_cent_left{
    background-color: rgba(255, 255, 255, 1);
    z-index: 2;
    transition: all 0.36s;
    opacity: 1;
}


.join_concept_cent_right{
    background-color: rgba(0, 0, 0, 1);
}

.join_develop{
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

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

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

.join_develop_tit{
    font-weight: bold;
    margin-bottom: 50px;
}

.join_develop_subtit{
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #333333;
    margin-bottom: 20px
}

.join_develop_redtit{
    font-weight: 700;
    font-size: 20px;
    line-height: 175%;
    color: #DA291C;
    margin-bottom: 30px;
}

.join_develop_titbox{
    margin-bottom: 85px;
}

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

.join_develop_left,
.join_develop_right{
    width: 50%;
}

.join_develop_left{
    padding-right: 20px;
}

.join_develop_right{
    padding-left: 70px;
}

.join_develop_slickbox{
    position: relative;
}

.join_develop_list{
    margin: 0 -10px;
    overflow: hidden;
    border-radius:10px ;
}

.join_develop_item{
    padding: 0 10px;
}

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

.join_develop_item_cont{
    overflow: hidden;
    border-radius:10px ;
}

.join_develop_slick_arrow{
    position: absolute;
    width:128px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    right:18px;
    bottom: 16px;
}

.jdsa_prev,.jdsa_next{
    width: 54px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.02);
    user-select: none;
}

.jdsa_prev img:last-child,
.jdsa_next img:last-child{
    opacity: 0;
}

.join_develop_slickbox .join_develop_slick_arrow .slick-disabled{
    pointer-events: none !important;
    opacity: 0.8;
}

.join_mien_slick_item {
    width: 375px !important;
    margin-right: 34px !important; 
}

.join_mien_slick_item:last-child {
    margin-right: 0px !important; 
}

.join_mien{
    position: relative;
    background: #F5F7F9;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.join_mien_tit{
    font-weight: bold;
    margin-bottom: 20px;
}

.join_mien_text p{
    color: #999;
}

.jmsi_cont_tit{
    color: #999;
    margin-top: 20px;
    transition: all 0.36s;
}

.join_main .swiper-pagination{
    position: static !important;
    margin-top: 68px;
}


.join_main .swiper-container-horizontal>.swiper-pagination-progressbar{
    height: 2px;
}

.join_main .swiper{
    --swiper-theme-color: #da291c;
}

.join_main .swiper-pagination-progressbar{
    background-color: #d0d1d3;
}

.join_mien_slick .join_develop_slick_arrow{
    width: 138px;
    margin-top: 45px;
    position: static;
}

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

/* f1-end */

/* c2 */
.pd_cont{
    max-width: 1920px;
    margin: 0 auto;
}

.pd_main .mod_banner_depict_tit{
    text-align: center;
}

.pd_cont_item{
    background-color: #fff;
}

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

.pcif_left,
.pcif_right{
    width: 50%;
}

.pcif_left{
    padding-right: 85px;
}

.pcif_right{
    position: relative;
}

.pcif_left_tit{
    font-weight: bold;
    margin-bottom: 30px;
}

.pcif_left_text p:not(:last-child){
    margin-bottom: 16px;
}

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

.pcif_right_list{
    border-radius: 10px;
    overflow: hidden;
}

.pd_cont_item:nth-child(even){
    background-color: #F5F7F9;
}

.pd_cont_item:nth-child(even) .pd_cont_item_flex{
    flex-direction: row-reverse;
}

.pd_cont_item:nth-child(even) .pcif_left{
    padding-left: 85px;
    padding-right: 0;
}

.pcif_right .join_develop_slick_arrow{
    right: 28px;
    bottom: 24px;
}

.mod_footer.isfixed{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.pcif_right_item:not(:first-child){
    display: none;
}
/* c2-end */

/* d1 */
.make_power{
    background-color: #fff;
}

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

.mpic_left,
.mpic_right{
    width: 50%;
}

.mpic_left{
    padding-right: 100px;
}

.mpic_right{
    padding-left: 20px;
}

.mpic_left_tit{
    font-weight: bold;
    margin-bottom: 28px;
}

.mpic_right_img{
    border-radius: 10px;
    overflow: hidden;
}

.make_process_flex{
    display: flex;
}

.make_process_flex_left{
    width: 150px;
}

.make_process_flex_right{
    width: calc(100% - 150px);
    padding-left: 270px;
}

.mpfr_swiper_item{
    width: 540px !important;
}

.mpfr_swiper_item:not(:last-child){
    margin-right: 35px;
}

.mpfr_swiper.swiper-container{
    overflow: initial !important;
}

.mpfr_swiper_item{
    transition: all 0.5s !important;
}

.notran{
    transition: none !important;
}

.fadein{
    opacity: 0;
}

.make_pm_tit{
    font-weight: bold;
}

.make_pm_item:not(:last-child){
    margin-bottom: 80px;
}

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

.mpic_left{
    padding-right: 20px;
}

.mpic_right{
    padding-left: 70px;
}

.mpic_right_tit{
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #333333;
    margin-bottom: 20px;
}

.mpic_right_text p:not(:last-child),
.mpcl_text p:not(:last-child){
    margin-bottom: 15px;
}



.make_pm_item:nth-child(even) .make_pm_item_cont{
    flex-direction: row-reverse;
}


.make_pm_item:nth-child(even) .mpic_left{
    padding-left: 20px;
    padding-right: 0;
}


.make_pm_item:nth-child(even) .mpic_right{
    padding-right: 70px;
    padding-left: 0;
}

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

.make_pm_cont{
    position: relative;
}

.make_pm_cont_bg{
    width: 1105px;
    z-index: -1;
}

.make_pm_cont_bg img{
    width: 100%;
}

.make_quality {
    background-color: #f5f7f9;
}

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

.make_quality_tit{
    font-weight: bold;
}

.make_quality_text{
    width: 640px;
}

.make_quality {
    position: relative;
    height: 170vh;
    padding-bottom: 0 !important;
}

.make_plan{
    position: relative;
}

.make_quality_cont{
    width: 100%;
    padding:0 calc((100% - 1400px) / 2);
    margin: 0 auto;
    height: calc(100vh - 64px);
    transition: all 1s;
    position: sticky; 
    top: 96px;
}

.make_quality_cont_imgbox{
    position: relative;
    height: calc(100vh - 64px);
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.36s;
}

.make_quality_cont {
    padding-top: 150px;
    padding-bottom: 195px;
}

.make_quality_cont_imgbox img{
    height: calc(100vh + 120px - 64px);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.make_quality_cont img{
    transition: all 1s;
    object-fit: cover;
    width: 100%;
}

.make_quality_cont.act {
    padding: 0 !important;
}

.make_quality_cont.act .make_quality_cont_imgbox{
    border-radius: 0px;
}

.make_quality_cont.act img{
    object-fit: cover;
    border-radius: 0px;
}

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

.make_plan_cont_left,
.make_plan_cont_right{
    width: 50%;
}

.make_plan_cont_left{
    padding-right:100px ;
}

.make_plan_cont_right{
    padding-left: 20px;
}

.make_plan_cont_right_img{
    overflow: hidden;
    border-radius: 10px;
}

.make_plan_cont_right_img img{
    width: 100%;
}

.mpcl_tit{
    font-weight: bold;
    margin-bottom: 28px;
}

.make_process_tit{
    font-weight: bold;
    margin-bottom: 80px;
}

.make_process_flex_left .join_develop_slick_arrow{
    position: static;
    margin-top: 215px;
}

.make_process{
    background-color:#f5f7f9;
    position: relative;
    overflow: hidden;
}

.make_process_bg{
    position: absolute;
    width: 812px;
    bottom: 0;
    right: 0;
}

.make_process_bg img{
    width: 100%;
}

.make_process_flex_left{
    position: relative;
    z-index: 2;
}

.make_process_progress_act{
    color: rgba(218, 41, 28, 1);
}

.make_process_progress_icon,
.make_process_progress_sum{
    color: rgba(202, 202, 202, 1);
}   

.mpfr_swiper_item .ys_imgbox_cover{
    border-radius: 10px;
    z-index: 2;
}

.mpfr_swiper_center{
    margin: 0 auto;
    background-color: #fff;
    margin-top: -60px;
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    transition: all 0.4s;
    opacity: 0;
    width: 50%;
}

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

.mpfr_swiper_bot p{
    user-select: text;
}

.mpfr_swiper_center span{
    position: absolute;
    width: calc(100% + 140px);
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    box-shadow: 0px 2px 30px 10px rgba(83, 58, 58, 0.06);
    z-index: -1;
    overflow: hidden;
}

.mpfr_swiper_center span::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #da291c;
}

.mpfr_swiper_center_tit{
    font-size: 24px;
    line-height: 150%;
    font-weight: bold;
}

.mpfr_swiper_center_number{
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #DA291C;
    font-family: 'Poppins';
}

.mpfr_swiper_bot{
    margin-top: 32px;
}

.make_process_flex_right .swiper-slide-active .mpfr_swiper_center{
    width: 100%;
    opacity: 1;
}

.make_process_flex_right .swiper-slide-active .mpfr_swiper_bot{
    width: 100%;
    opacity: 1;
}

.mpfr_swiper_item.notran .mpfr_swiper_center{
    transition: none !important;
}

.mpfr_swiper_item.notran .mpfr_swiper_bot{
    transition: none !important;
}
/* d1-end */

/* c1 */
.main_product{
    position: relative;
    z-index: 21;
    background-color: #fff;
}

.main_product .mod_banner_depict{
    text-align: center;
}

.main_product .mod_banner_depict {
    margin-bottom: 60px;
}

.main_banner_nav{
    position: relative;
}

.main_banner_arrow{
    position: absolute;
    height: 0;
    width:calc(100% + 60px);
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main_banner_nav_list{
    margin: 0 -2px;
}

.main_banner_nav_item{
    padding: 0 2px;
}

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

.mbni_cont{
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-weight: bold;
    font-size:18px;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    transition: all 0.36s;
}

.main_banner_arrow_prev,
.main_banner_arrow_next {
    width: 14px;
    cursor: pointer;
    transition: all 0.36s;
}

.main_banner_arrow_prev{
    transform: rotate(180deg);
}

.main_banner_arrow_prev img:last-child,
.main_banner_arrow_next img:last-child {
    opacity: 0;
}

.main_banner_arrow>div.slick-disabled{
    opacity: 0.6;
    pointer-events: none;
    user-select: none;
}

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

.mpic_left_look_text{
    color: #da291c;
    margin-right: 20px;
}

.mpic_left_look_icon{
    font-size: 0;
    width: 17px;
    transition: all 0.5s;
}

.mpic_left_look_icon img{
    width: 100%;
}

.mpic_left_list{
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
}

.mpic_left_item{
    margin-right: 20px;
    margin-bottom: 15px;
}

.mpic_left_item_cont{
    /* background-color: #DA291C; */
    display: flex;
    border-radius: 3px;
    border: 1px solid #DA291C;
    transition: all 0.36s;
    line-height: 44px;
    padding: 0 34px;
    font-size: 18px;
    color: #DA291C;
}

.mpics_left_tit{
    font-weight: bold;
    margin-bottom: 28px;
}

.mpics_left_text{
    margin-bottom: 36px;
}

.mpics_left,
.mpics_right{
    width: 50%;
}

.mpics_left{
    padding-right: 80px;
}

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

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

.main_product_item{
    padding-bottom: 120px;
}

.main_product_item:nth-child(even) .main_product_item_cont{
    flex-direction: row-reverse;
}

.main_product_item:nth-child(even) .mpics_left{
    padding-left: 80px;
    padding-right: 0;
}

.main_product_listbox{
    padding-top: 212px;
}
/* c1-end */

/* e1 */
.news_main .mod_bread{
    margin-bottom: 50px;
}

.news_nav{
    display: flex;
    margin-top: 64px;
}

.news_nav_item{
    margin-right: 60px;
}

.news_nav_item_link{
    display: block;
    line-height: 50px;
    border: 1px solid #DA291C;
    opacity: 0.5;transition: all 0.36s;
    text-align: center;
    color: #DA291C;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    padding: 0 38px;
    z-index: 1;
}

.news_nav_item_link::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    background-color: #DA291C;
    transition: all 0.36s;
    z-index: -1;
}

.news_nav_item.act .news_nav_item_link::after{
    top: 0;
}

.news_nav_item.act .news_nav_item_link{
    color: #fff;
    opacity: 2;
}

.news_header{
    padding-bottom: 64px;
}

.nsfr_item_cont{
    display: block;
}

.news_slick_flex{
    display: flex;
    padding-left: calc((100% - 1400px ) / 2);
}

.news_slick_flex_left{
    width: calc(50% - 70px);
}

.news_slick_flex_right{
    width: calc(50% + 70px);
    position: relative;
}

.news_slick_flex_right{
    padding-left: 70px;
    padding-right:  calc((100vw - 1400px ) / 2);
    background: #FFFFFF;
    box-shadow: 0px 6px 10px rgba(96, 92, 92, 0.06);
}

.news_slick_flex{
    max-width: 1920px;
}

@media screen and (min-width: 1920px) {
    .news_slick_flex_right{
        padding-right:  calc((1920px - 1400px ) / 2);
    }

    .news_slick_flex{
        margin: 0 auto;
    }

    .news_slick_flex {
        display: flex;
        padding-left: calc((1920px - 1400px ) / 2);
    }
}

.nsfr_list{
    height: 100%;
    margin: 0 -40px;
}

.nsfr_item{
    padding: 0 40px;
    height: 100%;
}

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

.nsfr_item_cont{
    height: 100%;
}

.nsfr_list .slick-list,
.nsfr_list .slick-track{
    height: 100%;
}

.nsfr_item_cont{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.nsfr_time{
    font-size: 16px;
    line-height: 1.65;
    color: #999999;
    opacity: 0.8;
    margin-bottom: 14px;
}

.nsfr_tit{
    font-size: 24px;
    line-height: 1.5;
    color: #333333;
    margin-bottom: 30px;
    font-weight: bold;
}

.nsfr_text{
    height: 163px;
}

.nsfr_text p{
    font-size: 14px;
    line-height: 175%;
    color: #666666;
    user-select: text;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}

.news_list_item:first-child .news_list_item_cont{
    padding-top: 60px;
}

.news_list_item .news_list_item_cont{
    padding: 60px 0;
}

.nlic_right_tit{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 34px;
    color: #333;
    transition: all 0.36s;
    line-height: 1.5;
}

.nlic_right_text {
    height: 97px;
    margin-bottom: 34px;
    overflow: hidden;
}

.nlic_right_text p{
    font-size: 14px;
    line-height: 175%;
    color: #666666;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}

.nlic_right_time{
    font-size: 16px;
    line-height: 1.75;
    color: #999999;
    opacity: 0.8;
}

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

.nlic_left{
    width: 510px;
    position: relative;
}

.nlic_right{
    width: calc(100% - 510px);
    padding-left: 110px;
}

.news_list_item_cont{
    border-bottom: 1px solid #E1E4E6;
}

.news_list_item{
    transition: all 0.36s;
}

.nlic_left_icon{
    position: absolute;
    width: 54px;
    right: 0;
    top: 50%;
    transform: translate(50%,-50%);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    transition: all 0.36s;
    opacity: 0;
}

.nlic_left_icon img{
    width: 100%;
}


.news_list_item.act {
    background-color: #f5f7f9;
}

.news_list_item.act .nlic_left_icon{
    opacity: 1;
}

.news_list_item.act .nlic_right_tit{
    color: #DA291C;
}

.news_list_item.act .news_list_item_cont{
    border-color: transparent;
}

.news_list_item:not(:first-child){
    margin-top: -1px;
}

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

.nsfl_list {
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}

.news_header{
    overflow: hidden;
    background-color: #f5f7f9;
}

.news_slickbox{
    position: relative;
}

.news_slickbox::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background-color: #f5f7f9;
    z-index: -1;
}

.news_header{
    position: relative;
}

.news_header_bg{
    position: absolute;
    width: 650px;
    right: 0;
    bottom: 0;
}

.news_slickbox{
    position: relative;
}

.news_slickbox_bg{
    position: absolute;
    width: 240px;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.nsfr_list .slick-dots{
    left: 35px;
    bottom: 100px;
    width: initial;
}

.nsfr_list .slick-dots li{
    width: 32px;
    height: 4px;
    border-radius: 30px;
    background: #DA291C;
    opacity: 0.2;
}

.nsfr_list .slick-dots li.slick-active{
    opacity: 1;
}

.news_tit {
    font-weight: bold;
}

.next li {
    margin-right: 0;
    margin-left: 30px;
    width: 30px;
}

.end li {
    margin-left: 0;
    width: 30px;
}

.prev li {
    margin-left: 0;
    margin-right: 30px;
    width: 30px;
}

.first li {
    margin-right: 0;
    width: 30px;
}

/* e1-end */

/* e2 */

.nd_left{
    width: calc(100% - 340px);
}

.nd_right{
    width: 340px;
}

.nd_right_cs{
    width: 340px;
}




.nd_main_cont{
    display: flex;
}

.nd_left{
    padding-right: 190px;
}

.nd_left_header_priamry{
    margin-top: 50px;
}

.nlhp_tit{
    font-weight: bold;
    margin-bottom: 30px;
}

.nlhp_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E1E4E6;
    padding-bottom: 34px;
}

.nlhp_time{
    font-size: 16px;
    line-height: 175%;
    color: #999999;
}   

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

.nlhp_share_text{
    font-size: 16px;
    line-height: 175%;
    letter-spacing: 0.05em;
    color: #999999;
    margin-right: 23px;
}

.nlhp_share .ys_sharebox:not(:last-child){
    margin: 0;
    margin-right: 20px;
}

.nlhp_share .ys_sharebox .ys_imgbox_cover img:last-child{
    opacity: 0;
}

.nlhp_share .ys_sharebox .ys_imgbox_cover{
    width: 24px;
}

.nd_left_header{
    margin-bottom: 50px;
}

.nd_left_body p:not(:last-child){
    margin-bottom: 30px;
}

.nd_left_body{
    border-bottom: 1px solid #E1E4E6;
    padding-bottom: 95px;
    margin-bottom: 50px;
}

.nd_left_page_prev{
    margin-bottom: 15px;
}

.nd_left_page_link{
    display: inline-block;
    font-size: 16px;
    line-height: 175%;
    color: #999999;
    transition: all 0.36s;
}

.nd_left_page_link span{
    display: inline-block;
}

.nd_main{
    padding-bottom: 120px;
}

.nd_right_tit{
    padding-left: 18px;
    position: relative;
    margin-bottom: 30px;
}

.nd_right_tit::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 25px;
    background: #DA291C;
    border-radius: 8px;
}

.nd_right{
    padding-top: 140px;
}

.nd_right_item{
    padding: 33px 0;
    position: relative;
    border-bottom: #EEEEEE 1px solid;
    cursor: pointer;
    transition: all 0.36s;
}

.nd_right_item::after{
    content: "";
    position: absolute;
    height: 100%;
    width: calc(100% + 40px);
    left: 50%;
    transform: translateX(-50%);
    background: #FFFFFF;
    box-shadow: 0px 2px 15px 10px rgba(194, 153, 153, 0.06);
    border-radius: 5px;
    top: 0;
    opacity: 0;
    z-index: -1;
    transition: all 0.36s;
}

.nd_right_item_time{
    font-size: 16px;
    line-height: 1.5;
    color: #999999;
    margin-bottom: 12px;
}

.nd_right_item_tit{
    line-height: 2;
    font-size: 16px;
    color: #333333;
    transition: all 0.36s;
}
/* e2-end */

/* b1 */

.about_banner{
    z-index: 21 !important;
}

.about_banner.actfoot{
    z-index: 19 !important;
}

.about_main {
    position: relative;
    z-index: 22 !important;
    /* max-width: 1920px; */
}

.about_main .mod_banner_cont{
    top: 24.3%;
    transform: translateY(0);
}

.about_banner .mod_banner_depict_text{
    width: 720px;
    margin: 20px 0;
}

.about_intro{
    margin-top: -200px;
    position: relative;
    z-index: 4;
}

.about_intro::after{
    content: "";
    position: absolute;
    width: 100%;
    top: 250px;
    left: 0;
    height: calc(100% - 200px);
    background-color: #f5f7f9;
    z-index: -1;
}

.about_intro_contbox{
    width: calc(1600px + (100vw - 1600px) / 2);
    /* max-width: calc(1600px + (1920px - 1600px) / 2); */
    margin-left: auto;
    background-color: #fff;
    padding: 120px 100px 110px;
    border-radius: 20px 0 0 0 ;
    position: relative;
}

.about_intro_cont{
    width: 1400px;
}

.about_intro_cont_tit{
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    font-weight: bold;
    width: 870px;
    margin-bottom: 110px;
}

.about_intro_cont_list{
    display: flex;
    margin: 0 -80px;
    margin-bottom: 136px !important;
}

.about_intro_cont_item{
    width: 50%;
    padding: 0 80px;
}

.about_intro_cont_nublist{
    display: flex;
}

.about_intro_cont_nubitem:not(:last-child){
    margin-right: 200px;
}

.aicn_cont_data {
    display: flex;
    align-items: flex-end;
}

.aicn_cont_data_big{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 72px;
    line-height: 1.2;
    color: #DA291C;
}

.aicn_cont_data_sm{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #DA291C;
}

.acds_t{
    position: absolute;
    display: inline-block;
    top: 2px;
    right: -12px;
    transform: scale(0.7);
}

.aicn_cont_tit{
    text-align: center;
    font-size: 18px;
    line-height: 175%;
    color: #999999;
    margin-top: -5px;
}

.aici_cont_tit {
    font-weight: bold;
    color: #DA291C;
    margin-bottom: 23px;
}

.about_banner{
    position: fixed;
    width: 100%;
}

.about_banner_perch{
    opacity: 0;
}

.zindex30{
    position: relative;
    z-index: 20;
}

footer{
    position: relative;
    z-index: 20;
}

.about_slg{
    position: relative;
    max-height: 1920px;
    max-width: 1920px;
    margin: 0 auto;
}

.about_slg::after{
    content: "";
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    z-index: -1;
}

.about_history {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.about_history::before{
    content: "";
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    background-color: #f5f7f9;
    position: absolute;
    z-index: -1;
}

.about_history::after{
    content: "";
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    z-index: -2;
}

.about_honor {
    max-width: 1920px;
    margin: 0 auto;
}

.about_honor::before{
    content: "";
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    background-color: #f5f7f9;
    position: absolute;
    z-index: -1;
}

.about_honor::after{
    content: "";
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    z-index: -2;
}

.about_partner {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.about_partner::after{
    content: "";
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    z-index: -2;
}

.about_slg_bg img{
    width: 100%;
}

.about_slg_listbox{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.about_slg_list{
    height: 100%;
    width: 100%;
    display: flex;
}

.about_slg_item{
    width: 25%;
    border-right:1px solid  rgba(255, 255, 255, .2);
}

.about_slg_item:last-child{
    border: none;
}

.about_slg_item_cont{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.asic_round{
    width: 92px;
    height: 92px;
    position: relative;
}

.asic_round span{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #FFFFFF;
    opacity: 0.8;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.asic_round::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    height: 70%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}


.asic_round::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.about_slg{
    position: relative;
    z-index: 4;
}

.about_slg_item_tit{
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding: 0 20px;
    margin-top: 16px;
}

.about_slg_item_text{
    font-weight: 400;
    font-size: 20px;
    line-height: 175%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 18px;
    display: none;
    padding-left: 20px;
    padding-right: 20px;
}

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

.about_slg_item::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000;
    transition: all 0.36s;
    opacity: 0;
    z-index: -1;
}

@keyframes scale1 {
    0%{
        transform: translate(-50%,-50%) scale(1.1);
    }
    20%{
        transform: translate(-50%,-50%) scale(1.3);
    }
    40%{
        transform: translate(-50%,-50%) scale(1.1);
    }
}

@keyframes scale2 {
    10%{
        transform: translate(-50%,-50%) scale(1.1);
    }
    30%{
        transform: translate(-50%,-50%) scale(1.2);
    }
    50%{
        transform: translate(-50%,-50%) scale(1.1);
    }
}

@keyframes scale3 {
    20%{
        transform: translate(-50%,-50%) scale(1.1);
    }
    30%{
        transform: translate(-50%,-50%) scale(1.2);
    }
    40%{
        transform: translate(-50%,-50%) scale(1.1);
    }
}



.pd_main{
    z-index: 21;
    background-color: #fff;
}

.about_history{
    background-color: #f5f7f9;
    position: relative;
    z-index: 4;
}

.about_history_tit{
    font-weight: bold;
    text-align: center;
}

.about_history_slickbox{
    margin-bottom: 138px;
}

.about_history_slick_cont{
    display: flex;
}

.about_history_slick_left{
    font-size: 160px;
    font-family: Poppins;
    line-height: 140px;
    font-weight: bold;
    flex-shrink: 0;
    margin-right: 100px;
    opacity: 0.14;
    color: #DA291C;
}

.about_history_slick_right{
    flex-grow: 1;
}

.about_history_slick{

}

.ahsr_list_item{
    margin-bottom: 12px;
    position: relative;
    display: flex;
}

.ahsr_list_item::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #DA291C;
    flex-shrink: 0;
    margin-top: 14px;
    margin-right: 18px;
    
}

.ahsr_list_item_text{
    flex-grow: 1;
    font-size: 20px;
    line-height: 1.75;
    color: #666;
    user-select: text;
}

.about_history_timeslickbox{
    padding: 0 45px;
    position: relative;
}

.about_history_timeslick_cont{
    text-align: center;
    position: relative;
}


.about_history_timeslick_cont::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #e3e4e6;
    top: 0;
    left: 0;
}

.ahtc_text{
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 175%;
    text-align: center;
    color: #999999;
    padding-top: 22px;
}

.ahtc_text::after{
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: #DA291C;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.36s;
}

.about_history_timeslick_item{
    cursor: pointer;
}

.about_history_timeslick_item.slick-current .ahtc_text::after{
    opacity: 1;
}

.about_history_timeslickbox .join_develop_slick_arrow{
    width: calc(100% + (45px * 2));
    right: 50%;
    transform: translateX(50%);
    bottom: 50%;
    transition: all 0.36s;
}

.about_history .jdsa_next.slick-disabled,
.about_history .jdsa_prev.slick-disabled{
    opacity: 0.4;
    pointer-events: none;
}

.about_honor{
    position: relative;
    z-index: 4;
    background-color: #f5f7f9;
}
.about_honor_tit{
    font-weight: bold;
}

.about_honor_slick{
    margin: 0 -20px;
    margin-bottom: 68px !important;
}

.about_honor_item{
    padding: 0 20px;
}

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

.about_honor_item_cont{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.about_honor_item_cont_text{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 175%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    opacity: 0;
    transform: scale(0.5);
}

.about_honor_item_cont::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #DA291C;
    opacity: 0;
    transition: all 0.5s;
}

.about_honor_progress{
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #d0d1d3;
    margin-bottom: 45px;
}

.about_honor_progress_act{
    position: absolute;
    width: 0%;
    height: 2px;
    top: 0;
    left: 0;
    background-color: #DA291C;
    transition: all 0.36s;
}

.about_honor_cont .join_develop_slick_arrow{
    position: static;
}

.about_honor .jdsa_next.slick-disabled,
.about_honor .jdsa_prev.slick-disabled{
    opacity: 0.4;
    pointer-events: none;
}

.about_honor{
    font-weight: bold;
}

.about_partner_tit{
    font-weight: bold;
    text-align: center;
}



 /* 匀速运动 */
 .about_partner .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: linear;    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}


.about_partner{
    background-color: #fff;
    position: relative;
    z-index: 4;
}

.c_fboxswsw_item {
    width: 240px !important;
    box-shadow: 0px 2px 20px rgba(83, 58, 58, 0.08);
    border-radius: 4px;
    margin: 20px 0 30px;
    margin-right: 30px !important;
}

.about_partner_tit{
    margin-bottom: 30px;
}

.about_partner{
    padding-bottom: 100px !important;    
}

.about_honor_item:not(:first-child),
.about_history_slick_item:not(:first-child),
.about_history_timeslick_item:not(:first-child){
    display: none;
}

.about_duty{
    position: relative;
    z-index: 4;
    background-color: #fff;
    height: 300vh;
}

.about_duty_tit{
    font-weight: bold;
}

.about_duty_list{
    display: flex;
    padding-left: calc((100% - 1400px) / 2);
}




.about_duty_item{
    flex-shrink: 0;
    width: 1260px;
    padding-right: 100px;
}

.about_duty_item_cont{
    display: flex;
    align-items: flex-end;

}

.about_duty_item_cont .ys_imgbox_cover{
    width: 680px;
    margin-right: 70px;
    flex-shrink: 0;
    border-radius: 10px;
}

.adic_details_number{
    font-family: 'Poppins';
    font-size: 32px;
    line-height: 1.5;
    color: #DA291C;
    margin-bottom: 60px;
}

.adic_details_tit{
    font-weight: bold;
    color: #333333;
}

.adic_details_text{
    margin-top: 30px;
}


.about_duty_cont{
    position: sticky;
    top: 210px;
}

/* 应用fullpagejs时body 不能强制写成 overflow: initial !important 会出现刷新页面错乱*/
/* body{
    overflow: initial !important;
}
 */

/* .fp-section.fp-table{
    display: block !important;
}

.fp-tableCell{
    display: block !important;
}
 */

.about_banner .mod_banner_cont{
    transform: none;
    top: 24%;
}





/* b1-end */

/* i1 */
.privacy_cont{
    padding: 50px 0 120px;
}

.privacy_cont h2,
.privacy_cont h5{
    font-weight: bold;
}

.privacy_main{
    position: relative;
    z-index: 21;
    background-color: #fff;
}
/* i1-end */
.black .mod_bread_item.act .mod_bread_item_link{
    color: #DA291C;
}

:root{
    --bread-top: 65px;
    --paddss:calc((100% - 1400px ) / 2)
}

footer{
    background-color: #fff;
}

.special  .ys_hd_second_spelist:not(:last-child){
    margin-bottom: 30px !important;
}

.special .ys_hd_second{
    max-height: 290px;
}

.special .mCSB_draggerContainer{
    height: 210px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 21px !important;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .mod_btn_type1:hover .mod_btn_type1_cont::after{
        top: 0px;
    }
    
    .mod_btn_type1:hover .mod_btn_type1_cont{
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .home_aside_item:hover{
        opacity: 1;
    }
    
    .home_aside_item:hover span::after{
        width: 100%;
    }

    .hnfr_item_link:hover .hnfr_item_data{
        transform: translateY(-5px);
    }
    
    .hnfr_item_link:hover .hnfr_item_tit{
        transform: translateY(-5px);
    }

    .ys_hd_nav_item:hover .ys_hd_nav_link_titbox::before{
        transform: translateY(0%);
    }
    
    .ys_hd_nav_item:hover .ys_hd_nav_link_tit span{
        transform: translateY(130%);
    }
    
    .ys_hd_pc .ys_hd_nav_item:hover .ys_hd_nav_link_icon img:nth-child(1){
        opacity: 1;
    }
    
    .ys_hd_pc .ys_hd_nav_item:hover .ys_hd_nav_link_icon img:nth-child(2){
        opacity: 0;
    }
    
    .ys_hd_second2_item:hover .yh2i_tit {
        color: #da291c;
    }
    
    .ys_hd_second2_item:hover .yh2i_icon img:first-child{
        opacity: 0;
    }
    
    .ys_hd_second2_item:hover .yh2i_icon img:last-child{
        opacity: 1;
    }
    
    .ys_hd_third_item:hover .ys_hd_third_link{
        color: #da291c;
    }

    .ys_hd_second_link:hover{
        color: #da291c;
    }

    .mfrl_seclist_item_link:hover{
        color: #da291c;
    }

    .mfbl_item:hover{
        opacity: 1;
    }

    .yhss_item:hover .yhss_link{
        color: #da291c;
    }

    .mod_bread_item_link:hover{
        opacity: 1;
    }
    
    .mod_bread.black .mod_bread_item_link:hover {
        color: #DA291C;
    }

    .invest_notice_tablist_item:hover::before{
        bottom: 0;
    }
    
    .invest_notice_tablist_item:hover span{
        transform: translateY(110%);
    }
    
    .invest_notice_tablist_item:hover::after{
        opacity: 1;
    }

    .invest_notice_list_item:hover .inli_cont_left_tit{
        color: #DA291C;
    }

    .recruit_controls_left_btn:hover::after{
        top: 0;
    }

    .recruit_controls_right:hover::after{
        top: 0;
    }  

    .ys_pcfy li:hover{
        background-color: #DA291C;
        color: #Fff;
    }
    
    .rlic_bd_btn:hover:after{
        top: 0%;
    }
    
    .next li:hover,
    .prev li:hover,
    .firts li:hover,
    .end li:hover {
        background-color: transparent;
        color: #DA291C;
    }

    .join_banner_bot_item:hover{
        transform: translateY(-5px) !important;
    }
    
    .jdsa_prev:hover img:last-child,
    .jdsa_next:hover img:last-child{
        opacity: 1;
    }
    
    .jdsa_prev:hover img:first-child,
    .jdsa_next:hover img:first-child{
        opacity: 0;
    }
    
    .jdsa_prev:hover,.jdsa_next:hover{
        background-color: #da291c;
    }
    
    .main_banner_arrow_prev:hover img:last-child,
    .main_banner_arrow_next:hover img:last-child {
        opacity: 1;
    }
    
    .mpic_left_item_cont:hover{
        color: #fff;
        background-color: #C9180B;
    }
    
    .news_nav_item_link:hover::after{
        top: 0;
    }
    
    .news_nav_item_link:hover{
        color: #fff;
        opacity: 2;
    }

    .news_list_item:hover {
        background-color: #f5f7f9;
    }
    
    .news_list_item:hover .nlic_left_icon{
        opacity: 1;
    }
    
    .news_list_item:hover .nlic_right_tit{
        color: #DA291C;
    }
    
    .news_list_item:hover .news_list_item_cont{
        border-color: transparent;
    }

    .first li:hover{
        background-color: transparent;
        color: #DA291C;
    }

    .nlhp_share .ys_sharebox:hover .ys_imgbox_cover img:last-child{
        opacity: 1;
    }
    
    .nd_left_page_link:hover{
        color: #DA291C;
    }
    
    .nd_right_item:hover::after{
        opacity: 1;
    }
    
    .nd_right_item:hover .nd_right_item_tit{
        color: #DA291C;
    }
    
    .nd_right_item:hover{
        border-color: transparent;
    }

    .about_slg_item:hover::after{
        opacity: 0.3;
    }
    
    .about_slg_item:hover .asic_round span{
        transform: translate(-50%,-50%) scale(1.1);
        animation: scale1 1.3s both infinite;
    }
    
    .about_slg_item:hover .asic_round::before{
        transform:  translate(-50%,-50%) scale(1.1);
        animation: scale2 1.3s both infinite;
    }
    
    .about_slg_item:hover .asic_round::after{
        transform:  translate(-50%,-50%) scale(1.1);
        animation: scale3 1.3s both infinite;
    }
    
    .about_honor_item_cont:hover::after{
        opacity: 0.9;
    }
    
    .about_honor_item_cont:hover .about_honor_item_cont_text{
        opacity: 0.9;
        transform: scale(1);
    }

    .ys_select_post .ys_select_li:hover{
        color: #DA291C;
    }

    .mpic_left_look:hover .mpic_left_look_icon{
        transform: translateX(10px);
    }

    .nsfl_item_cont:hover img,
    .jmsi_cont_img:hover img{
        transform: scale(1.03);
    }

    .news_list_item_cont:hover .nlic_left .ys_imgbox_cover img {
        transform: scale(1.03);
    }   

    .main_banner_nav_item:hover .mbni_cont{
        background-color: rgba(255, 255, 255, .5);
    }

    .jmsi_cont:hover .jmsi_cont_tit {
        color: #DA291C;
    }

}

.scaling{
    animation: scaling 2.2s ease;
}

@keyframes scaling {
    from{
        transform: scale(1.5);
    }
    to{
        transform: scale(1);
    }
}

.maxw{
    max-width: 1920px;
    margin: 0 auto;
}

.pcif_right_item_cont .ys_imgbox_cover{
    background: radial-gradient(68.85% 68.85% at 50% 50%, rgba(240, 240, 238, 0) 0%, #F0F0EE 100%);
}

.ys_ph_navbar3 .ys_phnav_header{
    background-color: #fff;
}

.contact_main,
.make_main,
.news_main,
.nd_main,
.join_main{
    position: relative;
    z-index: 21;
    background-color: #fff;
}

.mod_footer_bottom p{
    opacity: 0.5;
}

.jmsi_cont_img{
    border-radius: 6px;
}

.invest_notice_tablist_item.act::before{
    bottom: 0;
}

.invest_notice_tablist_item.act span{
    transform: translateY(110%);
}

.invest_notice_tablist_item.act::after{
    opacity: 1;
}

.mod_footer_contact_phone,
.contact_right_link_phone,
.invest_contact_cont_phone{
    pointer-events: none;
}


.ys_hd_second_item.noact .ys_hd_second_link {
    color: #666 !important;
}

.yhss_item.noact .yhss_link {
    color: #666 !important;
}

.ys_hd_second2_item.noact .yh2i_tit {
    color: #666;
}

.ys_hd_second2_item.noact .yh2i_icon img:first-child {
    opacity: 0;
}

.ys_hd_second2_item.noact .yh2i_icon img:first-child {
    opacity: 1;
}

.ys_hd_third_item.noact .ys_hd_third_link {
    color: #666;
}


.ys_hd_nav_item.noact .ys_hd_nav_link_titbox::before{
    transform: translateY(-130%);
}

.ys_hd_nav_item.noact .ys_hd_nav_link_tit span{
    transform: translateY(0%);
}

.ys_hd_pc .ys_hd_nav_item.noact .ys_hd_nav_link_icon img:nth-child(1){
    opacity: 0;
}

.ys_hd_pc .ys_hd_nav_item.noact .ys_hd_nav_link_icon img:nth-child(2){
    opacity: 1;
}

.about_duty_item.act .ys_imgbox_cover img{
    animation: scaling 2.2s ease both;
}

.make_quality_bg{
    position: absolute;
    width: 765px;
}
/* 2023.02.20 - tammy - start */
.home_page3 .home_bg::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    top: 0;
    left: 0;
}
.ys_hd_third_list {
    box-shadow: 0px 4px 10px rgb(0 0 0 / 6%);
}
.g_serch .z_1200_1 .z_search .z_search_rs a {
    margin-left: 0;
}
.z_1200_1 .lrbox ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.z_1200_1 .lrbox ul li nobr {
    max-width: calc(100% - 30px);
    display: inline-block;
    overflow: hidden;
    line-height: 68px;
    height: 68px;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
}
.about_slg_item_text p{
    line-height: inherit;
}
.yhss_tit a,.yh2i_tit a{
    white-space: inherit;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
.recruit_list p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 8px;
}
.make_process_flex_left{
    background: #f5f7f9;
    position: relative;
}
.make_process_flex_left::before{
    content: '';
    background: #f5f7f9;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% + 260px);
}

.g_serch .page li:hover {
    border: 0;
    background: #ccc;
    color: #fff;
}
.g_serch .page.b1_page img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.g_serch .page li.activepage{
    border: 0;
}
.g_serch .z_1200_1 ul li{
    border: 0;
    transition: all 0.36s;
}
.g_serch .lp {
    line-height: 28px!important;
}
.g_serch .z_1200_1 .lrbox ul li {
    border-bottom: solid 1px #ccc;
}
.container {
    max-width: 100%;
}
.join_concept{
    height: 250vh;
}
.jccl_cont,.jccl_tit,.jccr_cont {
    transition: all .2s linear;
}
.ys_hd_nav_item>a{
    position: relative;
}
.ys_hd_nav_item>a::before{
    content: '';
    width: 0;
    height: 4px;
    position: absolute;
    background: #da291c;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.36s;
    opacity: 0;
}
.ys_hd_nav_item.yxnav_active1>a::before{
    opacity: 1;
    width: 150px;
}
.join_mien .ys_cont1400{
    position: relative;
}
.join_mien .ys_cont1400::before{
    content: '';
    background: #F5F7F9;
    position: absolute;
    right: 100%;
    height: 100%;
    width: calc(50vw - 700px);
    top: 0;
    z-index: 4;
}
/* 2023.02.20 - tammy - end */
.jccl_tit{
    transform: translateY(0);
}
.ys_hd_nav_item.special.head_newjia{
    position: relative;
}
.ys_hd_second_speitem:not(:last-child) {
    margin-right: 90px;
}
.yhss_link{
    white-space: nowrap;
}
/* 2023.03.28 */
.jccr_cont{
    right: 0!important;
    transition: all 0.36s ease;
}
.join_concept.on1 .jccl_cont{
    transition-delay: 0.8s;
}
.join_concept.on1 .jccr_cont{
    transition-delay: 0s;
    transition: all 2s ease;
}
.join_concept.on2 .jccr_cont{
    opacity: 1!important;
    transition-delay: 0.4s;
}
.join_concept.on2 .jccl_cont{
    opacity: 1!important;
    left: 0!important;
    transform: translate(0,-50%) scale(1)!important;
    transition-delay: 0.3s;
    top:50%!important;
}
.join_concept.on2 .jccl_tit{
    opacity: 1!important;
    transform: translateY(0)!important;
}
.join_concept_cent_left,.join_concept_cent_right{
    transition: all 2s ease;
}
.join_concept.on2 .join_concept_cent_left{
    background-color: rgba(255, 255, 255, 0)!important;
}
.join_concept.on2 .join_concept_cent_right{
    background-color:rgba(0, 0, 0, 0.2)!important;
}
.c_fboxswsw_item{
    width: 270px !important;
    margin-right: 0px !important;
    padding-right: 30px!important;
    box-shadow: none;
}
.c_fboxswsw_con{
    box-shadow: 0px 2px 20px rgba(83, 58, 58, 0.08);
}
.about_intro_cont_tit{
    width: 1000px;
}
.ys_hd_text{
    position: relative;
}
.ys_hd_text::before {
    color: #DA291C;
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    transition: all 0.36s;
    transform: translateY(-130%);
}
.ys_page_home .ys_hd_language{
    transition: all .4s;
    color: #fff;

}
.ys_hd_langbox_top{
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.yhlt_img{
    position: relative;
    width: 10px;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*left: calc(100% + 8px);*/
    margin-left: 8px;
    transition: all .4s;
}
.yhlt_img img{
    width: 100%;
    transition: all .4s;
}
.ys_hd_langbox_bom{
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
    border-top: 4px solid #da291c;
    background-color: #fff;
    position: absolute;
    left: 50%;
    /* top: 96px; */
    top: 100%;
    display: none;
    transform: translateX(-50%);
}
.yhlt_img img:nth-child(n+2){
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}
.yhlt_img img:nth-child(1){
    opacity: 0;
     transform:translateY(-30%);
}
.ys_page_home .ys_header .yhlt_img img:nth-child(2){
    opacity: 0;
}
.ys_page_home .ys_header .yhlt_img img:nth-child(1){
    opacity: 1;
}
.yhlt_img img:nth-child(3){
    opacity: 0;
}
.ys_hd_langbox.act .yhlt_img img:nth-child(3){
    opacity: 1;
}
.ys_hd_langbox.act .yhlt_img img:nth-child(1){
    opacity: 0;
}
.ys_hd_langbox_bom .ys_hd_second_link{
    text-align: center;
}
.ys_hd_langbox_bom ul{
    min-width: 120px;
    padding: 35px 0;
}
.ys_hd_langbox_bom li{
     margin-bottom: 10px;
}
.ys_hd_langbox_bom li:last-child{
        margin-bottom: 0px;
}
.ys_hd_langbox{
    display: flex;
    position: relative;
    padding:0 20px;
    cursor: pointer;
}
.ys_hd_langbox.act .ys_hd_text p{
    transform: translateY(130%);
}
.ys_hd_langbox.act .ys_hd_text::before{
    transform: translateY(0%);
}
.ys_hd_text p{
    transition: all .4s;
}
.ys_hd_text{
    overflow: hidden;
}
.ys_phnav_r{
    display: flex;
    align-items: center;
}
.ys_phnav_r>div{
    display: flex;
    align-items: center;
}
.ys_phnav_search .ys_hd_text p{
    color: #666;
}
.ys_hd_text p {
    font-size: 18px;
}
.ys_hd_text::before{
    font-size: 18px;
}