@charset "utf-8";

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


@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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

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

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

.yxnav_active2 {}

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

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

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

.ys_ban_imgbox img {
    width: 100%;
}

.ys_ban_li>a {
    display: block;
}

.ys_ban_ph {
    display: none;
}

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

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

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

/* 规范 */
.std_tit1{
    font-size: 56px;
    color: #fff;
    line-height: 1.5;
}

.std_tit2{
    font-size: 36px;
    color: #fff;
    line-height: 1.5;
}

.std_tit3{
    font-size: 30px;
    color: #333;
    line-height: 1.5;
}

.std_tit4{
    font-size: 24px;
    color: #333;
    line-height: 1.5;
}

.std_tit5{
    font-size: 18px;
    color: #333;
    line-height: 1.75;
}

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

.yxedr_active P{
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    margin-bottom: 12px;
}

.yxedr_active h2{
    font-size: 36px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 18px;
}
.yxedr_active h3{
    font-size: 30px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 15px;
}
.yxedr_active h4{
    font-size: 24px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 12px;
}
.yxedr_active h5{
    font-size: 18px;
    color: #333;
    line-height: 1.75;
    margin-bottom: 13px;
}

.std_paddhome{
    padding: 140px 0;
}

.std_paddinside{
    padding: 100px 0;
}

.std_margintit{
    margin-bottom: 42px;
}
/* 规范-end */

/* mod */
/* header */
.mod_hd{
    width: 100%;
    position:fixed;
    top: 40px;
    padding:0 50px;
    transition: all 0.36s;
}

.mod_hd_cont{
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
    position: relative;
    transition: all 0.36s;
}

.mod_hd_logo{
    width: 91px;
    flex-shrink: 0;
    display: block;
    font-size: 0;
}

.mod_hd_logo img{
    width: 100%;
}

.mod_hd_right{
    display: flex;
}

.mod_hd_nav{
    display: flex;
    position: relative;
}

.mod_hd_nav::after{
    content: "";
    position: absolute;
    left: calc(100% + 40px);
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 2px;
    background: #999999;
}



.mod_hd_nav_item{
    margin-left: 68px;
    position: relative;
}

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

.mhni_cont{
    display: block;
    line-height: 80px;
    font-size: 16px;
    color: #333;
}

.mod_hd_seach{
    margin-left: 82px;
}

.mod_hd_seach_img{
    line-height: 80px;
    width: 16px;
    cursor: pointer;
    font-size: 0;
}

.mod_hd_seach img{
    width: 100%;
}

.mod_hd_seach_xl{
    position: absolute;
    top:calc(100% + 0px) !important;
    left: 0;
    width: 100%;
    height: 160px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
}

.mhsx_form{
    width: 690px;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid rgba(223, 222, 222, .6);
    transition: all 0.36s;
}

.mhsx_input{
    font-size: 16px;
    width: 100%;
    padding-right: 35px;
}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color : #333;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color : #333;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color : #333;
}

input::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color : #333;
}

input::-ms-input-placeholder { /* Microsoft Edge */
   color : #333;
}

.mhsx_btn{
    position: absolute;
    width: 24px;
    top: 50%;
    transform: translateY(-55%);
    right: 0;
    cursor: pointer;
}

.mhsx_input{

}

.mod_hd_seach_xl{
    display: none;
}

.mod_hd_nav_slist{
    position: absolute;
    width: 220px;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    padding: 20px 0;
    background: rgba(245, 245, 245, 0.6);
    border-radius: 0px 0px 10px 10px;
    display: none;
    overflow: hidden;
}

.mhns_link{
    display: block;
    line-height: 60px;
    text-align: center;
    background-color: transparent;
    color:#333;
    letter-spacing: 0.05em;
    transition: all 0.36s;
}

.mod_hd_nav_scont{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 1070px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
}

.mhns_flex{
    display: flex;
}

.mhns_left{
    width: 240px;
    padding: 36px 0;
    position: relative;
}

.mhns_left::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(245, 245, 245, 0.3);
    opacity: 0.4;
    z-index: -1;
}

.mhns_right{
    width: calc(100% - 240px);
    padding: 36px 60px 50px;
}

.mhns_left_link{
    display: block;
    line-height: 60px;
    text-align: center;
    background-color: transparent;
    transition: all 0.36s;
    color: #333;
}

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

.mhns_right_sitem_list{
    flex-shrink: 0;
}

.mrsl_item{
    margin-bottom: 20px;
}

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

.mrsl_link_icon{
    width: 22px;
    margin-right: 10px;
}

.mrsl_link_text{
    color: #666;
    letter-spacing: 0.05em;
    transition: all 0.36s;
}

.mod_hd_nav_item.yxnav_active1 .mhni_cont{
    color: #E02D3F;
}

.mod_hd_nav_item.noact .mhni_cont{
    color: #333 !important;
}

.mhns_left_item.yxnav_active2 .mhns_left_link{
    color: #E02D3F;
    background: rgba(255, 255, 255, 0.5);
}

.mrsl_item.yxnav_active3 .mrsl_link_text{
    color: #E02D3F;
}

.mrsl_item.noact .mrsl_link_text{
    color: #666 !important;
}

.mhns_item.yxnav_active2 .mhns_link{
    background: rgba(255, 255, 255, 0.6);
    color: #E02D3F;
}

.mod_hd_nav_scont{
    display: block;
}

.mod_hd_nav_scont .xl {
    display: none;
}

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

.mod_hd.act{
    top: 0;
    padding: 0;
}

.mod_hd.act .mod_hd_cont{
    border-radius: 0;
    background-color: #fff;
    backdrop-filter: blur(0px);
    padding: 0 100px;
}

.mod_hd.act .mod_hd_nav_scont{
    background: rgba(255, 255, 255, 0.9);
}

.mod_hd.act .mhns_left_item.yxnav_active2 .mhns_left_link{
    background-color: #E02D3F;
    color: #fff;
}


.mod_hd.act .mod_hd_nav_slist{
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}


.mod_hd.act .mhns_item.yxnav_active2 .mhns_link {
    background: #E02D3F;
    color: #fff;
}

.mod_hd.act .mod_hd_seach_xl {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.mod_hd.act .mhsx_form {
    border-bottom: 1px solid rgba(44, 44, 44, 0.6);
}

.mod_hd.act {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
}

/* header-end */

/* banner */
.mod_banner{
    position: relative;
}

.mod_banner_bg_ph{
    display: none;
}

.mod_banner_titbox{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
    transform: translateY(-50%);
    font-weight: bold;
}

.mod_banner_titbox h1{
    font-weight: bold;
    letter-spacing: 0.05em;
}

.mod_banner_bread{
    position: absolute;
    width: 100%;
    bottom: 26px;
    left: 0;
}
/* banner-end */

/* bread */
.mod_bread{
    display: flex;
    align-items: center;
}

.mod_bread_item{
    margin-right: 8px;
    display: flex;
    align-items: center;
}

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

.mod_bread_link{
    margin-right: 8px;
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1.3;
}

.mod_bread_item{
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
}

.mod_bread_item_icon{
    width: 6px;
    font-size: 0;
}

.mod_bread_item_icon img{
    width: 100%;
}

.mod_bread.black .mod_bread_link{
    color: #666666;
}
/* bread-end */

/* page */
.comp-tabli.activepage li{
    background-color: #E02D3F;
    color: #fff;
}

.pc_fenye li{
    width: 38px;
    height: 38px;
    border-radius: 4px;
    line-height: 38px;
    font-size: 16px;
    margin: 0 14px;
}

.prev li{
    margin-right: 15px;
    transition: all 0.36s;
}

.next li {
    margin-left: 15px;
    transition: all 0.36s;
}

.end li{
    margin-left: 25px;
    transition: all 0.36s;
}

.first li{
    margin-right: 25px;
    transition: all 0.36s;
}

/* page-end */

/* lookmore */
.mod_lookmore{
    display: flex;
    align-items: center;
}

.mod_lookmore_text{
    color: #E02D3F;
    margin-right: 19px;
}
.mod_lookmore_icon{
    font-size: 0;
    width: 16px;
}

.mod_lookmore_icon img{
    width: 100%;
}
/* lookmore-end */


/* btn1 */
.mod_btn1{
    display: inline-block;
}

.mod_btn1_link{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 0 14px;
    background: #E02D3F;
    border-radius: 4px;
}

.mod_btn1_text{
    color: #fff;
    letter-spacing: 0.05em;
    margin-right: 19px;
    line-height: 50px;
}

.mod_btn1_icon{
    width: 16px;
    font-size: 0;
    transition: all 0.36s;
}

/* btn1 */

/* footer */
.ys_footer{
    position: relative;
    z-index: 2;
}
.mod_footer{
    padding-top: 90px;
    position: relative;
    background-color: #22242A;
}

.mod_footer_cont{
    display: flex;
    margin-bottom: 90px;
}

.mod_footer_left{
    width: calc(50% - 15px);
    position: relative;
}

.mod_footer_left::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: #FFFFFF;
    opacity: 0.1;
}

.mod_footer_right{
    width: calc(50% + 15px);
}

.mod_footer_left_list{
    display: flex;
}

.mod_footer_left_item{
    flex-shrink: 0;
    margin-right: 68px;

}

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

.mfli_tit{
    color: #fff;
    display: block;
    padding-bottom: 22px;
    position: relative;
    margin-bottom: 25px;
}

.mfli_tit::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 36px;
    background: #E02D3F;
}

.mfli_cont{
    display: flex;
}

.mfli_cont_list{
    margin-right: 58px;
}

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

.mfli_cont_item{
    margin-bottom: 12px;   
}

.mfli_cont_item_link{
    letter-spacing: 0.05em;
    color: #FFFFFF;
    opacity: 0.7;
    transition: all 0.36s;
}

.mod_footer_right{
    display: flex;
    justify-content: flex-end;
}

.mod_footer_right_qr{
    display: flex;
}

.mfrq_item {
    margin-right: 8px;
}

