@charset "utf-8";



body {

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

}

@font-face {

    font-family: 'poppins';

    src: url('../fonts/poppins-regular/poppins-regular-webfont.eot');

    src: url('../fonts/poppins-regular/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/poppins-regular/poppins-regular-webfont.woff2') format('woff2'),

         url('../fonts/poppins-regular/poppins-regular-webfont.woff') format('woff'),

         url('../fonts/poppins-regular/poppins-regular-webfont.ttf') format('truetype'),

         url('../fonts/poppins-regular/poppins-regular-webfont.svg#poppinsregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'poppins_semibold';

    src: url('../fonts/poppins-semibold/poppins-semibold-webfont.eot');

    src: url('../fonts/poppins-semibold/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/poppins-semibold/poppins-semibold-webfont.woff2') format('woff2'),

         url('../fonts/poppins-semibold/poppins-semibold-webfont.woff') format('woff'),

         url('../fonts/poppins-semibold/poppins-semibold-webfont.ttf') format('truetype'),

         url('../fonts/poppins-semibold/poppins-semibold-webfont.svg#poppinssemibold') format('svg');

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'poppins_medium';

    src: url('../fonts/poppins-medium/poppins-medium-webfont.eot');

    src: url('../fonts/poppins-medium/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/poppins-medium/poppins-medium-webfont.woff2') format('woff2'),

         url('../fonts/poppins-medium/poppins-medium-webfont.woff') format('woff'),

         url('../fonts/poppins-medium/poppins-medium-webfont.ttf') format('truetype'),

         url('../fonts/poppins-medium/poppins-medium-webfont.svg#poppinsmedium') format('svg');

    font-weight: normal;

    font-style: normal;

}

.poppins_semibold{

   

}

.poppins_medium{

    font-family: 'poppins_medium'!important;

}

/* 规范 - start */

.std_title1{

    font-size: 74px;

    line-height: 1.1;

    font-family: 'poppins_semibold'!important;

    color: #fff;

    font-weight: bold;

}

.std_title2{

    font-size: 60px;

    line-height: 1.2;

    font-family: 'poppins_semibold'!important;

    color: #0D3380;

    font-weight: bold;

}

.std_title3,.yxedr_active h2{

    font-size: 36px;

    line-height: 1.2;

 

    color: #28a1e6;

    font-weight: 600;

}

.std_title4,.yxedr_active h3{

    font-size: 32px;

    line-height: 1.5;

    color: #3D4059;

    font-weight: bold;

}

.yxedr_active h3,

.yxedr_active h4,

.yxedr_active h5,

.yxedr_active h6{

    font-family: 'poppins_semibold'!important;

    font-weight: bold;

}

.std_title5,.yxedr_active h4,.std_text24 p{

    font-size: 24px;

    line-height: 1.5;

    color: #3D4059;

}

.std_text24 p{

    line-height: 1.6;

}

.std_title6,.yxedr_active h5,.std_text20 p{

    font-size: 18px;

    line-height: 1.8;

    color: #000;

}

.std_text20 p{

    color: #000;

    opacity: 0.8;

}

.std_title7,.yxedr_active h6,.std_text18 p{

    font-size: 18px;

    line-height: 1.6;

    color: #3D4059;

}

.std_title8{

    font-size: 14px;

    line-height: 1.4;

    color: #203146;

}

.std_text p,.yxedr_active p{

    font-size: 16px;

    line-height: 1.75;

    color: rgba(61, 64, 89, .6)

}

.std_text_margin p,.yxedr_active p{

    margin-bottom: 12px;

}

.std_padding1{

    padding: 80px 0;

}

.std_padding2{

    padding: 120px 0;

}

.std_padding3{

    padding: 80px 0;

}

.std_margin1{

    margin-bottom: 100px;

}

.std_margin2{

    margin-bottom: 50px;

}

.std_margin3{

    margin-bottom: 16px;
      text-align: center;

}

.std_margin4{

    margin-bottom: 40px;

}

.std_margin5{

    margin-bottom: 60px;

}

.std_padding_top1{

    padding-top: 100px;

}

.std_padding_top2{

    padding-top: 120px;

}

.std_padding_top3{

    padding-top: 50px;

}

.std_btn_link_icon{

    width: 23px;

    margin-left: 16px;

    position: relative;

    z-index: 4;

}

.std_btn_link_icon img{

    width: 100%;

}

.std_btn_link_font16{

    font-size: 16px;

    color: #fff;

    line-height: 48px;

    position: relative;

    z-index: 4;

}

.std_btn_link{

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 58px;

    border: 1px solid #0D3380;

    background: #0D3380;

    transition: all 0.36s;

    position: relative;

    overflow: hidden;

    min-width: 240px;

}

.std_btn_link::before{

    content: '';

    width: 250px;

    height: 250px;

    border-radius: 50%;

    top: 50%;

    left: 50%;

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

    position: absolute;

    background: rgba(0,0,0,.4);

    opacity: 0;

    transition: all 0.36s;

}

.std_btn{

    display: inline-block;

}

.std_text12 p{

    font-size: 12px;

    line-height: 1.8;

    color: #203146;

}

.std_title70{

    font-size: 70px;

    color: #0D3380;

    line-height: 1;

    font-family: 'poppins_semibold'!important;

}

.std_title36{

    font-size: 36px;

    font-family: 'poppins_semibold'!important;

    line-height: 1.2;

    color: #0D3380;

}

/* 规范 - end */

/*分享翻译*/

#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*/

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

    .inside_page .ys_main>div:not(.inside_ban1,.inside_ban2,.inside_ban3,.join_ban){

        max-width: 1920px;

        margin: 0 auto;

    }

    .inside_page .ys_main>div.std_margin1{

        margin-bottom: 100px;

    }

    .research_innovation .research_innovation_cry{

        padding-right: 240px;

    }

    .investor_contact .investor_contact_text {

        padding-right: 240px;

    }

    .product_customer .product_customer_cry_earth{

        width: 921px;

        height: 921px;

    }

    .company_page .company_become #threebox {

        width: 1056px;

        height: 1056px;

    }

}

/*鼠标效果*/

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

    .std_btn_link:hover::before{

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

        opacity: 1;

    }

    .head_nav_nub:hover .head_nav_nub_first::before{

        opacity: 1;

        width: 100%;

    }

    .ys_hd_pc.isfixed .head_nav_nub:hover .head_nav_nub_first a{

        color: #0D3380;

    }

    .ys_hd_pc.isfixed .head_nav:hover .head_nav_nub.yxnav_active1 .head_nav_nub_first a{

        color: #203146;

    }

    .ys_hd_pc.isfixed .head_nav:hover .head_nav_nub.yxnav_active1:hover .head_nav_nub_first a{

        color: #0D3380;

    }

    .hnns_two:hover .hnns_two_link a,

    .hnns_two_third_three:hover a{

        background: rgba(13, 51, 128, 0.1);

        color: #0D3380;

    }

    .hnns_two:hover .hnns_two_link::before{

        opacity: 0;

    }

    .head_nav_nub_second:hover .hnns_two.yxnav_active2 .hnns_two_link a,

    .hnns_two_third:hover .hnns_two_third_three.yxnav_active3 a{

        background: transparent;

        color: #203146;

    }

    .head_nav_nub_second:hover .hnns_two.yxnav_active2:hover .hnns_two_link a,

    .hnns_two_third:hover .hnns_two_third_three.yxnav_active3:hover a{

        background: rgba(13, 51, 128, 0.1);

        color: #0D3380;

    }

    .head_nav_nub_second:hover .hnns_two.yxnav_active2 .hnns_two_link::before{

        opacity: 1;

    }

    .head_nav_nub_second:hover .hnns_two.yxnav_active2:hover .hnns_two_link::before{

        opacity: 0;

    }

    .home_technology_list_nub:hover .htln_original{

        opacity: 0;

        pointer-events: none;

    }

    .home_technology_list_nub:hover .htln_img::before{

        background: #102D68;

        opacity: .8;

    }

    .home_technology_list_nub:hover .htln_hover{

        opacity: 1;

        pointer-events: all;

        transition: all .4s .4s;

    }

    .hnln_cry:hover .hnln_cry_img img{

        transform: scale(1.05);

    }

    .hnln_cry:hover .std_title6{

        color: #0D3380;

    }

    .hnln_cry:hover {

        border: 1px solid #0D3380;

    }

    .hnln_cry:hover .hnln_cry_info {

        border-top: 1px solid #0D3380;

    }

    .hnln_cry:hover::before{

        opacity: 1;

    }

    .footer_select .ys_select_li a:hover{

        color: #0D3380;

    }

    .ftnn_second_two a:hover{

        text-decoration-color: #76818F;

    }

    .footer_copyright_list a:hover{

        text-decoration-color: rgba(255,255,255,.5);

    }

    .product_customer_logo_list li:hover .pcll_img{

        box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;

    }

    .product_customer_logo_list li:hover .std_text p{

        color: #0D3380;

        opacity: 1;

    }

    .news_btn_nub_link:hover,

    .news_btn:hover .news_btn_nub.on .news_btn_nub_link:hover{

        color: #fff;

        background: #0D3380;

        border:1px solid #0D3380;

    }

    .news_btn:hover .news_btn_nub.on .news_btn_nub_link{

        color: rgba(61, 64, 89, .5);

        background: transparent;

        border:1px solid rgba(13, 51, 128, 0.5);

    }

    .hnln_cry:hover .hnln_cry_info{

        color: #0D3380;

        opacity: 1;

    }

    .first li:hover::before,

    .prev li:hover::before,

    .next li:hover::before,

    .end li:hover::before{

        color: #0D3380;

    }

    .pc_fenye .comp-tabli li:hover{

        color: #fff;

        background: #0D3380;

    }

    .detail_cry_jump_nub a:hover{

        color: #0D3380;

    }

    .cpbl_circle_logo .ys_imgbox_cover:hover{

        transform: scale(1.2);

        box-shadow: 0px 0px 20px rgba(45, 101, 242, 0.1);

    }

    .jbln_cry:hover{

        border: 1px solid #0D3380;

    }

    .jbln_cry:hover .jbln_cry_icon {

        transform: translateY(0);

    }

    .jbln_cry:hover .std_text{

        transform: translateY(0);

        opacity: 1;

    }

    .jbln_cry:hover .jbln_cry_top{

        transform: translateY(0);

    }

    .job_list_nub_cry:hover{

        border: 1px solid #0D3380;

        box-shadow: 0px 17px 21px -6px rgba(42, 109, 147, 0.15);

    }

    .cfln_select .ys_select_bd .ys_select_li:hover,

    .job_select .ys_select_bd .ys_select_li:hover{

        color: #0D3380;

    }

    .ssln_cry:hover{

        border: 1px solid #335B91;

        box-shadow: 0px 17px 21px -6px rgba(42, 109, 147, 0.15);

    }

    .insl_nub_cry:hover{

        border: 1px solid #335B91;

        box-shadow: 0px 17px 21px -6px rgba(42, 109, 147, 0.15);

    }

    .insl_nub_cry:hover .insl_ncd_see{

        opacity: 0;

    }

    .insl_nub_cry:hover .insl_nub_cry_eye{

        opacity: 1;

        pointer-events: all;

    }

    .ieln_cry:hover::after{

        width: 100%;

        opacity: 1;

    }

    .ieln_cry:hover .std_title5{

        color: #0D3380;

    }

    .tech_list_nub_cry:hover .std_title5{

        color: #0D3380;

    }

    .tech_list_nub_cry:hover .insl_ncd_see{

        color: #0D3380;

    }

    .tech_list_nub_cry:hover .insl_ncd_see_icon img:first-child{

        opacity: 0;

    }

    .tech_list_nub_cry:hover .insl_ncd_see_icon img:nth-of-type(2){

        opacity: 1;

    }

    .tech_list_nub_cry:hover::after{

        width: 100%;

    }

    .develop_report_list_nub a:hover::before{

        width: 100%;

    }

    .develop_report_list_nub a:hover .drln_title .std_title5{

        color: #0D3380;

    }

    .company_mission_list_nub:hover .cmln_bg img{

        transform: scale(1.05);

    }

    .home_product .home_product_cry_prev:hover img:nth-of-type(2),

    .home_product .home_product_cry_next:hover img:nth-of-type(2){

        opacity: 0;

    }

    .home_product .home_product_cry_prev:hover img:first-child,

    .home_product .home_product_cry_next:hover img:first-child{

        opacity: 0;

    }

}

.ys_ban_txtbox .std_text24 p{

    color: #fff;

}

.ys_ban_txtbox .ys_ban_title{

    margin-bottom: 28px;

}

.ys_ban_txtbox .ys_ban_title,

.ys_ban_txtbox .std_text24{

    width: 54%;

}

.mouse_screen{

    width: 36px;

    cursor: pointer;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    padding-bottom: 116px;

    z-index: 8;

}

.mouse_screen_icon,.mouse_screen_icon img{

    width: 100%;

}

.mouse_screen::before{

    content: '';

    width: 1px;

    height: 87px;

    background: rgba(255,255,255,.2);

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

}

.mouse_screen::after{

    content: '';

    width: 1px;

    height: 31px;

    background: #fff;

    position: absolute;

    top: calc(100% - 87px);

    left: 50%;

    transform: translateX(-50%);

    animation: mouse_line 5s ease-in-out infinite;

}

.mouse_screen_icon{

    position: relative;

    animation: mouse_icon 5s ease-in-out infinite;

}

@keyframes mouse_line {

    0%{

        height: 0px;

    }

    49%{

        height: 87px;

    }

    51%{

        height: 87px;

    }

    100%{

        height: 0px;

    }

}

@keyframes mouse_icon {

    0%{

        transform: translateY(0);

    }

    49%{

        transform: translateY(15px);

    }

    51%{

        transform: translateY(15px);

    }

    100%{

        transform: translateY(0);

    }

}

.head_logo_img{

    display: inline-block;

}

.head_logo{

    width: 211px;

    display: flex;

    align-items: center;

    line-height: 80px;

}

.head_nav_nub_first a{

    font-size: 18px;

    color: #203146;

    line-height: 80px;

    opacity: 0.8;

    transition: all 0.36s;

}

.head_nav_nub_first{

    position: relative;

}

.head_nav_nub_first::before{

    content: '';

    background: #0D3380;

    position: absolute;

    bottom: 0;

    height: 2px;

    width: 0;

    left: 50%;

    opacity: 0;

    transform: translateX(-50%);

    transition: all 0.36s;

}

.head_nav{

    display: flex;

}

.head_nav_nub{

    padding: 0 50px;

}

.head_nav_nub_second{

    position: absolute;

    top: calc(100% + 8px);

}

.head_nav_nub_second,.hnns_two_third{

    background: #fff;

    box-shadow: 0px 0px 8px rgba(79, 79, 79, 0.1), 0px 2px 8px rgba(8, 50, 73, 0.2);

}

.head_nav_nub_second::before{

    content: '';

    width: 100%;

    top: -8px;

    height: 8px;

    position: absolute;

    left: 0;

}

