@charset "utf-8";



body {

    font-family:"思源黑体";

}


/* 规范 - start */

.std_title1{

    font-size: 74px;

    line-height: 1.1;

    color: #fff;

    font-weight: bold;

}

.std_title2{

    font-size: 60px;

    line-height: 1.2;

    color: #0D3380;

    font-weight: bold;

}

.std_title3,.yxedr_active h2{

    font-size: 48px;

    line-height: 1.2;

    color: #0D3380;

    font-weight: bold;

}

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

    line-height: 1.8;

    color: #3D4059;

}

.std_text20 p{

    color: #203146;

    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: 100px 0;

}
 
.std_padding3{

    padding: 80px 0;

}

.std_margin1{

    margin-bottom: 100px;

}

.std_margin2{

    margin-bottom: 50px;

}

.std_margin3{

    margin-bottom: 16px;

}
 
 
.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;

}
 
 
/* 规范 - 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){
 

    .product_customer .product_customer_cry_earth{

        width: 921px;

        height: 921px;

    }
 

}

/*鼠标效果*/

@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;

    }
 
    .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;

    }
 
 
    .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: 1;

    }

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

    display: flex;

    align-items: center;

}

.head_nav_nub_first a{

    font-size: 17px;

    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 45px;

}

.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(prev.svg);

}

.rotate_arrow1 .slick-next::before{

    background-image: url(next.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);

    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;

}

.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-size: 20px;

    margin-bottom: 3px;

}

.hsln_cry_font i{

    font-style: normal;

    color: #0D3380;

    font-size: 24px;

}

.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 #0D3380;

    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: 82%;

    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 #0D3380;

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

    background: #fff; 

    transition: all 0.36s;

}

.hacc_icon_img{

    width: 36px;

    height: 36px;

    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: 16px;

    color: #0D3380;

    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: #0D3380;

}

.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;

}

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

}

.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: 48.34%;

}

.home_advantage_cry_circle{

    width: 51.66%;

}

.home_advantage_cry{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.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: #0E337E;

}

.footer_top{

    padding: 100px 0 30px;

}

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

    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: 60px;

    margin: 0 -20px;

}

.footer_top .ys_cont1440{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.ftnn_first a{

    color: #fff;

    font-size: 20px;

    line-height: 1.5;

}

.ftnn_first{

    margin-bottom: 24px;

}

.ftnn_second_two a{

    font-size: 16px;

    line-height: 1.6;

    color: #eee;

    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: auto;

    margin: 0 25px;

}

.ftnn_second{

    margin-bottom: 40px;

}

.footer_copyright{

    background: #0E337E;

    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 */
 
 
.mod_title2 .mod_text1 .std_text20 {

    width: 100%;

}

.mod_title2 .std_title4{

    color: #3D4059;

}

h2.std_title3{

    line-height: 1.5;

}

.mod_title2 .mod_text1 .std_text20
 {

    margin-top: 16px;

}



.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;

}
 
/* b2 */
  
  
 
.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;

}
 
.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;

}
 
.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;

}
 
 

/* b4 */
 
 
.slick-dots li{

    width: 9px;

    height: 9px;

    background: #D9D9D9;

    margin: 0 12px;

}

.slick-dots li.slick-active {

    background: #0D3380;

}
 

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

}
 
/* c1 */
 
 
.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;

}

 
@keyframes research_san {

    0%{

        opacity: .6;

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

    }

    100%{

        opacity: 0;

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

    }

}
 
.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);

}
 

.mod_center_title{

    text-align: center;

}

.mod_center_title .std_title3{

    display: inline-block;

}
 
.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%);

}
 
 
/* d1 */
 
 
.first li::before,

.prev li::before,

.next li::before,

.end li::before{

    transition: all 0.36s;

    color: #3D4059;

}
 
/* d2 */
 
.std_title4.on{

    color: #0D3380;

    line-height: 1.5;

}

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

    left: -23px;

}

.std_title4::before {

    top: 12px;

}

.std_title4::after {

    top: 20px;

}
 
 
 
/* e1 */
 
 
.arrow_slick1 .slick-prev, 

