@charset "utf-8";

body {
    font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}
@font-face {
    font-family: 'poppins_regular';
    src: url('/fonts/poppins-regular-webfont.eot');
    src: url('/fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('/fonts/poppins-regular-webfont.woff') format('woff'),
         url('/fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('/fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppins_semibold';
    src: url('/fonts/poppins-semibold-webfont.eot');
    src: url('/fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('/fonts/poppins-semibold-webfont.woff') format('woff'),
         url('/fonts/poppins-semibold-webfont.ttf') format('truetype'),
         url('/fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.lh-page{text-align:center;}
.lh-page a{display:inline-block; width:39px; height:39px; border-radius:50%; border:1px #ccc solid; background:#fff; text-align:center; line-height:39px; color:#7e7e7e; margin:0 6px;}
.lh-page a.on,.lh-page a:hover{background:#1e71d7; color:#fff;}



.poppins_regular{
    font-family: 'poppins_regular'!important;
}
.poppins_semibold{
    font-family: 'poppins_semibold'!important;
}
.ys_cont900{
    width: 1112px;
    margin: 0 auto;
    max-width: 100%;
}
/* 规范 - start */
.std_title1{
    font-size: 48px;
    line-height: 1.4;
    color: #23262C;
    font-weight: bold;
}
.std_title2,.yxedr_active h2{
    font-size: 36px;
    line-height: 1.4;
    color: #23262C;
}
.yxedr_active h2{
    margin-bottom: 20px;
}
.std_title3,.yxedr_active h3{
    font-size: 24px;
    line-height: 1.4;
    color: #23262C;
}
.yxedr_active h3{
    margin-bottom: 18px;
}
.std_title4,.yxedr_active h4{
    font-size: 20px;
    line-height: 1.75;
    color: #23262C;
}
.yxedr_active h4{
    margin-bottom: 16px;
}
.yxedr_active p,.std_text p{ 
    font-size: 16px; text-align:justify;
    color: #444;
    line-height: 1.6;
}
.yxedr_active p,.std_text_margin p{
    margin-bottom: 5px;
}
.std_margin1{
    margin-bottom: 100px;
}
.std_margin2{
    margin-bottom: 80px;
}
.std_margin3{
    margin-bottom: 150px;
}
.std_padding1{
    padding: 100px 0;
}
.std_padding2{
    padding: 80px 0;
}
.std_padding3{
    padding: 150px 0;
}
.std_padding_top1{
    padding-top: 100px;
}
.std_padding_top2{
    padding-top: 80px;
}
.std_padding_top3{
    padding-top: 150px;
}
.std_padding_bottom3{
    padding-bottom: 150px;
}
/* 其他 */
.std_margin5{
    margin-bottom: 70px;
}
.std_margin6{
    margin-bottom: 60px;
}
.std_margin7{
    margin-bottom: 50px;
}
.std_title40{
    font-size: 40px;
    font-weight: bold;
    color: #23262C;
    line-height: 1.4;
}
.std_title64{
    font-size: 64px;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
}
.std_title16{
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}
.mod_middle{
    text-align: center;
}
.std_btn1 .std_btn_text{
    background: linear-gradient(90deg, #FF7357 0%, #F31111 100%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-size: 16px;
    line-height: 1.75;
}
.std_btn1{
    display: inline-block;
}
.std_title18,.yxedr_active h5{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}
.yxedr_active h5{
    color: #23262C;
    line-height: 1.75;
    margin-bottom: 30px;
}
.std_title30{
    font-size: 30px;
    font-weight: bold;
    color: #23262C;
    line-height: 1.4;
}



/* 规范 - end */
/*分享翻译*/
#bsWXBox .bsTop:after {
    /*分享中文版本*/
    content: '- 微信';
    /*分享英文版本*/
    /* content: '- weixin'; */
    display: block;
    position: absolute;
    /* left: 85px; */
    left: 58px;
    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*/
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .home_model_list_nub:hover .hmln_show{
        opacity: 1;
        pointer-events: all;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
    }
    .home_model_list_nub:hover .hmln_show::before{
        width: 100%;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
    }
    .home_model_list_nub:hover .hmln_show_link{
        opacity: 1;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
    }
    .home_model_list_nub:hover .hmln_hide{
        opacity: 0;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
    }
    .home_brand_cry_list .hbcl_nub_line:hover{
        background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
        box-shadow: 0px 8px 20px rgba(58, 25, 25, 0.04);
    }
    .hbcl_nub_line:hover .hbcl_nub_bg{
        opacity: 1;
    }
    .hbcl_nub_line:hover .std_title3,
    .hbcl_nub_line:hover .std_text p,
    .hbcl_nub_line:hover .std_btn1 .std_btn_text{
        color: #fff;
    }
    .hbcl_nub_line:hover .std_btn1 .std_btn_text{
        -webkit-text-fill-color: #fff;
    }
    .mod_control1 .slick-prev:hover::before,
    .mod_control1 .slick-next:hover::before{
        opacity: 0;
    }
    .mod_control1 .slick-prev:hover::after,
    .mod_control1 .slick-next:hover::after{
        opacity: 1;
    }
    .hncl_nub_link:hover::after{
        width: 100%;
        opacity: 1;
    }
    .hncl_nub_link:hover{
        background: #fff;
        box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);
    }
    .home_news_cry_img:hover .hnci_pic img{
        transform: scale(1.05);
    }
    .mfcl_nub a:hover,
    .mfin_nub_second a:hover{
        color: #fff;
    }
    .mod_head_nav_first:hover .mhnf_link a{
        color: #E62129;
    }
    .mod_head_nav:hover .mod_head_nav_first.yxnav_active1 .mhnf_link a{
        color: #23262C;
    }
    .mod_head_nav:hover .mod_head_nav_first.yxnav_active1:hover .mhnf_link a{
        color: #E62129;
    }
    .ncln_link:hover{
        background: #F9F9F9;
    }
    .ncln_link:hover .ncln_link_img img{
        transform: scale(1.05);
    }
    .ncln_link:hover .ncln_link_bg{
        opacity: 1;
        transition: all 0.6s;
    }
    .pc_fenye li:hover{
        color: #E60012;
        background: transparent;
    }
    .dcjl_link a:hover{
        color: #E60012;
    }
    .rjcb_list_nub_text:hover{
        background: #F2473F;
    }
    .rjcb_list_nub_text:hover .rjcb_bg{
        opacity: 1;
    }
    .rjcb_list_nub_text:hover .std_title4,
    .rjcb_list_nub_text:hover .std_text p{
        color: #fff;
    }
    .rjcb_list_nub_text:hover .std_title4::after{
        opacity: .5;
    }
    .detail_page .crumbs_list_nub a:hover,
    .legal_page .crumbs_list_nub a:hover {
        color: #676B77;
    }
    .news_recommend_cry:hover .nrcp_nub_img img{
        transform: scale(1.05);
    }
    .pclf_nub_second_vice:hover::before{
        opacity: 1;
    }
    .pclf_nub_second_vice:hover {
        padding-left: 63px;
    }
    .pclf_nub_second:hover .pclf_nub_second_vice.on::before{
        opacity: 0;
    }
    .pclf_nub_second:hover .pclf_nub_second_vice.on {
        padding-left: 45px;
    }
    .pclf_nub_second:hover .pclf_nub_second_vice:hover::before{
        opacity: 1;
    }
    .pclf_nub_second:hover .pclf_nub_second_vice:hover {
        padding-left: 63px;
    }
    .std_btn2:hover::before,
    .std_btn2:hover::after {
        width: 0;
        border-radius: 0;
    }
    .pslnctm_specific:hover .std_btn2::before,
    .pslnctm_specific:hover .std_btn2::after {
        width: 0;
        border-radius: 0;
    }
    .service_progess_list .spln_img:hover .spln_img_circle{
        transform:translate(-50%,-50%) rotate(45deg);
        animation: c3circle1 1.5s ease backwards 1;
    }
    .spln_img:hover .spln_img_pic img{
        transform: scale(1.05);
    }
    .ttln_logo:hover::before{
        width: 100%;
        opacity: 1;
    }
    .ttln_logo:hover .ys_imgbox_cover img:nth-child(3){
        opacity: 1;
    }
    .ttln_logo:hover .ys_imgbox_cover img:nth-child(2){
        opacity: 0;
    }
    .trade_case .hbcl_nub_line:hover .std_title4,
    .trade_case .hbcl_nub_line:hover .std_text p {
        color: #fff;
    }
    .arrow_control .slick-prev:hover::before,
    .arrow_control .slick-next:hover::before{
        opacity: 0;
    }
    .arrow_control .slick-prev:hover::after,
    .arrow_control .slick-next:hover::after{
        opacity: 1;
    }
    .mhnf_second_nub:hover .mhnf_second_nub_title a{
        color: #E62129;
    }
    .mhnf_second:hover .mhnf_second_nub.yxnav_active2 .mhnf_second_nub_title a{
        color: #23262C;
    }
    .mhnf_second:hover .mhnf_second_nub.yxnav_active2:hover .mhnf_second_nub_title a{
        color: #E62129;
    }
    .mhnfsnt_third_nub:hover a{
        color: #E62129;
    }
    .mhnf_second_nub_third:hover .mhnfsnt_third_nub.yxnav_active3 a{
        color: #23262C;
    }
    .mhnf_second_nub_third:hover .mhnfsnt_third_nub.yxnav_active3:hover a{
        color: #E62129;
    }
    .pslnctm_specific:hover .pslnctm_specific_img img{
        transform: scale(1.05);
    }
    .twln_img:hover img{
        transform: scale(1.05);
    }
    .sfln_link:hover .std_btn2::before,
    .sfln_link:hover .std_btn2::after {
        width: 0;
        border-radius: 0;
    }
    .home_about_text .std_btn2:hover .std_btn2_link{
        background: #fff;
    }
    .ttln_logo:hover .std_title16{
        color: #E62129;
    }
    .mfln_img:hover img:nth-child(3) {
        opacity: 1;
    }
    .mfln_img:hover img:nth-child(2) {
        opacity: 0;
    }
}
/* e2 */
.in_banner_img,.in_banner_img img{
    width: 100%;
}
.in_banner,.in_banner_img{
    position: relative;
}
.in_banner_img::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 2;
}
.in_banner .ys_pos_center{
    z-index: 4;
}
.news_recommend .ys_cont1600{
    background: #fff;
    border-radius: 20px;
    margin-top: -200px;
    position: relative;
    z-index: 6;
}
.news_recommend_cry{
    padding-top: 85px;
    padding-bottom: 82px;
    position: relative;
}
.news_recommend_cry_pic{
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}
.news_recommend_cry_pic .nrcp_nub_img {
    border-radius: 10px;
    width: 100%;
}
.news_recommend_cry_text{
    width: 60%;
    padding-left: 120px;
}
.nrct_nub_date{
    color: #999;
    line-height: 1.5;
    margin-bottom: 7px;
    font-size: 16px;
}
.nrct_nub .std_title3{
    color: #333;
    font-weight: bold;
    margin-bottom: 24px;
}
.news_recommend_cry{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E4E4E4;
}
.nrct_nub .std_text p{
    color: #676B77;
}
.nrct_nub .std_text{
    margin-bottom: 56px;
}
.news_recommend_cry_text{
    padding-bottom: 52px;
    min-height: 100%;
}
.mod_control1 .slick-prev,
.mod_control1 .slick-next{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    z-index: 10;
}
.mod_control1 .slick-prev::before,
.mod_control1 .slick-next::before{
    content: '';
    background-image: url(/images/e1_arrow01.svg);
    position: absolute;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    transition: all 0.36s;
}
.mod_control1 .slick-next::before{
    transform: translate(-50%,-50%) rotate(180deg); 
}
.mod_control1 .slick-prev::after,
.mod_control1 .slick-next::after{
    content: '';
    background-image: url(/images/e1_arrow02.svg);
    position: absolute;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    transition: all 0.36s;
    opacity: 0;
}
.mod_control1 .slick-prev::after{
    transform: translate(-50%,-50%) rotate(180deg); 
}
.news_recommend_cry_text .slick-prev{
    bottom: 0;
    left: 120px;
    transform: translate(0);
    top: auto;
}
.news_recommend_cry_text .slick-next{
    bottom: 0;
    left: 196px;
    transform: translate(0);
    top: auto;
}
/* 首页 */
.home_model{
    width: 100%;
}
.home_model_bg{
    width: 100%;
}
.home_model_bg img{
    width: 100%;
}
.home_model_bg video{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}
.home_model_bg{
    position: relative;
}
.home_model{
    position: relative;
}
.hmln_hide{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    position: relative;
    opacity: 1;
    transition: all 0.5s;
}
.home_model_list_nub{
    position: absolute;
    transform: translate(-50%,-50%);
    pointer-events: all;
    cursor: pointer;
}
.hmln_hide .iconfont{
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    z-index: 6;
}
.home_model_list{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 6;
}
.hmln_hide::before,.hmln_hide::after{
    content: '';
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: kuosan 3s ease-in-out infinite;
    border-radius: 50%;
}
.hmln_hide::after{
    animation-delay: 1.5s;
}
@keyframes kuosan {
    0% {
        transform: translate(-50%,-50%);
        opacity: .6;
    }
    100% {
        transform: translate(-50%,-50%) scale(2.3);
        opacity: 0;
    }
}
.hmln_show_icon {
    width: 26px;
    margin-right: 8px;
    display: inline-block;
}
.hmln_show{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    width: auto;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
}
.hmln_show .std_title18{
    margin-right: 20px;
    white-space: nowrap;
    display: inline-block;
    line-height: 26px;
}
.hmln_show_link{
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-radius: 32.5px;
    padding: 19px 23px;
    position: relative;
    opacity: 0;
}
.hmln_show::before{
    content: '';
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 32.5px;
}
.hmln_show_btn{
    width: 16px;
    display: inline-block;   
}
.home_lead{
    width: 100%;
    height: 100vh;
    position: relative;
    background: #fff;
    transition: all 0.36s;
}
.home_lead_svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 32.8125%;
}
.home_about_pic,.home_about_pic img{
    width: 100%;
}
.home_about_pic{
    position: relative;
}
.home_about_pic::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    background: linear-gradient(90deg, rgba(68, 70, 82, 0.5) 4.83%, rgba(24, 29, 58, 0) 86.43%);
}
.home_about{
    position: relative;
}
.home_about_text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 4;
}
.mod_title1 .mod_title1_sub{
    font-size: 18px;
    line-height: 1.5;
    padding-left: 42px;
    position: relative;
    margin-bottom: 12px;
    color: #B3B5BB;
    font-family: 'poppins_regular'!important;
}
.mod_title1 .mod_title1_sub::before{
    content: '';
    height: 2px;
    width: 34px;
    position: absolute;
    left: 0;
    background: linear-gradient(to right,#F2473F,#E62129);
    top: 10px;
}
.mod_title1 .std_title1{
    color: #23262C;
}
.home_view .mod_title1 .std_title1{
    color: #fff;
}
.home_view .mod_title1 .mod_title1_sub{
    color: #F9F9F9;
}
.home_about_text .mod_title1{
    margin-bottom: 26px;
}
.home_about_text .std_text{
    margin-bottom: 72px;
}
.home_about_text .std_text p{
    color: #fff;
}
.home_about_text .std_text {
    max-width: 480px;
}
.hsct_li .std_title3{
    font-weight: bold;
}
.hsct_li .std_text p{
    color: #676B77;
}
.hscs_li_pic{
    width: 55%;
}

.hscs_li_pic img { border-radius: 20px;}
.home_solution_cry_scheme{
    width: calc(100% - 168px);
}
.hscs_li_text{
    width: 45%;
    padding-right: 160px;
}
.hscs_li{
    display: flex;
    align-items: center;
}
.hscs_li_text .std_title3{
    font-weight: bold;
    margin-bottom: 16px;
}
.hscs_li_text .std_text{
    margin-bottom: 62px;
}
.hscd_nub{
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: linear-gradient(to right,rgba(255,115,87,.1),rgba(243,17,17,.1));
    position: relative;
    cursor: pointer;
    margin-bottom: 34px;
}
.hscd_nub::before{
    content: '';
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.hscd_nub img{
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.hscd_nub svg {
    position: absolute;
    /* top: 50%;
    left: 50%; */
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    transform: rotateX(180deg);
    overflow: visible;
    z-index: 6;
}
.hscd_nub circle {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    width: 100%;
    height: 100%;
}
/* .hscd_nub.on #circle1 {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    -webkit-animation: 4s svgcircle1 linear forwards;
    animation: 4s svgcircle1 linear forwards;
} */
.home_solution_cry_dots.act .hscd_nub.on #circle1 {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    -webkit-animation: 4s svgcircle1 linear forwards;
    animation: 4s svgcircle1 linear forwards;
}
@-webkit-keyframes svgcircle1 {
    0% {
        stroke-dashoffset: 220;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes svgcircle1 {
    0% {
        stroke-dashoffset: 220;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
.home_solution_cry_dots{
    width: 168px;
}
.hscd_nub:last-child{
    margin-bottom: 0;
}
.home_solution_cry{
    display: flex;
    align-items: center;
}
.hscs_box{
    display: flex;
    align-items: center;
}
.home_brand{
    background: #F9F9F9;
}
.hbcl_nub{
    width: 33.333333%;
    padding: 0 20px;
}
.home_brand_cry_list{
    margin: 0 -20px;
}
.hbcl_nub_text{
    position: relative;
    z-index: 6;
}
.home_brand_title{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.hbcl_nub .hbcl_nub_line{
    position: relative;
    z-index: 3;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(58, 25, 25, 0.04);
    border-radius: 10px;
    padding: 34px 42px 32px;
    display: block;
    transition: all 0.5s;
}
.hbcl_nub_bg{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s;
}
.hbcl_nub_bg img{
    width: 100%;
}
.home_brand_cry_list{
    margin-bottom: 28px;
}
.hbcl_nub_text .std_title3{
    margin-bottom: 17px;
    transition: all 0.5s;
}
.hbcl_nub_text .std_text{
    margin-bottom: 40px;
}
.hbcl_nub_line .std_btn1 .std_btn_text{
    color: #E62129;
    background: transparent;
    -webkit-text-fill-color: #E62129;
    transition: all 0.5s;
}
.hbcl_nub_line .std_text p{
    transition: all 0.5s;
}
.home_brand_cry_list.mod_control1 .slick-prev{
    left: -68px;
}
.home_brand_cry_list.mod_control1 .slick-next{
    right: -68px;
}
.hbcl_nub{
    width: 16.666667%;
    padding: 0 20px;
    cursor: pointer;
}
.home_brand_cry_logo{
    margin: 0 -20px;
}
.hbcl_nub_img{
    width: 100%;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(58, 25, 25, 0.04);
    border-radius: 8px;
}
.hnci_date{
    color: #999;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 6px;
}
.home_news_cry_img{
    width: 45.7%;
}
.home_news_cry_list{
    width: 54.3%;
    padding-left: 78px;
}
.home_news_cry{
    display: flex;
    align-items: flex-start;
}
.hnci_pic{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 25px;
}
.home_news_cry_img .std_title4{
    margin-bottom: 34px;
}
.hncl_nub{
    border-top: 1px solid #EAEAEA;
}
.hncl_nub_link{
    display: block;
    padding: 52px 40px 44px;
    position: relative;
    transition: all 0.36s;
}
.hncl_nub .std_text p{
    color: #333;
}
.hncl_nub .std_text{
    margin-bottom: 7px;
    position: relative;
}
.hncl_nub_icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    width: 21px;
}
.hncl_nub_icon img{
    width: 100%;
}
.hncl_nub_text{
    width: 68.8%;
}
.hncl_nub .std_text::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #E62129;
    left: -18px;
    position: absolute;
    top: 11px;
}
.hncl_nub_link::after{
    content: '';
    position: absolute;
    width: 0;
    opacity: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #E62129;
    transition: all 0.5s;
}
.home_call_cry{
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    border-radius: 10px;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 90px;
    position: relative;
    z-index: 4;
    overflow: hidden;
}
.home_call_cry .std_title2{
    color: #fff;
    font-weight: bold;
    width: 44%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}
.home_call{
    position: relative;
}
.home_call::before{
    content: '';
    height: 91px;
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    background: #23262C;
}
.ys_footer{
    background: #23262C;
}
.mod_footer_top a{
    display: block;
    width: 172px;
}
.mod_footer_top a img{
    width: 100%;
}
.mod_footer_top{
    padding-top: 72px;
    padding-bottom: 40px;
    position: relative;
}
.mod_footer_top::before{
    content: '';
    height: 3px;
    background: linear-gradient(to right,#E62129,transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.mod_footer_info_hotline{
    width: 215px;
    position: relative;
    top: -7px;
}
.mod_footer_info_nav{
    width: calc(100% - 215px);
    padding-right: 150px;
    display: flex;
    justify-content: space-between;
}
.mfln_img{
    display: block;
}
.mfin_nub_first a{
    color: #F9F9F9;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}
.mfin_nub_second a{
    color: #E4E4E4;
    font-size: 15px;
    line-height: 1.5;
    transition: all 0.36s;
    padding-left: 11px;
    position: relative;
}
.mfin_nub_second_li{
    position: relative;
    display: block;
    margin-bottom: 8px;
}
.mfin_nub_second_li::before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    position: absolute;
    left: 0;
    top: 11px;
}
.mod_footer_info{
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 100px;
}
.mfih_list_nub_th,.mfih_list_nub_phone{
    color: #E4E4E4;
    font-size: 16px;
    line-height: 2;
}
.mfih_list_nub_phone a{
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: -5px;
    pointer-events: none;
}
.mfih_share{
    margin: 0 -10px;
}
.mfih_share_nub{
    width: 50px;
    padding: 0 10px;
}
.mfih_share_nub_icon{
    width: 100%;
    cursor: pointer;
}
.mfih_share_nub_icon img{
    width: 100%;
}
.mfih_share_nub{
    position: relative;
}
.mod_footer_links_nub{
    width: 120px;
    margin: 0 25px;
    margin-bottom: 20px;
}
.mod_footer_links{
    margin: 0 -25px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.mfin_nub_first {
    margin-bottom: 16px;
}
.mfih_list_nub {
    margin-bottom: 18px;
}
.mfih_list {
    margin-bottom: 41px;
}
.mod_footer_copyright{
    background: #202227;
    padding-top: 18px;
    padding-bottom: 26px;
}
.mod_footer_copyright .ys_cont1400{
    display: flex;
    justify-content: space-between;
}
.mod_footer_copyright_text p{
    color: #E4E4E4;
    font-size: 14px;
    line-height: 2;
}
.mod_footer_copyright_text p a{
    color: inherit;
    margin-left: 6px;
}
.mod_footer_copyright_text p a:last-child{
    color: #676B77;
    margin-left: 10px;
}
.mfcl_nub a{
    color: #E4E4E4;
    font-size: 14px;
    line-height: 2;
    transition: all 0.36s;
    position: relative;
    padding: 0 10px;
}
.mfcl_nub a::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #E4E4E4;
    width: 1.5px;
    height: 15px;
    left: -0.75px;
}
.mod_footer_copyright_list{
    margin: 0 -10px;
    display: flex;
}
.mfcl_nub:first-child a::before{
    display: none;
}
.mfih_share_nub_wx{
    position: absolute;
    width: 110px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    border-radius: 4px;
    background: #fff;
    bottom: calc(100% + 16px);
    display: none;
}
.mfih_share_nub_wx::before{
    content: '';
    border-top: 10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
}
.mfih_share_nub_wx::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    bottom: -16px;
    left: 0;
}
.ys_footer{
    position: relative;
}
.ys_footer_bg{
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    text-align: center;
}
.ys_footer_bg img{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.ys_footer .ys_cont1400,.mod_footer_copyright{
    position: relative;
    z-index: 10;
}
.mod_head{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 100px;
    background: #fff;
    box-shadow: 0px 2px 16px rgba(15, 42, 54, 0.04), 0px 4px 50px rgba(15, 42, 54, 0.05);
    display: flex;
    justify-content: space-between;
}
.mod_head_logo,.mod_head_other{
    width: 172px;
}
.mod_head_logo a{
    width: 100%;
    display: block;
    line-height: 70px;
}
.mod_head_logo img{
    width: 100%;
}
.mhnf_link a{
    color: #23262C;
    font-size: 16px;
    line-height: 70px;
    padding: 0 30px;
    display: block;
    transition: all 0.36s;
}
.mod_head_nav{
    display: flex;
    justify-content: center;
}
.mod_head_nav_first{
    position: relative;
}
.mhnf_second{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 11px);
    background: #fff;
    box-shadow: 0px 2px 19px 10px rgba(22, 44, 112, 0.05);
    display: none;
}
.mhnf_second_box{
    position: relative;
    padding: 25px 0 38px;
}
.mhnf_second_box::before{
    content: '';
    width: 100%;
    height: 4px;
    background: #F2473F;
    position: absolute;
    top: 0;
    left: 0;
}
.mhnf_second::before{
    content: '';
    border-bottom: 7px solid #F2473F;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
}
.mhnf_second::after{
    content: '';
    width: 100%;
    height: 19px;
    position: absolute;
    left: 0;
    top: -19px;
}
.mhnf_second_nub a{
    white-space: nowrap;
}
.mhol_language a{
    color: #676B77;
    font-size: 16px;
    line-height: 70px;
    padding-right: 20px;
    transition: all 0.36s;
}
.mhol_language{
    position: relative;
}
.mhol_language::before{
    content: '';
    height: 16px;
    width: 1px;
    position: absolute;
    background: #E4E4E4;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.mod_head_other_list{
    display: flex;
    justify-content: flex-end;
}
.mhol_search_top{
    width: 20px;
    margin-left: 20px;  
    cursor: pointer; 
    line-height: 70px;
}
.mhol_search_top img{
    width: 100%;
    transition: all 0.36s;
}
.mod_head_nav_first.yxnav_active1 .mhnf_link a{
    color: #E62129;
}
button.slick-arrow.slick-disabled{
    cursor: auto;
    opacity: .6;
    pointer-events: none;
}
.ncln_link_img{
    width: 22.86%;
    border-radius: 10px;
}
.ncln_link_img img{
    width: 100%;
}
.ncln_link_text{
    width: 77.14%;
    padding-left: 90px;
}
.ncln_link{
    display: block;
    transition: all 0.36s;
    position: relative;
    overflow: hidden;
}
.news_cry{
    padding-top: 50px;
}
.ncln_link .ys_cont1400{
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.ncln_link_text .std_title4{
    color: #333;
    margin-bottom: 9px;
}
.ncln_link_text .std_text p{
    color: #676B77;
}
.ncln_link .ys_cont1400::before{
    content: '';
    background: #E4E4E4;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ncln_link_text .std_text{
    margin-bottom: 34px;
}
.ncln_link_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -1px;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.36s;
}
.news_cry_list_nub .ys_cont1400{
    position: relative;
    z-index: 10;
}
.pc_fenye li {
    width: 40px;
    height: 40px;
    color: #999;
    font-size: 14px;
    line-height: 40px;
    font-family: "Microsoft Yahei"!important;
    margin: 0 3px;
}
.pc_fenye li.activepage {
    color: #E60012;
    background: transparent;
}
.inside_page .ys_main{
    margin-top: 70px;
}
.detail_banner{
    background: #F9F9F9;
    position: relative;
}
.crumbs_list_nub a{
    color: #fff;
    font-size: 14px;
    line-height: 2;
    transition: all 0.36s;
    display: inline-block;
}
.crumbs_list_nub:first-child a{
    line-height: 1;
}
.crumbs_list_nub_icon{
    width: 20px;
    position: relative;
    top: 4px;
}
.crumbs_list_nub_icon img:nth-of-type(2){
    opacity: 0;
}
.detail_page .crumbs_list_nub a,
.legal_page .crumbs_list_nub a {
    color: #B4B4B4;
}
.detail_page .crumbs_list_nub_icon img:nth-of-type(2),
.legal_page .crumbs_list_nub_icon img:nth-of-type(2){
    opacity: 1;
}
.detail_page .crumbs_list_nub_icon img:first-child,
.legal_page .crumbs_list_nub_icon img:first-child{
    opacity: 0;
}

.detail_page .crumbs_list_nub a,
.legal_page .crumbs_list_nub a {
    color: #B4B4B4;
}

.detail_page .crumbs_list_nub::before,
.legal_page .crumbs_list_nub::before{
    color: #B4B4B4;
}
.crumbs_list_nub{
    padding: 0 9px;
    position: relative;
}
.crumbs_list{
    margin: 0 -9px;
    display: flex;
    justify-content: flex-start;
}
.crumbs_list_nub::before{
    content: '>';
    color: #fff;
    font-size: 14px;
    line-height: 2;
    position: absolute;
    left: -5px;
}
.crumbs_list_nub:first-child::before{
    display: none;
}
.detail_banner_text .std_title3{
    font-weight: bold;
    margin-bottom: 22px;
}
.detail_banner_text_date{
    color: #999;
    font-size: 16px;
    line-height: 2;
}
.crumbs {
    padding: 12px 0 14px;
}
.detail_banner_text {
    padding-top: 55px;
    padding-bottom: 66px;
}
.detail_cry .yxedr_active p,
.talent_rank .std_text p,
.talent_rank_list_nub .std_text p,
.legal_cry_text .yxedr_active p{
    margin-bottom: 28px;
}
.detail_cry_share_name{
    color: #676B77;
    font-size: 18px;
    line-height: 1.75;
    margin-right: 16px;
}
.dcsl_nub{
   margin: 0 11px;
   position: relative;
   top: 3px;
}
.detail_cry_share,.detail_cry_share_list{
    display: flex;
    justify-content: flex-start;
}
.dcsl_nub img{
    width: 26px;
}
.detail_cry .std_text{
    margin-bottom: 56px;
}
.detail_cry_jump{
    margin-top: 64px;
    border-top: 1px solid #E4E4E4;
    padding-top: 30px;
}
.dcjl_link a{
    color: #676B77;
    font-size: 16px;
    line-height: 1.5;
    transition: all 0.36s;
}
.dcjl_link{
    margin-bottom: 20px;
}
.dcjl_link:last-child{
    margin-bottom: 0;
}
.in_banner .crumbs{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.recruit_reason_box_img,
.recruit_reason_box_img img{
    width: 100%;
}
.recruit_reason_box_img{
    border-radius: 10px;
    overflow: hidden;
}
.recruit_reason_box{
    position: relative;
    margin-bottom: 62px;
}
.recruit_reason_box_cry{
    position: absolute;
    width: 30.14%;
    right: 90px;
    bottom: -172px;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    border-radius: 8px;
    padding: 53px 34px 67px 44px;
    overflow: hidden;
}
.recruit_reason_box_cry .std_text p{
    color: #fff;
}
.rrbc_list_nub .ys_demo_num{
    font-size: 56px;
    color: #fff;
}
.rrbc_list_nub{
    color: #fff;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 32px;
}
.recruit_reason_list_nub{
    width: 50%;
}
.rrln_title{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.rrln_title_icon{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);
}
.rrln_title_icon img{
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.rrln_title .std_title4{
    width: calc(100% - 72px);
    padding-left: 20px;
    color: #23262C;
    font-weight: bold;
    line-height: 1.5;
}
.recruit_reason_list_nub .std_text p{
    line-height: 2;
}
.recruit_reason_list{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -120px;
    margin-bottom: -84px;
}
.recruit_reason_list_nub{
    margin-bottom: 84px;
    padding: 0 120px;
}
.recruit_reason_list_nub:nth-of-type(2n){
    position: relative;
    top: 166px;
}
.recruit_reason_list_nub:last-child:nth-of-type(2n){
    margin-bottom: 250px;
}
.recruit_reason_box_cry .std_text{
    margin-bottom: 32px;
}
.rrbc_list_nub:last-child {
    margin-bottom: 0px;
}
.rrbc_bg{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.rrbc_bg img{
    width: 100%;
}
.recruit_reason_box_cry .std_text,
.rrbc_list{
    position: relative;
    z-index: 4;
}
.recruit_join_img,
.recruit_join_img img{
    width: 100%;
}
.recruit_join_img{
    position: relative;
}
.recruit_join_img::before{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right,rgba(0,0,0,.2),transparent);
}
.inside_page .ys_main>div:not(.in_banner,.detail_banner){
    max-width: 1920px;
    margin: 0 auto;
}
.recruit_join_cry .mod_title1_sub,
.recruit_join_cry .std_title2{
    color: #fff;
}
.recruit_join_cry_box{
    position: relative;
}
.recruit_join_cry_box::before{
    content: '';
    width: calc(100% + 200px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 10px;
}
.recruit_join{
    position: relative;
}
.recruit_join_img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.recruit_join_cry{
    position: relative;
    z-index: 6;
    padding-top: 306px;
}
.rjcb_list_nub{
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 36px;
}
.rjcb_list{
    margin: 0 -20px;
    margin-bottom: -36px;
    position: relative;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.rjcb_list_nub_text{
    background: #fff;
    box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);
    border-radius: 8px;
    transition: all 0.36s;
    padding: 29px 28px 28px;
    position: relative;
    height: 100%;
    overflow: hidden;
}
.rjcb_list_nub_text .std_title4{
    color: #23262C;
    position: relative;
    padding-bottom: 18px;
}
.rjcb_list_nub_text .std_title4::after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background: #E4E4E4;
    bottom: 0;
    left: 0;
    transition: all 0.36s;
}
.rjcb_list_nub_text .std_text p{
    color: #676B77;
    line-height: 2;
    margin-bottom: 8px;
    transition: all 0.36s;
}
.rjcb_list_nub_text .std_title4::before{
    content: '';
    width: 4px;
    height: 20px;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    position: absolute;
    left: -28px;
    top: 7.5px;
}
.rjcb_list_nub_text .std_text{
    padding-top: 16px;
}
.rjcb_bg{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.36s;
    opacity: 0;
}
.rjcb_bg img{
    width: 100%;
}
.rjcb_list_nub_text .std_title4,
.rjcb_list_nub_text .std_text{
    position: relative;
    z-index: 8;
    transition: all 0.36s;
}
.std_btn3_text{
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    border-radius: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    padding: 0 35px;
}
.recruit_join_cry_box .std_btn3{
    position: relative;
    z-index: 10;
    text-align: center;
}
.std_btn3 a{
    display: inline-block;
}
.mod_title1 .std_title2{
    font-weight: bold;
}
.talent_rank_img{
    position: relative;
}
.talent_rank_img_bg{
    position: absolute;
    width: 100vw;
    max-width: 1920px;
    left: 50%;
    top: calc(50% + 66px);
    transform: translate(-50%,-50%);
}
.talent_rank_img>img{
    position: relative;
    z-index: 10;
}
.talent_rank .ys_cont1400{
    position: relative;
}
.talent_rank_text{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 12;
}
.talent_rank_text .std_text{
    width: 31%;
}
.talent_rank_list_nub{
    width: 33.333333%;
    padding: 0 25px;
}
.talent_rank_list{
    margin: 0 -25px;
    display: flex;
    flex-wrap: wrap;
}
.talent_rank_list_nub .std_title3{
    font-weight: bold;
    color: #23262C;
    margin-bottom: 27px;
}
.talent_rank_list_nub .std_text p:last-child{
    margin-bottom: 0;
}
.talent_rank_list_nub:nth-of-type(3n+2){
    margin-top: 61px;
}
.talent_rank_list_nub:nth-of-type(3n){
    margin-top: 122px;
}
.talent_rank_list_nub .std_text p:last-child{
    margin-bottom: 0;
}
.talent_work{
    background: #F9F9F9;
}
.mod_title1 .std_title4 {
    color: #666;
    margin-top: 5px;
}
.talent_work_list_nub{
    width: 33.333333%;
    padding: 0 27px;
}
.twln_img {
    border-radius: 10px;
    overflow: hidden;
}
.talent_work_list{
    margin: 0 -27px;
}
.talent_work_list .slick-list{
    overflow: visible;
}
.slick-dots li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #D1D1D1;
    margin: 0 10px;
}
.slick-dots li.slick-active{
    background: linear-gradient(90deg, #FF7357 0%, #F31111 100%);
}
.slick-dots{
    bottom: 0;
}
.talent_work_list.slick-dotted{
    padding-bottom: 75px;
}
/* g1 */
.contact_global{
    background: #F9F9F9;
}
.contact_global_map,
.contact_global_map img{
    width: 100%;
}
.contact_global_map{
    position: relative;
}
.contact_global_map img:first-child{
    position: relative;
}
.contact_global_map img{
    position: absolute;
    top: 0;
    left: 0;
}
.contact_global_map svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map_line {
    stroke-dashoffset: 1000px;
    stroke-dasharray: 1000px;
}
.contact_global_map.on .map_line{
    animation: animation-line 4s ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
@keyframes animation-line {
    0% {
        stroke-dashoffset: 1000px
    }
    80% {
        stroke-dashoffset: 0px
    }
    100% {
        stroke-dashoffset: 0px
    }
}
.contact_global_map_list{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.cgml_nub{
    position: absolute;
    transform: translate(-50%,-50%);
}
.cgml_nub{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
}
.cgml_nub span{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    animation: identifier 3s ease-in-out infinite;
    animation-delay: 2s;
}
.cgml_nub::before,.cgml_nub::after{
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    animation: identifier 3s ease-in-out infinite;
}
@keyframes identifier {
    0% {
        transform: translate(-50%,-50%);
        opacity: .5;
    }
    100% {
        transform: translate(-50%,-50%) scale(10);
        opacity: 0;
    }
}
.cgml_nub::after{
    animation-delay: 1s;
}
.contact_global{
    padding-bottom: 66px;
}
.contact_hotline{
    position: relative;
}
.contact_hotline::before{
    content: '';
    height: calc(50% + 1px);
    position: absolute;
    width: 100%;
    top: -1px;
    background: #F9F9F9;
    left: 0;
}
.contact_hotline_cry{
    background: #fff;
    box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);
    position: relative;
    z-index: 10;
}
.contact_hotline_cry_pic{
    height: 250px;
}
.contact_hotline_cry_pic img{
    height: 100%;
}
.contact_hotline_cry_text{
    width: 42.9%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chct_phone .std_title3{
    color: #23262C;
    font-weight: bold;
    margin-bottom: 6px;
}
.chct_phone .std_text p{
    color: #676B77;
}
.chct_tel a{
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.4;
    pointer-events: none;
}
.ph_tel{
    position: relative;
    pointer-events: none;
}
.culn_way_info_icon{
    width: 15px;
    position: relative;
    top: 3px;
}
.culn_way_info_icon img{
    width: 100%;
}
.culn_way_info_title .std_title16{
    width: calc(100% - 15px);
    padding-left: 10px;
    color: #333;
    font-weight: bold;
}
.culn_way_info_title{
    display: flex;
    margin-bottom: 6px;
}
.culn_way_info .std_title4{
    color: #676B77;
    line-height: 1.8;
}
.culn_way_info .std_title4 a{
    color: inherit;
}
.culn_way{
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.culn_way_info{
    width: 33.333333%;
    margin-bottom: 43px;
}
.contact_us_list_nub {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 74px;
}
.contact_us_list_nub:last-child{
    margin-bottom: 0;
}
.contact_us_list_nub::before{
    content: '';
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 15.32%, #F5F5F5 15.33%, #C4C4C4 100%);
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.contact_us_list_nub:last-child::before{
    display: none;
}
.contact_us {
    position: relative;
}
.contact_us .ys_cont1400{
    position: relative;
    z-index: 3;
}
.contact_us_bg{
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
}
.contact_us_bg img{
    width: 100%;
}
.contact_call{
    position: relative;
}
.contact_call::before{
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(176, 176, 176, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 120px;
}
.contact_call .home_call_cry .std_title2 {
    width: 70%;
}
.std_btn2_link{
    cursor: pointer;
    transition: all 0.36s;
}
.ys_modal{
    background: rgba(0, 0, 0, .7);
}
.message_demo .ys_modal_content {
    width: 638px;
    padding: 0;
    border-radius: 8px;
}
.joinus_demo .ys_modal_content{
    width: 860px;
    padding: 0;
    border-radius: 8px;
}
.message_demo_top{
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    padding: 25px 56px 23px;
}
.message_demo_top img{
    width: 172px;
}
.message_demo_expect{
    background: #fff;
    padding: 38px 59px 49px 55px;
}
.message_demo_expect .std_title3{
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
}
.mdes_nub .std_text p{
    color: #23262C;
}
.mdes_nub .std_text p span{
    color: #FF4F30;
}
.mdes_nub_input{
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    height: 45px;
}
.mdes_nub_input input,.mdes_nub_textarea textarea{
    padding: 0 16px;
    font-size: 16px;
    color: #23262C;
    width: 100%;
    height: 100%;
}
.message_demo_expect_strip .mdes_nub{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 14px;
}
.message_demo_expect_strip .mdes_nub:first-child{
    width: 100%;
}
.message_demo_expect_strip{
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 27px;
}
.mdes_nub_textarea{
    width: calc(100% - 20px);
    margin: 0 10px;
    margin-top: 6px;
}
.mdes_nub_code{
    width: 110px;
}
.mdes_nub_code img{
    width: 100%;
}
.mdes_nub_xia .mdes_nub_input{
    width: calc(100% - 130px);
}
.mdes_nub_xia{
    display: flex;
    justify-content: space-between;
}
.message_demo_expect_strip .mdes_nub_yancode{
    width: 100%;
}
.mdes_agree{
    padding: 0 10px;
}
.mdes_agree_box{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #C4C4C4;
    position: relative;
    top: 2.5px;
    cursor: pointer;
    transition: all 0.36s;
}
.mdes_agree_text{
    width: calc(100% - 15px);
    padding-left: 9px;
}
.mdes_agree{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 36px;
}
.mdes_agree_text p{
    color: #999;
    font-size: 14px;
    line-height: 1.5;
}
.mdes_agree_text p a{
    color: #E60012;
}
.mdes_agree_box::before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E60012;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.36s;
    opacity: 0;
}
.mdes_agree.on .mdes_agree_box::before{
    opacity: 1;
}
.mdes_agree.on .mdes_agree_box{
    border: 1px solid #E60012;
}
.message_demo .std_btn3_text,
.joinus_demo .std_btn3_text{
    background: linear-gradient(90deg, #FF7357 0%, #F31111 100%);
    padding: 0 51px;
}
.mdes_nub .std_text{
    margin-bottom: 4px;
}
.mdes_nub_textarea textarea::placeholder{
    color: #999;
}
.mdes_nub_textarea{
    height: 96px;
    margin-bottom: 14px;
}
.mdes_nub_textarea textarea{
    padding-top: 8px;
    padding-bottom: 8px;
}
.message_demo .ys_modal_close .iconfont,
.joinus_demo .ys_modal_close .iconfont{
    font-size: 30px;
}
.message_demo .ys_modal_close,
.joinus_demo .ys_modal_close {
    right:33px;
    top: 30px;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}
.legal_cry {
    padding-top: 17px;
    padding-bottom: 114px;
}
.legal_cry_text{
    padding-top: 74px;
}
.legal_cry_text .std_text {
    padding-top: 7px;
}
.legal_cry_text .yxedr_active p{
    color: #676B77;
}
.legal_cry_text .yxedr_active li::marker{
    color: #676B77;
    font-size: 16px;
}
.legal_cry_text .yxedr_active ul,
.yxedr_active ul {
    padding-inline-start: 20px;
}
.news_page .in_banner .ys_pos_center{
    top: 38.6%;
}
.news_recommend_cry{
    align-items: stretch;
}
.news_recommend_cry .slick-list,
.news_recommend_cry .slick-track{
    height: 100%;
}
.nrct_nub a{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.message_demo .mCSB_scrollTools,
.joinus_demo .mCSB_scrollTools {
    right: 20px;
    top: 100px;
    bottom: 100px;
}
.message_demo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.joinus_demo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.culn_way_info_map.std_title4{
    font-size: 16px;
    margin-top: 10px;
}
.culn_way_info_map.std_title4 a{
    color: #E62129;
    text-decoration: underline;
    margin-left: 8px;
}
.culn_way_info .std_title4,
.culn_way_info .std_title4 a{
    font-family: 'poppins_regular'!important;
}
.message_demo .std_btn3{
    margin-left: 10px;
}
.contact_hotline_cry{
    overflow: hidden;
}
/* c1 */
.product_main{
    max-width: 1920px;
    margin: 0 auto;
}
.product_catalog{
    width: 340px;
}
.product_solution{
    width: calc(100% - 340px);
}
.product_catalog_top{
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    padding: 44px 20px 44px 64px;
    position: relative;
}
.product_catalog_top .mod_title1_sub,
.product_catalog_top .std_title2{
    color:#fff;
}
.product_catalog_top .mod_title1 .mod_title1_sub::before{
    background: #fff;
}
.product_catalog_top_bg{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.product_catalog_top_bg img{
    width: 100%;
}
.product_catalog_top .mod_title1{
    position: relative;
    z-index: 3;
}
.product_catalog_list{
    background: #fff;
    box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);
    padding: 42px 0 65px 57px;
}
.pclf_nub_title{
    color: #23262C;
    font-size: 20px;
    line-height: 1.75;
    transition: all 0.36s;
    cursor: pointer;
    position: relative;
    padding-left: 45px;
    margin-bottom: 12px;
}
.pclf_nub_second_vice{
    color: #676B77;
    font-size: 18px;
    line-height: 2.2;
    transition: all 0.36s;
    cursor: pointer;
    position: relative;
    padding-left: 45px;
}
.product_catalog_list_first{
    position: relative;
}
.product_catalog_list_first::before{
    content: '';
    background:#E4E4E4;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 7px;
    top: 0;
}
.pclf_nub_title::before{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 50%;
    background: #fff;
    left: 0;
    top: 10px;
    transition: all 0.36s;
    opacity: 0;
}
.pclf_nub_title::after{
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    background: #E62129;
    border-radius: 50%;
    left: 3px;
    top: 13px;
    transition: all 0.36s;
    opacity: 0;
}
.pclf_nub_second_vice::before{
    content: '';
    height: 20px;
    width: 3px;
    position: absolute;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    left: 45px;
    top: 12px;
    transition: all 0.36s;
    opacity: 0;
}
.pclf_nub_second{
    display: none;
    margin-bottom: 36px;
}
.pclf_nub {
    margin-bottom: 35px;
}
.pclf_nub:last-child{
    margin-bottom: 0;
}
.pclf_nub.on .pclf_nub_title::before,
.pclf_nub.on .pclf_nub_title::after{
    opacity: 1;
}
.pclf_nub.on .pclf_nub_title{
    color: #E62129;
}
.pclf_nub_second_vice.on::before{
    opacity: 1;
}
.pclf_nub_second_vice.on {
    padding-left: 63px;
}
.psln_advantage{
    position: relative;
    overflow: hidden;
    background: #f9f9f9;
}
.psln_advantage_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.psln_advantage_bg img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
}
.mod_product_padding{
    padding-left: 160px;
    padding-right: 98px;
}
.psln_advantage_cry{
    position: relative;
    z-index: 6;
}
.pslnacm_single{
    width: 25%;
    padding: 0 0px;
}
.psln_advantage_cry_merit{
    margin: 0 -9px;
}
.pslnacm_single_text{
    background: #FFFFFF;
    box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);
    border-radius: 10px;
    padding: 21px 27px 46px 36px;
    height: 100%;
}
.pslnacm_single_text_icon{
    width: 30px;
    margin-bottom: 14px;
}
.pslnacm_single_text .std_title4{
    color: #23262C;
    position: relative;
    margin-bottom: 6px;
}
.pslnacm_single_text .std_text p{
    color: #676B77;
}
.pslnacm_single_text .std_title4::before{
    content: '';
    width: 4px;
    height: 25px;
    position: absolute;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    top: 5px;
    left: -36px;
}
.psln_advantage_cry_merit{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.psln_cry_tab_machine{
    width: 33.333333%;
    padding: 0 35px;
    margin-bottom: 115px;
}
.psln_cry_tab{
    margin: 0 -35px;
    margin-bottom: -115px;
}
.pslnctm_specific_advantage p{
    color: #23262C;
    padding-left: 14px;
    position: relative;
}
.pslnctm_specific_advantage{
    margin-bottom: 5px;
}
.pslnctm_specific_advantage p::before{
    content: '';
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px;
}
.pslnctm_specific_parage p{
    color: #676B77;
}
.pslnctm_specific_parage{
    margin-bottom: 47px;
}
.pslnctm_specific_img{
    width: 100%;
    margin-bottom: 20px;
    background: #F9F9F9;
}
.pslnctm_specific_box .std_title4{
    margin-bottom: 21px;
    position: relative;
    color: #23262C;
    transition: all 0.36s;
    padding-left: 16px;
}
.pslnctm_specific_box .std_title4::before{
    content: '';
    width: 3px;
    height: 20px;
    position: absolute;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    left: 0;
    top: 7.5px;
}
.psln_cry_tab{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.pslnctm_specific{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
/* btn2 - start */
.std_btn2 .std_btn2_link{
    color: #E62129;
    font-size: 18px;
    line-height: 48px;
    display: block;
    padding: 0 35px;
    position: relative;
    z-index: 10;
    /* border: 3px solid #F2473F; */
    border-radius: 50px;
}
.std_btn2 {
    width: auto;
    border-radius: 50px;
    transition: all .36s;
    display: inline-block;
    position: relative;
    border: 2px solid #F2473F;
}
.std_btn2::before,.std_btn2::after{
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 25px;
    border-top: 3px solid rgba(254,237,236,1);
    border-bottom: 3px solid rgba(254,237,236,1);
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    clip: rect(0px, 134px, 56px, 12px);
    transition: all .5s ease-out;
    z-index: 8;
}
/* btn2 - end */
/* c2 */
.prodetail_main{
    background: linear-gradient(90deg, #F9F9F9 57.26%, rgba(249, 249, 249, 0) 100%);
}
.prodetail_service_text{
    width: 52.85%;
    padding-right: 26px;
}
.prodetail_service_pic{
    width: 42.15%;
    position: relative;
    margin-top: -64px;
}
.prodetail_service_img{
    width: 100%;
    position: relative;
}
.prodetail_service_img img{
    width: 100%;
    position: relative;
    z-index: 10;
}
.mod_title2 .std_text p{
    color: #E62129;
    font-size: 16px;
    line-height: 1.75;
}
.mod_title2 .std_title2{
    color: #23262C;
    font-weight: bold;
}
.prodetail_service_text .yxedr_active p{
    /*color: #676B77;*/
}
.prodetail_service .ys_cont1400{
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-start;
}
.prodetail_service_list_nub{
    color: #676B77;
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    padding-left: 22px;
    position: relative;
    margin-bottom: 29px;
}
.prodetail_service_list_nub:last-child{
    margin-bottom: -29px;
}
.prodetail_service_list_nub::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    position: absolute;
    left: 0;
    top: 11.4px;
}
.prodetail_page .crumbs {
    padding: 20px 0 0;
}
.prodetail_service_text .mod_title2{
    margin-bottom: 32px;
}
.prodetail_service .std_text.yxedr_active {
    margin-bottom: 56px;
}
.prodetail_service_img_::before,
.prodetail_service_img_::after,
.prodetail_service_pic_::before,
.prodetail_service_pic_::after{
    content: '';
    width: 0;
    height: 0;
    border: 1px solid #F2473F;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: prodetail_kuosan 6s linear infinite;
}
.prodetail_service_img::after{
    animation-delay: 1.5s;
}
.prodetail_service_pic::before{
    animation-delay: 3s;
}
.prodetail_service_pic::after{
    animation-delay: 4.5s;
}
@keyframes prodetail_kuosan {
    0%{
        width: 0;
        height: 0;
        opacity: 1;
    }
    100%{
        width: 42vw;
        height: 42vw;
        opacity: 0;
    }
}
.prodetail_return_cry_icon{
    width: 21px;
    margin-right: 10px;
}
.prodetail_return_cry_icon img{
    width: 100%;
}
.prodetail_return_cry .std_text p{
    color: #fff;
    white-space: nowrap;
}
.prodetail_return_cry{
    display: flex;
    padding: 28px 28px 28px 0;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 8;
    align-items: center;
}
.prodetail_return a{
    position: relative;
    display: block;
}
.prodetail_return a::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% + calc(50vw - 700px));
    height: 100%;
    margin-left: calc(700px - 50vw);
    border-top-right-radius: 10px;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
}
.prodetail_return{
    display: inline-block;
}
.prodetail_main{
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}
/* c3 */
.spln_img{
    width: 35.72%;
    position: relative;
}
.spln_img_pic{
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    position: relative;
    z-index: 12;
}
.spln_img .spln_img_svg{
    position: absolute;
    width: calc(100% + 52px);
    height: calc(100% + 52px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.spln_img_circle{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%) rotate(45deg);
    transition: all 1.5s ease;
}
.spln_img_circle::before{
    content: '';
    width: 34px;
    height: 34px;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -41px;
}
@keyframes c3circle {
    0%{
        transform:translate(-50%,-50%) rotate(45deg);
    }
    100%{
        transform:translate(-50%,-50%) rotate(405deg);
    }
}
@keyframes c3circle1 {
    0%{
        transform:translate(-50%,-50%) rotate(45deg);
    }
    100%{
        transform:translate(-50%,-50%) rotate(405deg);
    }
}
.spln_cry .std_text p{
    color: #676B77;
}
.service_progess_list_nub{
    position: relative;
}
.service_progess_list_nub:first-child .spln_img{
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.service_progess_list_nub:first-child .spln_cry{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.service_progess_list_nub:first-child .spln_cry .mod_title1,
.service_progess_list_nub:first-child .spln_cry .std_text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26.5%;
}
.service_progess_list_nub:first-child .spln_cry .mod_title1{
    left: 0;
}
.service_progess_list_nub:first-child .spln_cry .std_text{
    right: 0;
}
.service_progess_list_nub:nth-of-type(2n){
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service_progess_list_nub:nth-of-type(2n+1){
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.spln_cry{
    width: 35.7%;   
}
.spln_cry .mod_title1{
    margin-bottom: 46px;
}
.service_progess_list_nub{
    margin-bottom: 350px;
}
.service_progess_list_nub:last-child{
    margin-bottom: 0;
}
.service_progess .ys_cont1400{
    position: relative;
}
.service_progess_line_car{
    width: 100%;
    position: relative;
}
.service_progess_line_wai{
    padding-bottom: 350px;
    width: 214px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%!important;
    transform: translateX(-50%)!important;
    z-index: 12;
}
.service_progess_line_car img{
    width: 100%;
    position: relative;
    z-index: 10;
}
.service_progess_line{
    position: absolute;
    width: 40px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: calc(100% - 350px);
}
.mod_line{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F6F6F6;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.service_progess_list{
    position: relative;
}
.service_progess_line_car::before,
.service_progess_line_car::after,
.splc_bg::before,
.splc_bg::after{
    content: '';
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%) scale(.9);
    opacity: .8;
    animation: splc_san 4s ease infinite; 
}   
.service_progess_line_car::after{
    animation-delay: 1s;
}
.splc_bg::before{
    animation-delay: 2s;
}
.splc_bg::after{
    animation-delay: 3s;
}
.splc_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
@keyframes splc_san {
    0%{
        transform: translate(-50%,-50%) scale(.9);
        opacity: .8; 
    }
    95%{
        transform: translate(-50%,-50%) scale(2.6);
        opacity: 0; 
    }
    100%{
        transform: translate(-50%,-50%) scale(.9);
        opacity: 0;
    }
}
.service_progess_list_nub:before{
    content: '';
    top: calc(50% - 100px);
    transform: translateY(-50%);
    border-radius: 140px;
    border-bottom: 40px solid #F7F7F7;
    position: absolute;
    width: 600px;
    height: 280px;
    clip: rect(140px, 0, 302px, 0px);
}
.service_progess_list_nub:nth-of-type(2n):before{
    clip: rect(140px, 600px, 302px, 600px);
}
.service_progess_list_nub:nth-of-type(2n+1):before{
    left: calc(50% - 20px);
    border-left: 40px solid #f6f6f6;
}
.service_progess_list_nub:nth-of-type(2n):before{
    right: calc(50% - 20px);
    border-right: 40px solid #f6f6f6;
}
.service_progess_list_nub:first-child{
    position: relative;
    z-index: 20;
}
.service_progess_list_nub.on::before{
    clip: rect(140px, 600px, 302px, 0px);
    transition: all 1.6s ease;
}
.service_progess_list_nub:nth-of-type(2n).on:before{
    clip: rect(140px, 600px, 302px, 0px);
}
.service_progess_list_nub.on .spln_img_circle {
    animation: c3circle 1.5s ease .7s backwards 1;
}
.service_after{
    position: relative;
    overflow: hidden;
}
.service_after_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.service_after_bg img{
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    width: 100%;
}
.service_after .ys_cont1400{
    position: relative;
    z-index: 6;
}
.service_after_sales{
    width: 61.5%;
    padding-top: 22px;
}
.service_after_sales .std_text p{
    color: #676B77;
}
.sasl_nub .std_title1{
    color: #23262C;
    font-weight: bold;
}
.sasl_nub .std_text p{
    color: #676B77;
}
.sasl_nub_icon{
    width: 50px;
    margin-bottom: 18px;
}
.sasl_nub_unit{
    font-size: 24px;
    font-style: normal;
}
.sasl_nub{
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 57px;
}
.service_after_sales_list{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding-top: 3px;
    margin-bottom: -15px;
}
.service_after .mod_title1 .mod_title1_sub{
    color: #676B77;
    margin-bottom: 2px;
}
.sasl_nub .std_text{
    margin-top: -5px;
}
.service_progess_list .service_progess_list_nub:first-child:before{
    display: none;
}
.trade_apply_cry{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.trade_apply_cry_pic{
    position: relative;
}
.trade_apply_cry_pic::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 3;
}
.trade_apply_cry_box{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: stretch;
}
.tacb_nub{
    width: 25%;
    width: calc(100% / var(--apply-num));
    position: relative;
    height: 100%;
    transition: all 0.36s;
}
.tacb_nub::before{
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    right: 0;
    top: 0;
    transition: all 0.36s;
}
.tacb_nub:last-child::before{
    display: none;
}
.tacb_nub .std_title3{
    color: #fff;
    font-weight: bold;
    margin-bottom: 17px;
}
.tacb_nub .std_text p{
    color: #fff;
}
.tacb_nub_icon{
    width: 30px;
    margin-bottom: 15px;
}
.tacb_nub.on{
    width: 58.62%;
    width: calc(100% / calc(var(--apply-num) + 3.25) * 4.25);
}
.tacb_nub.act{
    width: 13.793333%;
    width: calc(100% / calc(var(--apply-num) + 3.25));
}
.tacb_nub_origin{
    align-items: center;
    padding: 10px 20px;
    opacity: 1;
    pointer-events: all;
    transition: all 0.36s;
}
.tacb_nub_origin,.tacb_nub_hover{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.tacb_nub_hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 120px;
    opacity: 0;
    pointer-events: none;
}
.tacb_nub.on .tacb_nub_hover{
    opacity: 1;
    pointer-events: all;
    transition: all 0.36s 0.2s;
}
.tacb_nub.on .tacb_nub_origin{
    opacity: 0;
    pointer-events: none;
}
.trade_trusted_list_nub{
    width: 20%;
    padding: 0 21px;
}
.trade_trusted_list{
    margin: 0 -21px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: -32px;
}
.ttln_logo{
    border-top: 1px solid #E4E4E4;
    padding-top: 24px;
    position: relative;
    padding-bottom: 32px;
}
.ttln_logo .std_title16{
    color: #676B77;
    margin-bottom: 38px;
}
.ttln_logo::before{
    content: '';
    width: 0;
    opacity: 0;
    height: 1px;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    position: absolute;
    top: -1px;
    left: 0;
    transition: all 0.36s;
}
.ttln_logo .ys_imgbox_cover img:nth-child(2){
    opacity: 1;
}
.ttln_logo .ys_imgbox_cover img:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
}
.ttln_logo .ys_imgbox_cover{
    width: 100%;
    max-width: 160px;
}
.trade_case{
    background: #F9F9F9;
}
.trade_case_list{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.trade_case_list_nub{
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 47px;
}
.trade_case .hbcl_nub_line .std_text p{
    color: #676B77;
}
.trade_case .std_title4{
    margin-bottom: 17px;
    transition: all 0.36s;
}
.trade_case .hbcl_nub_line .std_text{
    margin-bottom: 44px;
}
.trade_case .hbcl_nub .hbcl_nub_line {
    padding-top: 43px;
    padding-bottom:38px;
    height: 100%;
}
.trade_case .home_brand_cry_list{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: -47px;
}
/* d2 */
.casedet_main_side{
    width: 32.3%;
    padding-left: 160px;
    background: #F9F9F9;
    overflow: hidden;
    position: relative;
}
.casedet_main_text{
    width: 67.7%;
}
.casedet_main_side_list p{
    color: #676B77;
    font-size: 20px;
    padding-left: 18px;
    position: relative;
    line-height: 1.5;
}
.casedet_main_side_list p::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #E62129;
    position: absolute;
    left: 0;
    top: 12px;
}
.casedet_main_side .std_title3{
    font-weight: bold;
    color: #23262C;
    margin-bottom: 36px;
}
.inside_page .ys_main>div.casedet_main{
    overflow: hidden;
}
.casedet_main_side_list li{
    margin-bottom: 30px;
}
.casedet_main_side_list {
    margin-bottom: 126px;
}
.casedet_main_text{
    padding-left: 120px;
    padding-right: calc(50vw - 700px);
}
.casedet_main_text_top{
    padding-top: 12px;
    margin-bottom: 48px;
}
.casedet_main_text .std_title3{
    font-weight: bold;
}
.casedet_main_text .mod_title2{
    position: relative;
    padding-bottom: 22px;
}
.casedet_main_text .mod_title2::before{
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right,#F2473F,#E62129);
}
.casedet_main_text .std_text h3{
    color: #23262C;
    font-weight: bold;
}
.casedet_main_text .std_text p {
    color: #676B77;
    margin-bottom: 0;
}
.casedet_main_text_top .mod_title2 .std_text p {
    color: #E62129;
    margin-bottom: 8px;
}
.casedet_main_text .yxedr_active h3 {
    margin-bottom: 24px;
}
.casedet_main_text p:first-child img{
    margin-top: 0;
}
.casedet_main_text p:last-child img{
    margin-bottom: 0;
}
.casedet_main_text p img{
    margin-top: 51px;
    margin-bottom: 77px;
}
.casedet_main_text .std_text ul li{
    margin-bottom: 28px;
    position: relative;
}
.casedet_main_text .std_text ul li:last-child{
    margin-bottom: 0;
}
.casedet_main_text .yxedr_active ul{
    margin-block-end: 0em;
}
.casedet_main_text_parage.yxedr_active ul {
    padding-inline-start: 25px;
} 
.casedet_main_text_parage.yxedr_active ul li::marker {
    font-size: 0;
    color: inherit;
}
.casedet_main_text_parage.yxedr_active ul li::before{
    content: '';
    background-image: url(/images/d2_icon1.svg);
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    position: absolute;
    left: -25px;
    top: 6px;
}
.casedet_main_text p img,
.detail_cry .yxedr_active p img{
    border-radius: 10px;
}
/* e1 */
.summary_page .in_banner_img::before{
    display: none;
}
.summary_page .in_banner .std_text p{
    color: #676B77;
}
.summary_page .ys_main{
    position: relative;
}
.summary_page .crumbs{
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    z-index: 20;
    padding-top: 22px;
    transform: translateX(-50%);
}
.summary_ban{
    width: 60.86%; padding-right:2%; 
}
/* .summary_ban .mod_title1 .mod_title1_sub {
    margin-bottom: 18px;
} */
.summary_ban .mod_title1{
    margin-bottom: 38px;
}
.summary_achieve{
    background: #F9F9F9;
    position: relative;
}
.summary_achieve_bg,
.summary_achieve_bg img{
    width: 100%;
}
.summary_achieve_cry{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}
.summary_achieve_cry_text{
    width: 60%;
}
.summary_achieve_cry_text .sasl_nub {
    width: 25%;
}
.summary_achieve_cry_text .std_text{
    padding-right: 40px;
}
.summary_achieve_cry .std_title2 {
    font-weight: bold;
    margin-bottom: 40px;
}
.summary_achieve_cry_text .service_after_sales_list .std_text {
    padding-right: 0;
    margin-bottom: 0;
}
.summary_achieve_cry .ys_cont1400{
    height: 100%;
    display: flex;
    align-items: center;
}
.summary_achieve_move{
    width: 46.875%;
    position: absolute;
    right: 0;
    bottom: -1px;
}
.summary_achieve_move img{
    width: 100%;
}
.summary_achieve_move svg{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
}
.summary_achieve_move_car{
    width: 216px;
    height: 253px;
    left: -108px;
    top: -126.5px;
    position: absolute;
}
.summary_achieve_move_car .service_progess_line_car{
    transform: translate(-50%,-50%) rotate(90deg);
    position: absolute;
    top: 50%;
    left: 50%;
}
.summary_milestone{
    position: relative;
    overflow: hidden;
}
.summary_milestone .ys_cont1400{
    position: relative;
    z-index: 6;
}
.summary_milestone_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.summary_milestone_bg img{
    position: absolute;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.smlc_year{
    color: #23262C;
    font-size: 100px;
    line-height: 1.2;
    font-weight: bold;
    width: 42.85%;
    text-align: center;
    padding-left: 30px;
}
.smlc_text{
    width: 57.15%;
    padding-top: 15px;
}
.smlc_text .std_title3{
    color: #23262C;
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 26px;
}
.smlc_text .std_title3::before{
    content: '';
    position: absolute;
    height: 2px;
    width: 34px;
    background: linear-gradient(to right,#F2473F,#E62129);
    bottom: 0;
    left: 0;
}
.smlc_text .std_title4{
    color: #676B77;
}
.summary_milestone_list_cry{
    display: flex;
}
.smlc_text .std_title3,
.smlc_text .std_title4{
    width: 67.5%;
}
/* .summary_milestone .mod_title1 .mod_title1_sub {
    margin-bottom: 18px;
} */
.summary_milestone_list .slick-track .slick-slide {
    display: flex!important;
}
.summary_milestone_year_nub{
    text-align: center;
}
.summary_milestone_year_nub .std_title3{
    font-family: 'poppins_regular'!important;
    color: #676B77;
    transition: all 0.36s;
}
.summary_milestone_year_nub.slick-current.slick-active .std_title3{
    font-family: 'poppins_semibold'!important;
    color: #E62129;
}
.summary_milestone_box{
    position: relative;
}
.summary_milestone_box::before{
    content: '';
    width: 100%;
    position: absolute;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    left: 0;
    top: 0;
}
.summary_milestone_year_nub{
    position: relative;
    padding-top: 59px;
}
.summary_milestone_year_nub::before{
    content: '';
    width: 16px;
    height: 16px;
    background: linear-gradient(to right,#F2473F,#E62129);
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.summary_milestone_year_nub::after{
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
}
.summary_milestone_box_car{
    width: 10%;
    position: absolute;
    left: 0;
    top: -48px;
    z-index: 2;
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
}
.summary_milestone_box_car img{
    width: 126px;
}
.summary_milestone_box_car::before{
    content: '';
    width:calc(100% - 36px);
    position: absolute;
    height: 16px;
    border-radius: 8px;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.summary_milestone_box_car {
    width: calc(10% + 63px);
    transition: all .36s;
}
.summary_milestone_box.on4 .summary_milestone_box_car {
    width: calc(30% + 63px);
}
.summary_milestone_box.on3 .summary_milestone_box_car {
    width: calc(50% + 63px);
}
.summary_milestone_box.on2 .summary_milestone_box_car {
    width: calc(70% + 63px);
}
.summary_milestone_box.on1 .summary_milestone_box_car {
    width: calc(90% + 63px);
}
.arrow_control .slick-prev,
.arrow_control .slick-next{
    width: 53px;
    height: 53px;
    z-index: 10;
}
.arrow_control .slick-prev::before,
.arrow_control .slick-next::before{
    content: '';
    background-image: url(/images/e1_arrow01.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.36s;
}
.arrow_control .slick-next::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.arrow_control .slick-prev::after,
.arrow_control .slick-next::after{
    content: '';
    background-image: url(/images/e1_arrow02.svg);
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.36s;
    opacity: 0;
}
.arrow_control .slick-prev::after{
    transform: translate(-50%,-50%) rotate(180deg);
}
.summary_milestone_list .slick-prev{
    bottom: -228px;
    top: auto;
    left: calc(50% - 46px);
    transform: translateX(-50%);
}
.summary_milestone_list .slick-next{
    bottom: -228px;
    top: auto;
    left: calc(50% + 46px);
    transform: translateX(-50%);
}
.summary_milestone_box{
    padding-bottom: 142px;
}
.scln_view{
    position: absolute;
    height: 100%;
    width: 100px;
    background: #F6F6F6;
    padding: 35px 0 25px;
    left: 0;
    transition: all 0.36s;
}
.scln_view .std_title4{
    color: #333;
    font-weight: bold;
    width: 20px;
    margin: 0 auto;
    line-height: 1.2;
}
.scln_icon{
    width: 40px;
    margin: 0 auto;
    transition: all 0.36s;
}
.summary_culture_list{
    height: 575px;
}
.summary_culture_list_nub,.scln_view{
    height: 100%;
}
.scln_view{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.summary_culture_list_nub{
    position: relative;
}
.summary_culture_list_nub::before{
    content: '';
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
}
.summary_culture_list_nub:last-child::before{
    display: none;
}
.scln_pic_text .std_title30{
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
.scln_pic_text .std_title18{
    color: #fff;
}
.scln_pic_text .std_title18 span{
    color: #E62129;
    font-weight: bold;
}
.scln_pic{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.36s;
}
.scln_pic_img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.scln_pic_img img{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    max-width: none;
}
.scln_pic_text{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 77px 84px;
}
.summary_culture_list{
    display: flex;
    overflow: hidden;
    border-radius: 10px;
}
.summary_culture_list_nub{
    transition: all 0.36s;
}
.summary_culture_list_nub.on{
    width: 100px;
}
.summary_culture_list_nub.act{
    width: calc(100% - 200px);
}
.summary_culture_list_nub.on .scln_pic{
    opacity: 0;
    pointer-events: none;
}
.summary_culture_list_nub.act .scln_pic{
    opacity: 1;
    pointer-events: all;
}
.scln_icon img:first-child{
    opacity: 0;
}
.summary_culture_list_nub.act .scln_icon img:first-child{
    opacity: 1;
}
.summary_culture_list_nub.act .scln_icon img:nth-of-type(2){
    opacity: 0;
}
.summary_culture_list_nub.act .scln_view{
    left: calc(100% - 100px);
}
.summary_culture_list_nub.act .scln_icon{
    opacity: 1;
    pointer-events: all;
    z-index: 10;
}
.scln_pic_img::before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    z-index: 3;
}
.summary_honor{
    padding: 89px 0 56px;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
}
.summary_honor .mod_title1_sub,
.summary_honor .std_title2{
    color: #fff;
}
.shcl_nub{
    padding: 0 30px;
}
.summary_honor_cry_list{
    margin: 0 -30px;
}
.shcl_nub_year .std_title4{
    font-family: 'poppins_semibold'!important;
    color: #fff;
    padding: 0 12px;
}
.shcl_nub_year_img{
    width: 66px;
}
.shcl_nub_year_img img{
    width: 100%;
}
.shcl_nub_year{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.shcl_nub .std_text p{
    color: #fff;
    text-align: center;
}
.shcl_nub_logo {
    width: 180px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.summary_honor_cry_list{
    width: 64%;
}
.summary_honor_cry_left{
    width: 36%;
}
.summary_honor_cry{
    display: flex;
}
.shcl_nub .std_text{
    margin-bottom: 11px;
}
.shcl_nub_cry {
    padding: 37px 10px 52px;
    position: relative;
}
.shcl_nub_cry_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.shcl_nub_cry_bg img{
    width: 100%;
}
.shcl_nub_cry_bg img:nth-of-type(2){
    position: absolute;
    width: 100%;
    height: 96%;
    top: 0;
    left: 0;
}
.shcl_nub_cry_yin{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 12px;
    left: 10px;
    z-index: -1;
}
.summary_honor_cry_list.arrow_control .slick-prev::before,
.summary_honor_cry_list.arrow_control .slick-next::before{
    background-image: url(/images/e1_arrow03.svg);
}
.summary_honor_cry_list.arrow_control .slick-prev::after, 
.summary_honor_cry_list.arrow_control .slick-next::after {
    background-image: url(/images/e1_arrow04.svg);
}
.summary_honor_cry_list .slick-prev,
.summary_honor_cry_list .slick-next{
    top: auto;
    transform: translateY(0);
    bottom: 60px;
}
.summary_honor_cry_list .slick-prev{
    left: calc(30px - 504px);
}
.summary_honor_cry_list .slick-next{
    left: calc(100px - 504px);
}
.summary_honor .mod_title1 .mod_title1_sub::before{
    background: #fff;
}
.solution_smart_list_nub{
    width: 33.333333%;
    padding: 0 40px;
}
.solution_smart_list{
    margin: 0 -40px;
}
.ssln_icon{
    width: 60px;
}
.ssln_text{
    width: calc(100% - 60px);
    padding-left: 34px;
}
.ssln_text .std_title3{
    color: #23262C;
    font-weight: bold;
    margin-bottom: 25px;
}
.ssln_text .std_text p{
    color: #676B77;
}
.solution_smart_list_nub{
    display: flex;
    align-items: flex-start;
}
.solution_smart_list{
    display: flex;
    flex-wrap: wrap;
}
.solution_smart .std_text{
    margin-bottom: 115px;
}
.sfln_text .std_title3{
    margin-bottom: 16px;
    color: #23262C;
    font-weight: bold;
}
.sfln_text .std_text p{
    color: #676B77;
}
.sfln_img{
    width: 57.15%;
}
.sfln_text{
    width: 42.85%;
    padding-right: 250px;
}
.solution_factory_list_nub .sfln_link{
    display: flex;
    align-items: center;
}
.solution_factory_list_nub:nth-of-type(2n) .sfln_link{
    flex-direction: row-reverse;
}
.solution_factory_list_nub:nth-of-type(2n) .sfln_text{
    padding-left: 250px;
    padding-right: 0;
}
.in_banner_img_svg{
    position: absolute;
    right: 0;
    top: 0;
    width: 27.6%;
    z-index: 4;
}
.in_banner_img_svg img{
    width: 100%;
}
.in_banner_img_svg svg{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.mhnf_second_nub a{
    color: #23262C;
    font-size: 16px;
    line-height: 3.2;
    display: block;
    padding: 0 34px;
    transition: all 0.36s;
}
.mhnf_second_nub.yxnav_active2 .mhnf_second_nub_title a{
    color: #E62129;
}
.mhnf_second_nub_third{
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    min-height: 100%;
    box-shadow: 0px 2px 10px 6px rgb(22 44 112 / 1%);
    display: block;
    opacity: 0;
    pointer-events: none;
}
.mhnf_second_nub_third::after{
    content: '';
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: calc(100% + var(--width-gao));
    z-index: -1;
}
.mhnf_second_nub_third .mhnfsnt_third_nub:first-child{
    padding-top: 25px;
}
.mhnf_second_nub_third .mhnfsnt_third_nub:last-child{
    padding-bottom: 30px;
}
.mhnf_second_nub_third::before{
    content: '';
    width: 100%;
    height: 4px;
    background: #F2473F;
    position: absolute;
    top: 0;
    left: 0;
}
.mhnf_second_nub.on .mhnf_second_nub_third{
    opacity: 1;
    pointer-events: all;
}
.mhnfsnt_third_nub.yxnav_active3 a{
    color: #F2473F;
}
.ys_phnav_menu {
    background: #fff;
    color: #23262C;
}
.ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {
    color: #F2473F;
}
.ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox a {
    color: #F2473F;
}
.ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox a {
    color: #F2473F;
}
.ys_ph_nav a {
    color: #23262C;
}
.ys_phnav_icon::after, .ys_phnav_icon::before{
    background: #23262C;
}
.ys_phnav_lisbox {
    border-bottom: 1px solid rgba(35,38,44,.4);
}
.ys_phs_form input {
    border: 1px solid rgba(35,38,44,.4);
    color: #23262C;
}
.ys_phs_form input::placeholder{
    color: rgba(35,38,44,.6);
}
.ys_phs_form .iconfont {
    color: rgba(35,38,44,.6);
}
.mhol_search_xia{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 390px;
    border-top: 1px solid #dfdede;
    /* background: rgba(255, 255, 255, .98); */
    display: none;
}
.mhol_search_xia::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.mhol_search_xia::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 5px rgb(0 0 0 / 5%);
}
.mhol_search_xia_form {
    width: 690px;
}
.mc_msc_box {
    font-size: 0;
    padding: 8px;
    border-bottom: 1px solid #dfdede;
}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
}
.mc_msc_submit {
    font-size: 26px;
    color: #666;
    width: 30px;
    vertical-align: top;
}
.mhol_search_xia.show::before {
    opacity: .95;
}
.mhol_search_top_close{
    position: absolute;
    width: 74%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all 0.36s;
}
.mhol_search_top{
    position: relative;
}
.mhol_search.isshow .mhol_search_top_close{
    opacity: 1;
}
.mhol_search.isshow .mhol_search_top img:first-child{
    opacity: 0;
}
.ibis_span{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -25px;
    left: -25px;
}
.sfln_text_btn {
    margin-top: 52px;
}
.prodetail_service_bg{
    position: absolute;
    width: 61.7%;
    left: 100px;
}
.prodetail_service_bg img{
    width: 100%;
}
.prodetail_service_bg svg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -38px;
    left: 0;
}
.prodetail_service_bg_span{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -19px;
    left: -19px;
}
.trade_case{
    position: relative;
}
.trade_case_bg1{
    width: 24.9%;
    position: absolute;
    top: 0;
    right: 0;
}
.mod_svgbg{
    position: absolute;
}
.mod_svgbg img{
    width: 100%;
}
.mod_svgbg svg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mod_svgbg_span{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -19px;
    left: -19px;
}
.trade_case_bg1_span.mod_svgbg_span{
    width: 30px;
    height: 30px;
    top: -15px;
    left: -15px;
    background: #E4E4E4;
}
.trade_case{
    overflow: hidden;
}
.trade_case_bg2{
    width: 36%;
    bottom: 35px;
    left: 8%;
}
.trade_case_bg2_span.mod_svgbg_span{
    width: 30px;
    height: 30px;
    top: -15px;
    left: -15px;
    background: #E4E4E4;
}
.casedet_main_side_bg {
    width: 113%;
    top: 0;
    right: 0;
}
.casedet_main_side_bg img{
    max-width: auto;
}
.cmsb_span.mod_svgbg_span{
    width: 30px;
    height: 30px;
    background: #E4E4E4;
    top: -15px;
    left: -15px;
}
.casedet_main_side .mod_title1,
.casedet_main_side .std_title3,
.casedet_main_side .casedet_main_side_list {
    position: relative;
    z-index: 6;
}
.ncln_link_bg_svg {
    width: 28%;
    right: 0;
    bottom: 0;
}
.ncln_link_bg_span{
    background: #E4E4E4;
    width: 30px;
    height: 30px;
    left: -15px;
    top: -15px;
}
.home_call_cry_bg{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home_call_cry_bg svg{
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.home_call_cry .std_title2,
.home_call_cry .std_btn2{
    position: relative;
    z-index: 3;
}
.hccb_span1{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: -12.5px;
    left: -12.5px;
    background: #fff;
}
.hccb_span2{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: -12.5px;
    left: -12.5px;
    background: #fff;
}
.home_call_cry .std_btn2::before,
.home_call_cry .std_btn2::after{
    border-top: 3px solid rgba(242,113,113,1);
    border-bottom: 3px solid rgba(242,113,113,1);
}
.home_call_cry .std_btn2 {
    border: 2px solid #fff;
}
.home_call_cry .std_btn2 .std_btn2_link{
    color: #fff;
}
.home_call_cry .std_btn2 .std_btn2_link::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    top: 0;
    left: 0;
    border-radius: 23px;
    z-index: -1;
}
.home_page .mod_head{
    top: -100%;
}
.home_page .ys_hd_pc.isfixed .mod_head{
    top:0;
}
.mod_head{
    transition: all 0.5s;
}
.prodetail_service_bg_span{
    top: -57px;
}
.summary_achieve{
    overflow: hidden;
}
.recruit_join_svg {
    width: 37.5%;
    z-index: 6;
    top: 0;
    left: calc(50% - 800px);
}
.trib_span1,.trib_span2{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
}
.trib_span2{
    animation: tribopacity 8s linear infinite;
}
@keyframes tribopacity {
    0%{
        opacity: 0;
    }
    25%{
        opacity: 0;
    }
    26%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}
.home_view{
    height: 220vh;
}
.home_view_box{
    height: 100vh;
    position: relative;
}
.home_lead{
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
}
.home_about {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.home_about_pic{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home_about_pic img{
    position: absolute;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
}
.home_lead_svg img{
    width: 100%;
}
.home_view.end .home_lead {
    opacity: 0;
    pointer-events: none;
}
.home_about_text .std_btn2::before,.home_about_text .std_btn2::after {
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 25px;
    border: 2px solid #F2473F;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    clip: rect(7px, 152px, 44px, 0px);
    transition: all .5s ease-out;
    z-index: 8;
}
.home_about_text .std_btn2 {
    border: 2px solid rgba(242,71,63,.2);
}

.home_about_text .std_btn2:hover::before,
.home_about_text .std_btn2:hover::after {
    clip: rect(0px, 152px, 55px, 0px);
}
.home_brand{
    position: relative;
    overflow: hidden;
}
.home_brand .ys_cont1400{
    position: relative;
    z-index: 4;
}
.home_solution_cry_dots{
    position: relative;
}
.home_solution_cry_dots::before{
    content: '';
    width: 1px;
    height: calc(100% + 40px);
    position: absolute;
    left: 34px;
    top: 50%;
    transform: translateY(-50%);
    border-left:1px dashed #E4E4E4;
}
li.home_model_list_nub.on{
    z-index: 10;
}
.solution_smart .solution_smart_list .std_text {
    margin-bottom: 0;
}
.psln_advantage_cry_merit .slick-track{
    display: flex;
}
.psln_advantage_cry_merit .pslnacm_single{
    height: auto;
}
.product_catalog_top{
    overflow: hidden;
}
.psln_advantage_cry_merit.slick-dotted{
    padding-bottom: 40px;
}
.prodetail_service_text,.prodetail_service_pic{
    position: relative;
    z-index: 4;
}
.spln_img .spln_img_svg .circle{
    width: 100%;
    height: 100%;
    cx:50%;
    cy:50%;
    r:calc(50% - 1px);
}
.trade_case .ys_cont1400{
    position: relative;
    z-index: 4;
}
.shcl_nub_cry_bg img{
    height: 100%;
}
.shcl_nub_cry_bg img:nth-of-type(2) {
    height: 100%;
}
.summary_culture_list_nub::before{
    z-index: 2;
}
.home_call_cry_bg1{
    width: 30.4%;
    bottom: 0;
    left: 0;
}
.home_call_cry_bg2{
    width: 25.857%;
    top: 0;
    right: 0;
}
.hccb_span2{
    left: -29.58%;
}
.hccb_span1{
    top: -95%;
}
.home_call_cry .std_title2,
.home_call_cry .std_btn2{
    position: relative;
    z-index: 10;
}
.detail_banner_bg1{
    width: 35.98%;
    top: -18%;
    transform: translateY(-50%);
    left: 18px;
}
.detail_banner_bg1_span{
    width: 30px;
}
.detail_banner_bg2{
    width: 35.98%;
    top: 118%;
    transform: translate(30%,-50%);
    right: 0;
}
.detail_banner .crumbs,
.detail_banner .detail_banner_text{
    z-index: 10;
    position: relative;
}
.detail_banner{
    overflow: hidden;
}
.spln_img .spln_img_svg circle{
    opacity: 0;
}
.spln_img .spln_img_svg {
    border: 1px solid #f00;
    position: absolute;
    border-radius: 50%;
}
.summary_milestone_list {
    position: relative;
    z-index: 10;
}
.std_btn3_text{
    cursor: pointer;
}
@media screen and (min-width: 1921px) {
    @keyframes prodetail_kuosan {
        0%{
            width: 0;
            height: 0;
            opacity: 1;
        }
        100%{
            width: 800px;
            height: 800px;
            opacity: 0;
        }
    }
    .casedet_main_text{
        padding-right: 260px;
    }
    .trade_case_bg2 {
        width: 691px;
        left: calc(50% - 807px);
    }
    .casedet_main .casedet_main_side{
        width: 620px!important;
    }
}

.home_brand_cry .slick-track{
    display: flex;
}
.home_brand_cry .slick-slide{
    height: auto;
}
.hbcl_nub .hbcl_nub_line,.hbcl_nub_text{
    height: 100%;
}
.hbcl_nub_text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hbcl_nub_text .std_title3{
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    flex-grow: 1;
}
.hbcl_nub_text .std_text{
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 84px;
}
.product_catalog_list{
    max-height: calc(100vh - 250px);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #666;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 2px;
}
.g_serch .z_1200_1 ul li a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.g_serch .z_1200_1 ul li .search_cry{
    max-width: calc(100% - 120px);
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height:inherit;
}
.service_after_bg img{
    height: calc(100% + 2px);
    width: calc(100% + 2px);
}
.summary_milestone_box_car img {
    position: relative;
    z-index: 2;
}
.summary_honor_cry_list .slick-track{
    display: flex;
}
.summary_honor_cry_list .slick-slide{
    height: auto;
}
.shcl_nub_cry{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.shcl_nub .std_text{
    flex-grow: 1;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.talent_rank_img_bg {
    top: auto;
    bottom: 6.5%;
    transform: translateX(-50%);
}
.hscs_li_text .std_text{
    flex-grow: 1;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box; 
    height:106px;
}
/* 加入 - 弹窗 */
.rjcb_list_nub_text{
    cursor: pointer;
}
.joinus_list p{
    color: #999;
}
.joinus_list_nub{
    padding: 0 36px;
}
.joinus_list{
    margin: 0 -36px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
}
.joinus_demo .message_demo_expect .std_title3{
    margin-bottom: 16px;
}
.joinus_info_nub .std_title16{
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}
.joinus_info_nub .std_text p{
    color: #666;
    line-height: 2;
    margin-bottom: 10px
}
.joinus_info_nub {
    margin-bottom: 28px;
}
.joinus_demo .std_btn3{
    margin-top: 42px;
}
/* 首页 */
.home_page .home_head .ys_hd_pc{
    display: none;
}
.home_first .ys_hd_ph{
    display: none;
}
.home_first .mod_head {
    position: relative;
}
.home_first .home_first_jia.on .mod_head{
    position: fixed;
    left: 0;
    top: 0;
}
.home_model_wai{
    height: calc(100vh - 70px);
    width: 100%;
    position: relative;
}
.home_model {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
}
.home_model_wai.on1 .home_model_bg img{
    width: 100%;
    height: auto;
}
.home_model_wai.on2 .home_model_bg img{
    height: calc(100vh - 70px);
    width: auto;
    max-width: none;
}   
.ys_modal_scroll{
    max-height: calc(calc(100vh - 80px) - 88px);
}
.ys_modal_scroll .mCSB_inside>.mCSB_container {
    margin-right: 0;
}
.home_view {
    height: 180vh;
    overflow: hidden;
}
.std_btn2 .std_btn2_link{
    transition: all .8s ease-out;
}
.home_solution {
    position: relative;
    background: #fff;
    z-index: 3;
}
.hbcl_nub_text .std_title3 {
    -webkit-line-clamp: 2;
    color: #E62129;
    transition: all 0.5s;
}
.ttln_logo,.ttln_logo .std_title16{
    transition: all 0.5s;
}
.ttln_logo .std_title16{
    font-weight: bold;
}
.ttln_logo::before{
    height: 2px;
}
.trade_case .std_title4{
    color: #E62129;
}
.casedet_main_side {
    max-height: calc(100vh - 70px);
}
.casedet_main_side .mCSB_scrollTools {
    bottom: 50px;
}
.summary_milestone_year{
    display: flex;
    justify-content: space-around;
}
.summary_milestone_year_nub{
    width: 140px;
    position: relative;
    cursor: pointer;
}
.summary_milestone_year_nub .std_title3{
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}
.summary_milestone_box_car {
    width: calc(100% / (var(--ge-shu)*2) * (1 + 2* var(--ge-xian)) + 63px);
}
.summary_milestone_box_car {
    top: -47px;
}
.summary_milestone_scroll {
    width: 100%;
}
.summary_milestone_box {
    min-width: calc(var(--ge-shu) * 140px);
}
.summary_milestone_box_car {
    top: 0;
}
.summary_milestone_box::before{
    top: 47px;
}
.summary_milestone_year {
    padding-top: 47px;
}
.summary_milestone_list {
    margin-bottom: -47px;
}
.summary_milestone_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    opacity: 0!important;
}
.home_solution_cry_dots.act .hscd_nub.prev #circle1 {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
}
.home_solution_cry_dots.act .hscd_nub.prev::before{
    background: transparent;
    background: linear-gradient(to right,#F2473F,#E62129);
}
.home_solution_cry_dots.act .hscd_nub.prev{
    background: linear-gradient(to right,#F2473F,#E62129);
}
.hscd_nub img:nth-of-type(2){
    opacity: 0;
}
.home_solution_cry_dots.act .hscd_nub.prev img:nth-of-type(2){
    opacity: 1;
}
.home_solution_cry_dots.act .hscd_nub.prev img:first-child{
    opacity: 0;
}
.hscd_nub::before,
.hscd_nub,
.hscd_nub img{
    transition: all .36s ease;
}
.std_title3, .yxedr_active h3 {
    font-size: 22px;
}
.hbcl_nub_text .std_title3{
    font-weight: bold;
    letter-spacing: 1px;
}
.hbcl_nub .hbcl_nub_line {
    padding: 30px 30px 30px;
}
.trade_case .std_title4{
    font-weight: bold;
    letter-spacing: 1px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    flex-grow: 1;
}
.mfln_img img:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
}
.cgml_nub_tan{
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0);
    top: calc(100% + 50px);
    background: #fff;   
    box-shadow: 5px 5px 20px rgba(113, 111, 111, 0.05);
    padding:30px 5px 30px 33px;
    width: 337px;
    opacity: 0;
    transition: all 0.5s;
}
.cgml_nub_tan_title{
    color: #23262C;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px;
}
.cgml_nub_tan_posi{
    color: #676B77;
    font-size: 16px;
    line-height: 1.5;
}
.cgml_nub{
    cursor: pointer;
}
.cgml_nub.on .cgml_nub_tan{
    transform: translateX(-50%) scale(1);
    opacity: 1;
} 
.cgml_nub.on {
    z-index: 20;
}
@keyframes myfirst{
    0% {transform: translate(-50%,-50%) scale(0.1);opacity: .7;}
    50% {transform: translate(-50%,-50%) scale(0.7);opacity: 0.5;}
    100% {transform: translate(-50%,-50%) scale(1.4);opacity: 0;}
}
.cgml_nub_dot{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cgml_nub_dot::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background: linear-gradient(90deg, #F2473F 0%, #E62129 100%);
    animation: myfirst 3s linear infinite;
    width: 100%;
    height: 100%;
}
.cgml_nub:nth-of-type(2n) .cgml_nub_dot::before {
    animation: myfirst 3s linear infinite 0.5s;
}
.cgml_nub:nth-of-type(3n) .cgml_nub_dot::before {
    animation: myfirst 3s linear infinite 1s;
}
.cgml_nub::before, .cgml_nub::after{
    display: none;
}
.contact_svghover{
    z-index: 10;
    pointer-events: none;
}
.contact_hover{
    position: relative;
    z-index: 30;
    pointer-events: all;
    opacity: 0;
}
.contact_global_map.act{
    cursor: pointer;
}
.cgml_nub3 .cgml_nub_tan,
.cgml_nub9 .cgml_nub_tan,
.cgml_nub10 .cgml_nub_tan {
    top: calc(100% + 70px);
}
.mod_footer_info_hotline {
    width: 230px;
}
.mod_footer_info_nav {
    width: calc(100% - 230px);
}
.casedet_main_side .prodetail_btn{
    position: absolute;
    bottom: 0;
}
.casedet_main_side_jia {
    max-height: calc(100vh - 70px - 100px);
}
.casedet_main_side {
    padding-bottom: 100px;
   max-height: auto;
   max-height: none;
}
.casedet_main_side {
    width: 32.3%!important;
}

.cgml_nub_tan{
    pointer-events: none;
}