.mod_head{

    padding: 0 100px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.head_other_language_icon{

    width: 24px;

    line-height: 80px;

}

.head_other_language_icon img{

    width: 100%;

}

.head_other_language_font20{

    margin-left: 8px;

    color: #203146;

    font-size: 20px;

    line-height: 80px;

    transition: all 0.36s;

}

.head_other_search_icon{

    width: 24px;

    line-height: 80px;

    margin-left: 40px;

    cursor: pointer;

}

.head_other_search_icon img{

    width: 100%;

}

.head_other{

    display: flex;

    align-items: center;

    margin-left: 95px;

}

.head_other_language a{

    display: flex;

    align-items: center;

}

.mod_head{

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    transition: all 0.36s;

}

.mod_head .ys_imgbox_cover img:first-child{

    opacity: 0;

}

.head_nav_nub_first a,.head_other_language_font20{

    color: #fff;

    opacity: 1;

    display: block;

}

.ys_hd_pc.isfixed .mod_head .ys_imgbox_cover img:first-child{

    opacity: 1;

}

.ys_hd_pc.isfixed .mod_head .ys_imgbox_cover img:nth-of-type(2){

    opacity: 0;

}

.ys_hd_pc.isfixed .mod_head{

    background: #FFFFFF;

    box-shadow: 0px 4px 24px rgba(51, 91, 145, 0.1);

}

.ys_hd_pc.isfixed .head_nav_nub_first a{

    color: #203146;

    opacity: .8;

}

.ys_hd_pc.isfixed .head_other_language_font20{

    color: #203146;

}

.ys_hd_pc.isfixed .head_nav_nub.yxnav_active1 .head_nav_nub_first a{

    color: #0D3380;

}

.hnns_two_link,.hnns_two_third_three{

    position: relative;

}

.hnns_two_link::before,.hnns_two_third_three::before{

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    background: rgba(32, 49, 70, 0.1);

    bottom: 0;

    left: 0;

    transition: all 0.36s;

}

.hnns_two:last-child .hnns_two_link::before{

    display: none;

}

.hnns_two_link a,.hnns_two_third_three a{

    font-size: 16px;

    text-align: center;

    color: #203146;

    line-height: 80px;

    padding: 0 45px;

    display: block;

    transition: all 0.36s;

    white-space: nowrap;

}

.hnns_two.yxnav_active2 .hnns_two_link a,

.hnns_two_third_three.yxnav_active3 a{

    background: rgba(13, 51, 128, 0.1);

    color: #0D3380;

}

.hnns_two.yxnav_active2 .hnns_two_link::before{

    opacity: 0;

}

.hnns_two_third{

    position: absolute;

    left: calc(100% + 4px);

    top: 0;

}

.hnns_two_third::before{

    content: '';

    position: absolute;

    left: -4px;

    height: 100%;

    top: 0;

    width: 4px;

}

.hnns_two {

    position: relative;

}

.head_nav_nub_second,.hnns_two_third{

    display: none;

}

.head_other_search_icon .hosi_close{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

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

    opacity: 0;

}

.yx_search3xlbox{

    width: 100%;

    height: 350px;

    background: #fff;

    box-shadow: 0px 4px 8px rgb(79 79 79 / 10%), 0px 4px 8px rgb(8 50 73 / 20%);    display: none;

    position: absolute;

    left: 0;

    top: 100%;

 }

 .yx_search3_tbox{

    width: 50%;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 50%;

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

    height: 60px;

    border-bottom: 1px solid #666;

 }

 .yx_search3xlbtn{

    width: 27px;

    line-height: 60px;

 }

 .yx_search3xlbtn img{

    width: 100%;

    transition: all .36s;

 }

 .yx_search3_xls  {

    width: calc(100% - 27px);

    padding-right: 20px;

 }

 .yx_search3_xls  input{

    font-size: 16px;

    line-height: 3.75;

    color: #666;

    width: 100%;

    transition: all .36s;

 }

 .yx_search3_xls  input::placeholder{

    color: #666;

 }

 .yx_search3.act .head_other_search_icon .hosi_close{

    opacity: 1;

 }

 .ys_hd_pc .mod_head .yx_search3.act .head_other_search_icon img:first-child,

 .yx_search3.act .head_other_search_icon img:nth-of-type(2){

    opacity: 0;

 }

 .head_other_search_icon.on .hosi_close{

    opacity: 1;

 }

 .ys_hd_pc .mod_head .head_other_search_icon.on img:first-child,

 .head_other_search_icon.on img:nth-of-type(2){

    opacity: 0;

 }

 .ys_phnavss_modal button {

    width: 60px;

}

.ys_phnavss_modal .ys_phnavss_form input {

    width: calc(100% - 65px);

}

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a {

    color: #0D3380;

}

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox a {

    color: #0D3380;

}

.ys_ph_navbar4 .ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox a {

    color: #0D3380;

}

.ys_phnav_tel a{

    color: inherit;

}

.std_title2,.std_title3,.std_title4{

    position: relative;

}

.std_title2::before,.std_title2::after,

.std_title3::before,.std_title3::after,

.std_title4::before,.std_title4::after{

    content: '';

    width: 8px;

    height: 8px;

    position: absolute;

    left: 0;

}

.std_title2::before,

.std_title3::before,

.std_title4::before{

    background: transparent;

    top: 16px;

}

.std_title2::after,

.std_title3::after,

.std_title4::after{

    background: transparent;

    top: 24px;

}

.mod_title1{

    max-width: 1196px;

}

.std_title2.on,

.std_title3.on{

    padding-left: 16px;

}

.std_title2.on::before,

.std_title3.on::before,

.std_title4.on::before{

    background: #0D3380;

}

.std_title2.on::after,

.std_title3.on::after,

.std_title4.on::after{

    background: #0075FF;

}

.rotate_arrow1 .slick-prev,

.rotate_arrow1 .slick-next{

    width: 20px;

    height: 20px;

    z-index: 10;

}

.rotate_arrow1 .slick-prev::before,

.rotate_arrow1 .slick-next::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

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

    background-size: 100% 100%;

}

.rotate_arrow1 .slick-prev::before{

    background-image: url(../images/a1_left.svg);

}

.rotate_arrow1 .slick-next::before{

    background-image: url(../images/a1_right.svg);

}

.ys_ban_slick .slick-prev{

    position: absolute;

    left: calc(50% - 720px);

}

.ys_ban_slick .slick-next{

    position: absolute;

    left: calc(50% - 720px + 98px);

}

.banner_control{

    position: absolute;

    width: 78px;

    left: calc(50% - 720px + 20px);

    font-family: 'poppins_medium'!important;

    color: #fff;

    text-align: center;

    line-height: 20px;

}

.banner_control span{

    padding: 0 8px;

}

.banner_control_total{

    opacity: .5;

}

.banner_control,.ys_ban_slick .slick-prev,.ys_ban_slick .slick-next{

    top: calc(50% - 154px);

    transform: translateY(-50%);

}

.ys_ban_txtbox.ys_pos_center{

    top: calc(50% - 112px);

    transform: translate(-50%,0);

}

.hpln_box_video_font18{

    font-size: 18px;

    color: #fff;

    line-height: 1.3;

    margin-left: 18px;

}

.hpln_box_video_icon{

    width: 66px;

    height: 40px;

    background: #0D3380;

    border-radius: 20px;

    position: relative;

}

.hpln_box_video_icon img{

    width: 16px;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.hpln_box{

    position: relative;

    height: 100%;

}

.hpln_box_img {

    height: 100%;

}

.hpln_box_video{

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    bottom: 43px;

    left: 54px;

    position: absolute;

    opacity: 0;

    pointer-events: none;

    transition: all 0.36s;

}

.home_product_list_nub .std_title4{

    color: #203146;

    opacity: 0.8;

    position: absolute;

    top: calc(100% + 24px);

    padding-left: 8px;

    left: 0;

    overflow: hidden;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

}

.home_product_list_nub{

    margin: 0 8px;

    transition:all .5s linear;

}

.home_product_list{

    margin: 0 -8px;

}

.home_product_list_nub.on,

.home_product_list_nub.slick-current.slick-active{

    width: 820px!important;

}

.home_product_list_nub{

    width: 310px!important;

    /* position: relative; */

}

.home_product_list .slick-track{

    display: flex;

}

.home_product_list .slick-slide{

    height: auto;

}

.home_product_list .slick-list{

    overflow: visible;

}

.home_product_list_nub  .ys_imgbox_cover img:nth-child(2){

    left: 50%;

    transform: translateX(-50%);

    width: auto;

    max-width: none;

}

.home_product_cry{

    position: relative;

}

.home_product_cry::before{

    content: '';

    width: calc(50vw - 720px);

    background: #fff;

    position: absolute;

    left: calc(720px - 50vw);

    top: 0;

    height: calc(100% + 100px);

    z-index: 10;

}

.home_product_list_nub.act .std_title4{

    opacity: 0;

}

.home_product_list_nub.on .hpln_box_video{

    opacity: 1;

    pointer-events: all;

}

.home_product_list .ys_imgbox_cover img:first-child{

    width: 820px!important;

    max-width: none;

}

.home_product_list{

    display: flex;

    grid-row: auto;

    width: auto;

    position: relative;

}

.home_product_list_nub{

    grid-row: auto;

    flex-shrink:0;

}

.home_product_list_nub:first-child{

    position: relative;

}

.home_product_list_nub{

    position: relative;

    top: 0;

    height: 100%;

    left: 0;

}

.home_product_list{

    position: relative;

}

.home_product_list_nub{

    transform: translate3d(0px, 0px, 0px);

}

.home_product_cry_next{

    width: 93px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    cursor: pointer;

}

.home_product_cry_next img{

    width: 100%;

}

.hpln_box_img img{

    pointer-events: none;

}

.home_product_list{

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

}

.home_product_cry{

    margin-bottom: 72px;

}

.home_semcorp_list_nub{

    width: 25%;

    padding: 0 24px;

    margin-bottom: 48px;

}

.home_semcorp_list{

    margin: 0 -24px;

    margin-bottom: -48px;

}

.hsln_cry{

    background: #fff;

    box-shadow: 0px 17px 21px -6px rgba(42, 109, 147, 0.15);

}

.hsln_cry_icon{

    width: 120px;

    margin: 0 auto;

    margin-bottom: 54px;

}

.hsln_cry .std_text12 p{

    opacity: .4;

}

.data_scroll{

    color: #0D3380;

    font-family: 'poppins_semibold'!important;

}

.hsln_cry{

    padding: 60px 10px 43px;

    text-align: center;

    height: 100%;

}

.home_semcorp_list{

    display: flex; 

    flex-wrap: wrap;

}

.hsln_cry_font{

    display: flex;

    align-items: center;

    justify-content: center;

    color: #0D3380;

    font-family: 'poppins_semibold'!important;

    font-size: 20px;

    margin-bottom: 3px;

}

.hsln_cry_font i{

    font-style: normal;

    color: #0D3380;

    font-size: 24px;

    font-family: inherit;

}

.hsln_cry_font span{

    color: #0D3380;

    font-size: 36px;

}

.hsln_cry_font .data_scroll{

    padding: 0 10px;

}

.hsln_cry_font span,.hsln_cry_font .data_scroll {

    position: relative;

    top: -6px;

}

.hsln_cry .std_title6{

    color: #203146;

    opacity: .6;

}

.home_semcorp{

    position: relative;

}

.home_semcorp .ys_cont1440{

    position: relative;

    z-index: 3;

}

.home_semcorp_bg{

    position: absolute;

    width: 47.45%;

}

.home_semcorp_bg img{

    width: 100%;

}

.home_semcorp_bg1{

    left: 9.6%;

    bottom: -60px;

}

.home_semcorp_bg2{

    right: -13.3%;

    bottom: 0;

    transform: translateY(30%);

}

.home_advantage{

    background: #F8FAFC;

}

.hacc_out{

    width: 446px;

    height: 446px;

    position: relative;

}

.home_advantage_cry_circle{

    padding: 67px 102px 58px;

}

.hacc_out::before{

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: linear-gradient(to right bottom,rgba(22, 86, 210, .2),rgba(39, 18, 121, .2));

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.hacc_out::after{

    content: '';

    width: calc(100% - 2px);

    height:calc(100% - 2px);

    border-radius: 50%;

    background: #F8FAFC;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.hacc_dotted{

    width: 77.13%;

    height: 77.13%;

    border-radius: 50%;

    stroke-dasharray: 10px;

    stroke-dashoffset: 10px;

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 2;

}

.hacc_dotted img{

    width: 100%;

}

.hacc_logo{

    width: 67.26%;

    height: 67.26%;

    border: 45px solid #28a1e6;

    box-shadow: 0px 0px 24px rgba(21, 21, 21, 0.2);

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 3;

}

.hacc_logo img{

    width: 54%;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.hacc_list{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

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

    z-index: 5;

}

.hacc_list_nub{

    position: absolute;

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

    cursor: pointer;

}

.hacc_list_nub_icon{

    width: 64px;

    height: 64px;

    border-radius: 50%;

    border: 1px solid #d0d0d0;

    box-shadow: 0px 0px 12px rgba(21, 21, 21, 0.1);

    background: #fff; 

    transition: all 0.36s;

}

.hacc_icon_img{

    width: 54px;

    height: 33px;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.hacc_icon_img img:nth-of-type(2){

    opacity: 0;

}

.hacc_icon_font{

    position: absolute;

    font-size: 22px;

    color: #222;

    line-height: 1.4;

    transition: all 0.36s;

    white-space: nowrap;

}

.hacc_list_nub1 .hacc_icon_font{

    left: 50%;

    transform: translateX(-50%);

    bottom: calc(100% + 4px);

}

#hacc_circle{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2;

    transform: translate(-50%,-50%) rotate(-90deg);

}

#hacc_circle canvas{

    width: 100%;

    height: 100%;

}

#hacc_circle svg{

    width: 100%;

    height: 100%;

}

.hacc_list_nub.on .hacc_list_nub_icon{

    background: #28a1e6;

}

.hacc_list_nub.on .hacc_icon_img img:nth-of-type(2) {

    opacity: 1;

}

.hacc_list_nub.on .hacc_icon_img img:first-child {

    opacity: 0;
width:100%;
  display: none !important;
}

.hacc_list_nub2 .hacc_icon_font,

.hacc_list_nub3 .hacc_icon_font{

    top: 50%;

    transform: translateY(-50%);

    left: calc(100% + 8px);

}

.hacc_list_nub4 .hacc_icon_font,

.hacc_list_nub5 .hacc_icon_font{

    left: 50%;

    transform: translateX(-50%);

    top: calc(100% + 4px);

}

.hacc_list_nub6 .hacc_icon_font{

    top: 50%;

    transform: translateY(-50%);

    right: calc(100% + 8px);

}

.hacc_list_nub.on .hacc_icon_font{

    font-size: 28px;

}

.hacc_icon_font::before{

    content: '';

    background: #0D3380;

    opacity: 0.3;

    position: absolute;

    left: 0;

    bottom: 6px;

    height: 6px;

    width: 100%;

    z-index: -1;

    opacity: 0;

    transition: all 0.36s;

}

.hacc_list_nub.on .hacc_icon_font::before{

    opacity: 0.3;

}

.hact_list_nub .std_text20 p{

    line-height: 1.6;

}

.home_advantage_cry_text{

    width: 37.34%;

}

.home_advantage_cry_circle{

    width: 51.66%;

}

.home_advantage_cry{

    display: flex;

    align-items: center;

    justify-content: space-between;
      transform: scale(0.8);

}

.home_advantage .ys_cont1440{

    position: relative;

    z-index: 3;

}

.home_advantage_bg{

    width: 86.458%;

    position: absolute;

    bottom: 107px;

    left: 29.427%;

}

.home_advantage{

    position: relative;

}

.mod_title2{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.mod_title2 .std_title2,

.mod_title2 .std_text20{

    width: 50%;

}

.mod_title2 .std_text20{

    margin-top: 18px;

}

.home_technology_list_nub{

    width: 33.333333%;

    position: relative;

}

.home_technology_list{

    display: flex;

}

.home_technology {

    max-width: 1920px;

    margin: 0 auto;

}

.htln_img::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    background: rgba(0,0,0,.2);

    z-index: 2;

    top: 0;

    left: 0;

    transition: all 0.36s;

}

.htln_original,.htln_hover{

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    padding: 0 50px;

    z-index: 3;

    transition: all 0.36s;

}

.htln_original_icon,.htln_hover_icon{

    width: 64px;

}

.htln_original_icon{

    margin-bottom: 48px;

}

.htln_hover_icon{

    margin-bottom: 30px;

}

.htln_original .std_title3{

    color: #fff;

}

.home_technology_list_nub .std_title3 span,

.home_technology_list_nub .std_title3 i{

    font-style: normal;

    color: inherit;

}

.home_technology_list_nub .std_title3 span{

    font-size: 36px;

}

.home_technology_list_nub .std_title3 i{

    font-size: 24px;

}

.htln_original .std_title4{

    color: #fff;

}

.htln_hover{

    opacity: 0;

    pointer-events: none;

}

.htln_hover_link{

    width: 48px;

}

.htln_hover_link img{

    width: 100%;

}

.htln_hover_data{

    display: flex;

    flex-wrap: wrap;

    align-items: flex-end;

    margin-bottom: 31px;

} 

.htln_hover_data .std_title3{

    margin-right: 7px;

}

.htln_hover_data .std_title3,

.htln_hover_data .std_title5{

    color: #fff;

}

.htln_hover_data .std_title5{

    position: relative;

    top: -6px;

}

.htln_hover .std_text20 p{

    color: #fff;

}

.htln_hover .std_text20{

    margin-bottom: 40px;

}

.htln_original{

    transition: all 0.36s ease 0s;

}

.mod_title_box{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.std_btn2 .std_btn_link {

    background: transparent;

}

.std_btn2 .std_btn_link .std_btn_link_font16{

    color: #0D3380;

}

.std_btn2 .std_btn_link::before {

    background: rgba(13,51,128,.05);

}

.home_news_list_nub{

    width: 33.333333%;

    padding: 0 24px;

}

.hnln_cry{

    border: 1px solid rgba(51, 91, 145, 0.2);

    padding: 32px;

    transition: all 0.36s;

    position: relative;

    background: #fff;

}

.hnln_cry_img{

    width: 100%;

    margin-bottom: 16px;

}

.hnln_cry .std_title6{

    color: #203146;

    opacity: .8;

    transition: all 0.36s;

    margin-bottom: 12px;

}

.hnln_cry_date{

    font-size: 16px;

    color: #203146;

    opacity: .5;

    line-height: 1.8;

    margin-bottom: 40px;

}

.hnln_cry_info{

    border-top: 1px solid rgba(51, 91, 145, 0.2);

    transition: all 0.36s;

    padding-top: 16px;

    color: #0D3380;

    font-size: 16px;

    line-height: 1.8;

}

.home_news_box {

    position: relative;

}

.home_news_box{

    margin: 0 -24px;

}



.swiper_progress .swiper-pagination-progressbar {

    background: #E9E9E9;

    position: relative;

}

.swiper_progress.swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper_progress.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    height: 2px;

    width: calc(100% - 48px);

    left: 24px;

}

.swiper_progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

    background: #0D3380;

}