.arrow_slick1 .slick-next{

    width: 48px;

    height: 48px;

}
 
.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;

}
 
 
/* e2 */
 
 
 
 
 
.mod_placeimg1{

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

}

.mod_placeimg1 img{

    width: 100%;

}

 

/* e3 */

.std_btn_link.std_btn_link3{

    background: transparent;

    border: 1px solid #fff;

}

.std_btn_link::before{

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

}

 
 
/* f2 */

 
.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;

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

    opacity: 0;

}
 
html.act {

    height: 100vh;

    overflow-y: scroll;

}

html.act body {

    height: 100vh;

}
 

.click_nub{

    cursor: pointer;

}
 
.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;

}

 
.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;

}
 
 
.head_nav_nub {

    position: relative;

}

.head_nav_nub_second{

    left: 50%;

    transform: translateX(-50%);

}
 

/* 2022.12.3 */

.hacc_list_nub5 .hacc_icon_font {

    left: auto;

    top: 50%;

    transform: translateY(-50%);

    right: calc(100% + 8px);

}

 
.hnln_cry::before {

    z-index: 1;

}
 
 
/* .product_apply {

    height: 100vh;

} */

 
.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; 

}
 
.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{

    display: inline-block;

    margin-top: 50px;

}

.std_title3h3{

    font-size: inherit;

    line-height: initial;

}

.std_title3h3{

    line-height: 1.5;

}
 
 
/* 2022.12.12 */
 
.hsln_cry_font span {

    font-size: 48px;

    font-weight: bold;

}
 
 
  
.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;

}
 
.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;
}
 
/* 2023 01 16 */
 
.footer_copyright .std_title8 p a {
    margin-left: 16px;
}

 
/**/
.ftcs_nub{
    position: relative;
}
.ftcs_nub_img{
    width: 100%;
    cursor: pointer;
}
 
.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));
}
video{
    background: transparent!important;
}
 




/* n_banner */
.n_banner{position: relative;}
.n_banner .img{position: relative;height: auto;width: 100%;}
.n_banner .img img{width: 100%;}
.n_banner .img::before{content: '';width: 100%;height: 100%;position: absolute;background: rgba(88, 154, 232, 0.6);top: 0;left: 0;z-index: 2;}