.mfrq_item:last-child{
    margin-right: 0px;
}

.mfrq_item .ys_imgbox_cover{
    width: 120px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.mfrq_item_tit,.mfrq_item_text{
    line-height: 2;
    letter-spacing: 0.05em;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

.mfrc_phone{
    margin-bottom: 16px;
}

.mod_footer_right_contact{
    margin-left: 70px;
    width: 236px;
}

.mfrc_phone a{
    color: #E02D3F;
    font-size: 30px;
    line-height: 1.3;
    font-family: roboto;
    display: block;
}

.mfrc_email{
    margin-bottom: 7px;
}

.mfrc_email a,
.mfrc_address{
    color: #fff;
    font-size: 16px;
    line-height: 1.75;
    display: block;
}

.mod_footer_friend{
    display: flex;
    margin-bottom: 17px;
}

.mod_footer_friend_titbox{
    display: flex;
    flex-shrink: 0;
}

.mod_footer_friend_titbox::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 1px;
    background: #E02D3F;
    transform: rotate(-45deg);
    margin-right: 9px;
    margin-top: 9px;
}

.mfft_tit,
.mod_footer_friend_text span,
.mod_footer_friend_text a{
    color: #fff;
    letter-spacing: 0.05em;
    opacity: 0.4;
    transition: all 0.36s;
    font-size: 16px;
    line-height: 1.75;
}

.mod_cr{
    background-color: #1C1D21;
}

.mod_cr_cont{
    display: flex;
    flex-wrap:wrap ;
    justify-content:space-between;
    padding: 21px 0;
}

.mod_cr_left span,
.mod_cr_left a{
    display: block;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    opacity: 0.6;
}
.mod_cr_left span{
    margin-right: 12px;
}


.mod_cr_left p{
    display: flex;
}

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

.mod_cr_right_item{
    margin-right: 40px;
    flex-shrink: 0;
}

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

.mcri_link{
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.75;
}

.mcri_link span{
    opacity: 0.6;
    transition: all 0.36s;
    display: block;
    line-height: 1.75;
}

.mcri_link::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 1px;
    transform: rotate(45deg);
    background: #E02D3F;
    margin-right: 10px;
}

.ys_footer_bg1{
    /* position: absolute; */
    left: 0;
    bottom: 100%;
    z-index: -1;
}

.ys_page_join .ys_footer_bg2{
    pointer-events: none;
}

.ys_footer_bg1 img{
    width: 100%;
}

.ys_footer_bg2{
    width: 504px;
    position: absolute;
    bottom: calc(100% - 10px);
    z-index: -2;
    left: 0;
}

/* footer-end */

/* aside */
.mod_aside{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    width: 60px;
    transition: all 0.6s;
    z-index: 3;
}

.mod_aside.show{
    right: 10px;
}


.mod_aside_ul{
    background-color: #fff;
    padding: 14px 5px 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(36, 0, 4, 0.08);
    border-radius: 4px;
}

.mod_aside_li{
    height: 58px;
    flex-shrink: 0;
    border-bottom: 1px solid #EAEAEA;
}