.swiper_progress .swiper-button-prev,

.swiper_progress .swiper-button-next{

    width: 48px;

    height: 48px;

    position: relative;

    margin-top: 0;

}

.swiper_progress .swiper-button-next:after, 

.swiper_progress .swiper-button-prev:after{

    display: none;

}

.swiper_progress .swiper-button-next::before, 

.swiper_progress .swiper-button-prev::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    background-size: 100% 100%;

    background-image: url(../images/mod_arrow_01.svg);

}

.swiper_progress .swiper-button-prev::before{

    transform: rotate(180deg);

}

.swiper_progress .swiper-button-next,

.swiper_progress .swiper-container-rtl .swiper-button-prev {

    right: 0;

}

.swiper_progress_cry{

    margin-top: 24px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 0 24px;

}

.swiper_progress_cry .swiper-button-next{

    margin-left: 40px;

}

.swiper_progress .swiper-button-next.swiper-button-disabled, 

.swiper_progress .swiper-button-prev.swiper-button-disabled{

    opacity: .5;

}

.home_news .mod_title1{

    width: 100%;

    max-width:100%;

}

.hnln_cry::before{

    content: '';

    height: 60px;

    width: 60px;

    position: absolute;

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

    left: 50%;

    top: calc(100% + 1px);

    background-size: 100% 100%;

    background-image: url(../images/a_icon_12.svg);

    z-index: -1;

    transition: all 0.36s;

    opacity: 0;

}

.ys_footer{

    background: #F8FAFC;

}

.footer_top{

    padding: 100px 0 90px;

}

.footer_top_cry_logo{

    width: 210px;

    margin-bottom: 62px;

}

.footer_top_cry_logo a{

    display: block;

    width: 100%;

}

.footer_top_cry_logo img{

    width: 100%;

}

.std_font16{

    color: #0D3380;

    font-size: 16px;

    line-height: 1.8;

}

.footer_top_cry_text .std_font16{

    margin-bottom: 9px;

}

.footer_top_cry_text .std_title3{

    color: #0D3380;

    display: flex;

    align-items: flex-end;

    justify-content: flex-start;

    line-height: 1;

    margin-bottom: 7px;

}

.footer_top_cry_text .std_title3 img{

    width: 24px;

    margin-left: 12px;

    position: relative;

    top: -2px;

}

.footer_top_cry_text .std_title3 span{

    font-size: 20px;

    position: relative;

    top: -4px;

}

.footer_top_cry_text .std_title3.on img{

    transform: rotate(180deg);

}

.footer_top_cry .std_title8{

    opacity: 0.6;

}

.footer_top_cry_text{

    margin-bottom: 86px;

}

.ftcs_nub{

    width: 32px;

    margin: 0 10px;

}

.ftcs_nub a{

    display: block;

    width: 100%;

}

.ftcs_nub img{

    width: 100%;

}

.footer_top_cry_share{

    margin: 0 -10px;

    margin-bottom: 40px;

    display: flex;

    flex-wrap: wrap;

}

.footer_top_cry{

    width: 280px;

}

.footer_select .ys_select_hd{

    border: 1px solid rgba(51, 51, 51, 0.5);

    height: 50px;

    padding: 0 24px;

}

.footer_select .ys_select_xtbbox{

    width: 24px;

    right: 24px;

}

.footer_select .ys_select_show,

.footer_select .ys_select_show::placeholder{

    color: #203146;

    font-size: 14px;

}

.footer_select .ys_select_bd{

    top: calc(100% + 4px);

    border: 1px solid rgba(51, 51, 51, 0.5);

    padding: 7px 0;

    height: 128px;

    background: #F8FAFC;

}

.footer_select .ys_select_li a{

    padding: 0 24px;

    color: #203146;

    font-size: 14px;

    transition: all 0.36s;

    line-height: 2;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #0D3380;

}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{

    background-color: #E9E9E9;

}

.footer_top_nav{

    width: calc(100% - 280px);

    padding-left: 160px;

    margin: 0 -20px;

}

.footer_top .ys_cont1440{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.ftnn_first a{

    color: #0D3380;

    font-size: 20px;

    line-height: 1.5;

    font-family: 'poppins_semibold'!important;

}

.ftnn_first{

    margin-bottom: 24px;

}

.ftnn_second_two a{

    font-size: 16px;

    line-height: 1.6;

    color: #203146;

    transition: all 0.36s;

    opacity: 0.6;

    text-decoration: underline;

    text-underline-position: under;

    text-decoration-color: transparent;

}

.ftnn_second_two{

    margin-bottom: 16px;

}

.footer_top_nav_nub{

    width: 210px;

    margin: 0 20px;

}

.ftnn_second{

    margin-bottom: 40px;

}

.footer_copyright{

    background: #0D3380;

    padding: 30px 0 28px;

}

.footer_copyright .std_title8 p{

    color: rgba(255,255,255,.5);

    font-size: 14px;

    line-height: 1.8;

}

.footer_copyright .std_title8 p a{

    color: inherit;

}

.footer_copyright_list li{

    padding: 0 22px;

    color: rgba(255,255,255,.5);

    font-size: 14px;

    line-height: 1.8;

}

.footer_copyright_list{

    display: flex;

    align-items: center;

}

.footer_copyright_list a{

    color: inherit;

    text-decoration: underline;

    text-underline-position: under;

    text-decoration-color: transparent;

    transition: all 0.36s;

}

.footer_copyright .ys_cont1440{

    display: flex;

    justify-content: space-between;

}

.footer_copyright .std_title8 p a:nth-of-type(2){

    margin-left: 16px;

}

/* b1 */

.inside_ban1_img{

    position: relative;

    height: 100vh;

    width: 100%;

}

.inside_ban1{

    position: relative;

}

.inside_ban1_img img{

    position: absolute;

    top: 50%;

    left: 50%;

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

    object-fit: cover;

    min-width: 100%;

    min-height: 100%;

    width: 100%;

}

.inside_ban1_img::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    background: rgba(88, 154, 232, 0.6);

    top: 0;

    left: 0;

    z-index: 2;

}

.inside_ban1 .std_title2{

    color: #fff;

}

.inside_ban1 .std_text20{

    margin-top: 32px;

}

.inside_ban1 .ys_pos_center{

    z-index: 4;

}

.inside_screen{

    position: absolute;

    width: 16px;

    height: calc(100vh - 368px);

    bottom: 144px;

    right: 94px;

    cursor: pointer;

    z-index: 4;

}

.inside_screen::before{

    content: '';

    width: 1px;

    position: absolute;

    height: 100%;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    background: rgba(255,255,255,.5);

}

.inside_screen::after{

    content: '';

    position: absolute;

    width: 1px;

    height: 33%;

    background: #fff;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    animation: in_screen 5s linear infinite;

}

@keyframes in_screen{

    0%{

        top: 0;

    }

    50%{

        top: 67%;

    }

    100%{

        top: 0;

    }

}

.business_energy .std_title3{

    width: 540px;

    max-width: 50%;

}

.business_energy .mod_text1{

    width: 600px;

    max-width: 50%;

    position: relative;

    top: 14px;

}

.mod_title2 .mod_text1 .std_text20 {

    width: 100%;

}

.mod_title2 .std_title4,

.business_film_cry_text .std_title4{

    color: #3D4059;

}

h2.std_title3{

    line-height: 1.5;

}

.mod_title2 .mod_text1 .std_text20,

.business_film_cry_text .std_text20 {

    margin-top: 16px;

}

.business_energy_img,

.business_energy_img img{

    width: 100%;

}

.business_film_cry{

    display: flex;

    align-items: center;

}

.business_film_cry_img{

    width: 48.34%;

}

.business_film_cry_text{

    width: 51.66%;

    padding-right: 100px;

}

.business_apply{

    position: relative;

    overflow: hidden;

}

.business_apply_bg{

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

}

.business_apply_bg img{

    width: 100%;

}

.business_apply_bg::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: #335B91;

    opacity: .4;

    z-index: 2;

}

.business_apply .ys_cont1440{

    position: relative;

    z-index: 4;

}

.std_title3.std_title3_white {

    color: #fff;

}

.std_title3.std_title3_white.on::before {

    background: #fff;

}

.std_title3.std_title3_white.on::after {

    background: #fff;

    opacity: .6;

}

.mod_title1_white .std_text20 p{

    color: #fff;

}

.business_apply_box{

    position: relative;

    padding-top: 40px;

}

.business_apply_box::before{

    content: '';

    background: #fff;

    position: absolute;

    width: 100vw;

    height: 100%;

    left: -120px;

    top: 0;

}

.business_apply_box_list{

    width: 35%;

    position: relative;

    z-index: 3;

}

.babl_nub{

    position: relative;

}

.babl_nub a{

    display: block;

    padding: 40px;

    position: relative;

}

.babl_nub div{

    position: relative;

    z-index: 2;

}

.babl_nub::before{

    content: '';

    border: 1px solid #0D3380;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    background: #fff;

    position: absolute;

    width: calc(100% + 70px);

    height: 100%;

    top: 0;

    left: 0;

    transition: all 0.36s;

    opacity: 0;

}

.babl_nub.on::before{

   opacity: 1;

}

.babl_nub .std_title4{

    margin-bottom: 4px;

}

.babl_nub .babl_nub_icon{

    width: 48px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -30px;

    opacity: 0;

    transition: all 0.36s;

}

.babl_nub.on .babl_nub_icon{

    opacity: 1;

}

.babl_nub_icon img{

    width: 100%;

}

.babl_nub .std_text{

    overflow: hidden;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

}

.business_apply_box_img{

    width: 65%;

}

.business_apply_box{

    display: flex;

    align-items: center;

}

.babi_nub:not(:first-child){

    display: none;

}

/* b2 */

.inside_ban2,.inside_ban2_img{

    position: relative;

    width: 100%;

}

.inside_ban2_img img{

    width: 100%;

}

.inside_ban2_img::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(88,154,232,.6);

    z-index: 3;

}

.inside_ban2 .ys_pos_center{

    z-index: 4;

    text-align: center;

}

.inside_ban2 .std_title2{

    color: #fff;

}

.product_model{

    position: relative;

    overflow: hidden;

}

.product_model_bg{

    width: 42.4vw;

    height: 42.4vw;

    position: absolute;

    background: rgba(13, 51, 128, .1);

    position: absolute;

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

    left: 50%;

    top: -10vw;

    border-radius: 50%;

}

.product_model_bg_spread{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

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

}

.product_model_cry{

    position: relative;

    width: 54.2%;

    margin: 0 auto;

}

.product_model .ys_cont1440{

    position: relative;

    z-index: 3;

}

.product_model_bg::before,

.product_model_bg::after,

.product_model_bg_spread::before,

.product_model_bg_spread::after{

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

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

    border: 1px solid rgba(13, 51, 128, .1);

    border-radius: 50%;

    opacity: 0;

    animation: model_bg 8s linear infinite;

}

.product_model_bg::after{

    animation-delay: 2s;

}

.product_model_bg_spread::before{

    animation-delay: 4s;

}

.product_model_bg_spread::after{

    animation-delay: 6s;

}

@keyframes model_bg {

    0%{

        opacity: 0;

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

    }

    2%{

        opacity: 1;

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

    }

    98%{

        opacity: 1;

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

    }

    100%{

        opacity: 0;

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

    }

}

.product_model_bg1{

    left: -92px;

    bottom: 0;

    transform: translateY(40%);

}

.product_model_glass{

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 0px 8px 24px -6px rgba(42, 109, 147, 0.1);

    backdrop-filter: blur(8px);

    padding: 40px;

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 53px;

}

.product_model_glass .std_text24 p{

    text-transform: capitalize;

    text-align: center;

    line-height: 1.4;

    color: #0D3380;

    font-family: 'poppins_medium'!important;

}