.ab01{ padding:90px 0 0;background: #f9f9f9;position: relative;}
.ab01 .ys_cont1440{position: relative;}
.ab01 .con{max-width: 1192px;margin: 0 auto;}
.ab01 .con h2{text-align: center;line-height: 1.2;margin-bottom: 44px;}
.ab01 .con .txt{ font-size:18px; line-height:30px; text-align:center;}
.ab01 .ab01bg{width: 72px;position: absolute;top: 0;}
.ab01 .ab01bg1{left: 0;}
.ab01 .ab01bg2{right: 0;}
.ab01 .ab01bg2 img{transform: rotate(180deg);}


.ab02{background: #f9f9f9;position: relative; padding:90px 0;overflow: hidden;}
.ab02 .ys_cont1440{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;background: #f6f6f6;}
.ab02 .img{width: 48%;}
.ab02 .img img{width: 100%;}
.ab02 .con{width: 48%;padding: 30px;position: relative;z-index: 4;}
.ab02 .con h2{ font-size:36px; line-height:40px; text-align:justify; padding-bottom:20px; color:#164299; font-weight:bold;}
.ab02 .con h3{ font-size:24px; line-height:30px; text-align:justify; padding-bottom:30px;}
.ab02 .con .txt{ font-size:16px; line-height:30px; text-align:justify;}

.mod_center_title{text-align: center;}
.mod_center_title .std_title3{display: inline-block;}


.ab03{ width:100%; position: relative; padding:90px 0 120px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ab02bg.jpg);background-attachment:fixed !important}
.ab03::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(13,51,128,.5); z-index:3;}
.ab03 .ys_cont1440{position: relative;z-index: 5;}
.ab03 ul{background: #fff;box-shadow: 0px 2px 17px rgba(42, 109, 147, 0.13);display: flex;flex-wrap: wrap;padding: 90px 0 60px;margin-top:60px;}
.ab03 ul li{width: 25%;padding: 0 60px;position: relative;margin-bottom: 35px; text-align:center;}
.ab03 ul li:before{content: '';height:calc(100% - 20px);width: 1px;position: absolute;right: 0;top: calc(20% + 10px);transform: translateY(-20%);background:rgba(13,51,128,.5);}
.ab03 ul li:nth-of-type(4):before{display: none;}
.ab03 ul li .hsln_cry_font { width:100%; text-align:center;}
.ab03 ul li .hsln_cry_font .data_scroll {padding: 0;padding-right: 6px;}
.ab03 ul li .std_title70{ font-size:48px; font-weight:bold;}
.ab03 ul li .hsln_cry_font span{ font-size:18px; font-weight:normal;}
.ab03 ul li .std_title6{color: #0D3380;opacity: 0.5;}


.ab04{ width:100%; position: relative; padding:90px 0 120px;overflow: hidden;background-image:url(ab04bg.jpg);background-repeat:no-repeat;}
.ab04 .ys_cont1440{position: relative;z-index: 3;}
.ab04 ul{margin-top:60px;display: flex;flex-wrap: wrap; justify-content:space-between;}
.ab04 ul li{width: 32%;background:#fff;transition: all .5s;box-shadow: -2px 2px 20px #dcdcdc;}
.ab04 ul li .con{ width:100%; position:relative;padding:60px 5px 50px 15px;}
.ab04 ul li .con .img {width: 160px;margin: 0 auto; text-align:center;margin-bottom: 16px;position: relative;transition: all 0.5s;}
.ab04 ul li .con .img img{width: 60px;margin: 0 auto;}
.ab04 ul li .con .txt{ width:100%;position: relative; text-align:left;}
.ab04 ul li .con .txt h1{ width:100%; font-size:24px;color: #000;line-height: 2.5; text-align:center;}
.ab04 ul li .con .txt p{ width:100%; font-size:14px;color: #333;line-height: 1.5;}


/*n_home*/
.n_home {padding: 0;position: relative; z-index: 9; border-bottom:2px solid #e5e5e5;line-height:65px;}
.n_home .ys_cont1440 { position: relative; display: flex; justify-content: space-between; align-items: center; }
.n_home ul { position: relative; flex-grow: 1; }
.n_home ul li{display: block; font-size:14px; color: #373941; float: left;line-height:65px; margin-right:20px; z-index: 1; position: relative;border-radius: 3px;}
.n_home ul li a{ display: block; color:#333; position: relative; }
.n_home ul li a:after{ content: ""; width: 0; height: 0; position: absolute; border: 5px solid transparent; border-bottom: 5px solid #034ba3; left: 50%; margin-left: -5px; bottom: 0; opacity: 0; transition: .5s;}
.n_home ul li a:before{ content: ""; display: block; width: 100%; transform: scaleX(0); height: 2px; background: #034ba3; position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 1; transition: .5s;}
.n_home ul li:hover a:before{ width: 100%; opacity: 1; transform: scaleX(1);}  
.n_home ul li:hover a:after{ opacity: 1;}
.n_home ul li.on a:before{ width: 100%; opacity: 1; transform: scaleX(1); }  
.n_home ul li.on a:after{ opacity: 1;}
.n_home .home { left: 0;bottom: 0; font-size:14px;color: #747679;}
.n_home .home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_home .home span, .n_home .home a, .home i,.n_home .home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_home .home i{margin: 0 10px;font-style: normal; width: 4px; height: 6px; }
.n_home .home em { color: #333;font-style: normal;}

/*n_mian */ 
.n_main { width:100%; position:relative; margin:70px auto 90px;}
.n_main .n_tit{ width: 100%;background: #fff; text-align: center; position:relative; border-bottom:1px solid #ddd; padding-bottom:30px;}
.n_main .n_tit span{font-size: 30px;color: #333; position:relative;}
	
.n_about{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:40px;}
.n_about .con{ width:100%;line-height:30px;}