.mod_aside_li_cont{
    position: relative;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.malc_img{
    width: 24px;
    margin: 0 auto;
}

.malc_img img{
    width: 100%;
}

.malc_qr{
    position: absolute;
    right:calc(100% + 12px) ;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    box-shadow: 0px 0px 10px rgba(36, 0, 4, 0.08);
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
}

.malc_qr img{
    width: 100%;
}

.malc_phone{
    position: absolute;
    display: block;
    right:calc(100% + 12px) ;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    line-height: 58px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(36, 0, 4, 0.08);
    border-radius: 4px;
    color: rgba(224, 45, 63, 1);
    font-size: 18px;
    text-align: center;
    font-family: roboto;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
}

.mod_aside_logo{
    position: absolute;
    width: 52px;
    left: 50%;
    transform: translateX(-50%);
    top:-55px;
}

.mod_aside_logo img{
    width: 100%;
}

.mod_aside_gotop{
    background-color: #fff;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(36, 0, 4, 0.08);
    border-radius: 4px;
    margin-top: 18px;
    position: relative;
    cursor: pointer;
}

.mod_aside_gotop img{
    width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

.mod_aside_li_cont::after{
    content: "";
    position: absolute;
    right: 100%;
    width: 30px;
    top: 0;
    height: 100%;
    opacity: 0;
}
/* aside-end */


/* mod-end */

/* b1 */
.product_info{
    position: relative;
    z-index: 1;
}

.product_info_cont{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 620px;
}

.product_info_text{
    width: 50%;
    padding-left: 55px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.product_info_text p{
    margin-bottom: 16px;
    color: #666;
}

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

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

.product_info_bg_ph{
    display: none;
}

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

.product_pla_img{
    width: 100%;
}

.product_pla{
    padding-bottom: 40px !important;
}

/* b1-end */

/* b2 */
.solution_listbox{
    padding-bottom: 0 !important;
}

.solution_list{
    margin: 0 -18px;
    display: flex;
    flex-wrap: wrap;
}

.solution_list_item{
    width: 33.333333%;
    padding: 0 18px;
    margin-bottom: 50px;
}

.solution_list_item_cont{
    display: block;
    height: 100%;
    position: relative;
    background: linear-gradient(63.83deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 54.21%);
    border-radius: 10px;
    filter: drop-shadow(-4px 4px 10px rgba(0, 0, 0, 0.2));
    /* box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.2) */
}

.solution_list_item_cont .ys_imgbox_cover{
    border: 2px solid transparent;
    border-radius: 10px;
    transition: all 0.36s;
}

.slic_bot{
    position: absolute;
    width: 100%;
    bottom: 44px;
    padding: 0 50px;
    transition: all 0.36s;
}

.slic_bot_icon{
    width: 60px;
    margin-bottom: 11px;
}

.slic_bot_icon img{
    width: 100%;
}

.slic_bot_tit{
    letter-spacing: 0.05em;
    transition: all 0.36s;
    font-weight: bold;
    color: #333;
}

.solution_main{
    padding-bottom: 30px;
}
/* b2-end */

/* b3 */
.sdetails_case{
    padding-bottom: 10px;
}

.sdetails_main{
    margin-top: 80px;
    padding-bottom: 70px;
    overflow: hidden;
}

.sdetails_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1920px;
}

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

.sdetails_sys{
    padding-bottom: 60px;
    overflow: hidden;
}

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

.sdetails_sys_info_left,
.sdetails_sys_info_right{
    width: 50%;
}

.sdetails_sys_info_left{
    padding-right: 65px;
}

.sdetails_sys_info_right{
    padding-left: 35px;
}

.ssir_img img{
    width: 100%;
}

.ssil_tit{
    color: #333;
    font-weight: bold;
    margin-bottom: 41px;
    letter-spacing: 0.05em;
}

.ssil_subtit{
    margin-bottom: 20px;
    font-weight: bold;
    color: #666666;
    letter-spacing: 0.05em;
}

.ssil_text p {
    letter-spacing: 0.05em; 
    color: #666;
    opacity: 0.8;
    line-height: 2;
}

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

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

.sdetails_sys_bread{
    margin-bottom: 40px;
}

.sdetails_sys_bread,
.datecase_info_bread{
    margin-top: 39px;
}

.sdetails_sys_list{
    margin: 0 -25px;
}

.sdetails_sys_item{
    padding: 0 25px;
}

.sdetails_sys_item_cont{
    height: 100%;
    background: #FFFFFF;
    backdrop-filter: blur(8px);
    border-radius: 10px;
    overflow: hidden;
}

.sdetails_sys_item_tit{
    padding: 14px 0;
    background-color:#E02D3F;
    text-align: center;
    font-weight: bold;
    color: #fff;
    user-select: text;
}

.sdetails_sys_item_text{
    background-color: #fff;
    padding: 26px 15px 42px;
    text-align: center;
    user-select: text;
}

.sdetails_sys_item_text{
    letter-spacing: 0.05em;
    color: #666666;
    opacity: 0.8;
}

.sdetails_sys_list {
    margin-top: 60px !important;
}

.sdetails_sys_list .slick-track,
.sdetails_pain_list .slick-track{
    display: flex;
    flex-wrap: wrap;
}

.sdetails_sys_list .slick-slide,
.sdetails_pain_list .slick-slide{
    height: initial;
}

.slick-prev,
.slick-next{
    width: 50px;
    z-index: 2;
}

.slick-prev img:last-child,
.slick-next img:last-child{
    opacity: 0;
}


.slick-prev{
    left: initial;
    right: calc(100% - 5px);
}

.slick-next{
    left: calc(100% - 5px);
}

.slick-arrow.slick-disabled{
    /* opacity: 0.4;
    pointer-events: none; */
}

.sdetails_pain_list{
    margin: 0 -25px;
}

.sdetails_pain_item{
    padding: 0 25px;
}

.sdetails_pain_item_cont{
    background: #FFFFFF;
    backdrop-filter: blur(15px);
    border-radius: 10px;
    padding: 60px 48px;
}

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

.spic_tit_icon{
    width: 54px;
    margin-bottom: 20px;
}

.spic_tit_icon img{
    width: 100%;
}

.spic_tits{
    color: #333;
    letter-spacing: 0.05em;
    font-weight: bold;
}

.spic_tit{
    margin-bottom: 15px;
}

.spic_item{
    display: flex;
    margin-bottom: 12px;
}

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

.spic_item_icon{
    flex-shrink: 0;
    width: 12px;
    margin-top: 6px;
}

.spic_item_icon img{
    width: 100%;
}

.spic_item p {
    flex-grow: 1;
    letter-spacing: 0.05em;
    padding-left: 12px;
}

.sdetails_pain_item_cont{
    height: 100%;
}

.sdetails_pain_tit,
.sdetails_build_tit,
.sdetails_build_tit,
.sdetails_case_tit{
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.sdetails_build_tit,
.sdetails_case_tit{
    margin-bottom: 40px;
}

.sdetails_build_text{
    margin-bottom: 60px;
}

.sdetails_build_text p{
    letter-spacing: 0.05em;
}

.sdetails_build,
.sdetails_hallmark,
.sdetails_case{
    position: relative;
    z-index: 2;
}


.sdetails_hallmark_item{
    background: #FFFFFF;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 37px 50px;
}

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

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

.shic_left{
    width: 267px;
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.shic_left_icon{
    width: 30px;
    margin-right: 16px;
}

.shic_left_icon img{
    width: 100%;
}

.shic_left_tit{
    font-weight: bold;
    color: #333;
    letter-spacing: 0.05em;
    transition: all 0.36s;
}

.shic_left::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 60px;
    width: 1px;
    background-color:#E1E1E1;
}

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

.shic_right p{
    margin-bottom: 0 !important;
}

.sdetails_case_list{
    /* display: flex;
    flex-wrap: wrap; */
    margin: 0 -25px;
}

.sdetails_case_list .slick-dots li{
    width: 8px;
    height: 8px;
    margin: 0 5px;
}

.sdetails_case_list .slick-dots {
    bottom: -15px;
}

 .sdetails_case_list .slick-dots li.slick-active{
    background-color: #E02D3F;
}

.ys_page_datecase .sdetails_case_list .sdetails_case_item:not(:first-child){
    display: none;
}

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

.home_about_videobox .home_about_btn{
    display: none;
}

.case_main  .sdetails_case_list{
    display: flex;
    flex-wrap: wrap;
}

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

.sdetails_case_item_cont{
    height: 100%;
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.sdetails_case_item_cont::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.4;
    transition: all 0.36s;
    
}

.sdetails_case_item_cont::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.4;
    transition: all 0.36s;
}



.sdetails_case_item_cont::before{
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: #000000;
    opacity: 0.2;
}

.scic_bot{
    position: absolute;
    width: 100%;
    bottom: 43px;
    z-index: 2;
    transition: all 0.36s;
}

.scic_bot,
.scic_hide{
    padding-left: 35px;
    padding-right: 35px;
}



.scic_bot_tit,
.scic_hide_tit{
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px;
}

.scic_bot_text p,
.scic_hide_text p{
    color: #fff;
    font-weight: bold;
}

.scic_hide_text p{
    line-height: 1.84;
}

.scic_bot_tit,
.scic_hide_tit{
    margin-left: -18px;
}

.scic_hide{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 2;
    transition: all .5s;
    background: linear-gradient(180deg, rgba(224, 45, 63, 0.8) 0%, rgba(255, 255, 255, 0.1) 63.39%, rgba(255, 255, 255, 0) 92.71%);
    /* border: 2px solid rgba(224, 45, 63, 0.4); */
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding-top: 42px;
    padding-bottom: 72px;
    top: 100%;
}

.scic_hide_text{
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E1E1E1;
}

.scic_hide_item{
    padding: 3px 16px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .4);
    letter-spacing: 0.05em;
    color: #fff;
    margin-right: 16px;
    margin-bottom: 10px;
    position: relative;
}

.scic_hide_item .lefttop{
    position: absolute;
    width: 13px;
    left: -1px;
    top: -1px;
}

.scic_hide_item .righttop{
    position: absolute;
    width: 13px;
    right: -1px;
    top: -1px;
}

.scic_hide_item .leftbot{
    position: absolute;
    width: 13px;
    left: -1px;
    bottom: -1px;
}

.scic_hide_item .rightbot{
    position: absolute;
    width: 13px;
    right: -1px;
    bottom: -1px;
}


.scic_hide_flex{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.scic_hide_btn{
    margin-top: 26px;
    display: flex;
    align-items: center;
}

.scic_hide_btn_text{
    color: #fff;
    margin-right: 20px;
}

.scic_hide_btn_icon{
    width: 16px;
    transition: all 0.36s;
}

.scic_hide_btn_icon img{
    width: 100%;
} 

.slick-prev, .slick-next{
    height: initial ;
}

.sdetails_sys_list .slick-dots li,
.sdetails_pain_list .slick-dots li{
    width: 10px;
    height: 10px;
    margin: 0 5px;
}

.sdetails_sys_list .slick-dots li.slick-active,
.sdetails_pain_list .slick-dots li.slick-active{
    background-color: #e02d3f;
}

.sdetails_sys_list .slick-dots,
.sdetails_pain_list .slick-dots{
    top: calc(100% + 18px);
    display: none;
}

/* b3-end */

/* c1 */
.case_listbox{
    padding-top: 70px;
    background-color: #fff;
}

.case_listbox .sdetails_case_item{
    margin-bottom: 50px;
}
 
.case_screen{
    padding: 50px 0;
    background-color: #F5F5F5;
    position: relative;
    z-index: 3 !important;
}

.case_screen_cont{
    display: flex;
}

.case_screen_input{
    flex: 3;
    height: 50px;
    background-color: #fff;
    border-radius: 4px;
    margin-right: 18px;
    border: 1px solid #EAEAEA;
   
}

.case_screen_input input{
    letter-spacing: 0.05em;
    color: #999999;
    font-size: 16px;
    width: 100%;
    padding: 0 20px;
}

.case_screen_input input,
.case_screen_placeholder{
    padding: 0 20px;
}


.case_screen_input input,
.case_screen_input .ys_select_hd,
.case_screen_single{
    height: 100%;
}

.case_screen_single .ys_select_bd{
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    background-color: #fff;
    top: calc(100% + 2px);
    padding: 25px 20px;
}

.case_screen_single .ys_select_li{
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #666666;
    margin-bottom: 20px;
    transition: all 0.36s;
}

.case_screen_single .ys_select_li:last-child{
    margin-bottom: 0;
}

.single .ys_select_xtbbox{
    right: 20px;
}

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

.ys_select_hd.on .ys_select_xtbbox{
    transform: translateY(-50%) rotate(90deg);
}

.case_screen_placeholder{
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.case_screen_input.multiple{
    position: relative;
}

.case_screen_placeholder_icon,
.case_screen_placeholder_x{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.36s;
}



.single .ys_select_xtbbox,
.case_screen_placeholder_icon{
    width: 8px;
}

.case_screen_placeholder_icon img{
    width: 100%;
}

.case_screen_input_bd{
    width: 100%;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    background-color: #fff;
    top: calc(100% + 2px);
    padding: 25px 20px;
    position: absolute;
    display: none;
}

.case_screen_single .ys_select_bd{
    height: 180px;
}

.case_screen_input_item{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.case_screen_input_item .csii_text{
    transition: all 0.36s;
}

.case_screen_input_item:last-child{
    margin-bottom: 0px;
}

.csii_check{
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    margin-right: 9px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

.csii_check img{
    width: 10px;
}

.case_screen_input_item.act .csii_check{
    border: 1px solid #E02D3F;
    background-color: #E02D3F;
}

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

.case_screen_input_bd .scroll{
    max-height: 220px;
}

.case_screen_input_bd .mCSB_outside+.mCSB_scrollTools {
    right: -15px !important;
}

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

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #E1E1E1 !important;
}

.case_screen_placeholder_text{
    letter-spacing: 0.05em;
    color: #999999;
}

.case_screen_placeholder.act .case_screen_placeholder_icon{
    transform: translateY(-50%) rotate(90deg);
}

.case_screen_input input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    letter-spacing: 0.05em;
    color: #999999;
}
.case_screen_input input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    letter-spacing: 0.05em;
    color: #999999;
}
.case_screen_input input::-moz-placeholder { /* Mozilla Firefox 19+ */
    letter-spacing: 0.05em;
    color: #999999;
}

.case_screen_input input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    letter-spacing: 0.05em;
    color: #999999;
}

.case_screen_input input::-ms-input-placeholder { /* Microsoft Edge */
    letter-spacing: 0.05em;
    color: #999999;
}

.case_screen_btn{
    width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E02D3F;
    border-radius: 4px;
    flex-shrink: 0;
    cursor: pointer;
}

.case_screen_btn_text{
    color: #fff;
    margin-right: 20px;
}

.case_screen_btn_img{
    width: 16px;
}

.case_screen_btn_img img{
    width: 100%;
}

/* c1-end */


/* c2 */

.ys_page_datecase .ys_footer{
    background-color: #f7f7f7;
}

.ys_page_datecase .datecase_main .sdetails_case{
    padding-bottom: 50px !important;
}

.case_main{
    padding-bottom: 30px;
}

.datecase_main{
    margin-top: 80px;
}

.datecase_info{
    position: relative;
    overflow: hidden;
    padding-bottom: 250px;
    z-index: 1;
}

.datecase_info_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

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

.datecase_info_bread{
    margin-bottom: 63px;
}

.datecase_info_tit,
.datecase_info_subtit{
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.datecase_info_tit{
    margin-bottom: 16px;
}

.datecase_info_subtit{
    margin-bottom: 14px;
}

.datecase_info_list{
    margin-bottom: 30px;
}

.datecase_info_item{
    padding:8px 23px;
    background: #E02D3F;
    border-radius: 4px;
    margin-right: 20px;
    color: #fff;
    letter-spacing: 0.05em;
}

.datecase_info_text p{
    color: #fff;
    opacity: .8;
    letter-spacing: 0.05em;
    line-height: 2;
}

.datecase_cont{
    background:#F5F5F5;
    border-radius: 10px;
    padding: 70px 80px;
}

.datecase_cont_img{
    margin-bottom: 56px;
    border-radius: 10px;
    overflow: hidden;
}

.datecase_cont_img img{
    width: 100%;
}

.datecase_cont_item{
    margin-bottom: 37px;
}

.datecase_cont_item_titbox{
    display: flex;
}

.dcit_icon{
    flex-shrink: 0;
    width: 36px;
    margin-right: 10px;
    margin-top: 5px;
}

.dcit_icon img{
    width: 100%;
}

.dcit_tit{
    letter-spacing: 0.05em;
    color: #333333;
    font-weight: bold;
    margin-bottom: 19px;
}

.datecase_cont_item_text p{
    letter-spacing: 0.05em;
}

.datecase_cont_item:last-child{
    margin-bottom: 10px;
}

.datecase_contbox{
    margin-top: -188px;
    position: relative;
    z-index: 2;
}

.datecase_main .sdetails_case{
    background-color: #f7f7f7;
    padding-bottom: 0 !important;
}

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

/* c2-end */

/* d1 */
 .mod_banner_bg{
    position: relative;
}

.mod_banner_bg img{
    width: 100%;
}

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

.mod_tab{
    width: 100%;
    background: #F5F5F5;
}

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

.mod_tab_item{
    width: 480px;
    transition: all 0.36s;
}

.mod_tab_link{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mod_tab_icon{
    width: 22px;
    margin-right: 18px;
}

.mod_tab_icon img{
    width: 100%;
}

.mod_tab_text{
    letter-spacing: 0.05em;
    color: #333333;
    font-weight: bold;
    line-height: 80px;
    transition: all 0.36s;
}

.mod_tab_item.act{
    background-color: #E02D3F;
}

.mod_tab_item.act .mod_tab_text{
    color: #fff;
}

.mod_tab_item.noact{
    background-color: transparent;
}

.mod_tab_item.noact .mod_tab_text{
    color: #333333;
}

.news_slick{
    margin: 0 -10px;
}

.news_slick_item{
    padding: 0 10px;
}

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

.news_slick_item_cont{
    display: flex;
    height: 100%;
    padding: 30px;
    background: #F5F5F5;
    border-radius: 10px;
}

.nsic_left,
.nsic_right{
    width: 50%;
}

.nsic_left{
    padding-right: 50px;
}

.nsic_right{
    padding-left: 10px;
}

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

.nsic_right_tit{
    color: #333;
    letter-spacing: 0.05em;
    margin-bottom: 13px;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    transition: all 0.36s;
}

.nsic_right_text{
    margin-bottom: 30px;
}

.nsic_right_text p{
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

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

.nsic_right_more_text{
    color: #E02D3F;
    margin-right: 19px;
}

.nsic_right_more_icon{
    width: 16px;
    transition: all 0.36s;
}

.nsic_right_more_icon img{
    width: 100%;
}

.nsic_right{
    padding-top: 50px;
}

.news_slickbox{
    padding: 70px 0;
}

.news_slick .slick-dots{
    bottom: 54px;
    width: initial;
    left:calc(50% + 10px);
}

.news_slick .slick-dots li{
    margin: 0 6px;
    width: 8px;
    height: 8px;
    transform:rotate(45deg);
    border-radius: 0;
    background: #DFDFDF;
}

.news_slick .slick-dots li.slick-active{
    background-color: #E02D3F;
}

.news_slick .slick-dots li:first-child{
    margin-left: 0;
}

.news_slick .slick-next {
    left: calc(100% + 20px);
}

.news_slick .slick-prev {
    right: calc(100% + 20px);
}

.news_list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}

.news_list_item{
    width: 33.333333%;
    padding: 0 18px;
    margin-bottom: 50px;
}

.nlic_tit{
   color: #333;
   margin-bottom: 14px;
   font-weight: bold;
   letter-spacing: 0.05em;
   transition: all 0.36s;
   overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height: 1.35 !important;
}

.news_list_item_cont{
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.news_list_item_primary{
    padding: 30px 45px 53px;
    background-color: #f5f5f5;
}



.nlic_text {
    margin-bottom: 28px;
}
/* d1-end */


/* d2 */
.activity_main{
    padding-bottom: 30px;
}

.activity_cont{
    padding-top: 110px;
}

.activity_flex{
    display: flex;
}

.activity_flex_left{
    width: 44.852941%;
    padding-right: 90px;
}

.activity_flex_right{
    width: calc(100% - 44.852941%);
}

.afll_item{
    margin-bottom: 40px;
    transition: all 0.36s;
}

.afrl_item_link{
    display: flex;
    align-items: center;
    padding: 42px 0;
    border-bottom: 1px solid #D9D9D9;
}

.afrl_item:first-child .afrl_item_link{
    padding-top: 0;
}

.afrl_item_left{
    width: 250px;
    flex-shrink: 0;
}

.afrl_item_right{
    width: calc(100% - 250px);
    padding-left: 39px;
}

.afrl_item_right_tit{
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
    color: #333333;
    transition: all 0.36s;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}

.afrl_item_right_text p{
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

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

.afrl_item_left .ys_imgbox_cover::after{
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 67.85714%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.2;
}

.activity_flex_right_list{
    margin-bottom: 50px;
}


.afll_item{
    width: calc(100% - 60px);
    transition: all 0.36s;
    margin-bottom: 40px;
    position: relative;
    filter: drop-shadow(-4px 4px 10px rgba(0, 0, 0, 0.2));
    border-radius: 10px;
    overflow: hidden;
    /* filter: drop-shadow(-4px 6px 30px rgba(0, 0, 0, 0.2)); */
}

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

.afll_item_cont{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 40px;
    height: 100%;
}

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

.afll_item_cont .ys_imgbox_cover{
    width: 104px;
}

.afll_item_cont_tit{
    font-weight: bold;
    margin-top: 5px;
    transition: all 0.36s;
}

.afll_item.act {
    width: 100%;
}

.afll_item.act .afll_item_cont_tit{
    color: #E02D3F;
}

.afll_item.noact {
    width: calc(100% - 60px);
}

.afll_item.noact .afll_item_cont_tit{
    color: #333;
}

.activity_flex_right_img img{
    width: 100%;
}

.activity_flex_right_img{
    margin-bottom: 50px;
}

.activity_flex_right_stitbox{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.afrs_icon{
    width: 30px;
    flex-shrink: 0;
    margin-right: 16px;
}

.afrs_tit{
    font-weight: bold;
    letter-spacing: 0.05em;
}

.afrs_text p{
    letter-spacing: 0.05em;
    line-height: 2;
}
/* d2-end */


/* d3 */

.news_main{
    padding-bottom: 30px;
}

.detanews_main{
    margin-top: 80px;
}

.detanews_hd{
    padding: 42px 0;
    background-color:#f5f5f5 ;
}

.detanews_hd .mod_bread{
    margin-bottom: 39px;
}

.detanews_hd_tit{
    color: #333;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 15px;
}

.detanews_hd_time {

}

.detanews_bd .yxedr_active img{
    margin-bottom: 50px;
}

.detanews_bd .yxedr_active p:last-child img{
    margin-bottom: 0;
}

.detanews_bd .yxedr_active{
    padding-top: 50px;
    padding-bottom: 60px;
}

.detanews_switch_item{
    display: block;
    border-bottom: 1px solid #EAEAEA;
    line-height: 64px;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #666666;
    transition: all 0.36s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.detanews_switch_item:first-child{
    border-top: 1px solid #EAEAEA;;
}

.detanews_switch{
    margin-bottom: 60px;
}

.detanews_bd{
    padding-bottom: 0 !important;
}

.detanews_rec_tit{
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.detanews_rec_list{
    margin: 0 -18px;
}

.detanews_rec_list .slick-track{
    display: flex;
}

.detanews_rec_item{
    padding: 0 18px;
    width: 33.333333%;
    height: initial;
}

.detanews_rec_item_cont{
    display: flex;
    height: 100%;
    padding: 35px 30px 44px;
    background: #F5F5F5;
    border-radius: 10px;
    flex-direction: column;
    justify-content: space-between;
}

.dric_tit{
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0.05em;
    transition: all 0.36s;
}

.dric_time{
    letter-spacing: 0.05em;
    margin-bottom: 28px;
}

.detanews_rec_list .slick-next {
    left: calc(100% + 8px);
}

.detanews_rec_list .slick-prev {
    right: calc(100% + 8px);
}

.detanews_rec_list .slick-dots li {
    margin: 0 5px;
}

.detanews_rec_list .slick-dots li.slick-active {
    background-color: #E02D3F;
}

.detanews_rec_list  .slick-dots {
    bottom: -15px;
}





/* d3-end */

/* f1 */
/* 响应式需要调 */
.join_anchor.act{
    height: 200px;
}
/* 响应式需要调 */
.join_anchor.act .join_anchor_fixeds{
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #F7F7F7;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
}

.join_anchor_fixeds{
    transition: background-color 0.36s;
}

.join_anchor_list{
    display: flex;
    margin: 0 -20px;
    padding: 30px 0;
}

.join_anchor{
    padding-top: 35px;
    padding-bottom: 35px;

}


.join_anchor_item{
    padding: 0 20px;
    width: 25%;
}

.join_anchor_item_icon{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F5F5;
    border-radius: 4px;
    transition: all 0.36s;
    cursor: pointer;
}

.jaii_text{
    color: #333;
    /* color: #fff; */
    line-height: 60px;
    transition: all 0.36s;
}

.jaii_icon{
    margin-right: 20px;
    width: 23px;
}

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

.join_anchor_item.act .join_anchor_item_icon{
    background-color: #E02D3F;
}

.join_anchor_item.act .jaii_text{
    color: #fff;
}

.join_anchor_item.act .jaii_icon img:first-child{
    opacity: 1;
}

.join_anchor_item.act .jaii_icon img:last-child{
    opacity: 0;
}

.join_anchor_item.noact .join_anchor_item_icon{
    background-color: #F5F5F5;
}

.join_anchor_item.noact .jaii_text{
    color: #333;
}

.join_anchor_item.noact .jaii_icon img:first-child{
    opacity: 0;
}

.join_anchor_item.noact .jaii_icon img:last-child{
    opacity: 1;
}

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

.join_per {
    padding-bottom: 70px;
}

.join_per_cont_left{
    width: 50%;
    padding-right: 90px;
}

.join_per_cont_right{
    width: 50%;
    padding-left: 75px;
    position: relative;
}

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

.jpcr_img img{
    width: 100%;
}

.jpcl_tit{
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
}

.jpcl_subtit{
    font-size: 20px;
    line-height: 1.5;
    color: #E02D3F;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    font-weight: bold;
}

.join_welfare{
    position: relative;
    margin-bottom: 20px;
}

.join_welfare .ys_cont1360{
    position: relative;
    z-index: 1;
}

.join_welfare_cont{
    padding-top: 266px;
    padding-bottom: 439px;
}

.join_welfare_tit{
    margin-bottom: 60px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.join_welfare_list{
    display: flex;   
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.join_welfare_item{
    width: 25%;
    background: linear-gradient(127.9deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.16) 0.01%, rgba(255, 255, 255, 0.56) 100%);
    backdrop-filter: blur(8px);
    border-radius: 0px;
    padding: 56px 40px 72px;
    /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03); */
}

.join_welfare_item .ys_imgbox_cover{
    width: 60px;
    margin: 0 auto;
    margin-bottom: 18px;
}

.join_welfare_item_tit{
    text-align: center;
    color: #E02D3F;
    margin-bottom: 16px;
    font-weight: bold;
}

.join_welfare_item_text p{
    text-align: center;
}

.join_welfare_welistbox{
    padding: 0 38px;
}

.join_welfare_welist{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -19px;
}

.join_welfare_weitem{
    padding: 0 19px;
    width: 14.285714%;
}

.join_welfare_weitem_cont{
    background: linear-gradient(127.9deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.16) 0.01%, rgba(255, 255, 255, 0.56) 100%);
    opacity: 0.8;
    border: 1px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(8px);
    border-radius: 4px;
    padding: 23px 10px 25px;
    position: relative;
}

.join_welfare_weitem_cont .ys_imgbox_cover{
    width: 28px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.jwwc_tit{
    padding-top: 18px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #666666;
    position: relative;
}

.jwwc_tit::before{
    content: "";
    position: absolute;
    width: 34px;
    height: 2px;
    background: #E02D3F;
    border-radius: 4px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

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

.join_welfare_bg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}

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

.join_welfare_bg_top{
    position: absolute;
    width: 548px;
    left: 0;
    top: -58px;
    z-index: -1;
}

.join_welfare_bg_bot{
    position: absolute;
    width: 477px;
    right: 0;
    bottom: -16px;
    z-index: -1;
}

.join_welfare_bg_top img{
    width: 100%;
}

.join_mien{
    padding-bottom: 110px;
    position: relative;
    z-index: 1;
}

.join_mien_list{
    margin: 0 -10px;
}

.join_mien_item{
    padding: 0 10px;
}   

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

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

.jmic_tit{
    color: #fff;
    letter-spacing: 0.05em;
    width: 100%;
    position: absolute;
    bottom: 24px;
    text-align: center;
}

.join_mien_list .slick-dots li{
    width: 43px;
    height: 2px;
    margin: 0 12px;
    border-radius: 3px;
    background: #DADADA;
}

.join_mien_list .slick-dots li.slick-active{
    background: #E02D3F;
}

.join_mien_list .slick-dots{
    top: calc(100% + 32px);
}

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

.join_add{
    position: relative;
    padding-top: 190px;
    margin-bottom: 80px;
}


.join_add .ys_cont1360{
    position: relative;
    z-index: 1;
}

.join_add_tit{
    margin-bottom: 24px;
    letter-spacing: 0.05em;
    font-weight: bold;
}

.join_add_subtit{
    color: #E02D3F;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
}

.join_add_bg{
    position: absolute;
    top: 0;
    right: 0;
    width: 1920px;
}

.join_add_bg img{
    width: 100%;
}

.jpcr_bg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40px;
    width: 244px;
    z-index: -1;
}

.jpcr_bg img{
    width: 100%;
}




/* f1-end */

/* e1 */
.understand_main .mod_banner_bread{
    bottom: 135px;
}

.understand_data{
    margin-top: -290px;
    position: relative;
    z-index: 1;
    padding-top: 340px;
    padding-bottom: 300px;
}

.understand_data .ys_cont1360{
    position: relative;
    z-index: 1;
}

.understand_data_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0%;
    max-width: 1920px;
}

.understand_data_botbg{
    position: absolute;
    right: 0;
    bottom: -15px;
    width: 477px;
    z-index: -1;
}

.understand_data_bg img{
    width: 100%;
    height: 100%;
    /* object-fit: cover;/ */
}

.understand_data_cont{
    display: flex;
    align-items: flex-start;
}

.understand_data_cont_left{
    width: 70.294117%;
}

.understand_data_cont_right{
    width: calc(100% - 70.294117%) ;
    margin-top: 50px;
}

.understand_data_tit{
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
}

.understand_data_text p{
    letter-spacing: 0.05em;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 12px;
}

.understand_data_text p:last-child{
    margin-bottom: 12px;
}

.udcl_cont{
    width:77.405857%;
}

.udcr_cont{
    width:264px;
    position: relative;
}

.udcr_cont_bg{
    width: 213px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

.udcr_cont_bg img{
    width: 100%;
}

.ucsi_cont_num{
    font-size: 90px;
    line-height: 1.2;
    color: #E02D3F;
    margin-bottom: 15px;
    font-family: roboto; 
    font-weight: bold;
}

.ucsi_cont_text{
    color: #fff;
    text-align: center;
}

.udcr_dost{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.udcr_dost_item{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    margin: 14px 0;
    position: relative;
    cursor: pointer;
}

.udcr_dost_item svg{
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.36s;
    opacity: 0;
    pointer-events: none;
}

.udcr_dost_item.act svg{
    opacity: 1;
}

.udcr_dost_item.act .waic{
    animation: waic 3s linear both;
}

.waic{
    stroke-dasharray: 63;
    stroke-dashoffset: -63;
}

@keyframes waic {
    from{
        stroke-dasharray: 63;
        stroke-dashoffset: -63;
    }
    to{
        stroke-dasharray: 63;
        stroke-dashoffset: 0;
    }
}

.understand_nw_bg{
    position: absolute;
    width: 100%;
    bottom: 340px;
    left: 0;
    z-index: -1;
}

.understand_nw_bg img{
    width: 100%;
}


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

.understand_nw{
    padding-bottom: 480px;
    position: relative;
}

.understand_nw_tit{
    font-weight: bold;
    margin-bottom: 280px;
    text-align: center;
    margin-top: 10px;
}

.understand_nw_cont{
    position: relative;
    width: 1167px;
    margin: 0 auto;
    /* opacity: 0; */
}

.understand_nw_item{
    position: absolute;
    width: 196px;
    transition:transform 0.36s;
    transform-origin: center bottom;
}

.understand_nw_item .understand_nw_smcri_text{
    display: none;
}

.understand_nw_item_cont{
    animation: animateUp 2.5s ease infinite;
}

@keyframes animateUp {
    from{

    }
    50%{
        transform: translateY(-5px);
    }
    to{
        transform: translateY(0px);
    }
}

.understand_nw_item svg{
    width: 100%;
}

.understand_nw_item_text{
    text-align: center;
    position: absolute;
    width: 100%;
    padding: 0 30px ;
    font-weight: bold;
    color: #666666;
    top: 83px;
    transition: all 0.36s;
}

.understand_nw_item:nth-child(1) {
    left: 16%;
    bottom: 92%;
}

.understand_nw_item:nth-child(2) {
    left: 42%;
    bottom: 99%;
}

.understand_nw_item:nth-child(3) {
    left: 67.5%;
    bottom: 92%;
}

.understand_nw_item:nth-child(4) {
    left: 91.4%;
    bottom: 52%;
}

.understand_nw_item:nth-child(5) {
    left: 69.2%;
    bottom: 8%;
}

.understand_nw_item:nth-child(6) {
    left: 42.5%;
    bottom: -0.5%;
}

.understand_nw_item:nth-child(7) {
    left: 15%;
    bottom: 7%;
}

.understand_nw_item:nth-child(8) {
    left: -8.4%;
    bottom: 49%;
}

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

.understand_nw_item.act {
    transform: scale(1.15);
}

.understand_nw_item.act .yuan2{
    opacity: 1;
}

.understand_nw_item.act .understand_nw_item_text{
    color: rgba(224, 45, 63, 1);
}

.understand_nw_bgcri img{
    width: 100%;
}

.understand_nw_smcri{
    width: 745px;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%,-50%);
}

.understand_nw_smcri_mc{
    position: absolute;
    bottom: 32%;
    left: 50%;
    transform: translateX(-50%);
    width: 471px;
}

.understand_nw_smcri_text{
    position: absolute;
    width: 271px;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    text-align: center;
}

.understand_nw_smcri_text p{
    font-weight: bold;
    color: #333;
    letter-spacing: 0.05em;
}

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

.understand_nw_smcri_mc img{
    width: 100%;
}

.understand_nw_smcri img{
    width: 100%;
}

.understand_nw_item{
    position: absolute;
    cursor: pointer;
}

.csr{
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    margin: 0 auto;
    transform: rotate3d(20deg,20deg,0);
}


.understand_worth {
    background-color:#f5f5f5 ;
}

.understand_worth .ys_cont1360{
    margin-top: -443px;
    padding-bottom: 243px;
}

.understand_dev{
    margin-top: -200px;
}

.understand_worth_tit{
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.understand_worth_text span{
    font-size: 18px;
    line-height: 1.75;
    color: #E02D3F;
    font-weight: bold;
}

.understand_worth_primary{
    height: 550px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.understand_worth_primary_list{
    display: flex;
    height: 100%;
}

.understand_worth_primary_item{
    width: 25%;
    position: relative;
    cursor: pointer;
}

.understand_worth_primary_item::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fff;
    opacity: 0.2;
    top: 0;
    right: 0;
}

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

.uwpi_cont{
    margin-top: 187px;
    width: 100%;
    padding:0 54px;
    transition: all 0.36s;
}

.uwpi_cont_top{
    margin-bottom: 18px;
}

.uwpi_cont_top_img{
    width: 48px;
    margin: 0 auto;
    margin-bottom: 26px;
}

.uwpi_cont_top_img img{
    width: 100%;
}

.uwpi_cont_top_tit{
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
}

.uwpi_cont_bot p {
    color: #FFFFFF;
    opacity: 0.8;
    transition: all 0.36s;
    text-align: center;
    opacity: 0;
}

.understand_worth_primary_item.act .uwpi_cont{
    margin-top: 108px;
}

.understand_worth_primary_item.act .uwpi_cont_bot p {
    opacity: 0.8;
}

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

.understand_worth_swiper{
    height: 100%;
}

.understand_worth_swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.understand_worth_swiper .swiper-slide::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.3;
}

.understand_dev_list{
    margin: 0 -20px;
}

.understand_dev_item{
    padding: 0 20px;
}

.understand_dev_item_cont{
    height: 100%;
    min-height: 320px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 40px;
}

.udic_time{
    color: #E02D3F;
    font-family:roboto;
    margin-bottom: 5px;
}

.udic_tit{
    letter-spacing: 0.05em;
    margin-bottom: 19px; 
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}

.udic_text p{
    font-size: 14px;
    line-height: 2;
    color: #666;
    letter-spacing: 0.05em;
}

.understand_dev_biglist  .slick-track{
    display: flex;
}

.understand_dev_item{
    height: initial !important;
}

.understand_dev_item_cont{
    height: 100%;
}

.understand_dev_list{
    position: relative;
    margin-bottom: 50px !important;
}

.understand_dev_list .slick-list{
    padding-bottom: 40px;
}

.understand_dev_datalist{
    position: relative;
    margin: 0 calc((-100% / 7 / 2) + 40px);
}

.understand_dev_datalist::before{
    content: "";
    position: absolute;
    width: calc(100% / 7 / 2);
    height: 100%;
    background-color: #fff;
    right: calc(100% - (100% / 7 / 2) + 44px);
    top: 0;
    z-index: 1;
}

.understand_dev_datalist::after{
    content: "";
    position: absolute;
    width: calc(100% / 7 / 2);
    height: 100%;
    background-color: #fff;
    left: calc(100% - (100% / 7 / 2) + 46px);
    top: 0;
    z-index: 1;
}

.understand_dev_dataitem{
    position: relative;
}



.understand_dev_datalistbox{
    position: relative;
    margin-top: -40px !important;
}

.understand_dev{
    position: relative;
    padding-bottom: 30px;
}

.understand_dev_bg{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
}

.understand_dev_bg img{
    width: 1920px !important;
    max-width: 1920px;
}

.understand_dev_datalistbox span{
    content: "";
    position: absolute;
    width: calc(100% + 60px);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #EAEAEA;
    height: 2px;
    z-index: -1;
}

.understand_dev_dataitem_cont{
    line-height: 40px;
    width: 88px;
    margin: 0 auto;
    background: #F5F5F5;
    background-color: #EAEAEA;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.36s;
    text-align: center;
    letter-spacing: 0.05em;
}

/* .understand_dev_dataitem.act .understand_dev_dataitem_cont{
    background-color: #E02D3F;
    color: #fff;
} */

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

.understand_dev_biglist .slick-dots li.slick-active{
    background-color: #e02d3f;
}

.understand_dev_biglist .slick-dots li{
    margin: 0 5px;
}

.understand_dev_tit {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
}


/* e1-end */

/* home */

.ys_ban_txtbox_tit {
    font-weight: bold;
}

.ys_ban_txtbox_btngroup{
    display: flex;
    margin-top: 46px;
}

.ys_ban_txtbox_btn{
    margin-right: 40px;
}

.ys_ban_txtbox_btn.white .mod_btn1_link{
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: transparent;
}

.ys_cont1500{
    width: 1500px;
    margin: 0 auto;
    max-width: 100%;
}

@media screen and (max-width: 1680px) {
    .ys_cont1500 {
        width: 82.5%;
    }
}

@media screen and (max-width: 1200px) {
    .ys_cont1500{
        width: 100%;
        padding: 0 40px;
    }
}

@media screen and (max-width: 768px) {
    .ys_cont1500{
        padding: 0 20px;
    }
}

.ys_ban_slick .slick-dots li{
    width: 60px;
    height: 4px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 0px;
    margin: 0 10px;
}

.ys_ban_slick .slick-dots li.slick-active{
    background-color:#E02D3F;
}

.ys_ban_slick .slick-dots{
    bottom: 70px;
}

.home_news_titbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.home_news_tit{
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #000;
}

.home_news_list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -23px;
}

.home_news_item{
    width: 33.333333%;
    padding: 0 23px;
}

.home_news_link{
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.home_news_link_top{
    position: relative;
}

.hnlt_tit{
    position: absolute;
    min-width: 120px;
    padding: 0 10px;
    text-align: center;
    border-radius: 4px;
    background:rgba(224, 45, 63, .8);
    line-height: 40px;
    color: #fff;
    left: 20px;
    top: 20px;
}

.home_news_link_bot{
    background-color: #F5F5F5;
    padding: 45px 50px;
    flex-grow: 1;
    min-height: 287px;
}

.hnlb_tit{
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 17px;
    transition: all 0.36s;
}

.hnlb_tit {
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.hnlb_text p{
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}

.home_news_link.newstype{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0px;
}

.home_news_link_newstop{
    /* flex-grow: 1; */
}

.hnln_cont{
    background: #F5F5F5;
    border-radius: 10px;
    padding: 28px 49px;
    display: block;
}

.hnln_cont_tit{
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    transition: all 0.36s;
}

.hnln_cont_info{
    margin-bottom: 20px;
}

.hnln_cont_info,
.hnln_cont_text p{
    letter-spacing: 0.05em;
}

.hnln_cont_text p{
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.hnln_list{
    max-height: 290px;
    padding: 0 50px;
}

.hnln_item{
    padding: 22px 0 13px;
    border-bottom: 1px solid #E1E1E1;
}

.hnln_cont_info {
    margin-bottom: 8px;
}

.home_news_link_newsbot{
    background: #F5F5F5;
    border-radius: 10px;
    padding-top: 7px;
}

.home_news_link_newsbot .mCSB_scrollTools{
    height: calc(100% - 20px);
    top: 50%;
    right: 10px !important;
    transform: translateY(-50%);
}

.home_news_link_newsbot .mCSB_scrollTools .mCSB_dragger{
    height: calc(100% - 18px) !important;
}

.home_pro{
    padding-bottom: 450px;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.home_pro_tit{
    font-weight: bold;
    margin-bottom: 29px;
}

.home_pro_tab{
    margin: 0 -15px;
}

.home_pro_tab_item{
    padding: 0 15px;
}

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

.hpti_cont{
    display: flex;
    align-items: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    transition: all 0.36s;
    justify-content: center;
    cursor: pointer;
    background-color: #fff;
}

.hpti_cont_img {
    width: 24px;
    margin-right: 10px;
}

.hpti_cont_text{
    line-height: 50px;
    transition: all 0.36s;
}

.home_pro_tabbox{
    padding: 0 90px;
    margin-bottom: 60px;
}

.home_pro_tab .slick-arrow{
    height: initial !important;
}

.home_pro_tit{
    color: #000;
}

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

.home_pro_tab_item.slick-current .hpti_cont{
    background-color: #E02D3F !important;
    border-color: #E02D3F !important;
}

.home_pro_tab_item.slick-current .hpti_cont_text{
    color: #fff !important;
}

.home_pro_tab_item.slick-current .hpti_cont_img img:first-child{
    opacity: 1;
}

.home_pro_tab_item.slick-current .hpti_cont_img img:last-child{
    opacity: 0;
}

.home_pro_tab .slick-next {
    left: calc(100% + 24px);
}

.home_pro_tab .slick-prev {
    right: calc(100% + 24px);
}

.home_pro_citem_link{
    display: flex;
    padding: 90px 110px 100px;
    background: #F5F5F5;
}

.hpcl_left{
    margin-top: 25px;
    width: 50%;
    padding-right: 84px;
}

.hpcl_right{
    width: 50%;
}

.hpcl_left_tit{
    color: #E02D3F;
    font-weight: bold;
    margin-bottom: 36px;
}

.hpcl_left_list_item{
    margin-bottom: 18px;
}

.home_pro_citem_link .mod_btn1{
    margin-top: 36px;
}

.hlli_tit{
    letter-spacing: 0.05em;
    margin-bottom: 7px;
    font-weight: bold;
}

.hlli_text p{
    letter-spacing: 0.05em;
    color: #666666;
}

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

.home_pro_bg{
    position: absolute;
    width: 100%;
    height: 953px;
    bottom: 0;
    left: 0;
}

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

.home_pro .ys_cont1500{
    position: relative;
    z-index: 1;
}

.home_pro_bg_top{
    position: absolute;
    width: 385px;
    top:35px;
    left: 0;
    z-index: -1;

}

.home_pro_bg_top img{
    width: 100%;
}

.home_pro_bg_bot{
    position: absolute;
    width: 385px;
    bottom: 41px;
    right: 0;
    z-index: -1;
}

.home_pro_bg_bot img{
    width: 100%;
}

.home_case{
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

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

.home_about_z {
    top: -3px;
}

.home_case_swiper{
    width: 860px;
    overflow: initial !important;
}

.home_case_item_cont{
    width: 860px;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 80px 140px  64px;
}

.hcic_tit{
    font-weight: bold;
    color: #E02D3F;
    margin-left: -15px;
    margin-bottom: 20px;
}

.hcic_subtit{
    font-weight: bold;
    margin-bottom: 23px;
}

.hcic_list{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 23px;
}

.hcic_item{
    min-width: 100px;
    padding: 0 13px;
    color: #fff;
    background: #E02D3F;
    border-radius: 4px;
    line-height: 36px;
    margin-right: 20px;
}

.hcic_text{
    margin-bottom: 39px;
}

.mod_lookmore_icon{
    transition: all 0.36s;
}

.home_case{
    padding-bottom: 140px;
}

.home_about_tit{
    color: #333;
    margin-bottom: 34px;
    font-weight: bold;
    letter-spacing: 0.05em;
    transition: all 0.36s;
}

.home_about_text p{
    letter-spacing: 0.05em;
    margin-bottom: 53px;
    transition: all 0.36s;
}

.home_about .mod_btn1{
    margin-bottom: 90px;
}

.home_about_list{
    display: flex;
}

.home_about_item{
    margin-right: 105px;
    flex-shrink: 0;
}

.home_about_item_cont{
    display: flex;
}

.haic_icon{
    width: 28px;
    margin-right: 13px;
    margin-top: 16px;
}

.haic_icon img{
    width: 28px;
}

.haic_number{
    font-size: 56px;
    line-height: 1.2;
    color: #E02D3F;
    font-family: roboto;
    margin-bottom:6px ;
} 

.home_about_text{
    width: 754px;
}

.home_about_text p{
    letter-spacing: 0.05em;
} 

.home_about{
    position: relative;
}

.home_about .w2k{
    position: relative;
    padding-top: 150px; 
    background: #F7F7F7;
}

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

.home_about .ys_cont1500{
    position: relative;
    z-index: 2;
}

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

.home_about_z{
    width: 100%;
    transition: all 1.4s;
}

.home_about.act .home_about_z{
    left: -150%;
    transform: scale(2.4);
}

.home_about.act .home_about_tit,
.home_about.act .home_about_text p,
.home_about.act .haic_text{
    color: #fff;
}

.haic_text{
    transition: all 0.36s;
}

.home_about_video{
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
    transition: all 1s;
}

.home_about_videobox.act .home_about_video{
    transform: rotate(0deg) scale(1.0);
}

.home_about_btn{
    position: absolute;
    width: 68px;
    right: 10.9375%;
    top: 14%;
    z-index: 4;
    cursor: pointer;
    transition: transform 0.36s;
}

.home_about .ys_cont1500{
    position: relative;
    z-index: 2;
}

.swiper_prev,.swiper_next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    cursor: pointer;
    z-index: 2;
}

.swiper_prev img:last-child,
.swiper_next img:last-child{
    opacity: 0;
}

.home_case_swiperbox{
    position: relative;
}

.swiper_prev{
    right: calc(100% + 30px);
}

.swiper_next{
    left: calc(100% + 30px);
}

.home_case_swiper{
    --swiper-theme-color: #e02d3f;
}

.home_case_swiper .swiper-pagination{
    display: none !important;
}

/* 调响应式 */
.mod_tab.isfixed {
    height: 70px;
}
/* 调响应式 */
.mod_tab.isfixed .mod_tab_list {
    width: 100%;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 2;
    background-color: #f5f5f5;
    transition:top 0.5s;
}

.mod_tab.isfixedgo .mod_tab_list{
    top: -20px;
}

@keyframes shangleftx {
    to{
        transform: translateX(607px) ;
    }
}

@keyframes shanglefty {
    to{
        transform: translateY(90px);
    }
}

.xx{
    animation:shanglefty 4s cubic-bezier(.87,1.2,.82,.95),shangleftx 4s linear;
}

.ys_phnav_logo {
    width: 75px;
}

.ys_phnav_logo img{
    width: 100%;
}

.ys_ban_li.slick-current .ys_ban_txtbox_tit{
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: 0.1s;
}

.ys_ban_txtbox_tit{
    opacity: 0;
}

.ys_ban_li.slick-current .ys_ban_txtbox_btngroup{
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: 0.2s;
}

.ys_ban_txtbox_btngroup{
    opacity: 0;
}

/* home-end */
.sdetails_sys_list .slick-dots{
    display: none !important;
}

.sdetails_pain_list .slick-dots{
    display: none !important;
}

.scic_hide::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid rgba(224, 45, 63, 0.4);
    border-radius: 10px;
}

.ys_ph_navbar4 .ys_phnav_menu{
    background-color: #e6081f;
}

.ys_ph_navbar4 .ys_phnav_lisbox {
    border-bottom: 1px solid rgba(255,255,255,.6);
}

.ys_ph_navbar4 .ys_ph_nav a{
    color: rgba(255,255,255,.6);
}

.ys_ph_navbar4 .ys_phnav_icon::after, .ys_ph_navbar4 .ys_phnav_icon::before{
    background-color: #fff;
}

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {
    color: rgba(255,255,255,1);
}

.ys_phnav_tel{
    color: #fff;
}

.ys_phnav_menu .yxnav_active2>.ys_phnav_lisbox>a{
    color: rgba(255,255,255,1);
}

.ys_phnav_menu .yxnav_active3 a{
    color: rgba(255,255,255,1);
}


.mhns_item.noact .mhns_link {
    background-color: transparent;
    color: #333 !important;
}

.mod_hd.act .mhns_item.noact .mhns_link {
    background-color: transparent;
    color: #333 !important;
}

.home_case_svg{
    position: relative;
}

.home_case_svg_alist,
.home_case_svg_blist,
.home_case_svg_clist,
.home_case_svg_dlist,
.home_case_svg_elist,
.home_case_svg_flist{
    /* position: absolute;
    width: 114px;
    left: 0;
    top: 0; */
}

.hcsa_item,
.hcsb_item,
.hcsc_item,
.hcsd_item,
.hcse_item,
.hcsf_item{
    position: absolute;
    width: 114px;
    height: 98px;
    top: -49px;
    left: -57px;
}

.hcsa_item img,
.hcsb_item img,
.hcsc_item img,
.hcsd_item img,
.hcse_item img,
.hcsf_item img{
    width: 100%;
}

.hcsa_item img,
.hcsc_item img,
.hcsd_item img,
.hcsf_item img{
    opacity: 0;
    animation: iconanimate 8s linear infinite both;
}

.hcsb_item img,
.hcse_item img{
    opacity: 0;
    animation: iconanimate 7s linear infinite both;
}

@keyframes iconanimate {
    10%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    90%{
        opacity: 0;
        transform: scale(0.6);
    }
    100%{
        opacity: 0;
        transform: scale(0.6);
    }
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {

    /* .g_serch .comp-tabli:hover li{
        background-color: transparent;
    }

    .g_serch .comp-tabli li:hover {
        background-color: #E02D3F;
    } */

    



    .detanews_rec_item_cont:hover .dric_tit {
        color: #E02D3F;
    }

    .detanews_rec_item_cont:hover .mod_lookmore_icon{
        transform: translateX(10px);
    }
    
    .case_screen_input_item:hover .csii_text {
        color: #E02D3F;
    }

    .home_about_btn:hover{
        transform: scale(1.05);
    }
    
    .understand_nw_item:hover .yuan2{
        opacity: 1;
    }
    
    .understand_nw_item:hover .understand_nw_item_text{
        color: rgba(224, 45, 63, 1);
    }
    
    .understand_nw_item:hover{
        transform: scale(1.15);
    }
    
    .news_slick_item_cont:hover .ys_imgbox_cover img{
        transform: scale(1.03);
    }

    .mhns_link:hover {
        background: rgba(255, 255, 255, 0.6);
        color: #E02D3F;
    }

    .mhns_left_link:hover {
        background: rgba(255, 255, 255, 0.5);
        color: #E02D3F;
    }
    
    .mrsl_link:hover .mrsl_link_text{
        color: #E02D3F;
    }

    .mod_hd.act .mhns_item:hover .mhns_link {
        background: #E02D3F;
        color: #fff;
    }

    .mod_bread_link:hover{
        color: #E02D3F !important;
    }

    .comp-tabli:hover li{
        background-color: #E02D3F;
        color: #fff;
    }

    .mod_btn1_link:hover .mod_btn1_icon{
        transform: translateX(10px);
    }

    .mfli_cont_item_link:hover {
        color: #E02D3F;
        opacity: 1;
    }

    .mod_footer_friend_text a:hover{
        opacity: 1;
    }

    .mcri_link:hover span{
        opacity: 1;
    }

    .mod_aside_li_cont:hover .malc_qr,
    .mod_aside_li_cont:hover .malc_phone{
        opacity: 1;
        pointer-events: initial;
    }

    .solution_list_item_cont:hover{
        filter: drop-shadow(-4px 6px 30px rgba(0, 0, 0, 0.2));
        transform: translateY(-10px);
    }
    
    .solution_list_item_cont:hover .ys_imgbox_cover{
        border: 2px solid rgba(224, 45, 63, 0.4);
    }
    
    .solution_list_item_cont:hover .slic_bot{
        bottom: 65px;
    }
    
    .solution_list_item_cont:hover .slic_bot_tit{
        color: rgba(224, 45, 63, 1);
    }

    .slick-prev:hover img:last-child,
    .slick-next:hover img:last-child{
        opacity: 1;
    }

    .slick-prev:hover img:first-child,
    .slick-next:hover img:first-child{
        opacity: 0;
    }

    /* .sdetails_hallmark_item:hover .shic_left_tit {
        color: rgba(224, 45, 63, 1);
    } */

    .sdetails_case_item_cont:hover .scic_hide{
        top: 0;
    }
    
    .sdetails_case_item_cont:hover .scic_bot{
        opacity: 0;
    }

    .mod_tab_item:hover {
        background-color: #E02D3F;
    }

    .mod_tab_item:hover .mod_tab_text{
        color: #fff;
    }

    .news_list_item_cont:hover .mod_lookmore_icon{
        transform: translateX(10px);
    }

    .news_list_item_cont:hover .nlic_tit{
        color: #E02D3F;
    }

    .afrl_item_link:hover .ys_imgbox_cover img{
        transform: scale(1.03);
    }
    
    .afrl_item_link:hover .afrl_item_right_tit{
        color: #E02D3F;
    }

    .afll_item:hover{
        width: 100%;
    }
    
    .afll_item:hover .afll_item_cont_tit{
        color: #E02D3F;
    }

    .detanews_switch_item:hover{
        color: #E02D3F;
    }

    .join_anchor_item:hover .join_anchor_item_icon{
        background-color: #E02D3F;
    }
    
    .join_anchor_item:hover .jaii_text{
        color: #fff;
    }
    
    .join_anchor_item:hover .jaii_icon img:first-child{
        opacity: 1;
    }
    
    .join_anchor_item:hover .jaii_icon img:last-child{
        opacity: 0;
    }

    .understand_worth_primary_item:hover .uwpi_cont{
        margin-top: 108px;
    }
    
    .understand_worth_primary_item:hover .uwpi_cont_bot p {
        opacity: 1;
    }

    .understand_dev_dataitem:hover .understand_dev_dataitem_cont{
        background-color: #E02D3F;
        color: #fff;
    }

    .home_pro_tab_item:hover .hpti_cont{
        background-color: #f5f5f5;
        border-color: #f5f5f5;
    }
    
    .home_pro_tab_item:hover .hpti_cont_text{
        /* color: #fff; */
    }
    
    /* .home_pro_tab_item:hover .hpti_cont_img img:first-child{
        opacity: 1;
    }
    
    .home_pro_tab_item:hover .hpti_cont_img img:last-child{
        opacity: 0;
    } */

    .home_case_item_cont:hover .mod_lookmore_icon{
        transform: translateX(10px);
    }

    .swiper_prev:hover img:last-child,
    .swiper_next:hover img:last-child{
        opacity: 1;
    }

    .swiper_prev:hover img:first-child,
    .swiper_next:hover img:first-child{
        opacity: 0;
    }

    .home_news_link:hover .hnlb_tit,
    .hnln_cont:hover .hnln_cont_tit,
    .hnln_item_cont:hover .hnln_cont_tit {
        color: #E02D3F;
    }

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

    .mhni_cont:hover {
        color: #E02D3F;
    }
    
    .next li:hover,
    .prev li:hover,
    .end li:hover,
    .first li:hover {
        color: #E02D3F;
    }
    /* .case_screen_single .ys_select_li:hover{
        color: #e02d3f;
    }
     */
    .news_list_item_cont:hover .ys_imgbox_cover img{
        transform: scale(1.03);
    }

    .news_slick_item_cont:hover .nsic_right_more_icon{
        transform: translateX(10px);
    }

    .news_slick_item_cont:hover .nsic_right_tit {
        color: #E02D3F;
    }
}

.centericon{
    position: absolute;
    width: 248px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}

.centericon img{
    width: 100%;
}

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

.home_about{
    overflow: hidden;
    padding-bottom: 0 !important;
}

.mod_footer {
    margin-top: -1px;
}

.home_about_z{
    left: -1px;
}

.sdetails_main  .sdetails_case_list  .slick-track{
    margin: 0 auto;
}
/* 2022.12.22修改 */
.join_anchor,.mod_tab{
    position: relative;
    z-index: 5;
}
.pc_fenye li.activepage {
    background: #E02D3F;
}
.nlic_tit{
    height: 48.6px;
}
.nlic_text{
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height: 56px;
}
.pc_fenye li {
    margin: 0 8px;
}
.mc_fybtn {
    font-size: 14px;
    line-height: 1.75;
    color: #333;
}
.mhns_right_sitem_list{
    flex-shrink: inherit;
    padding: 0 10px;
}
.mhns_right_sitem_cont {
    margin: 0 -10px;
}
.mod_footer_right_contact a{
    color: #fff;
}
.mrsl_link{
    align-items: flex-start;
}
.mrsl_link_icon {
    position: relative;
    top: 6px;
}
.mod_hd_nav_scont {
    width: 1200px;
}

.ys_footer_bg2{
    pointer-events: none;
}

.hcic_item{
    margin-bottom: 13px;
}

.hcic_list{
    padding-bottom: 20px;
}

.news_list_item_cont{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news_list_item_cont .ys_imgbox_cover{
    flex-shrink: 0;
}

.news_list_item_primary{
    flex-grow: 1;
}

.home_case_item {
    height: initial !important;
}

.home_case_item_cont{
    height: 100%;
}

.home_pro_citem {
    height: initial !important;
}

.home_pro_citem_link{
    height: 100%;
}

.home_pro_clist  .slick-track{
    display: flex;
}

.understand_dev_biglist .slick-list{
    overflow: initial !important;
}

.home_about_phimg{
    display: block;
}

.ys_select_li_text{
    transition: all 0.36s;
}

.ys_select_li_text:hover{
    color: #e02d3f;
}

.ys_select_sitem{
    margin-bottom: 8px;
    transition: all 0.36s;
}

.ys_select_sitem:hover{
    color: #e02d3f;
}

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

.ys_select_slist{
    padding-top: 12px;
}

.case_screen_single .ys_select_bd .mCSB_scrollTools{
    visibility:initial;
    right: -5px;
}

.case_screen_single .ys_select_bd{
    padding-right: 10px;
    max-height: 272px;
}

.case_screen_single .mCustomScrollBox{
    max-height: 220px;
}

.case_screen_single .ys_select_bd{
    height: initial;
}

.ys_ph_navbar4 .ys_phnav_menu{
    background-color: #333232;
}


.ys_ph_navbar4 .ys_phnav_menu{
    background-color: #333232;
}

.shic_left_icon{
    flex-shrink: 0;
}

.ys_select_li_text{
    line-height: 1.6;
}

.case_screen_single .ys_select_li{
    margin-bottom: 14px;
}

.hcic_item{
    text-align: center;
}

.ys_select_slist{
    height: 220px;
    padding-top: 0;
}

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

.ys_select_li.act .ys_select_li_text{
    color: #e02d3f;
}

.ys_select_sec{
    position: absolute;
    width: 40%;
    right: 30px;
    top:calc(100% + 3px);
    background-color: #fff;
    padding-top: 25px;
    padding-left: 20px;
    height: 271px;
    z-index: 11;
    display: none;
}

.ys_select_sitem{
    line-height: 1.5;
    cursor: pointer;
}

.case_screen_single .ys_select_bd .mCSB_scrollTools{
    right: 240px !important;
}

.mod_hd_seach_xl{
    width: 500px !important;
    height: 100px;
    left: initial;
    right: 0;
    top: calc(100% + 4px) !important;
}

.mhsx_form{
    width: 100% !important;
}

.mhsx_cont {
    width: 100% !important;
    padding: 0 50px;
}

.mhsx_btn {
    width: 16px !important;
}


.g_serch .page li.activepage{
    background-color: #E02D3F !important;
}

.g_serch .page li:hover {
    /* background: initial !important; */
    color: #fff;
}


.g_serch .page li {
    border: none !important;
}

.g_serch .lp::before{
    display: none;
}


.g_serch .page li:hover{
    background: #E02D3F !important;
}

.g_serch a{
    display: inline-block;
}

.scic_bot_text p{
    height: 60px;
}


.home_news_link_newsbot{
    margin-top: 20px !important;
}


/* .aaa .understand_dev_dataitem.act .understand_dev_dataitem_cont  {
    background-color: #E02D3F !important;
    color: #fff !important;
}

.aaa .understand_dev_dataitem:not(.act) .understand_dev_dataitem_cont  {
    background-color: #EAEAEA !important;
    color: #666 !important;
} */



.understand_dev_dataitem.act .understand_dev_dataitem_cont  {
    background-color: #E02D3F !important;
    color: #fff !important;
}



.multiple.closes .case_screen_placeholder_icon{
    display: none !important;
}

.case_screen_placeholder_x{
    width: 12px;
    display: none;
}

.multiple.closes .case_screen_placeholder_x{
    display: block !important;
}




/* 
.understand_dev_dataitem.slick-current  .understand_dev_dataitem_cont {
    background-color: #E02D3F;
    color: #fff;
} */




.mod_hd_nav_slist{
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

.sdetails_sys_item_text {
    display: inline-block;
    width: initial;
}

.sdetails_sys_item_textflex{
    text-align: center;
}

.sdetails_sys_item_text{
    text-align: left;
}

.sdetails_sys_item_text{
    padding: 26px 25px 42px;
}

.mhns_right {
    padding-bottom: 20px !important;
}

.case_screen_placeholder_text{
    width: 100%;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
}

.understand_data_botbg {
    bottom: 15px;
}

.case_screen_single span{
    position: absolute;
    width: 110%;
    height: 280px;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 3px);
    pointer-events: none;
}

.case_screen_single span.act{
    pointer-events: auto;
}

.mod_tab_icon{
    position: relative;
}


.mod_tab_icon img:first-child{
    transition: all 0.36s;
    opacity: 1;
}

.mod_tab_icon img:last-child{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.36s;
    opacity: 0;
}

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

.mod_tab_item.act img:first-child{
    opacity: 0;
}

.mod_tab_item.noact img:last-child{
    opacity: 0;
}

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

.mod_tab_item:hover img:last-child{
    opacity: 1;
}

.mod_tab_item:hover img:first-child{
    opacity: 0;
}

a[href="https://www.yongsy.com"]{
    opacity: 0.2;
}

.mhns_right {
    padding: 53px 60px 50px;
}

.mhns_right_slist{
    height: 144px;
}

.mhns_right {
    padding-bottom: 28px !important;
}

.understand_dev_list_probox{
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 70px;
    background-color: #e2e2e2;
    position: absolute;
    display: none !important;
}

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

p{
    text-align: justify;
}

.std_text,
.nlic_tit {
    text-align: justify;
}

.mhns_link {
    text-align: center !important;
}

.understand_nw_smcri_text  p{
    text-align: center;
}

.understand_dev_dataitem_cont {
    text-align: center;
}

.jmic_tit{
    text-align: center;
}

.mrsl_link_icon {
    position: relative;
    top: 2px !important;
}
.case_screen_single .ys_select_bd .mCSB_scrollTools {
    right: 170px !important;
}
.home_pro_tab .slick-track,
.home_pro_tab {
    display: flex;
}