.product_model_cry_list{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.pmcl_nub{

    position: absolute;

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

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0px 2px 8px rgba(8, 50, 73, 0.2);

}

.pmcl_nub_spread{

    width: 100%;

    height: 100%;

    position: absolute;

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

    top: 50%;

    left: 50%;

    border-radius: 50%;

}

.pmcl_nub::before{

    content: '';

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 4px solid #0D3380;

    position: absolute;

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

    top: 50%;

    left: 50%;

}

.pmcl_nub::after,.pmcl_nub_spread::before{

    content: '';

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 1px solid #0D3380;

    position: absolute;

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

    top: 50%;

    left: 50%;

    animation: pro_spread 2s linear infinite;

}

.pmcl_nub_spread::before{

    animation-delay: 1s;

}

@keyframes pro_spread {

    0%{

        border: 1px solid #0D3380;

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

        opacity: 1;

    }

    80%{

        border: 0.5px solid #0D3380;

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

        opacity: 1;

    }

    100%{

        border: 0.5px solid #0D3380;

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

        opacity: 0;

    }

}

.pmcl_nub.on .pmcl_nub_tan{

    background: #fff;

    box-shadow: 0px 2px 14px rgba(61, 72, 169, 0.16);

    padding: 20px;

}

.pmcl_nub_tan_img{

    width: 260px;

    margin: 0 auto;

    margin-bottom: 11px;

}

.pmc1_ntt_icon{

    width: 44px;

}

.pmcl_nub_tan_text .std_title5{

    margin-left: 16px;

    font-family: 'poppins_medium'!important;

    color: #3D4059;

    white-space: nowrap;

    position: relative;

    top: 3px;

}

.pmcl_nub_tan_text{

    display: flex;

    align-items: center;

    justify-content: center;

}

.pmcl_nub_tan{

    position: absolute;

    bottom: calc(70px + 19px);

    left: calc(121px + 19px);

    border-bottom: 1px solid #0D3380;

    padding-bottom: 8px;

}

.pmcl_nub_spread span{

    width: 1px;

    height: 1px;

    position: absolute;

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

    top: 50%;

    left: 50%;

}

.pmcl_nub_spread span::after{

    content: '';

    width: 140px;

    height: 1px;

    background: #0D3380;

    position: absolute;

    transform-origin: left top;

    transform: rotate(-30deg);

}

.pmcl_nub.act .pmcl_nub_spread span::after{

    transform: rotate(210deg);

}

.pmcl_nub.act .pmcl_nub_tan{

    right: calc(121px + 19px);

    left: auto;

}

.pmcl_nub.on .pmcl_nub_tan{

    border-bottom:0;

    width: auto!important;

}

.pmcl_nub_spread::after{

    width: 4px;

    height: 4px;

    border-radius: 50%;

    position: absolute;

    background: #fff;

    content: '';

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

    top: 50%;

    left: 50%;

    border-radius: 50%;

    z-index: 3;

}

.pmcl_nub .pmcl_nub_tan_text{

    justify-content: flex-end;

}

.pmcl_nub.act .pmcl_nub_tan_text{

    justify-content: flex-start;

}

.pmcl_nub.on .pmcl_nub_tan_text{

    justify-content: center;

}

.pmcl_nub_tan{

    width: 300px;

}

.product_apply{

    background: #F8FAFC;

    overflow: hidden;

}

.product_apply_swiper{

    width: 48.5%;

    position: relative;

    overflow: hidden;

}

.product_apply_cry_text{

    width: 51.5%;

    padding-right: 48px;

}

.pact_list_nub .std_title4{

    color: rgba(61, 64, 89, .8);

    margin-bottom: 8px;

    transition: all 0.36s;

    position: relative;

}

.pact_list_nub.on .std_title4{

    color: rgba(61, 64, 89, 1);

}

.pact_list_nub .std_text18 p{

    color: #3D4059;

    opacity: .8;

    line-height: 1.8;

}

.pact_list_nub{

    margin-bottom: 50px;

    position: relative;

    z-index: 5;

}

.pact_list_nub:last-child{

    margin-bottom: 0;

}

.pact_list{

    padding: 50px 0;

}

.product_apply_cry{

    display: flex;

    align-items: center;

}

.pact_list_nub .std_text18{

    padding-bottom: 60px;

    display: none;

}

.pact_list{

    padding-left: 72px;

    position: relative;

}

.pact_list::before{

    content: '';

    width: 1px;

    height: 100%;

    background: #0D3380;

    position: absolute;

    left: 19px;

    top: 0;

}

.pact_list_nub .std_title4::before{

    content: '';

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid rgba(13, 51, 128, .5);

    transition: all 0.36s;

    position: absolute;

    left: -72px;

    top: 4px;

    background: #F8FAFC;

}

.pact_list_nub .std_title4::after{

    content: '';

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 1px solid rgba(13, 51, 128, .5);

    transition: all 0.36s;

    position: absolute;

    left: -60px;

    top: 16px;

    background: #F8FAFC;

}

.pact_list_nub.on .std_title4::before{

    border: 1px solid rgba(13, 51, 128, 1);

}

.pact_list_nub.on .std_title4::after{

    border: 1px solid rgba(13, 51, 128, 1);

    background: #0D3380;

}

.product_category_list_nub{

    width: 50%;

    padding: 0 24px;

    margin-top: 100px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.product_category_list{

    margin: 0 -24px;

}

.pcln_cry{

    background: #fff;

    box-shadow: 0px 2px 14px rgba(61, 72, 169, 0.16);

    padding:72px 40px 40px;

    position: relative;

    flex-grow: 1;

}

.pcln_cry_tu{

    position: absolute;

    left: 30px;

    top:0;

    transform: translateY(-50%);

}

.pcln_cry_tu li{

    width: 108px;

    height: 108px;

    background: #fff;

    padding: 10px;

    border-radius: 50%;

    position: relative;

    cursor: pointer;

}

.pcln_cry_tu li:first-child{

    background: transparent;

}

.pcln_cry_tu li:nth-of-type(2){

    left: 37px;

    position: absolute;

    top: 0;

}

.pcln_cry_tu li:nth-of-type(3){

    left: 74px;

    position: absolute;

    top: 0;

}

.pcln_cry_tu li:nth-of-type(4){

    left: 111px;

    position: absolute;

    top: 0;

}

.pcln_cry_tu_img{

    width: 100%;

    border-radius: 50%;

    overflow: hidden;

}

.pcln_cry_tu_icon{

    width: 40px;

    height: 40px;

    background: #fff;

    border-radius: 50%;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.14);

    position: absolute;

    bottom: 10px;

    right: -10px;

}

.pcln_cry_tu_icon img{

    width: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.pcln_cry_top .std_title5{

    margin-bottom: 24px;

    color: #3D4059;

}

.pcln_cry_top .std_text p{

    color: #203146;

    opacity: 0.8;

    line-height: 1.8;

}

.std_btn3_link{

    background: rgba(13, 51, 128, 0.2);

    color: #0D3380;

    font-size: 16px;

    line-height: 34px;

    padding: 0 16px;

}

.std_btn3{

    display: inline-block;

}

.pcln_cry_btn{

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}

.pcln_cry_top .std_text{

    margin-bottom: 32px;

}

.pcln_cry{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.product_category_list{

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

}

.product_billion{

    position: relative;

    overflow: hidden;

}

.product_billion_bg{

    position: absolute;

    width: 100%;

    height: auto;

    top: 0;

    left: 0;

}

.product_billion_bg img{

    position: relative;

    width: 100%;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

    min-width: 100%;

    max-height: 100%;

    width: 100%;

    object-fit: cover;

}

.product_billion_bg::before{

    content: '';

    background: rgba(51, 91, 145, 0.4);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3;

}

.product_billion .ys_cont1440{

    position: relative;

    z-index: 5;

    text-align: center;

}

.product_billion .std_title3.std_title3_white {

    display: inline-block;

    margin-bottom: 120px;

}

.product_billion_data{

    font-size: 96px;

    text-align: center;

    font-family: 'poppins_semibold'!important;

    margin-bottom: 36px;

    color: #fff;

}

.product_billion .std_title4{

    color: #fff;

    font-family: 'poppins_semibold'!important;

}

.product_billion_decorate{

    position: relative;

}

.product_billion_decorate::before{

    width: 1px;

    height: 64px;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    background: #fff;

    content: '';

    bottom: 39px;

}

.product_customer{

    background: linear-gradient(180deg, #EEF2F8 0%, #EEF2F8 0.01%, #F5F7FA 100%);

}

.product_customer .std_title3{

    display: inline-block;

}

.product_customer_title{

    text-align: center;

}

.product_customer_data .hsln_cry_font{

    justify-content: flex-start;

}

.product_customer_data .hsln_cry_font .data_scroll {

    padding: 0;

    padding-right: 6px;

}

.product_customer_data .std_title6{

    padding-left: 17px;

    font-size: 20px;

    opacity: .6;

    color: #203146;

    line-height: 1.8;

    position: relative;

    top: -12px;

}

.product_customer_data li{

    display: flex;

    align-items: flex-end;

    flex-wrap: wrap;

    margin-bottom: 23px;

}

.pcll_img{

    width: 83px;

    max-width: 100%;

    border-radius: 50%;

    border: 1px solid #E6E8ED;

    background: #fff;

    margin: 0 auto;

    margin-bottom: 5px;

    transition: all 0.36s;

}

.product_customer_logo{

    background: linear-gradient(180deg, #F3F5F8 0%, #fff 100%);

    border: 2px solid #fff;

    box-shadow: 0px 7px 10px rgba(212, 223, 238, 0.26);

    padding-top: 22px;

}

.product_customer_logo_list li{

    padding: 0 42px;

    margin-bottom: 22px;

}

.product_customer_logo_list{

    margin: 0 -42px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.product_customer_logo_list .std_text p{

    text-align: center;

    color: #203146;

    opacity: .6;

    transition: all 0.36s;

}

.product_customer_data{

    padding-left: 76px;

}

.mod_call,.mod_call_bg{

    position: relative;

    width: 100%;

}

.mod_call_bg img{

    width: 100%;

}

.mod_call_bg::before{

    content: '';

    background: rgba(51, 91, 145, 0.4);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

}

.mod_call .ys_cont1440{

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 4;

}

.mod_call .std_title3{

    color: #fff;

    margin-bottom: 32px;

    font-family: 'poppins_semibold'!important;

}

.mod_call .std_btn_link{

    min-width: 240px;

}

/* b3 */

.product_billion_list{

    background: #fff;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    padding: 0 20px;

    margin-top: 52px;

}

.product_billion_list_nub{

    width: 25%;

    padding: 50px 40px;

}

.pbln_icon{

    width: 80px;

    margin-bottom: 24px;

}

.product_billion_list_nub .std_title5{

    margin-bottom: 24px;

    color: #3D4059;

    font-family: 'poppins_semibold'!important;

}

.product_billion_list_nub .std_text p{

    color: #3D4059;

    line-height: 1.4;

    margin-bottom: 16px;

}

.product_billion_list_nub .std_text p:last-child{

    margin-bottom: 0;

}

.product_billion_list_nub{

    text-align: left;

    position: relative;

}

.product_billion_list{

    display: flex;

    flex-wrap: wrap;

}

.product_billion_list_nub::before{

    content: '';

    height: calc(100% - 230px);

    width: 1px;

    position: absolute;

    right: 0;

    top: calc(50% + 20px);

    transform: translateY(-50%);

    background: #C9D7EB;

}

.product_billion_list_nub:nth-of-type(4)::before{

    display: none;

}

.product_category_list.act .product_category_list_nub {

    margin-top: 50px;

}

.product_billion.act{

    background: #EEF2F8;

}

/* b4 */

.bpln_text{

    width: 54.86%;

    padding-right: 94px;

}

.bpln_carousel{

    width: 45.14%;

}

.bpln_text .std_title4{

    color: #3D4059;

    font-family: 'poppins_semibold'!important;

    margin-bottom: 24px;

}

.bpln_text .bpln_text_passage p{

    color: #3D4059;

    line-height: 1.8;

    opacity: 0.6;

} 

.bpln_text .bpln_text_passage{

    margin-bottom: 25px;

}

.bpln_text .std_title7{

    color: #0D3380;

    font-family: 'poppins_semibold'!important;

    margin-bottom: 16px;

}

.bpln_text_list li{

    margin-bottom: 8px;

}

.bpln_text_list .std_text{

    background: #fff;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    padding: 8px 16px;

}

.bpln_text_list .std_text p{

    color: #3D4059;

    opacity: 1;

}

.bpln_text_list a .std_text p{

    color: #0D3380;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.bpln_text_list a .std_text img{

    width: 24px;

    margin-left: 16px;

}

.bopp_product_list_nub{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.bopp_product_list_nub:nth-of-type(2n){

    flex-direction: row-reverse;

}

.bopp_product_list_nub:nth-of-type(2n) .bpln_text {

    padding-left: 94px;

    padding-right: 0;

}

.slick-dots li{

    width: 9px;

    height: 9px;

    background: #D9D9D9;

    margin: 0 12px;

}

.slick-dots li.slick-active {

    background: #0D3380;

}

.bpln_carousel .slick-dots {

    bottom: -25px;

}

/* b6 */

.service_product_list_nub{

    width: 50%;

    padding: 0 24px;

    margin-bottom: 48px;

}

.service_product_list{

    display: flex;

    flex-wrap: wrap;

    margin: 0 -24px;

    margin-bottom: -48px;

    align-items: stretch;

}

.spln_cry{

    box-shadow: 0px 2px 14px rgba(61, 72, 169, 0.16);

}

.spln_cry_img{

    width: 100%;

    position: relative;

}

.spln_cry_img::before{

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    background: rgba(13, 51, 128, 0.2);

    left: 0;

    bottom: 0;

}

.spln_cry{

    display: flex;

    flex-direction: column;

    height: 100%;

}

.spln_cry_text{

    flex-grow: 1;

    padding: 24px 40px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.spln_cry_text_top .std_title5{

    font-family: 'poppins_semibold'!important;

    color: #3D4059;

    margin-bottom: 16px;

}

.spln_cry_text_top .std_text p{

    opacity: 1;

}

.spln_cry_text_top .std_text li,

.mod_text_list.std_text li {

    margin-bottom: 4px;

    position: relative;

}

.spln_cry_text_top .std_text{

    margin-bottom: 24px;

}

.spln_cry_text_top .std_text ul,

.mod_text_list.std_text ul {

    padding-inline-start: 21px;

}

.spln_cry_text_top .std_text li::marker,

.mod_text_list.std_text li::marker{

    font-size: 0;

}

.spln_cry_text_top .std_text li::before,

.mod_text_list.std_text li::before{

    content: '';

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 1px solid #203146;

    position: absolute;

    left: -21px;

    top: 8px;

}

.spln_cry_text_top .std_text li::after,

.mod_text_list.std_text li::after{

    content: '';

    width: 4px;

    height: 4px;

    background: #203146;

    border-radius: 50%;

    position: absolute;

    left: -17px;

    top: 12px;

}

/* c1 */

.inside_ban1 .std_title2{

    max-width: 1192px;

}

.inside_ban1 .std_text20{

    max-width: 820px;

}

.inside_ban1 .std_text20 p{

    color: #fff;

}

.research_industry_cry{

    max-width: 1192px;

    margin: 0 auto;

}

.research_industry_cry .std_title3{

    text-align: center;

    line-height: 1.2;

    margin-bottom: 44px;

}

.research_industry .ys_cont1440{

    position: relative;

}

.research_industry_bg{

    width: 72px;

    position: absolute;

    top: 0;

}

.research_industry_bg1{

    left: 0;

}

.research_industry_bg2{

    right: 0;

}

.research_industry_bg2 img{

    transform: rotate(180deg);

}

.research_industry,

.research_innovation{

    background: #f9f9f9;

    position: relative;

}

.research_innovation_img{

    width: 67.7%;

    position: absolute;

    top: 0;

    left: 0;

}

.research_innovation_img img{

    width: 100%;

}

.research_innovation{

    padding-top: 125px;

    overflow: hidden;

}

.research_innovation_cry{

    background: #fff;

    width: 56.54%;

    padding: 70px 0 67px 100px;

    padding-right: calc(50vw - 720px);

    position: relative;

    z-index: 4;

}

.research_innovation{

    display: flex;

    justify-content: flex-end;

}

.ricl_nub{

    width: 50%;

    padding: 0 5px;

    margin-bottom: 75px;

}

.research_innovation_cry_list{

    display: flex;

    flex-wrap: wrap;

    margin: 0 -5px;

    margin-bottom: -75px;

}

.research_innovation .hsln_cry_font {

    justify-content: flex-start;

    margin-bottom: -2px;

}

.research_innovation .hsln_cry_font .data_scroll {

    padding: 0;

    padding-right: 6px;

}

.ricl_nub .std_title6{

    color: #0D3380;

    opacity: 0.5;

}

.research_innovation .hsln_cry_font span, .hsln_cry_font .data_scroll {

    position: relative;

}

.research_innovation_cry .std_text20{

    margin-bottom: 61px;

}

.research_innovation::before{

    content: '';

    width: 100%;

    height: 50%;

    background: #fff;

    position: absolute;

    left: 0;

    bottom: 0;

}

.research_semcorp_title .std_title3{

    display: inline-block;

}

.research_semcorp_title{

    text-align: center;

}

.research_semcorp_flow{

    position: relative;

}

.rsfl_nub{

    width: 240px;

    height: 118px;

    background: #fff;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    padding: 10px;

}

.rsfl_nub_icon{

    width: 48px;

    margin: 0 auto;

    margin-bottom: 8px;

}

.rsfl_nub .std_title8{

    text-align: center;

    color: #3D4059;

    line-height: 1.5;

    overflow: hidden;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

}

.rsfl_nub{

    margin-bottom: 20px;

}

.rsfl_nub:last-of-type{

    margin-bottom: 0;

}

.research_semcorp_flow{

    display: flex;

    justify-content: space-between;

}

.rsfl_nub:nth-last-of-type(2),

.rsfl_nub:nth-last-of-type(4){

    position: relative;

    left: 49px;

}

.rsfl_nub:nth-last-of-type(3){

    position: relative;

    left: 94px;

}

.research_semcorp_flow_list2 .rsfl_nub:nth-last-of-type(2),

.research_semcorp_flow_list2 .rsfl_nub:nth-last-of-type(4){

    position: relative;

    left: auto;

    right: 49px;

}

.research_semcorp_flow_list2 .rsfl_nub:nth-last-of-type(3){

    position: relative;

    left: auto;

    right: 94px;

}

.research_semcorp_flow_center{

    position: absolute;

    width: 335px;

    background: #fff;

    border: 1px solid #0D3380;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    padding: 32px 10px;

    top: 50%;

    left: 50%;

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

}

.rsfc_logo{

    width: 210px;

    margin: 0 auto;

    margin-bottom: 24px;

}

.rsfc_logo img{

    width: 100%;

}

.research_semcorp_flow_center .std_title4{

    color: #0D3380;

    font-family: 'poppins_semibold'!important;

    text-align: center;

}

.research_semcorp_flow_svg{

    width: 28.05%;

    position: absolute;

    height: auto;

    top: 50%;

    transform: translateY(-50%);

    font-size: 0;

}

.research_semcorp_flow_svg1{

    right: calc(50% + 147.5px);

}

.research_semcorp_flow_svg2{

    left: calc(50% + 147.5px);

    transform: translateY(-50%) rotate(180deg);

}

.research_semcorp_flow_svg svg{

    position: relative;

    right: 0;

}

.research_semcorp_flow .research_semcorp_flow_list,

.research_semcorp_flow .research_semcorp_flow_center{

    z-index: 10;

}

.line_path{

    opacity: 0;

}

.rsfj_nub{

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #0D3380;

    position: absolute;

    top: -4px;

    left: -4px;

}

.rsfj_nub::before,

.rsfj_nub::after{

    content: '';

    width: 8px;

    height: 8px;

    position: absolute;

    border-radius: 50%;

    background: #0D3380;

    opacity: .6;

    top: 50%;

    left: 50%;

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

    animation: research_san 3s linear infinite;

}

.rsfj_nub::after{

    animation-delay: 1.5s;

}

.research_semcorp_flow_jia{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

@keyframes research_san {

    0%{

        opacity: .6;

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

    }

    100%{

        opacity: 0;

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

    }

}

.research_certificate{

    position: relative;

}

.mod_placeimg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.mod_placeimg img{

    width: 100%;

}

.mod_placeimg::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(51,91,145,.4);

}

.research_certificate .ys_cont1440{

    position: relative;

    z-index: 3;

}

.mod_center_title{

    text-align: center;

}

.mod_center_title .std_title3{

    display: inline-block;

}

.research_certificate_list{

    background: #fff;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    display: flex;

    flex-wrap: wrap;

    padding: 100px 0;

}

.research_certificate_list_nub{

    padding: 0 60px;

    width: 33.333333%;

    position: relative;

    margin-bottom: 35px;

}

.rcln_icon{

    width: 80px;

    margin-bottom: 24px;

}

.research_certificate_list_nub .std_text24 p{

    line-height: 1.4;

    color: #3D4059;

    font-family: 'poppins_semibold'!important;

}

.research_certificate_list_nub::before{

    content: '';

    height: calc(100% - 120px);

    width: 1px;

    position: absolute;

    right: 0;

    top: calc(50% + 20px);

    transform: translateY(-50%);

    background: #C9D7EB;

}

.research_certificate_list_nub:nth-of-type(3)::before{

    display: none;

}

.research_deep{

    position: relative;

    overflow: hidden;

}

.mod_placeimg2{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.mod_placeimg2 img{

    position: absolute;

    width: 100%;

    min-width: 100%;

    min-height: 100%;

    object-fit: cover;

    top: 50%;

    left: 50%;

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

}

.research_deep_bg::before{

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    background: rgba(0,0,0,.4);

    z-index: 2;

}

.research_deep .ys_cont1440{

    position: relative;

    z-index: 3;

}

.research_deep_bg{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.research_deep_bg_nub{

    height: 100%;

}

.research_deep_bg .slick-list,

.research_deep_bg .slick-track{

    height: 100%;

}

.research_deep_bg_nub img{

    position: absolute;

    width: 100%;

    min-width: 100%;

    min-height: 100%;

    object-fit: cover;

    top: 50%;

    left: 50%;

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

}

.research_deep_list_nub{

    width: 25%;

    padding: 0 24px;

}

.research_deep_list{

    margin: 0 -24px;

}

.rdln_cry{

    background: rgba(255, 255, 255, 0.26);

    backdrop-filter: blur(11px);

    height: 435px;

    padding:29px 30px 44px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: all .5s;

}

.rdln_cry .std_text24 p{

    color: #fff;

    font-family: 'poppins_semibold'!important;

    line-height: 1.5;

}

.rdln_cry .std_text24{

    overflow: hidden;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    height: 108px;

    transition: all .5s;

    position: relative;

    transform: translateY(0);

}

.rdln_cry_logo {

    width: 160px;

    margin: 0 auto;

    margin-bottom: 26px;

    position: relative;

    transition: all 0.5s;

    transform: translateY(0);

}

.research_deep_list{

    display: flex;

    flex-wrap: wrap;

}

.research_deep_list_nub.on .rdln_cry_logo{

    transform: translateY(100px) scale(1.25);

}

.research_deep_list_nub.on .rdln_cry {

    background: rgba(51, 91, 145, 0.7);

}

.research_deep_list_nub.on .rdln_cry .std_text24{

    transform: translateY(-64px);

}

/* d1 */

.news_btn{

    display: flex;

    flex-wrap: wrap;

}

.news_btn_nub_link{

    min-width: 198px;

    text-align: center;

    color: rgba(61, 64, 89, .5);

    line-height: 48px;

    border:1px solid rgba(13, 51, 128, 0.5);

    transition: all 0.36s;

    display: block;

    font-size: 16px;

}

.news_btn_nub.on .news_btn_nub_link{

    color: #fff;

    background: #0D3380;

    border:1px solid #0D3380;

}

.news_main .home_news_list{

    display: flex;

    flex-wrap: wrap;

    margin: 0 -24px;

    margin-bottom: 40px;

}

.news_main .home_news_list_nub{

    margin-bottom: 40px;

}

.news_main .hnln_cry_info{

    color: #203146;

    opacity: .6;

}

.pc_fenye li{

    width: 34px;

    height: 34px;

    border: 1px solid #0D3380;

    line-height: 32px;

    color: #3D4059;

    font-family: "Microsoft Yahei"!important;

    transition: all 0.36s;

    border-radius: 0;

    margin: 0 12px;

}

.pc_fenye li.activepage {

    color: #fff;

    background: #0D3380;

}

.first li::before,

.prev li::before,

.next li::before,

.end li::before{

    transition: all 0.36s;

    color: #3D4059;

}

.ys_phfyfl,.ys_phfyfl a{

    color: #666;

}

/* d2 */

.detail_share{

    background: #fff;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    padding: 32px 24px 28px;

    width: 144px;

}

.detail_share_name{

    color: #0D3380;

    font-family: 'poppins_semibold'!important;

    font-size: 32px;

    text-align: center;

    line-height: 1.5;

    position: relative;

    padding-bottom: 24px;

    margin-bottom: 40px;

}

.detail_share_name::before{

    content: '';

    background:#0D3380;

    height: 1px;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

}

.detail_share_list_nub{

    margin-bottom: 40px;

}

.detail_share_list_nub:last-child{

    margin-bottom: 0;

}

.detail_share_list_nub a{

    width: 32px;

    display: block;

    margin: 0 auto;

}

.detail_share_list_nub img{

    width: 100%;

}

.detail_page .ys_main{

    margin-top: 80px;

}

.detail_share_list{

    margin-bottom: 80px;

}

.detail_share_return_icon{

    width: 48px;

    margin: 0 auto;

    margin-bottom: 6px;

}

.detail_share_return_icon img{

    width: 100%;

}

.detail_share_return .std_title6{

    color: #0D3380;

    text-align: center;

}

.detail_cry{

    width: calc(100% - 144px);

    padding-right: 212px;

}

.std_title4.on{

    color: #0D3380;

    font-family: 'poppins_semibold'!important;

    line-height: 1.5;

}

.std_title4::before,.std_title4::after{

    left: -23px;

}

.std_title4::before {

    top: 12px;

}

.std_title4::after {

    top: 20px;

}

.detail_main .ys_cont1360{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.detail_cry_top .std_title4{

    margin-bottom: 24px;

}

.dctl_nub_icon{

    width: 24px;

}

.dctl_nub_icon img{

    width: 100%;

}

.dctl_nub .std_text{

    padding-left: 8px;

}

.dctl_nub .std_text p{

    color: #0D3380;

    opacity: 1;

}

.dctl_nub{

    padding: 0 20px;

    display: flex;

}

.detail_cry_top_list{

    margin: 0 -20px;

    display: flex;

    justify-content: flex-start;

}

.detail_cry_top{

    border-bottom: 1px solid rgba(13, 51, 128, .2);

    padding-bottom: 24px;

    margin-bottom: 40px;

}

.detail_cry .std_text.yxedr_active{

    margin-bottom: 40px;

}

.detail_cry .std_text p{

    line-height: 1.6;

    margin-bottom: 25px;

}

.detail_cry .std_text h5{

    color: #3D4059;

    line-height: 1.5;

    margin-bottom: 24px;

}

.detail_cry_jump_nub a{

    color: #203146;

    font-size: 16px;

    line-height: 1.6;

    transition: all 0.36s;

}

.detail_cry_jump_nub{

    margin-bottom: 20px;

}

.detail_cry_jump_nub:last-child{

    margin-bottom: 0;

}

.detail_cry_jump{

    border-top: 1px solid rgba(13, 51, 128, .2);

    padding-top: 32px;

}

/* e1 */

.ban3_play{

    cursor: pointer;

    margin-top: 60px;

    display: inline-block;

}

.ban3_play_icon{

    width: 66px;

    margin: 0 auto;

    margin-bottom: 16px;

}

.ban3_play_icon img{

    width: 100%;

}

.ban3_play_font20{

    color: #fff;

    font-size: 20px;

    line-height: 1.5;

    text-align: center;

}

.inside_ban3{

    position: relative;

}

.inside_ban3 .ys_pos_center{

    z-index: 4;

    text-align: center;

}

.inside_ban3 .std_title2{

    text-align: center;

    color: #fff;

}

.inside_ban3 .inside_ban2_img::before {

    background: rgba(0,0,0,.2);

}

.company_become .std_text20 p{

    line-height: 1.6;

    color: #203146;

    opacity: 1;

}

.company_become_cry_list{

    width: 31.2%;

}

.company_become_cry{

    display: flex;

    justify-content: space-between;

}

.cbcl_nub{

    border-top: 1px solid #0D3380;

    padding-top: 28px;

    padding-bottom: 80px;

}

.cbcl_nub .std_title6{

    color: #203146;

    opacity: 0.6;

}

.company_become_cry .std_text20{

    width: 48.5%;

}

.cbcl_nub .hsln_cry_font{

    justify-content: flex-start;

    margin-bottom: 6px;

}

.cbcl_nub .hsln_cry_font .data_scroll {

    padding: 0;

    padding-right: 6px;

}

.company_become .std_title3{

    max-width: 928px;

}

.cbcl_nub .std_text12 p{

    color: #203146;

    opacity: 0.4;

}

.cbcl_nub:last-child{

    padding-bottom: 0;

}

.company_mission_list_nub{

    width: 50%;

    position: relative;

}

.company_mission_list{

    display: flex;

    flex-wrap: wrap;

    background: #E8EFF6;

    align-items: stretch;

}

.cmln_text{

    position: absolute;

    width: 100%;

    height: 100%;

    padding: 10px 180px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    top: 0;

    left: 0;

}

.cmln_text .std_title3,

.cmln_text .std_title4{

    color: #fff;

}

.cmln_text .std_title3{

    margin-bottom: 16px;

}

.company_mission_list_nub3 .cmln_text .std_title3{

    color: #0D3380;

}

.company_mission_list_nub3 .cmln_text .std_title4{

    color: #203146;

}

.cmln_bg{

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.cmln_bg img{

    width: 100%;

    min-width: 100%;

    min-height: 100%;

    object-fit: cover;

}

.chbl_nub{

    width: 25%;

    padding: 0 24px;

}   

.chbl_nub_cry{

    height: 100%;

    padding: 20px 12px;

    background: #fff;

    box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.1), 0px 4px 16px rgba(57, 66, 133, 0.2);

}

.chbl_nub_cry_icon {

    width: 120px;

    margin: 0 auto;

    margin-bottom: 16px;

}

.chbl_nub_cry_img{

    width: 100%;

    margin-bottom: 24px;

}

.chbl_nub_cry .std_text18 p{

    text-align: center;

    color: #203146;

    line-height: 1.75;

}

.company_honor_box_list{

    display: flex;

}

.company_honor_box{

    margin: 0 -24px;

}

.company_honor_box_list{

    margin-bottom: 50px;

}

.chbl_nub.swiper-slide{

    height: auto;

}

.company_honor{

    position: relative;

    overflow: hidden;

}

.company_honor .ys_cont1440{

    position: relative;

    z-index: 6;

}

.mod_swiper_control{

    position: relative;

    padding: 0 24px;

    height: 48px;

}

.mod_swiper_control .swiper-pagination{

    width: calc(75% - 48px);

    height: 2px;

    background: #E9E9E9;

    top: 50%;

    transform: translateY(-50%);

}

.mod_swiper_control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

    background: #0D3380;;

}

.mod_swiper_control .swiper-button-next,

.mod_swiper_control .swiper-button-prev{

    width: 48px;

    height: 48px;

    position: absolute;

    margin-top:0;

    top: 0;

}

.mod_swiper_control .swiper-button-next{

    right: 24px;

}

.mod_swiper_control .swiper-button-prev{

    right: 102px;

    left: auto;

}

.mod_swiper_control .swiper-button-next:after,

.mod_swiper_control .swiper-button-prev:after{

    display: none;

}

.mod_swiper_control .swiper-button-next::before,

.mod_swiper_control .swiper-button-prev::before{

    content: '';

    background-image: url(../images/mod_arrow_01.svg);

    background-size: 100% 100%;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

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

    transition: all 0.36s;

}

.mod_swiper_control .swiper-button-prev::before{

    transform: translate(-50%,-50%) rotate(180deg);

}

.mod_swiper_control .swiper-button-next.swiper-button-disabled,

.mod_swiper_control .swiper-button-prev.swiper-button-disabled {

    opacity: .5;

}

.company_history{

    background: radial-gradient(85.05% 85.05% at 50% 14.95%, #142CA3 0%, #0D3380 100%);

}

.company_history_list_nub{

    padding: 0 45px;

}

.company_history_list{

    margin: 0 -45px;

    margin-bottom: 39px;

}

.company_history_list_nub .std_title3{

    color: #fff;

    opacity: .5;

    margin-bottom: 24px;

    transition: all 0.36s;

}

.company_history_list_nub .std_text p{

    line-height: 1.6;

    color: #fff;

}

.company_history_list_nub .std_text{

    opacity: .5;

    margin-bottom: 32px;

    transition: all 0.36s;

}

.chln_img {

    opacity: 0;

    pointer-events: none;

    transition: all 0.36s;

    width: 100%;

}

.company_history_list_nub.slick-center .std_title3{

    opacity: 1;

}

.company_history_list_nub.slick-center .std_text{

    opacity: 1;

}

.company_history_list_nub.slick-center .chln_img{

    opacity: 1;

    pointer-events: all;

}

.company_history_year_nub .std_title4{

    text-align: center;

    opacity: .5;

    color: #fff;

    transition: all 0.36s;

}

.company_history_year_nub.slick-current.slick-active .std_title4{

    opacity: 1;

}

.company_history_year_nub {

    cursor: pointer;

    padding-top: 48px;

}

.company_history_year {

    margin: 0 54px;

    position: relative;

}

.company_history_year::before{

    content: '';

    height: 2px;

    width: 100%;

    position: absolute;

    background: #fff;

    left: 0;

    top: 19px;

    opacity: 0.2;

}

.company_history_year::after{

    content: '';

    height: 2px;

    width: calc(100% / 12);

    position: absolute;

    background: #fff;

    left: 0;

    top: 19px;

    opacity: 1;

    transition: all .5s ease;

}

.company_history_year.act::after{

    width: calc(100% - calc(100% / 6 * var(--pro_data)) + calc(100% / 12));

}

.chyn_spread{

    border-radius: 50%;

    width: 16px;

    height: 16px;

    background: #fff;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 12px;

}

.company_history_year_nub{

    position: relative;

}

.chyn_spread::before,.chyn_spread::after{

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

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

    background: #fff;

    opacity: .4;

    /* animation: history_spread 2s linear infinite; */

    border-radius: 50%;

    opacity: 0;

}

@keyframes history_spread {

    0%{

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

        opacity: .4;

    } 

    100%{

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

        opacity: 0;

    }

}

.company_history_year_nub.slick-current.slick-active .chyn_spread::before,

.company_history_year_nub.slick-current.slick-active .chyn_spread::after{

    animation: history_spread 2s linear infinite;

}

.company_history_year_nub.slick-current.slick-active .chyn_spread::after{

    animation-delay: 1s;

}

.arrow_slick1 .slick-prev, 

.arrow_slick1 .slick-next{

    width: 48px;

    height: 48px;

}

.company_history_list.arrow_slick1  .slick-prev, 

.company_history_list.arrow_slick1  .slick-next{

    top: calc(100% + 59px);

}

.arrow_slick1 .slick-prev::before, 

.arrow_slick1 .slick-next::before{

    content: '';

    background-size: 100% 100%;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

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

    background-image: url(../images/mod_arrow2.svg);

}

.arrow_slick1 .slick-prev::before{

    transform: translate(-50%,-50%) rotate(180deg);

}

.arrow_slick1 .slick-arrow.slick-disabled{

    opacity: 0.5;

    pointer-events: none;

}

.company_partner{

    position: relative;

    overflow: hidden;

}

.company_partner .ys_cont1440{

    position: relative;

    z-index: 4;

    display: flex;

    align-items: center;

}

.company_partner_text .std_text p{

    color: #3D4059;

    opacity: 0.6;

    line-height: 1.6;

}

.company_partner{

    font-size: 10px;

}

.company_partner_box{

    font-size: 10px;

    width: 79.8em;

    height: 79.8em;

    position: relative;

}

.company_partner_box_logo{

    width: 18.6em;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.company_partner_box_logo img{

    width: 100%;

}

.company_partner_text{

    width: calc(100% - 79.8em);

    padding-right: 58px;

}

.cpbl_circle{

    border: 1px solid #D9D9D9;

    border-radius: 50%;

}

.cpbl_circle[data-num="12"]{

    width: 71.6em;

    height: 71.6em;

}

.cpbl_circle[data-num="8"]{

    width: 50.8em;

    height: 50.8em;

}

.cpbl_circle[data-num="6"]{

    width: 30.6em;

    height: 30.6em;

}

.cpbl_circle_logo{

    width: 80px;

    position: absolute;

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

    border-radius: 50%;

}

.cpbl_circle_logo .ys_imgbox_cover{

    width: 100%;

    background: #fff;

    box-shadow: 0px 0px 8px rgba(45, 101, 242, 0.1);

    backdrop-filter: blur(6px);

    border-radius: 50%;

    transition: all .36s ease;

}

.cpbl_circle1{

    transform: translate(-50%,-50%) rotate(60deg);

}

/* e2 */

.develop_hint_cry{

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 0px 8px 24px -6px rgba(42, 109, 147, 0.1);

    backdrop-filter: blur(8px);

    padding: 60px 80px;

}

.develop_hint_cry .std_title4{

    color: #0D3380;

    line-height: 1.5;

    font-family: 'poppins_medium'!important;

    text-align: center;

}

.develop_hint_cry_box{

    display: flex;

    justify-content: flex-end;

}

.develop_hint_cry_logo{

    width: 211px;

    position: relative;

}

.develop_hint_cry_logo img{

    width: 100%;

}

.develop_hint_cry_logo::before{

    content: '';

    width: 120px;

    height: 1px;

    position: absolute;

    right: calc(100% + 50px);

    top: 50%;

    transform: translateY(-50%);

    background:#0D3380;

}

.inside_page .ys_main>div.develop_hint{

    position: relative;

    margin-top: -173px;

    z-index: 11;

}

.develop_page .inside_ban2_img::before{

    display: none;

}

.develop_social_pic{

    width: 48.34%;

    position: relative;

}

.company_history .ys_cont1440{

    position: relative;

    z-index: 6;

}

.company_history_bg{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.company_history_bg1,

.company_history_bg2,

.company_history_bg3,

.company_history_bg4{

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.company_history_bg1 img,

.company_history_bg2 img,

.company_history_bg3 img,

.company_history_bg4 img{

    width: 100%;

    position: relative;

    transform: rotate(0);

}

.company_history_bg1{

    width: 26.04%;

}

.company_history_bg2{

    width: 42.3958%;

}

.company_history_bg3{

    width: 59.17%;

}

.company_history_bg4{

    width: 86.6%;

}

.company_history_bg1 img{

    animation: rotate 15s linear infinite;

}

.company_history_bg2 img{

    animation: rotate1 20s linear infinite;

}

.company_history_bg3 img{

    animation: rotate 25s linear infinite;

}

.company_history_bg4 img{

    animation: rotate1 30s linear infinite;

}

.company_history {

    position: relative;

    overflow: hidden;

}

@keyframes rotate {

    0%{

        transform: rotate(0);

    }

    100%{

        transform: rotate(360deg);

    }

}

@keyframes rotate1 {

    0%{

        transform: rotate(0);

    }

    100%{

        transform: rotate(-360deg);

    }

}

.develop_social_title{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}

.develop_social_title_nub .std_title4{

    font-family: 'poppins_medium'!important;

    color: rgba(255,255,255,.5);

    transition: all 0.36s;

    position: relative;

    padding-left: 64px;

}

.develop_social_title_nub.on .std_title4{

    color: #fff;

}

.develop_social_title{

    padding-left: 60px;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    padding-top: 80px;

    padding-bottom: 80px;

}

.develop_social_title_nub .std_title4::before{

    content: '';

    width: 40px;

    height: 40px;

    border: 1px solid rgba(255,255,255,.5);

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 4px;

    transition: all 0.36s;

}

.develop_social_title_nub .std_title4::after{

    content: '';

    width: 16px;

    height: 16px;

    border: 1px solid rgba(255,255,255,.5);

    border-radius: 50%;

    position: absolute;

    left: 12px;

    top: 16px;

    transition: all 0.36s;

}

.develop_social_title_nub.on .std_title4::before{

    border: 1px solid rgba(255,255,255,1);

}

.develop_social_title_nub.on .std_title4::after{

    border: 1px solid rgba(255,255,255,1);

    background: #fff;

}

.develop_social_title_nub{

    position: relative;

}

.develop_social_title_nub::before,

.develop_social_title_nub::after{

    content: '';

    width: 1px;

    background: #fff;

    position: absolute;

    left: 19px;

    height: 100px;

}

.develop_social_title_nub::before{

    top: calc(100% - 4px);

}

.develop_social_title_nub::after{

    bottom: calc(100% - 4px);

}

.develop_social_title::before,

.develop_social_title::after{

    content: '';

    width: 1px;

    background: #fff;

    left: 79px;

    height: 80px;

    position: absolute;

}

.develop_social_title::before{

    top: 0;

}

.develop_social_title::after{

    bottom: 0;

}

.develop_social_inof{

    width: 51.66%;

    padding-left: 48px;

}

.dspl_nub:not(:first-child){

    display: none;

}

.dsin_icon{

    width: 48px;

    margin-bottom: 8px;

}

.develop_social_inof_nub .std_title3{

    margin-bottom: 24px;

    color: #0D3380;

}

.develop_social_inof_nub .std_text20 p{

    line-height: 1.6;

    color: #3D4059;

    opacity: 1;

}

.develop_social_inof_nub .std_text20{

    margin-bottom: 32px;

}

.develop_social_inof_nub .std_text p{

    line-height: 1.6;

    color: #0D3380;

    opacity: 0.6;

    margin-bottom: 24px;

}

.mod_text_list.std_text li::before {

    border: 1px solid rgba(13, 51, 128, .6);

    top: 6px;

}

.mod_text_list.std_text li::after{

    background: rgba(13, 51, 128, .6);

    top: 10px;

}

.mod_text_list.std_text li {

    margin-bottom: 0px;

}

.develop_social_inof_nub:last-of-type{

    margin-bottom: 0;

}

.develop_report{

    position: relative;

}

.develop_report .ys_cont1440{

    position: relative;

    z-index: 2;

}

.mod_placeimg1{

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

}

.mod_placeimg1 img{

    width: 100%;

}

.develop_report_list{

    background: #fff;

    padding: 50px 120px;

}

.develop_report_list_nub a{

    border-bottom: 1px solid rgba(13, 51, 128, .2);

    padding: 32px 0;

    display: block;

    width: 100%;

    display: flex;

    justify-content: space-between;

    position: relative;

}

.develop_report_list_nub a::before{

    content: '';

    width: 0;

    height: 1px;

    position: absolute;

    bottom: -1px;

    left: 0;

    transition: all 0.5s ease-in-out;

    background: rgba(13, 51, 128, 1);

}

.develop_report_list_nub:first-child a{

    padding-top: 0;

}

.drln_title_icon{

    width: 32px;

}

.drln_title .std_title5{

    padding-left: 16px;

    color: #3D4059;

    font-family: 'poppins_medium'!important;

    max-width:calc(100% - 32px);

    transition: all 0.36s;

}

.drln_title{

    display: flex;

    align-items: center;

}

.drln_btn_icon{

    width: 24px;

}

.drln_btn_icon img{

    width: 100%;

}

.drln_btn_font{

    padding-left: 8px;

    color: #3D4059;

    font-size: 16px;

    line-height: 1.6;

}

.drln_btn{

    display: flex;

    align-items: center;

}

.develop_report_list_nub{

    display: flex;

    width: 100%;

    justify-content: space-between;

}

/* e3 */

.std_btn_link.std_btn_link3{

    background: transparent;

    border: 1px solid #fff;

}

.std_btn_link::before{

    background:rgba(255,255,255,.1);

}

.join_page .inside_ban3 .inside_ban2_img::before {

    background:rgba(88, 154, 232, 0.6);

}

.join_logo .std_title2{

    line-height: 1.5;

    color: #0D3380;

    font-family: 'poppins_semibold'!important;

    width: 61%;

}

.join_logo_cry{

    height: 100vh;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.join_logo{

    position: absolute;

    height: 100vh;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 6;

}

.join_ban{

    position: relative;

    overflow: hidden;

}

.join_salary .ys_cont1440{

    position: relative;

    z-index: 4;

}

.jsln_icon{

    width: 80px;

    margin-bottom: 24px;

}

.join_salary{

    position: relative;

    padding: 125px 0;

    overflow: hidden;

}

.join_salary .mod_placeimg2::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(51, 91, 145, 0.6);

    z-index: 2;

}

.join_salary_list_nub .std_title36{

    margin-bottom: 32px;

    color: #fff;

    display: inline-block;

    position: relative;

}

.join_salary_list_nub .std_title36::before{

    height: 13px;

    background: rgba(255,255,255,.3);

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 8px;

    content: '';

    z-index: -1;

}

.join_salary_list_nub .std_text p{

    line-height: 1.6;

    color: #fff;

}

.join_salary_list_nub{

    width: 50%;

    padding: 0 100px;

}

.join_salary_list{

    margin: 0 -100px;

    display: flex;

    align-items: center;

    position: relative;

}

.join_salary_list::before{

    content: '';

    position: absolute;

    width: 1px;

    background: #fff;

    height: calc(100% - 50px);

    top: 50%;

    left: 50%;

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

}

.join_benefits_list_nub{

    width: 33.333333%;

    padding: 0 24px;

    margin-bottom: 48px;

}

.join_benefits_list{

    margin: 0 -24px;

    margin-bottom: -48px;

}

.jbln_cry{

    background: #fff;

    box-shadow: 0px 17px 21px -6px rgba(42, 109, 147, 0.15);

    transition: all 0.36s;

    padding: 32px;

    border: 1px solid transparent;

    height: 100%;

    overflow: hidden;

}

.jbln_cry_icon{

    width: 120px;

    margin: 0 auto;

    margin-bottom: 16px;

    transition: all 0.5s;

    transform: translateY(-16px);

}

.jbln_cry .std_title4{

    color: #3D4059;

    text-align: center;

    font-family: 'poppins_semibold'!important;

}

.jbln_cry .std_text{

    margin-top: 24px;

}

.jbln_cry .std_text p{

    text-align: center;

    color: #3D4059;

    opacity: 0.6;

    line-height: 1.8;

    margin-bottom: 8px;

}

.jbln_cry .std_text p:last-child{

    margin-bottom: 0;

}

.join_benefits_list{

    display: flex;

    flex-wrap: wrap;

}

.jbln_cry .std_text{

    height: 102px;

    overflow: hidden;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

}



.jbln_cry .std_text {

    position: relative;

    transform: translateY(102px);

    opacity: 0;

    transition: all .5s;

}

.jbln_cry_top{

    position: relative;

    transform: translateY(61px);

    transition: all .5s;

}

.join_benefits_bg1{

    top: 100%;

    left: 0;

    transform: translateY(-50%);

}

.join_benefits {

    position: relative;

}

.join_benefits .ys_cont1440{

    position: relative;

    z-index: 4;

}

.join_staff{

    position: relative;

    z-index: 2;

}

.jsln_cry{

    position: relative;

    width: 100%;

}

.jsln_cry_img{

    width: 100%;

}

.jsln_cry_img::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    background: linear-gradient(180deg, rgba(32, 49, 70, 0) 70.83%, rgba(32, 49, 70, 0.8) 100%);

    bottom: 0;

    left: 0;

    z-index: 3;

}

.jsln_cry .std_title6{

    color: #fff;

    width: 100%;

    padding: 0 24px 24px;

    z-index: 4;

    position: absolute;

    left: 0;

    bottom: 0;

}

.join_staff_list_nub{

    width: 40%;

    padding: 0 24px;

}

.join_staff_list{

    margin: 0 -24px;

}

.join_staff_box{

    padding-right: 310px;

}

.join_staff_list .slick-list{

    overflow: visible;

}

.arrow_slick2 .slick-prev,

.arrow_slick2 .slick-next{

    width: 93px;

    height: 93px;

    z-index: 3;

}

.arrow_slick2 .slick-prev::before,

.arrow_slick2 .slick-next::before{

    content: '';

    width: 93px;

    height: 93px;

    background-image: url(../images/a1_iconj1.svg);

    background-size: 100% 100%;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.arrow_slick2 .slick-prev::before{

    transform: translate(-50%,-50%) rotate(180deg);

}

.join_staff_list .slick-next{

    right: -310px;

}

.join_staff_list .slick-prev{

    left: -120px;

}

.join_staff_bg1{

    right: -71px;

    bottom: 0;

    transform: translateY(40%);

}

.join_staff .ys_cont1440{

    position: relative;

    z-index: 3;

}

/* e4 */

.job_ban_btn_nub {

    display: inline-block;

    margin: 0 20px;

}

.std_btn4 .std_btn_link {

    border: 1px solid #fff;

    background: #fff;

    padding: 0 42px;

}

.std_btn4 .std_btn_link_font16{

    color: #0D3380;

}

.std_btn5 .std_btn_link{

    border: 1px solid #fff;

    background: transparent;

    padding: 0 42px;

}

.std_btn4 .std_btn_link::before {

    background: rgba(13, 51, 128,.1);

}

.job_ban_btn{

    margin-top: 40px;

}

.job_box{

    display: flex;

    justify-content: space-between;

    position: relative;

    z-index: 10;

}

.job_box_left{

    display: flex;

    justify-content: flex-start;

    margin: 0 -20px;

}

.job_select .ys_select_hd,

.job_input{

    border: 1px solid rgba(51, 91, 145, 0.5);

    padding: 0 24px;

    height: 50px;

}

.job_select,.job_input {

    margin: 0 20px;

}

.job_select .ys_select_xtbbox {

    right: 24px;

}

.job_select{

    width: 240px;

}

.job_input{

    width: 408px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.job_input_btn{

    width: 24px;

    cursor: pointer;

}

.job_input_btn img{

    width: 100%;

}

.job_input input{

    width: calc(100% - 24px);

    height: 50px;

    line-height: 50px;

}

.job_select input,.job_input input,

.job_select input::placeholder,.job_input input::placeholder{

    color: rgba(61, 64, 89, .5);

    font-size: 16px;

}

.job_box_right .std_btn_link{

    min-width: 240px;

}

.job_list_nub{

    width: 33.333333%;

    padding: 0 24px;

    margin-top: 40px;

}

.job_list{

    margin: 0 -24px;

    margin-bottom: 80px;

}

.job_list_nub:first-child,

.job_list_nub:nth-of-type(2),

.job_list_nub:nth-of-type(3){

    margin-top: 0;

}

.job_list_nub_cry{

    background: #fff;

    border: 1px solid rgba(51, 91, 145, 0.2);

    padding: 32px;

    cursor: pointer;

    transition: all 0.36s;

}

.jlnc_list_inof_icon{

    width: 24px;

}

.jlnc_list_inof_icon img{

    width: 100%;

}

.jlnc_list_inof .std_text{

    width: calc(100% - 24px);

    padding-left: 8px;

}

.jlnc_list_inof .std_text p{

    color: #3D4059;

    line-height: 1.6;

}

.jlnc_list_inof{

    display: flex;

    align-items: flex-start;

    border-bottom: 1px solid #E9E9E9;

    padding: 25px 0 22px;

}

.jlnc_list_inof:last-child{

    border-bottom: 0;

}

.job_list_nub_cry .std_title6{

    font-family: 'poppins_semibold'!important;

    color: #3D4059;

    margin-bottom: 20px;

}

.jlnc_list_inof:first-child{

    padding-top: 0;

}

.jlnc_list_inof:last-child{

    padding-bottom: 0;

}

.job_list_nub.on .job_list_nub_cry{

    border: 1px solid #0D3380;

    box-shadow: 0px 17px 21px -6px rgba(42, 109, 147, 0.15);

}

.job_list{

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

}

.job_list_tan{

    padding: 0 24px;

    margin-top: 16px;

    width: 100%;

}

.job_list_tan_cry{

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    background: #fff;

    padding: 40px;

    width: 100%;

}

.job_list_tan .std_btn2 .std_btn_link{

    width: 240px;

}

.job_list_tan_cry .std_title6{

    position: relative;

    border-bottom: 1px solid #E9E9E9;

    padding-bottom: 8px;

    margin-bottom: 19px;

}

.job_list_tan_cry .std_text h6{

    color: #0D3380;

    margin-bottom: 7px;

}

.job_list_tan_cry .std_text ul{

    margin-block-start: 0em;

    margin-block-end: 0em;

}

.job_list_tan_cry .yxedr_active p {

    margin-bottom: 4px;

    color: rgba(61, 64, 89, .8);

}

.job_list_tan_cry .yxedr_active{

    margin-bottom: 23px;

}

.job_list_tan{

    display: none;

}

/* e5 */

.contact_semcorp{

    background: rgba(16, 45, 104, 0.6);

    backdrop-filter: blur(4px);

    padding: 52px 100px;

}

.mod_phone a{

    pointer-events: none;

}

.contact_semcorp{

    text-align: left;

}

.contact_semcorp_info .std_title4{

    color: #fff;

    font-family: 'poppins_semibold'!important;

}

.contact_semcorp_info_title{

    width: calc(100% - 500px);

    padding-right: 20px;

    display: flex;

    justify-content: flex-start;

}

.csil_nub .std_text p{

    color: #fff;

    line-height: 1.6;

    text-align: left;

}

.csil_nub_icon{

    width: 24px;

}

.csil_nub_icon img{

    width: 100%;

}

.csil_nub .std_text{

    width: calc(100% - 24px);

    padding-left: 8px;

}

.contact_semcorp_info_list{

    width: 500px;

}

.csil_nub{

    display: flex;

    align-items: flex-start;

    margin-bottom: 24px;

}

.csil_nub:last-child{

    margin-bottom: 0;

}

.contact_semcorp_info{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-bottom: 40px;

}

.contact_semcorp_info:last-child{

    margin-bottom: 0;

}

.contact_semcorp_info_title span{

    flex-grow: 1;

    padding-left: 35px;

    position: relative;

}

.contact_semcorp_info_title span::before{

    content: '';

    height: 2px;

    width: calc(100% - 35px);

    background: #fff;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.csil_share{

    width: 32px;

    margin: 0 20px;

}

.contact_semcorp_info_list2{

    width: calc(500px + 40px);

    margin: 0 -20px;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}

.inside_page .ys_main>div.contact_float{

    margin-top: -240px;

    position: relative;

    z-index: 10;

}

.contact_semcorp_info_list1 {

    padding-top: 12px;

}

.contact_semcorp_info:last-child{

    align-items: center;

}

.contact_form{

    position: relative;

}

.contact_form_bg{

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    opacity: .1;

}

.contact_form_bg img{

    width: 100%;

}

.contact_form .ys_cont1440{

    position: relative;

    z-index: 3;

}

.contact_form_list_nub{

    width: 33.333333%;

    margin-bottom: 40px;

}

.contact_form_list_nub,

.contact_form_list_textarea,

.contact_form_list_sub .std_btn,

.cfls_agree{

    padding: 0 24px;

}

.contact_form_list{

    display: flex;

    flex-wrap: wrap;

    margin: 0 -24px;

}

.cfln_name{

    color: #203146;

    font-size: 16px;

    line-height: 1.6;

    margin-bottom: 4px;

}

.cfln_name span{

    color: #FA4B75;

    margin-left: 4px;

}

.cfln_input{

    width: 100%;

    height: 50px;

    border: 1px solid rgba(51, 91, 145, 0.2);

    padding: 0 14px;

    background: #fff;

}

.cfln_input input{

    width: 100%;

    height: 100%;

    color: #203146;

    font-size: 16px;

}

.contact_form_list_text .contact_form_list_textarea{

    width: 66.666666%;

}

.contact_form_list_text{

    width: 100%;

    display: flex;

    align-items: stretch;

}

.cflt_right .contact_form_list_nub{

    width: 100%;

}

.cflt_right{

    width: 33.333333%;

}

.contact_form_list_textarea .cfln_input{

    height: calc(100% - 30px);

}

.cfln_input textarea{

    width: 100%;

    height: 100%;

    color: #203146;

    font-size: 16px;

    line-height: 1.75;

    padding: 10px 0;

}

.cflt_right .cflt_right_code .contact_form_list_nub {

    width: calc(100% - 160px);

}

.cflt_right_code{

    display: flex;

}

.cflt_rcc_refresh_icon{

    width: 16px;

    position: relative;

    top: -2px;

}

.cflt_rcc_refresh_icon img{

    width: 100%;

}

.cflt_rcc_refresh_font{

    padding-left: 8px;

    width: calc(100% - 16px);

    line-height: 1.6;

    font-size: 16px;

}

.cflt_rcc_refresh{

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-bottom: 4px;

    cursor: pointer;

}

.cflt_rcc_img{

    width: 140px;

    cursor: pointer;

}

.cflt_rcc_img img{

    width: 100%;

}

.cflt_right_code .contact_form_list_nub {

    margin-bottom: 0px;

}

.contact_form_list_sub{

    width: 100%;

    display: flex;

    margin-top: 40px;

    align-items: center;

}

.cfls_agree{

    width: 66.666666%;

    display: flex;

    justify-content: flex-end;

}

.contact_form_list_sub .std_btn {

    width: 33.333333%;

}

.cfls_agree_click{

    width: 20px;

    height: 20px;

    border-radius: 50%;

    border: 1px solid #203146;

    cursor: pointer;

    position: relative;

    top: 4px;

    transition: all 0.36s;

}

.cfls_agree .std_text{

    padding-left: 16px;

}

.cfls_agree .std_text p{

    color: rgba(32, 49, 70, .6);

}

.cfls_agree .std_text p a{

    color: #0D3380;

}

.cfls_agree.on .cfls_agree_click{

    border: 1px solid #0D3380;

}

.cfls_agree.on .cfls_agree_click::before{

    opacity: 1;

}

.cfls_agree_click::before{

    content: '';

    width: 12px;

    height: 12px;

    position: absolute;

    top: 50%;

    left: 50%;

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

    background: #0D3380;

    border-radius: 50%;

    opacity: 0;

    transition: all 0.36s;

}

.contact_form.std_padding1{

    padding-top: 0;

}

.cfln_select .ys_select_bd{

    top: calc(100% + 4px);

    border: 1px solid rgba(51, 91, 145, 0.2);

}

.job_select .ys_select_bd{

    top: calc(100% + 4px);

    border: 1px solid rgba(51, 91, 145, 0.5);

}

.cfln_select .ys_select_bd .ys_select_li{

    color: #203146;

    font-size: 16px;

    line-height: 2;

    transition: all 0.36s;

    padding: 0 14px;

}

.job_select .ys_select_bd .ys_select_li{

    padding: 0 24px;

    color: rgba(61, 64, 89, .5);

    font-size: 16px;

    line-height: 2;

    transition: all 0.36s;

}

.cfln_select .ys_select_bd,

.job_select .ys_select_bd {

    padding: 8px 0;

    height: 146px;

    background: #fff;

}

/* e6 */

.subcompany_main .std_title3 .subcompany_titleh2{

    line-height: inherit;

    transition: all 0.36s;

}

.subcompany_titleh2 a{

    color: inherit;

    font-size: inherit;

    line-height: inherit;

}

.subcompany_main .std_title3{

    display: flex;

    flex-wrap: wrap;

    margin-left: -24px;

    margin-right: -24px;

}

.subcompany_titleh2{

    opacity: .5;

    cursor: pointer;

    padding: 0 24px;

    position: relative;

}

.subcompany_titleh2.on{

    opacity: 1;

}

.subcompany_titleh2::before{

    content: '/';

    color: #0D3380;

    opacity: 0.5;

    font-size: 48px;

    position: absolute;

    top: 0;

    left: -10px;

    transition: all 0.36s;

}

.subcompany_titleh2:first-child::before{

    display: none;

}

.subcompany_main .std_title3::before,

.subcompany_main .std_title3::after {

    left: 24px;

}

.subcompany_main .std_title3::before {

    top: 8px;

}

.subcompany_main .std_title3::after {

    top: 16px;

}

.subcompany_slick_nub_img{

    width: 83%;

    margin: 0 auto;

}

.subcompany_slick_nub_img img{

    width: 100%;

}

.subcompany_slick_list_nub{

    width: 33.333333%;

    padding: 0 24px;

    margin-top: 48px;

}

.subcompany_slick_list{

    margin: 0 -24px;

}

.ssln_cry{

    background: #fff;

    border: 1px solid rgba(51, 91, 145, 0.2);

    transition: all 0.36s;

    padding: 16px;

    cursor: pointer;

    height: 100%;

}

.subcompany_slick_nub.on .ssln_cry{

    border: 1px solid #335B91;

    box-shadow: 0px 17px 21px -6px rgba(42, 109, 147, 0.15);

}

.ssln_cry_logo{

    max-width: 200px;

    margin-bottom: 12px;

}

.ssln_cry_logo img{

    width: 100%;

}

.ssln_cry .std_title6{

    font-family: 'poppins_semibold'!important;

    line-height: 1.5;

    color: #3D4059;

    border-bottom: 1px solid #E9E9E9;

    padding-bottom: 14px;

}

.ssln_cry .jlnc_list_inof {

    border-bottom: 0;

    padding: 0 0 12px;

}

.ssln_cry .jlnc_list_inof:last-child{

    padding-bottom: 0;

}

.ssln_cry_list{

    padding-top: 25px;

}

.subcompany_slick_list{

    display: flex;

    flex-wrap: wrap;

}

.ssln_tan{

    margin: 0 24px;

    margin-top: 18px;

    box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);

    background: #fff;

    display: none;

}

.ssln_tan_pic{

    width: 50%;

}

.ssln_tan_cry{

    display: flex;

    align-items: center;

}

.ssln_tan_text{

    width: 50%;

    flex-grow: 1;

    padding: 40px;

}

.ssln_tan_text .std_title6{

    font-family: 'poppins_semibold'!important;

    border-bottom: 1px solid #E9E9E9;

    padding-bottom: 16px;

    margin-bottom: 24px;

}

.ssln_tan_text .std_text p{

    line-height: 1.8;

    color: rgba(61, 64, 89, .6);

}

/* f1 */

.insl_nub{

    width: 50%;

    padding: 0 24px;

    margin-bottom: 40px;

}

.investor_notice_swipe.swiper{

    width: calc(100% + 48px);

    margin: 0 -24px;

}

.insl_nub_cry{

    background: #fff;

    border: 1px solid rgba(51, 91, 145, 0.2);

    transition: all 0.36s;

    padding:45px 32px 32px;

    height: 100%;

}

.insl_nub_cry_date{

    border-top: 1px solid #E9E9E9;

    padding-top: 24px;

}

.insl_nub_cry{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    position: relative;

}

.insl_nub_cry .std_title5{

    color: #3D4059;

    line-height: 1.3;

    margin-bottom: 20px;

}

.insl_ncd_year_icon{

    width: 24px;

}

.insl_ncd_year_icon img{

    width: 100%;

}

.insl_ncd_year_num{

    padding-left: 8px;

    color: #0D3380;

    font-size: 16px;

    line-height: 1;

}

.insl_ncd_year{

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.insl_nub_cry_date{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.insl_ncd_see {

    font-size: 16px;

    color: #3D4059;

    opacity: 1;

    transition: all 0.36s;

    display: flex;

    align-items: center;

}

.insl_ncd_see img{

    width: 32px;

    margin-left: 4px;

}

.insl_nub_cry_eye{

    position: absolute;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #0D3380;

    left: 50%;

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

    top: 100%;

    opacity: 0;

    pointer-events: none;

    transition: all 0.36s;

}

.insl_nub_cry_eye img{

    width: 64%;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.insl_nub.swiper-slide{

    height: auto;

    /* height: calc((100% - 40px) / 2); */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.insl_nub a{

    display: block;

    width: 100%;

    height: 100%;

}

.investor_periodic{

    position: relative;

    overflow: hidden;

    padding-top: 150px;

}

.investor_periodic_list{

    background: #fff;

}

.investor_periodic .ys_cont1440{

    position: relative;

    z-index: 6;

}

.investor_periodic .mod_placeimg1::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background:rgba(51, 91, 145, 0.4);

}

.investor_education_list_nub{

    position: relative;

}

.ieln_cry .insl_ncd_year{

    width: 200px;

}

.ieln_cry .std_title5{

    width: calc(100% - 200px);

    line-height: 1.3;

    color: #3D4059;

    transition: all 0.36s;

}

.ieln_cry{

    display: flex;

    align-items: center;

    padding: 32px 0;

    position: relative;

}

.ieln_cry::before,

.ieln_cry::after{

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    bottom: 0;

    left: 0;

    background: #E9E9E9;

}

.ieln_cry::after{

    background: #0D3380;

    width: 0;

    opacity: 1;

    transition: all 0.5s ease-in-out;

    z-index: 2;

}

.investor_contact{

    position: relative;

}

.investor_contact_bg,

.investor_contact_text{

    width: 50%;

}

.investor_contact{

    display: flex;

    align-items: flex-end;

}

.investor_contact_bg img{

    position: relative;

    width: 127%;

    max-width: none;

}

.investor_contact_text{

    background: rgba(13, 51, 128, 0.9);

    backdrop-filter: blur(16px);

    padding: 80px 0 124px 80px;

    padding-right: calc(50vw - 720px);

}

.ictl_nub_icon{

    width: 32px;

    position: relative;

    top: 2px;

}

.ictl_nub_icon img{

    width: 100%;

}

.ictl_nub .std_text24{

    width: calc(100% - 32px);

    padding-left: 16px;

}

.ictl_nub .std_text24 p{

    color: #fff;

}

.ictl_nub{

    margin-bottom: 24px;

    display: flex;

    align-items: flex-start;

}

.investor_contact_text .mod_title_box_more {

    display: inline-block;

}

/* f2 */

.tech_main .job_select1{

    width: 432px;

}

.tech_main .job_select2{

    width: 316px;

}

.tech_main .job_select,

.tech_main .job_input,

.job_box .job_box_right .std_btn,

.job_box .job_box_right .std_btn2 {

    margin: 0 16px;

}

.tech_main .job_box_left,

.tech_main .job_box_right{

    margin: 0 -16px;

}

.tech_main .job_box_right{

    display: flex;

}

.job_box_right .std_btn2 .std_btn_link {

    min-width: 160px;

}

.job_box_right .std_btn2{

    opacity: .5;

}

.tech_list_nub_cry{

    padding-bottom: 24px;

    position: relative;

}

.tech_list_nub_cry .std_title5{

    margin-bottom: 16px;

    color: #3D4059;

    transition: all 0.36s;

}

.tech_list_nub_cry .insl_nub_cry_date {

    border-top: 0px;

    padding-top: 0;

}

.insl_ncd_see_icon{

    width: 24px;

    display: inline-block;

    margin-left: 8px;

}

.tech_list .insl_ncd_see img {

    width: 100%;

    margin-left: 0;

}

.insl_ncd_see_icon img:nth-of-type(2){

    opacity: 0;

}

.tech_list_nub_cry::before,

.tech_list_nub_cry::after{

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    bottom: 0;

    left: 0;

    background: #E9E9E9;

}

.tech_list_nub_cry::after{

    background: #0D3380;

    width: 0;

    opacity: 1;

    transition: all 0.5s ease-in-out;

    z-index: 2;

}

.tech_list{

    margin-bottom: 80px;

}

.std_btn_link{

    cursor: pointer;

}

.mod_relate{

    background: #E8EFF6;

}

.mod_relate_list_nub{

    padding: 0 24px;

}

.mod_relate_list{

    margin: 0 -24px;

    display: flex;

    flex-wrap: wrap;

}

.mod_relate .std_btn_link_icon {

    width: 24px;

    margin-left: 10px;

}

.mod_relate .std_btn_link{

    min-width: 324px;

}

.mod_relate .std_btn_link::before{

    width: 350px;

    height: 350px;

}

.investor_notice_swipe.swiper{

    overflow: visible;

}

.investor_notice .swiper-horizontal>.swiper-pagination-progressbar, 

.investor_notice .swiper-pagination-progressbar.swiper-pagination-horizontal, 

.investor_notice .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 

.investor_notice .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: calc(75% - 48px);

    height: 2px;

    left: 24px;

    top: 50%;

    transform: translateY(-50%);

}

.subcompany_slick_nub{

    display: none;

    opacity: 0;

    transition: all 0.36s;

}

.subcompany_slick_nub.act{

    display: block;

    opacity: 1;

}

.subcompany_slick_nub.act .subcompany_slick_nub_img{

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.2s;

}

.subcompany_slick_nub.act .subcompany_slick_list_nub{

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.3s;

}

.contact_form .std_btn_link::before{

    width: 490px;

    height: 490px;

}

.join_logo_img{

    position: relative;

}

.join_logo_img img{

    width: 100%;

}

.join_logo_img .join_logo_img_fu{

    width: 72.5%;

    position: absolute;

    top: 50%;

    right: 0.52%;

    transform: translateY(-50%);

    z-index: 2;

}

.join_logo .ys_cont1440{

    position: absolute;

    z-index: 10;

}

.join_ban{

    height: 100vh;

    overflow: hidden;

}

.join_ban .inside_ban2_img{

    height: 100vh;

    position: relative;

}

.join_ban .inside_ban2_img img{

    position: absolute;

    min-width: 100%;

    min-height: 100%;

    width: 100%;

    object-fit: cover;

    top: 50%;

    left: 50%;

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

}

.join_logo{

    display: flex;

    align-items: center;

    opacity: 0;

    pointer-events: none;

    transition: all 0.6s ease-out;

    transform: scale(1.6);

}

.join_logo .join_logo_img{

    width: 100%;

}

.join_logo_img::before,.join_logo_img::after{

    content: '';

    width: 100%;

    height: 40vh;

    position: absolute;

    background: #fff;

    left: 0;

}

.join_logo_img::before{

    bottom: calc(100% - 1px);

}

.join_logo_img::after{

    top: calc(100% - 1px);

}

.mouse_screen_icon img:nth-of-type(2){

    opacity: 0;

}

.join_ban.act .mouse_screen::before{

    background: #E9F1FC;

}

.join_ban.act .mouse_screen::after{

    background: #0D3380;

}

.join_ban.act .mouse_screen_icon img:nth-of-type(2){

    opacity: 1;

}

.join_ban.act .mouse_screen_icon img:first-child{

    opacity: 0;

}

.join_ban.act .mouse_screen_font{

    opacity: 1;

}

.join_ban.act .join_logo{

    opacity: 1;

    pointer-events: all;

    transform: scale(1);

}

.mouse_screen_font{

    color: #0D3380;

    font-size: 16px;

    line-height: 1.5;

    text-align: center;

    position: absolute;

    top: -32px;

    left: 50%;

    transform: translateX(-50%);

    opacity: 0;

    transition: all 0.36s;

}

html.act {

    height: 100vh;

    overflow-y: scroll;

}

html.act body {

    height: 100vh;

}

.join_ban.act .std_title2{

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.3s;

}

.click_nub{

    cursor: pointer;

}

.company_become {

    position: relative;

}

.company_become #threebox{

    width: 37.3vw;

    height: 37.3vw;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -200px;

}

.company_become #threebox canvas{

    width: 100%;

    height: 100%;

}

.company_become .ys_cont1440{

    position: relative;

    z-index: 6;

}

.product_fadein2{

    animation: fadeIn .5s ease-in-out both;

    animation-delay: 0.5s;

}

.product_fadein3{

    animation: fadeIn .5s ease-in-out both;

    animation-delay: 0.8s;

}

.product_fadein4{

    animation: fadeIn .5s ease-in-out both;

    animation-delay: 1.2s;

}

.pmcl_nub_spread span::after{

    animation: spread_line .5s ease-in-out both;

    animation-delay: 0.8s;

}

@keyframes spread_line {

    0%{

        opacity: 0;

    }

    100%{

        opacity: 1;

    }

}

.product_customer_data{

    margin-bottom: 90px;

}

.product_customer_cry_earth{

    width: 47.96vw;

    height: 47.96vw;

    position: absolute;

    z-index: 3;

    right: 0;

    top: 60px;

}

.product_customer_cry_earth #threebox{

    width: 100%;

    height: 100%;

    position: relative;

}

.product_customer_cry_earth #threebox canvas{

    width: 100%!important;

    height: 100%!important;

}

.product_customer .ys_cont1400{

    position: relative;

    overflow: hidden;

}

.product_customer_title {

    margin-bottom: 120px;

}

.product_customer_logo,.product_customer_data{

    position: relative;

    z-index: 6;

}

.ys_ban_li.slick-active .ys_ban_txtbox .ys_ban_title{

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.2s;

}

.ys_ban_li.slick-active .ys_ban_txtbox .std_text24 {

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.3s;

}

.product_model_cry_ph{

    display: none;

}

.product_category_list.on .pcln_cry{

    padding-top: 40px;

}

.spln_cry_text_top .std_text p{

    color: #203146;

}

.detail_cry .dctl_nub .std_text p{

    margin-bottom: 0;

}

.company_become #threebox {

    width: 55vw;

    height: 55vw;

}

.cmln_bg {

    width: calc(100% + 2px);

    height: calc(100% + 2px);

}

.company_mission_list_nub{

    overflow: hidden;

}

.mod_text_list.std_text li::before {

    top: 7px;

}

.mod_text_list.std_text li::after {

    top: 11px;

}

.job_box_left{

    flex-wrap: wrap;

}

.job_box{

    flex-wrap: wrap;

}

.mc_fybtn {

    color: #666;

}

.head_nav_nub {

    position: relative;

}

.head_nav_nub_second{

    left: 50%;

    transform: translateX(-50%);

}

.develop_social_title_nub::before, .develop_social_title_nub::after {

    height: 140px;

}

/* 2022.12.3 */

.hacc_list_nub5 .hacc_icon_font {

    left: auto;

    top: 50%;

    transform: translateY(-50%);

    right: calc(100% + 8px);

}

.join_benefits_list .slick-track{

    display: flex;

}

.join_benefits_list_nub.slick-slide{

    height: auto;

}

.hnln_cry::before {

    z-index: 1;

}

.jlnc_list_inof:first-child .std_text{

    overflow: hidden;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    height: 52px;

}

.inside_ban1_img{

    overflow: hidden;

}

/* .product_apply {

    height: 100vh;

} */

/* 2022.12.06 */

.inside_ban1_img{

    height: auto;

}

.inside_ban1_img img {

    position: relative;

    top: 0;

    left: 0;

    transform: translate(0);

}

.join_salary_list{

    align-items: flex-start;

}

.join_salary_list_nub .std_title36{

    height: 44px;

    overflow: hidden;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    /* display: -webkit-box; */

}

.company_history_list_nub.slick-center .std_title3 {

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.2s;

}

.company_history_list_nub.slick-center .std_text {

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.3s;

}

.company_history_list_nub.slick-center .chln_img {

    animation: ysfadeInUp .5s ease-in-out both;

    animation-delay: 0.4s;

}

.company_become_cry{

    align-items: flex-start;

    display: block;

    width: 100%;

}

.std_text p, .yxedr_active p{

    font-size: 18px;

    line-height: 1.8;

    color: #333;

}

.home_news_list_nub a{

    display: block;

    height: 100%;

}

.hnln_cry{

    height: 100%;

    display: flex;

    flex-direction: column;

}

.hnln_cry_text{

    flex-grow: 1;

}

.hnln_cry_text{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.home_news_list_nub.swiper-slide{

    height: auto;

}

.hnln_cry .std_title6{

    overflow: hidden;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box; 

}

.rdln_cry {

    height: 400px;

}

.research_deep_list_nub.on .rdln_cry .std_text24 {

    transform: translateY(-40px);

}

.pact_list_nub:last-child .std_text18{

    padding-bottom: 0;

}

.company_become .std_title3 {

    font-size: 40px;

}

.company_become .std_title3::before {

    top: 11px;

}

.company_become .std_title3::after {

    top: 19px;

}

.hpln_box_img video{

    position: absolute;

    top: 50%;

    left: 50%;

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

    object-fit: cover;

    min-width: 100%;

    min-height: 100%;

    width: 100%;

    opacity: 0;

    transition: all 0.36s;

}

.home_product_list_nub a{

    display: block;

    height: 100%;

}

.home_product_list_nub .ys_imgbox_cover img:nth-child(2){

    z-index: 3;

}

.home_product_list_nub.on1 .ys_imgbox_cover img:nth-child(2){

    z-index: 2;

}

.home_product_list_nub.on1 .ys_imgbox_cover video{

    z-index: 4;

    opacity: 1;

}

.hpln_box_video{

    z-index: 5;

}

.hpln_box_video_link{

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.home_product_list_nub .hpln_box_video_link{

    display: flex;

}

.hpln_box_video_icon img {

    width: 18px;

}

.std_btn_link img{

    margin-left: 18px;

    width: 20px;

}

.std_title3 .mod_title_box_more,

.business_film_cry_text .mod_title_box_more{

    display: inline-block;

    margin-top: 50px;

}

.std_title3h3{

    font-size: inherit;

    line-height: initial;

}

.std_title3h3{

    line-height: 1.5;

}

.company_become_cry_left{

    width: 68.8%;

}

.company_become_cry .std_text20 {

    width: 71%;

}

.company_become_cry_list {

    margin-top: 110px;

}

.cbcl_nub .std_title6{

    opacity: 1;

}

.company_become_cry_left {

    min-height: 600px;

    position: relative;

}

.company_become_cry_left .std_title3,

.company_become_cry_left .std_text20,

.company_become_cry_list {

    position: relative;

    z-index: 10;

}

.company_become #threebox {

    width: 45vw;

    height: 45vw;

    bottom: auto;

    top: 120px;

    transition: all 1s ease;

}

.pact_list_nub .std_title4{

    cursor: pointer;

}

/* .company_become.on #threebox{

    position: fixed;

    top: 160px;

}

.company_become.on.act #threebox{

    position: absolute;

    top: auto;

    bottom: calc(500px - 45vw);

} */

.cmln_bg img{

    transition: all 0.36s;

}

.inside_screen {

    height: calc(100% - 200px);

    bottom: 100px;

}

.rsfl_nub .std_title8{

    font-size: 18px;

}

.business_energy_img_play{

    cursor: pointer;

}

.business_energy_img_play{

    cursor: pointer;

    width: 66px;

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 6;

}

.business_energy_img_play img{

    width: 100%;

}

.business_energy_img {

    position: relative;

}

.detail_share_list_nub .ys_sharebox,

.detail_share_list_nub .dsln_img{

    width: 32px;

    margin: 0 auto;

}

.dsln_img{

    cursor: pointer;

}

.detail_share_list_nub{

    position: relative;

}

.dsln_tan{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: calc(100%);

    width: 110px;

    background: #fff;

    box-shadow: 0px 2px 17px rgb(42 109 147 / 13%);

    padding: 5px;

    display: none;

}

.dsln_tan img{

    width: 100%;

}

.dsln_tan::before{

    content: '';

    border-left: 10px solid #fff;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -10px;

}

.business_energy_img.on1 .business_energy_img_pic{

    display: none;

}

.rdln_cry {

    height: 230px;

}

.research_deep_list_nub.on .rdln_cry_logo,

.research_deep_list_nub .rdln_cry_logo {

    transform: translateY(-50%) scale(1)!important;

}

.rdln_cry_logo{

    width: 240px;

    top: 50%!important;

}

.csil_share_img{

    cursor: pointer;

    width: 100%;

}

.csil_share_img img,.csil_share img,.csil_share .ys_sharebox{

    width: 100%;

}

.csil_share .ys_sharebox {

    margin: 0;

}

.csil_share{

    position: relative;

}

.csil_share_tan{

    position: absolute;

    width: 120px;

    padding: 5px;

    background: #fff;

    left: 50%;

    transform: translateX(-50%);

    box-shadow: 0px 2px 17px rgb(42 109 147 / 13%);

    bottom: calc(100% + 10px);

    display: none;

}

.csil_share_tan img{

    width: 100%;

}

.csil_share_tan::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: -10px;

}

.csil_share_tan::after{

    content: '';

    width: 100%;

    height: 10px;

    position: absolute;

    bottom: -10px;

    left: 0;

}

/* 2022.12.12 */

.cbcl_nub .hsln_cry_font .data_scroll{

    font-size: 120px;

    line-height: 1;

}

.hsln_cry_font span {

    font-size: 48px;

    font-weight: bold;

}

.cbcl_nub .std_title6{

    font-size: 24px;

    font-weight: bold;

}

.cbcl_nub .std_text12 p{

    opacity: .6;

    font-size: 16px;

}

.cbcl_nub {

    border-top: 0;

}

.cbcl_nub .hsln_cry_font {

    margin-bottom: -5px;

}

.company_become_cry_list {

    margin-top: 0!important;

}

.cbcl_nub {

    padding-top: 39px;

    padding-bottom: 73px;

}

.cbcl_nub .std_text12{

    margin-top: -2px;

}

.company_become .std_title3 {

    font-size: 60px;

}

.company_become_cry .std_text20 {

    width: 86%;

}

.company_mission_list {

    width: 100%;

}

.company_become_cry_left {

    min-height: auto;

}

.cbcl_nub{

    position: relative;

}

.company_become_cry_left{

    height: 100%;

}

.company_become_gu{

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

}

.company_become_gu .company_become_cry,

.company_become_cry_left {

    min-height: 800px;

}

.company_become_gu {

    height:calc(100vh - 80px);

}

.company_become_gu.on1{

    position: fixed;

    width: 100%;

}

.company_become.act .company_become_gu.on1{

    position: absolute;

    width: 100%;

    top: auto;

    bottom: 0;

}

.company_become_cry_left{

    padding-bottom: 100px;

}

/* 2022.12.12 */

.subcompany_map_img,

.subcompany_map_img img{

    width: 100%;

}

.subcompany_map_img{

    position: relative;

}

.subcompany_map_svg{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.map_position{

    cursor: pointer;

}

.subcompany_map_line{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3;

    pointer-events: none;

}

.subcompany1_line{

    stroke-dashoffset: 900px;

    stroke-dasharray: 900px;

    animation: animation-line 3s ease-in;

    animation-fill-mode: forwards;

    animation-iteration-count: 1;

}

@keyframes animation-line {

    0% {

        stroke-dashoffset: 900px

    }

    85% {

        stroke-dashoffset: 0px

    }

    100% {

        stroke-dashoffset: 0px

    }

}

.subcompany_map_list{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    pointer-events: none;

}

.subcompany_map_list_dots{

    position: absolute;

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

    width: 14px;

    height: 14px;

    border-radius: 50%;

}

.subcompany_map_list_dots::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    border-radius: 50%;

    background: linear-gradient(90.09deg, #0FB8ED 0.85%, #1BD3EC 101.72%);

    opacity:.1;

}

.subcompany_map_list_dots .smld_nub{

    position: absolute;

    width: 30%;

    height: 30%;

    border-radius: 50%;

    background: linear-gradient(90.09deg, #0FB8ED 0.85%, #1BD3EC 101.72%);

    top: 50%;

    left: 50%;

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

}

.smld_nub::before,

.smld_nub::after{

    content: '';

    width: 100%;

    height: 100%;

    border: 0.5px solid rgba(15, 184, 237,1);

    position: absolute;

    border-radius: 50%;

    top: 50%;

    left: 50%;

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

    animation: smld_san 3s linear infinite forwards;

}

.smld_nub::after{

    animation-delay: 1.5s;

}

@keyframes smld_san {

    0%{

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

        opacity: 1;

    }

    85%{

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

        opacity: 1;

    }

    100%{

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

        opacity: 0;

    }

}

.subcompany_map_list_dots2.subcompany_map_list_dots,

.subcompany_map_list_dots5.subcompany_map_list_dots{

    width: 24px;

    height: 24px;

}

.subcompany_map_list_dots1.subcompany_map_list_dots{

    width: 24px;

    height: 24px;

}

.subcompany_map_list_dots1.subcompany_map_list_dots .smld_nub{

    background: #fff;

}

.subcompany_map_list_dots1.subcompany_map_list_dots::before{

    opacity: .5;

}

.subcompany_map_list_dots13.subcompany_map_list_dots,

.subcompany_map_list_dots14.subcompany_map_list_dots,

.subcompany_map_list_dots15.subcompany_map_list_dots{

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: linear-gradient(90.09deg, #0FB8ED 0.85%, #1BD3EC 101.72%);

}

.subcompany_map_list_dots13.subcompany_map_list_dots::before,

.subcompany_map_list_dots14.subcompany_map_list_dots::before,

.subcompany_map_list_dots15.subcompany_map_list_dots::before,

.subcompany_map_list_dots13.subcompany_map_list_dots .smld_nub,

.subcompany_map_list_dots14.subcompany_map_list_dots .smld_nub,

.subcompany_map_list_dots15.subcompany_map_list_dots .smld_nub{

    display: none;

}

.subcompany_map_circle{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}

.subcompany_circle_nub{

    position: absolute;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background: linear-gradient(90.09deg, #0FB8ED 0.85%, #1BD3EC 101.72%);

    box-shadow: 0px 0px 8px rgba(79, 79, 79, 0.1), 0px 2px 8px rgba(8, 50, 73, 0.2);

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

    padding: 5px;

}

.subcompany_circle_nub img{

    width: 100%;

}

.subcompany_map_sign{

    position: absolute;

    bottom: 16px;

    left: 16px;

}

.subcompany_map_sign_nub{

    margin-bottom: 9px;

}

.subcompany_map_sign_nub:last-child{

    margin-bottom: 0;

}

.smsn_icon{

    width: 24px;

    margin-right: 8px;

}

.subcompany_map_sign_nub .std_text p{

    color: #0D3380;

    font-size: 16px;

    line-height: 24px;

}   

.subcompany_map_sign_nub{

    display: flex;

}

.subcompany_map_sign_nub .std_text{

    max-width: calc(100% - 32px);

}

.subcompany_slick_list_nub {

    width: 50%;

    padding: 0 24px;

    margin-top: 40px;

}

.subcompany_icon_sign{

    position: absolute;

    width: 32px;

    right: 12px;

    bottom: 12px;

}

.subcompany_icon_sign img{

    width: 100%;

}

.ssln_cry{

    position: relative;

}

.subcompany_info_nub{

    margin-bottom: 80px;

}

.subcompany_info_nub:last-child{

    margin-bottom: 0;

}

.ssln_cry .std_title6 {

    padding-top: 8px;

}

.ssln_tan {

    width: 100%;

}



.home_product_cry_prev{

    width: 93px;

    position: absolute;

    top: 50%;

    transform: translate(-50%,-50%) rotate(180deg);

    left: 0;

    cursor: pointer;

    z-index: 10;

}

.home_semcorp{

    overflow: hidden;

}

.home_product_cry_prev img:nth-of-type(2),

.home_product_cry_next img:nth-of-type(2){

    opacity: 0;

}

.company_partner_text .std_text20 p {

    opacity: 0.6;

}
.std_title1{
    font-size: 60px;
}
.ys_ban_txtbox .ys_ban_title, .ys_ban_txtbox .std_text24 {
    width: 58%;
}
.ys_ban_txtbox .ys_ban_title{
    line-height: 1.3;
}
.ys_ban_txtbox .std_text24 p{
    font-size: 30px;
}

.company_history_list .slick-track{
    display: flex;
    align-items: stretch;
}
.company_history_list .company_history_list_nub{
    height: auto;
}
.chln_box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.company_history_list_nub .std_text {
    margin-bottom: 18px;
}
.join_salary_list_nub .yxedr_active ul {
    padding-inline-start: 20px;
}
.join_salary_list_nub .yxedr_active ul li::marker {
    color: #fff;
    font-size: 18px;
}
.mouse_screen_font{
    white-space: nowrap;
}
.rsfl_nub .std_title8 {
    height: 54px; 
}
/* 2023 01 16 */
.ssln_tan .mod_title_box_more.std_btn2{
    display: inline-block;
    margin-top: 30px;
}
.footer_copyright .std_title8 p a {
    margin-left: 16px;
}

a[title="站长统计"]{
    /*visibility: hidden;*/
    display:none;
}
/**/
.ftcs_nub{
    position: relative;
}
.ftcs_nub_img{
    width: 100%;
    cursor: pointer;
}
.mc_ft1_qrxl {
    display: none; 
    position: absolute;
    left: 50%;
    top: calc(100% + 5px);
    transform: translateX(-50%);
    width: 80px;
    z-index: 8;
}
.mc_ft1_qrxl img{
    width: 100%;
}
.footer_top_cry_share {
    margin-bottom: 0!important;
}
.mod_head{
    background: linear-gradient(to bottom, rgba(0,0,0,.5),rgba(0,0,0,0));
}