@charset "utf-8";



body {

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

}

@font-face {

    font-family: 'ExoBold';

    src: url('../fonts/Exo-Bold/ExoBold.eot');

    src: url('../fonts/Exo-Bold/ExoBold.eot') format('embedded-opentype'),

         url('../fonts/Exo-Bold/ExoBold.woff2') format('woff2'),

         url('../fonts/Exo-Bold/ExoBold.woff') format('woff'),

         url('../fonts/Exo-Bold/ExoBold.ttf') format('truetype'),

         url('../fonts/Exo-Bold/ExoBold.svg#ExoBold') format('svg');

}

@font-face {

    font-family: 'ExoMedium';

    src: url('../fonts/Exo-Medium/ExoMedium.eot');

    src: url('../fonts/Exo-Medium/ExoMedium.eot') format('embedded-opentype'),

         url('../fonts/Exo-Medium/ExoMedium.woff2') format('woff2'),

         url('../fonts/Exo-Medium/ExoMedium.woff') format('woff'),

         url('../fonts/Exo-Medium/ExoMedium.ttf') format('truetype'),

         url('../fonts/Exo-Medium/ExoMedium.svg#ExoMedium') format('svg');

}

@font-face {

    font-family: 'ExoRegular';

    src: url('../fonts/Exo-Regular/ExoRegular.eot');

    src: url('../fonts/Exo-Regular/ExoRegular.eot') format('embedded-opentype'),

         url('../fonts/Exo-Regular/ExoRegular.woff2') format('woff2'),

         url('../fonts/Exo-Regular/ExoRegular.woff') format('woff'),

         url('../fonts/Exo-Regular/ExoRegular.ttf') format('truetype'),

         url('../fonts/Exo-Regular/ExoRegular.svg#ExoRegular') format('svg');

}

@font-face {

    font-family: 'ExoSemiBold';

    src: url('../fonts/Exo-SemiBold/ExoSemiBold.eot');

    src: url('../fonts/Exo-SemiBold/ExoSemiBold.eot') format('embedded-opentype'),

         url('../fonts/Exo-SemiBold/ExoSemiBold.woff2') format('woff2'),

         url('../fonts/Exo-SemiBold/ExoSemiBold.woff') format('woff'),

         url('../fonts/Exo-SemiBold/ExoSemiBold.ttf') format('truetype'),

         url('../fonts/Exo-SemiBold/ExoSemiBold.svg#ExoSemiBold') format('svg');

}

/*分享翻译*/

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

/* - 规范 - start*/

.std_title1{

    font-size: 60px;

    line-height: 1.1;

}

.std_title2,.yxedr_active h2{

    font-size: 48px;

    line-height: 1.2;

}

.std_title3,.yxedr_active h3{

    font-size: 36px;

    line-height: 1.2;

}

.std_title4,.yxedr_active h4{

    font-size: 24px;

    line-height: 1.2;

}

.std_title5,.yxedr_active h5{

    font-size: 18px;

    line-height: 1.5;

}

.std_title6,.yxedr_active h6{

    font-size: 16px;

    line-height: 1.6;

}

.std_parga p{

    font-size: 16px;

    line-height: 1.8;

    color: #4A4A4A;

    font-family: 'ExoRegular';

}

.yxedr_active p{

    font-size: 16px;

    line-height: 1.8;

    color: #4A4A4A;

    margin-bottom: 14px;

}

.std_padding1{

    padding-top: 120px;

}

.std_padding2{

    padding-bottom: 120px;

}

.std_padding3{

    padding: 100px 0;

}

.std_margin1{

    margin-top: 50px;

}

.std_margin2{

    margin-top: 16px;

}



/* 按钮 */

.std_btn1_box,.std_btn3_box{

    display: flex;

    align-items: center;

    padding: 0 24px;

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

    border-radius: 50px;

    transition: all .36s; 

    overflow: hidden;

    justify-content: center;

}

.std_btn1_box_text p,.std_btn2_box p,.std_btn3_box_text p{

    font-size: 16px;

    line-height: 40px;

    color: #fff;

    transition: all .36s;

    font-family: 'ExoRegular';

    margin-right: 16px;

}

.std_btn1_box_icon{

    width: 24px;

    height: 24px;

    position: relative;

    overflow: hidden;

}

.std_btn1_box_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;   

}

.std_btn1_box_icon img:nth-child(2){

    opacity: 0;

}

.std_btn1,.std_btn2,.std_btn3,.std_btn4{

    display: inline-block;

}

.std_btn2_box{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 24px;

    border-radius: 50px;

    transition: all .36s; 

    position: relative;

    overflow: hidden;

    z-index: 1;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

}

.std_btn2_box p{

    line-height: 42px;

}

.std_btn2_box img{

    width: 24px;

}

.std_btn2_box::before{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 1);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.std_btn3_box{

    border: 1px solid #0F5EF9;

    position: relative;

    z-index: 1;

}

.std_btn3_box_text p{

    color: #0F5EF9;

}

.std_btn3_box::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.std_btn4_box_text p{

    font-size: 18px;

    line-height: 44px;

    color: #0F5EF9;

    font-family: 'ExoSemiBold';

}

.std_btn4_box{

    display: flex;

    justify-content: center;

    align-items: center;

    background: #fff;

    width: 296px;

    transition: all .36s;

    border-radius: 80px;

    position: relative;

}

.std_btn4_box_text{

    margin-right: 24px;

}

.std_btn4_box::after{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(15, 94, 249, 0.1);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    opacity: 0;

}

.std_btn5_box_text p{

    font-size: 16px;

    line-height: 1.6;

    color: #fff;

    font-family: 'ExoRegular';

    margin-right: 16px;

}

.std_btn5_box{

    display: flex;

    align-items: center;

}



/* - 规范 - end*/

.ys_ph_navbar2 .ys_ph_nav a,.ys_phnav2_lang_back,.ys_phnav2_lang_btn span{

    font-family: 'ExoSemiBold';

}

.ys_ph_navbar2 .ys_phnav_header a, .ys_ph_navbar2 .ys_phnav_search .iconfont {

    color: #0F5EF9;

}

.ys_ph_navbar2 .ys_phnav_menubtn span, .ys_ph_navbar2 .ys_phnav_menubtn::after, .ys_ph_navbar2 .ys_phnav_menubtn::before {

    background: #0F5EF9;

}

.ys_ph_navbar2 .ys_phnav_logo,.ys_ph_navbar2 .ys_phnav_menu, .ys_phnav2_lang_modal {

    background: #0F5EF9;

}

.ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a,

.ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox a,

.ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox a{

    color: #FFDA16;

}

.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, 15, 77, 0.2);

}

.ys_ban_imgbox::after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 12.87%);    

}

.ys_ban_txtbox{

    z-index: 5;

}

/* - banner - end*/

/* carter-start */

/* banner */

.mod_banenr_first {

    position: relative;

    border-radius: 0px 0px 120px 120px;

    overflow: hidden;

}

.mod_banenr_first_bg {

    position: relative;

}

.mbfb_pc {

    width: 100%;

}

.mbfb_ph {

    width: 100%;

    display: none;

}

.mod_ban_text h1 {

    color: #FFFFFF;

    font-family: 'ExoBold';

    text-transform: uppercase;

}

.mod_ban_text,.mod_ban_bread{

    z-index: 5;

}

.mod_ban_bread{

    bottom: 18px;

}

.mod_ban_bread .ys_imgbox_cover{

    width: 24px;

    top: -2px;

}

.mod_ban_bread .ys_imgbox_cover img:nth-child(1){

    opacity: 0;

}

.mod_ban_bread li p{

    line-height: 1.5;

    color: #fff;

    transition: all .36s;

}

.mod_ban_bread ul{

    margin: 0 -20px;

    display: flex;

    align-items: center;

}

.mod_ban_bread li{

    padding: 0 20px;

    position: relative;

}

.mod_ban_bread li::after{

    content: "";

    width: 24px;

    height: 24px;

    background: url(../images/bread_icon.svg) center / cover no-repeat;

    position: absolute;

    top: 50%;

    right: -8px;

    transform: translateY(-50%);

}

.mod_ban_bread li:last-child::after{

    opacity: 0;

}

.mod_banenr_first_bread {

    position: absolute;

    left: 50%;

    bottom: 18px;

    transform: translateX(-50%);

}

.mod_banner_second {

    position: relative;

    border-radius: 0px 0px 120px 120px;

    overflow: hidden;

}

.mod_banner_second_bg img {

    width: 100%;

}

.mod_banner_second_ph {

    display: none

}

.mod_banner_second_bread {

    position: absolute;

    left: 50%;

    bottom: 18px;

    transform: translateX(-50%);

}

.mod_banner_second_search {

    width: 920px;

    position: absolute;

    top: 55%;

    left: 50%;

    transform: translateX(-50%);

}

.mbss_cont {

    border-radius: 80px;

    overflow: hidden;

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

    backdrop-filter: blur(8px);

}

.mbss_flex {

    display: flex;

}

.mbss_flex input {

    padding-left: 40px;

    padding-right: 20px;

    height: 60px;

    width: 100%;

    font-size: 16px;

    color: #fff;

    font-family: 'ExoRegular';

}

.mbss_flex_btn {

    width: 184px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 80px 0 0 80px;

    cursor: pointer;

}

.mbss_flex_btn img {

    width: 24px;

}

.mbss_flex input::input-placeholder {

    color: #fff;

}

.mbss_flex input::-webkit-input-placeholder {

    color: #fff;

}

.mbss_flex input:-moz-placeholder {

    color: #fff;

}

.mbss_flex input::-moz-placeholder {

    color: #fff;

}

.mbss_flex input:-ms-input-placeholder {

    color: #fff;

}

.contact_form_primary_item textarea::placeholder {

    color:#ACACAC;

}

.contact_form_primary_item textarea::placeholder {

    color: #ACACAC;

}

.contact_form_primary_item textarea::placeholder {

    color: #ACACAC;

}

.contact_form_primary_item textarea::placeholder {

    color: #ACACAC;

}

.contact_form_primary_item textarea::placeholder {

    color: #ACACAC;

}

/* banner-end */

/* bread */

.mod_bread {

    display: flex;

    align-items: center;

}

.mod_bread_home,

.mod_bread_item_img {

    width: 24px;

    display: block;

    font-size: 0;

}

.mod_bread_home img,

.mod_bread_item_img img {

    width: 100%;

}

.mod_bread_list {

    display: flex;

    align-items: center;

}

.mod_bread_item {

    display: flex;

    align-items: center;

}

.mod_bread_item,

.mod_bread_item_link {

    margin-left: 8px;

}

.mod_bread_item_link {

    display: block;

    font-size: 16px;

    line-height: 150%;

    font-family: 'ExoRegular';

    color: #fff;

}

.mod_bread_blackimg,

.mod_bread_blackicon {

    display: none;

}

.mod_bread.black .mod_bread_blackimg,

.mod_bread.black .mod_bread_blackicon {

    display: block;

}

.mod_bread.black .mod_bread_home img:not(.mod_bread_blackimg),

.mod_bread.black .mod_bread_item_img img:not(.mod_bread_blackicon) {

    display: none;

}

.mod_bread.black .mod_bread_item_link {

    color: #4A4A4A;

}

/* bread-end */

/* b1 */

.st_cont {

    padding-top: 140px !important;

    overflow: hidden;

}

.st_item:not(:last-child) {

    margin-bottom: 140px;

}

.st_item {

    display: flex;

    align-items: flex-start;

}

.st_item_left {

    width: calc(100% - 57.2%);

    padding-right: 100px;

}

.st_item_right {

    width: 57.2%;

    position: relative;

}

.st_item_left_tit {

    color: #000F4D;

    margin-bottom: 40px;

    font-family: 'ExoSemiBold';

    text-transform: uppercase;

    margin-top: 5px;

}

.st_item_left_list {

    margin-top: 100px;

}

.st_item_left_item {

    display: flex;

    padding-bottom: 12px;

    border-bottom: 1px solid #DDDDDD;

}

.st_item_left_item:not(:last-child) {

    margin-bottom: 24px;

}

.sili_img {

    margin-right: 16px;

    width: 24px;

    flex-shrink: 0;

}

.sili_img img {

    width: 100%;

}

.sili_text {

    color: #4A4A4A;

    font-family: 'ExoRegular';

}

.st_item_right_link {

    display: block;

    position: relative;

    transition: all 0.36s;

}

.st_item_right_icon {

    position: absolute;

    width: 80px;

    height: 80px;

    bottom: 50px;

    left: 50px;

    background: rgba(15, 94, 249, 0.7);

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(4px);

    border-radius: 50%;

}

.st_item_right_icon img {

    width: 64px;

    height: 64px;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.st_item_right_link .ys_imgbox_cover {

    border-radius: 16px;

    overflow: hidden;

    transition: all 0.36s;

}

.st_item_right::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: #0F5EF9;

    border-radius: 16px;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all 0.36s;

}

.st_item.on{

    flex-direction: row-reverse;

}

.st_item.on .st_item_left {

    padding-right: 0;

    padding-left: 100px;

}

.st_item.on .st_item_right_icon {

    left: initial;

    right: 50px;

}

.st_item_left .std_btn3_box_text p {

    text-transform: uppercase;

}

/* b1-end */

/* d1 */

.pl_cont {

    overflow: hidden;

}

.pl_flex {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.pl_flex_left {

    width: 340px;

    padding-right: 40px;

    flex-shrink: 0;

}

.pl_flex_right {

    width: calc(100% - 340px);

    position: relative;

    padding-left: 68px;

}

.pl_flex_right::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    background-color: #DDDDDD;

    width: 1px;

    height: 100%;

}

.pfli_link {

    display: flex;

    align-items: center;

    cursor: pointer;

}

.pl_flex_left_item:not(:last-child) {

    margin-bottom: 40px;

}

.pfli_link_imgbox {

    width: 48px;

    height: 48px;

    overflow: hidden;

    border-radius: 50%;

    background: #F1F1F1;

    position: relative;

    flex-shrink: 0;

    margin-right: 24px;

}

.pfli_link_imgbox::before {

    content: "";

    position: absolute;

    transition: all 0.36s;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: 0;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

}

.pfli_link_imgbox .ys_imgbox_cover {

    position: absolute;

    width: 30px;

    top: 50%;

    left: 50%;

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

}

.pfli_link_imgbox .ys_imgbox_cover img:last-child {

    opacity: 0;

}

.pfli_link_tit {

    font-size: 16px;

    line-height: 150%;

    font-family: 'ExoSemiBold';

    color: #4A4A4A;

    transition: all 0.36s;

    text-transform: capitalize;

}

.pl_flex_left_item.act .pfli_link_imgbox::before {

    opacity: 1;

}

.pl_flex_left_item.act img:last-child {

    opacity: 1;

}

.pl_flex_left_item.act img:first-child {

    opacity: 1;

}

.pl_flex_left_item.act .pfli_link_tit {

    color: #000;

}

.pfri_titbox {

    margin-bottom: 38px;

    display: flex;

    align-items: center;

}

.pfri_titbox_icon {

    width: 64px;

    margin-right: 24px;

    flex-shrink: 0;

    font-size: 0;

}

.pfri_titbox_icon img {

    width: 100%;

}

.pfri_tit {

    font-family: 'ExoSemiBold';

    text-transform: uppercase;

}

.pfri_list {

    margin: 0 -22px;

    display: flex;

    flex-wrap: wrap;

}

.pfri_item {

    width: 33.33333%;

    padding: 0 22px;

    margin-bottom: 50px;

}

.pfri_link_tit {

    margin-bottom: 16px;

    color: #000F4D;

    font-family: 'ExoSemiBold';

    text-align: center;

    transition: all 0.5s;

}

.pfri_link_subtit {

    display: flex;

    justify-content: center;

    margin-bottom: 24px;

}

.pfri_link_subtit_item {

    /* margin: 0 20px; */

    display: flex;

    align-items: center;

}

.pfri_link_subtit_icon {

    width: 16px;

    flex-shrink: 0;

    margin-right: 8px;

}

.pfri_link_subtit_icon img {

    width: 100%;

}

.pfri_link_subtit_text {

    font-family: 'ExoRegular';

    color: #4A4A4A;

}

.pfri_link .ys_imgbox_cover {

    margin-bottom: 16px;

}

.pfri_link .ys_imgbox_cover img:last-child {

    opacity: 0;

}

.pfri_link {

    display: block;

    height: 100%;

    padding: 30px 36px 16px;

    position: relative;

    border-radius: 16px;

    overflow: hidden;

    transition: all 0.5s;

    z-index: 1;

}

.pfri_link::after {

    content: "";

    position: absolute;

    width: 43.5967%;

    left: 50%;

    bottom: 0;

    height: 1px;

    background-color: #ffda16;

    transform: translateX(-50%);

    transition: all 0.5s;

}

.pfri_link_more {

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.5s;

    transform: translateY(100px);

}

.pfri_link_more_text {

    font-size: 16px;

    line-height: 1.6;

    font-family: 'ExoRegular';

    color: #0F5EF9;

    margin-right: 16px;

}

.pfri_link_more_icon {

    width: 24px;

}

.pfri_link_more_icon img {

    width: 100%;

}

.pfri_link_bg {

    position: absolute;

    width: 326px;

    bottom: 0;

    right: -145px;

    transition: all 0.5s;

    z-index: -1;

    opacity: 0;

    transform: rotate(-180deg);

}

.pfri_link_bg img {

    width: 100%;

}

.pfri_link .ys_imgbox_cover img {

    transition: all 0.5s;

}

.pl_flex_right_item:not(:first-child) {

    padding-top: 50px;

}

.pl_main .mod_content,

.faq_mian .mod_content{

    background: #F8FCFF;

}

/* d1-end */

/* e1 */

.mod_searchbox {

    margin-bottom: 50px;

}

.mod_search_input {

    position: relative;

    border-radius: 80px;

    border: 1px solid #ACACAC;

    margin-bottom: 24px;

}

.mod_search_input input {

    height: 38px;

    width: 100%;

    padding-left: 24px;

    padding-right: 48px;

    font-size: 16px;

    color: #4A4A4A;

    font-family: 'ExoRegular';

}

.mod_searchs_icon {

    position: absolute;

    width: 24px;

    top: 50%;

    right: 24px;

    transform: translateY(-50%);

    cursor: pointer;

}

.mod_searchs_icon img {

    width: 100%;

}

.mod_search_btn {

    width: 100%;

    line-height: 40px;

    text-align: center;

    transition: all 0.36s;

    color: #fff;

    font-family: 'ExoRegular';

    text-transform: uppercase;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 80px;

    cursor: pointer;

    font-size: 16px;

}

.faq_left_item {

    display: flex;

    align-items: center;

    transition: all 0.5s;

    opacity: 0.5;

    cursor: pointer;

}

.faq_left_item:not(:last-child) {

    margin-bottom: 40px;

}

.faq_left_item_icon {

    width: 24px;

    flex-shrink: 0;

    margin-right: 24px;

}

.faq_left_item_icon img {

    width: 100%;

}

.faq_left_item_tit {

    text-transform: capitalize;

    font-family: 'ExoSemiBold';

    color: #000;

    font-size: 16px;

    line-height: 150%;

    transition: all 0.36s;

}

.faq_left_item.act {

    opacity: 1;

}

.faq_left_item.act .faq_left_item_tit{

    color: #0F5EF9;

}

.faq_right_item:not(:first-child) {

    padding-top: 60px;

}

.faq_right_item_tit {

    font-family: 'ExoSemiBold';

    margin-bottom: 6px;

    text-transform: uppercase;

}

.faq_right_item_showAll {

    display: flex;

    justify-content: flex-end;

    margin-bottom: 8px;

    cursor: pointer;

}

.faq_right_item_show {

    display: flex;

    align-items: center;

}

.fris_icon {

    width: 28px;

    margin-right: 16px;

}

.fris_icon img {

    width: 100%;

}

.fris_text {

    font-size: 16px;

    line-height: 150%;

    color: #000000;

    text-transform: uppercase;

    font-family: 'ExoRegular';

    margin-left: 0px;

}

.fril_item_header {

    display: flex;

    align-items: start;

    padding: 16px 40px;

    background: rgba(15, 94, 249, 0.05);

    transition: all 0.36s;

    position: relative;

    cursor: pointer;

}

.fril_item_header_icon {

    position: relative;

    width: 18px;

    height: 18px;

    top: 5.4px;

}

.fril_item_header_icon::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 2px;

    border-radius: 1px;

    background-color: #000;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    transition: all 0.36s;

}

.fril_item_header_icon::before {

    content: "";

    position: absolute;

    width: 2px;

    height: 100%;

    border-radius: 1px;

    background-color: #000;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    transition: all 0.36s;

}

.fril_item_body {

    padding: 16px 40px;

}

.fril_item {

    border: 1px solid #dddddd;

}

.fril_item_header_tit {

    font-family: 'ExoRegular';

    color: #000000;

    transition: all 0.36s;

    width: calc(100% - 18px);

    padding-right: 40px;

}

.fril_item.act .fril_item_header_tit{

    color: #0F5EF9;

}

.fril_item.act {

    border-color: #83adfc;

}

.fril_item.act .fril_item_header {

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

}

.fril_item.act .fril_item_header_icon::before {

    transform: rotate(90deg);

}

.fril_item.act .fril_item_header_icon::after {

    background-color: #0F5EF9;

    z-index: 2;

}

.fril_item:not(:first-child) .fril_item_body {

    display: none;

}

/* e1-end */

/* f5 */

.job_left_item:not(:last-child) {

    margin-bottom: 50px;

}

.job_left_item_tit {

    font-family: 'ExoSemiBold';

    color: #000000;

    margin-bottom: 22px;

}

.jlil_item {

    display: flex;

    align-items: center;

    transition: all 0.36s;

    cursor: pointer;

}

.jlil_item:not(:last-child) {

    margin-bottom: 20px;

}

.jlil_item_check {

    width: 16px;

    height: 16px;

    border-radius: 2px;

    border: 1px solid #000000;

    flex-shrink: 0;

    margin-right: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.36s;

}

.jlil_item_check img {

    width: 10px;

    opacity: 0;

    transition: all 0.36s;

}

.jlil_item_tit {

    font-size: 16px;

    line-height: 150%;

    text-transform: capitalize;

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

    font-family: 'ExoSemiBold';

    transition: all 0.36s;

}

.jlil_item.act .jlil_item_check img {

    opacity: 1;

}

.jlil_item.act {

    opacity: 1;

}

.jlil_item.act .jlil_item_check {

    border-color: #0F5EF9;

}

.jlil_item.act .jlil_item_tit {

    color: #0F5EF9;

}

.job_right_item {

    padding: 40px;

    border: 1px solid #DDDDDD;

    border-radius: 24px;

    background: #FFFFFF;

    margin-bottom: 40px;

    transition: all 0.36s;

}

.job_right_item_tit {

    color: #000000;

    text-transform: capitalize;

    margin-bottom: 16px;

    font-family: 'ExoSemiBold';

}

.job_right_label {

    display: flex;

    align-items: center;

    margin-bottom: 24px;

}

.job_right_label_item:not(:last-child) {

    margin-right: 40px;

}

.job_right_label_item {

    display: flex;

    align-items: center;

}

.jrli_icon {

    width: 24px;

    margin-right: 16px;

}

.jrli_icon img {

    width: 100%;

}

.jrli_text {

    font-family: 'ExoRegular';

    font-size: 16px;

    line-height: 150%;

    color: #4A4A4A;

}

.job_right_item_body {

    padding: 24px 0;

    border-top: 1px solid #ACACAC;

}

.job_right_item_body h5 {

    color: #0F5EF9;

    margin-bottom: 16px;

    font-family: 'ExoSemiBold';

    font-size: 18px;

    line-height: 140%;

}

.job_right_item_body p {

    margin-bottom: 8px;

    font-size: 16px;

    line-height: 150%;

    color: #4A4A4A;

    font-family: 'ExoRegular';

}

.job_right_btnlook_icon {

    width: 14px;

    height: 14px;

    position: relative;

}

.job_right_btnlook_icon::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 2px;

    border-radius: 1px;

    background-color: #0f5ef9;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    transition: all 0.36s;

}

.job_right_btnlook_icon::before {

    content: "";

    position: absolute;

    width: 2px;

    height: 100%;

    border-radius: 1px;

    background-color: #0f5ef9;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    transition: all 0.36s;

}

.job_right_ghbtn {

    display: flex;

    justify-content: flex-end;

}

.job_right_btnlook {

    display: flex;

    align-items: center;

    padding: 0 24px;

    border-radius: 24px;

    border: 1px solid #0F5EF9;

    cursor: pointer;

}

.job_right_btnlook_text {

    font-size: 16px;

    line-height: 150%;

    color: #0F5EF9;

    font-family: 'ExoRegular';

    line-height: 38px;

    margin-right: 28px;

}

.job_right_btnemail {

    margin-left: 40px;

}

.job_right_btnemail {

    line-height: 40px;

    border: none;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

}

.job_right_btnemail .job_right_btnlook_text {

    color: #fff;

}

.job_right_btnemail_icon {

    width: 24px;

}

.job_right_btnemail_icon img {

    width: 100%;

}

.job_right_item:not(:first-child) .job_right_item_body {

    display: none;

}

.job_right_item.act .job_right_btnlook_icon::before {

    transform: rotate(90deg);

}

.noicon .std_btn2_box p {

    margin: 0;

    line-height: 50px;

}

.noicon.std_btn2 {

    width: 260px;

    display: block;

    margin: 0 auto;

    cursor: pointer;

}

.new_main .noicon.std_btn2,.job_main .noicon.std_btn2{

    width: 248px;

}

.noicon .std_btn2_box {

    justify-content: center;

}

/* f5 */

/* f3 */

.new_main .mod_content{

    background-color: #f8fcff;

}

.new_cont,

.download_cont {

    padding-top: 50px !important;

    overflow: hidden;

}

.new_cont_tab {

    width: 900px;

    margin: 0 auto;

    margin-bottom: 40px;

    border-radius: 80px;

    overflow: hidden;

    position: relative;

    z-index: 1;

}

.new_cont_tab_list {

    display: flex;

    border-radius: 80px;

    border: 1px solid #4a4a4a;

}

.new_cont_tab_item {

    width: 33.33333%;

    position: relative;

}

.new_cont_tab_link {

    color: #4A4A4A;

    font-family: 'ExoRegular';

    font-size: 16px;

    line-height: 40px;

    display: block;

    text-align: center;

    width: 100%;

}

.new_cont_tab_slider {

    content: "";

    width: 0%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 80px;

    overflow: hidden;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    position: absolute;

    z-index: -1;

    transition: all 0.36s;

}

.new_cont_tab_item.act .new_cont_tab_slider{

    width: 100%;

}

.new_cont_tab_slider img {

    width: 29px;

    position: absolute;

    top: -10px;

    right: -5px;

}

.new_cont_tab_item.act .new_cont_tab_link {

    color: #fff;

}

.new_cont_tab_item.noact .new_cont_tab_link {

    color: #4A4A4A !important;

}

.new_list {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -20px;

    margin-bottom: 10px !important;

}

.new_item {

    width: 33.333333%;

    padding: 0 20px;

}

.new_item_link {

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 16px;

    border: 1px solid #DDDDDD;

    transition: all 0.36s;

    overflow: hidden;

}

.new_item_link>.ys_imgbox_cover {

    width: 100%;

}

.new_item_link_cont {

    padding: 24px 24px 16px;

    background-color: #fff;

}

.new_item_link_tit {

    font-size: 18px;

    line-height: 1.4;

    color: #000000;

    transition: all 0.36s;

    font-family: 'ExoSemiBold';

    margin-bottom: 10px;

    height: 50.4px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.new_item_link_text p {

    height: 48px;

    font-family: 'ExoRegular';

    color: #ACACAC;

    transition: all 0.36s;

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 90px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.new_item_link_conts {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.nilc_left {

    display: flex;

    align-items: center;

}

.nilc_left_img {

    width: 24px;

    margin-right: 8px;

}

.nilc_left_img img:last-child {

    opacity: 0;

}

.nilc_left_text {

    font-size: 16px;

    line-height: 1.6;

    color: #ACACAC;

    font-family: 'ExoRegular';

    transition: all 0.36s;

}

.nilc_right {

    display: flex;

    align-items: center;

    transition: all 0.36s;

    transform: translateY(50px);

}

.nilc_right_text {

    font-size: 16px;

    line-height: 1.6;

    font-family: 'ExoRegular';

    text-transform: uppercase;

    margin-right: 16px;

    color: #0F5EF9;

}

.nilc_right_img {

    width: 24px;

    flex-shrink: 0;

    transition: all 0.36s;

}

.nilc_right_img img {

    width: 100%;

}

.new_item,

.new_itemfocus {

    margin-bottom: 40px;

}

.new_itemfocus {

    width: 66.666666%;

    padding: 0 20px;

}

.new_itemfocus .new_item_link {

    border: none;

    padding: 0;

    height: 100%;

    position: relative;

    z-index: 1;

}

.new_itemfocus_bg {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -1;

}

.new_itemfocus_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 0.36s;

}

.new_itemfocus_bg::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 260px;

    background: linear-gradient(180deg, rgba(0, 15, 77, 0) 0%, #000F4D 100%);

    opacity: 0.7;

    bottom: 0;

    left: 0;

}

.new_itemfocus_cont {

    padding: 0 40px 24px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    height: 100%;

}

.new_itemfocus_cont_text{

    color: #fff;

    font-family: 'ExoSemiBold';

    margin-bottom: 24px;

}

.new_itemfocus_cont .new_item_link_conts {

    width: 100%;

}

.new_itemfocus_cont .nilc_left_text {

    color: #FFFFFF !important;

}

.new_itemfocus_cont .nilc_left_img img:last-child {

    opacity: 0 !important;

}

.new_itemfocus_cont .nilc_left_img img:first-child {

    opacity: 1 !important;

}

.new_itemfocus_cont .nilc_right_text {

    color: #fff;

}

.new_itemfocus .nilc_right {

    transform: none;

}

/* f3-end */

/* g1 */

.contact_banner {

    position: relative;

}

.contact_banner_bg_ph {

    display: none;

}

.contact_banner_bg img {

    width: 100%;

}

.contact_banner::after {

    content: "";

    top: 0;

    left: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(360deg, #F8FCFF 0%, rgba(248, 252, 255, 0) 43.29%);

}

.contact_form {

    margin-top: -27.6vw;

    margin-bottom: 100px;

    position: relative;

    z-index: 2;

}

.contact_form_cont {

    padding: 50px 80px;

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

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(16px);

    border-radius: 48px;

}

.contact_form_cont_tit {

    text-align: center;

    margin-bottom: 50px;

    text-transform: uppercase;

    color: #000F4D;

    font-family: 'ExoSemiBold';

}

.contact_form_primary {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -24px;

    margin-bottom: 80px;

    width: initial;

}

.contact_form_primary_item {

    width: 50%;

    padding: 0 24px;

    margin-bottom: 40px;

}

.contact_form_primary_item>label {

    color: #000000;

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 8px;

    font-family: 'ExoRegular';

}



.contact_form_primary_item>label span {

    color: #FF1616;

}



.contact_form_primary_item>input {

    width: 100%;

    border: 1px solid #ACACAC;

    border-radius: 8px;

    height: 38px;

    font-family: 'ExoRegular';

    padding: 0 15px;

}



.contact_form_primary_item.block {

    width: 100%;

}



.contact_form_primary_item .mc_select_demo {

    width: 100%;

    border: 1px solid #ACACAC;

    border-radius: 8px;

    height: 38px;

    padding: 0 20px;

}



.contact_form_primary_item textarea {

    border: 1px solid #ACACAC;

    border-radius: 8px;

    width: 100%;

    height: 166px;

    padding: 16px 20px;

    font-family: 'ExoRegular';

    font-size: 16px;

    line-height: 1.5;

}



.contact_form_primary_itemtext {

    margin-bottom: 17px !important;

}



.verify_flex,

.verify_flex_left {

    display: flex;

    align-items: center;

}



.verify_flex_left {

    width: calc(100% - 47%);

    padding-right: 30px;

}



.verify_flex input {

    flex-grow: 1;

    border: 1px solid #ACACAC;

    border-radius: 8px;

    margin-right: 28px;

    height: 38px;

    padding: 0 20px;

    flex-shrink: 0;

}



.verify_flex_img {

    width: 100px;

    flex-shrink: 0;

    cursor: pointer;

}



.verify_flex_img img {

    width: 100%;

}



.submit_btn {

    text-align: center;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 80px;

    line-height: 40px;

    color: #fff;

    text-transform: uppercase;

    font-family: 'ExoRegular';

    width: 47%;

    margin-bottom: 0 !important;

    font-size: 16px;

    cursor: pointer;

}



.ys_select_real {

    font-family: 'ExoRegular';

}



.contact_form_primary_item.verify {

    margin-bottom: 16px !important;

}



.contact_form_primary_allow {

    display: flex;

    margin-bottom: 0 !important;

    align-items: center;

}



.cfpa_check {

    flex-shrink: 0;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    border: 1px solid rgba(32, 49, 70, .5);

    position: relative;

    margin-right: 16px;

    cursor: pointer;

}



.cfpa_check::after {

    content: "";

    position: absolute;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background-color: #0F5EF9;

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transition: all 0.36s;

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

    opacity: 0;

}



.cfpa_check.act::after  {

    opacity: 1;

}



.cfpa_text {

    font-size: 16px;

    line-height: 1.5;

    color: rgba(74, 74, 74, .6);

    font-family: 'ExoRegular';

}



.cfpa_text a {

    color: #0F5EF9;

    margin-left: 4px;

}



.contact_form_cont_bot {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.contact_form_cont_bot .std_title3 {

    font-family: 'ExoSemiBold';

}



.cfcb_list {

    display: flex;

}



.cfcb_item:not(:first-child) {

    margin-left: 40px;

}



.cfcb_link {

    display: block;

    width: 32px;

}



.cfcb_link img {

    width: 100%;

}



.contact_main .mod_content{

    background-color: #f8fcff;

}



.contact_details {

    position: relative;

    z-index: 1;

}



.contact_details_bg {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    z-index: -1;

}





.contact_details_tit {

    text-align: center;

    margin-bottom: 50px;

}



.contact_details_titbox {

    display: inline-block;

    position: relative;

    z-index: 1;

    font-family: 'ExoSemiBold';

}



.contact_details_titbox img {

    width: 108px;

    position: absolute;

    top: -30px;

    right: -30px;

    z-index: -1;

}



.contact_details_cont {

    padding-left: 100px;

    position: relative;

}



.contact_details_cont_img {

    border-radius: 24px;

    overflow: hidden;

}



.contact_details_primary {

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    position: absolute;

    width: 576px;

    padding: 48px 40px;

    background: rgba(2, 29, 120, 0.6);

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(12px);

    border-radius: 24px;

}



.contact_details_primary_tit {

    font-family: ExoSemiBold;

    color: #fff;

    margin-bottom: 30px;

    text-transform: uppercase;

}



.contact_details_primary_list {

    margin-bottom: 40px;

}



.contact_details_primary_item:not(:last-child) {

    margin-bottom: 16px;

}



.contact_details_primary_link {

    display: flex;

}



.cdpi_icon {

    width: 24px;

    flex-shrink: 0;

    margin-right: 16px;

}



.cdpi_icon img {

    width: 100%;

}



.cdpi_text {

    font-family: 'ExoRegular';

    color: #fff;

    font-size: 16px;

    line-height: 1.5;

}



.contact_details_location {

    display: flex;

    align-items: center;

}



.contact_details_location_text {

    font-size: 16px;

    color: #FFFFFF;

    text-transform: uppercase;

    margin-right: 24px;

    font-family:'ExoRegular';

    line-height: 1.5;

}



.contact_details_location_img {

    width: 24px;

    flex-shrink: 0;

}



.contact_details_location_img img {

    width: 100%;

}



.contact_details {

    padding-bottom: 100px;

}



/* g1-end */



/* e2 */

.service_main .mod_content,

.download_main .mod_content,

.video_main .mod_content{

    background-color: #f8fcff;

}

.download_main .mod_ban_bread,

.service_main .mod_ban_text,

.service_main .mod_ban_bread{

    width: 1400px;

}

.download_select{

    padding: 15px 0;

    background: #FFFFFF;

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);

    border-radius: 16px;

    margin-bottom: 32px;

}



.download_select_item_tit{

    color: #000F4D;

    font-family: ExoSemiBold;

    width: 200px;

    flex-shrink: 0;

    margin-right: 50px;

    text-align: right;

}



.download_select_item.bg{

    background-color: #f8fcff;

}



.download_select_item_list{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}



.download_select_item{

    padding: 25px 40px 0;

    display: flex;

    border-bottom: 1px solid #dddddd;

}



.download_select_item:last-child{

    border:none;

}



.dsil_item{

    display: flex;

    margin-bottom: 24px;

    margin-right: 40px;

    cursor: pointer;

}



.dsil_item .ys_imgbox_cover{

    width: 24px;

    margin-right: 16px;

}



.dsil_item .ys_imgbox_cover img:last-child{

    opacity: 0;

}



.dsil_tit{

    transition: all 0.36s;

    color: #000000;

    font-size: 16px;

    line-height: 150%;

    font-family: ExoRegular;

}



.dsil_item.act .ys_imgbox_cover img:last-child{

    opacity: 1;

}



.dsil_item.act .ys_imgbox_cover img:first-child{

    opacity: 0;

}



.dsil_item.act .dsil_tit{

   color: #0F5EF9;

}



.download_reset{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 40px;

}



.download_reset_left{

    font-size: 18px;

    line-height: 140%;

    font-family:ExoRegular ;

}



.download_reset_left span{

    color: #0F5EF9;

    margin-left: 16px;

}



.download_reset_gbtn{

    display: flex;

    align-items: center;

}



.download_reset_gbtn_reset{

    width: 95px;

    line-height: 38px;

    border-radius:80px;

    border: 1px solid #4A4A4A;

    font-size: 16px;

    padding: 0 24px;

    font-family:ExoRegular ;

    margin-right: 20px;

    transition: all 0.36s;

    cursor: pointer;

}



.download_reset_gbtn_search{

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 80px;

    font-family:ExoRegular ;

    width: 300px;

    line-height: 40px;

    font-size: 16px;

    transition: all 0.36s;

    color: #fff;

    text-align: center;

    cursor: pointer;

}



.download_listbox{

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);

    border-radius: 16px;

    overflow: hidden;

    margin-bottom: 50px;

}



.download_list_header,

.download_list_item{

    display: flex;

    justify-content: space-between;

    padding:  32px 50px;

}



.download_list_header{

    background-color: rgba(15, 94, 249, 0.05);

}



.download_list_header_name{

    width: 366px;

    flex-shrink: 0;

    font-family:ExoRegular ;

    color: #000000;

    line-height: 1.5;

}



.download_list_header_type{

    width: 366px;

    text-align: center;

    font-family:ExoRegular ;

    color: #000000;

    line-height: 1.5;

}



.download_list_header_lang{

    width: 366px;

    text-align: center;

    color: #000000;

    font-family:ExoRegular ;

    line-height: 1.5;



}



.download_list_header_qperate{

    width: 80px;

    flex-shrink: 0;

    text-align: center;

}



.download_list_header_qperate img{

    width: 24px;

}



.download_list_item{

    border-bottom: 1px solid #DDDDDD;

    align-items: center;

    background-color: #fff;

    font-size: 16px;

    line-height: 1.2;

}



.download_list_header>div{

    color: #000000;

    font-family: ExoSemiBold;

    font-size: 18px;

    line-height: 1.2;

}



.download_videolist_box{

    background: #FFFFFF;

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);

    border-radius: 16px;

    padding: 40px 24px 0px;

    margin-bottom: 50px;

    overflow: hidden;

}



.download_videolist{

    display: flex;

    flex-wrap: wrap;

    margin: 0 -20px;

}



.download_videoitem{

    width: 33.333333%;

    padding: 0 20px;

    margin-bottom: 50px;

}



.download_videoitem_link{

    display: block;

}



.download_videoitem_link_tit{

    font-family:ExoSemiBold ;

    margin-top: 16px;

}



.download_videoitem_link_tit{

    color: #000;

    transition: all 0.36s;

}



.download_videoitem_link .ys_imgbox_cover{

    border-radius: 8px;

}

/* e2-end */



/* e3 */

.service_cont{

    padding: 100px 0;

    overflow: hidden;

}

.case_main .service_cont{

    overflow: visible;

}



.service_selectbox{

    display: flex;

    justify-content: space-between;

    /* flex-wrap: wrap; */

}



.service_country,

.service_city{

    width: 380px;

    margin-right: 40px;

}



.service_input{

    width: 420px;

    margin-right: 35px;

}



.service_input input{

    width: 100%;

    font-size: 16px;

    font-family: "ExoRegular";

}



.service_btn{

    width: 108px;

    flex-shrink: 0;

    cursor: pointer;

}

.service_selectbox .ys_select,

.service_input{

    padding: 0 24px;

    height: 54px;

    border-radius: 24px;

    border: 1px solid #ACACAC;

}



.service_input{

    padding: 0 !important;

}



.service_input input{

    height: 100%;

    width: 100%;

    padding: 0 24px;

}



.service_btn{

    line-height: 54px;

    text-align: center;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 80px;

    color: #fff;

    font-family: ExoRegular;

    font-size: 16px;

}



.service_selectbox .ys_select_show{

    font-size: 16px;

    font-family: ExoRegular;

}



.service_selectbox{

    margin-bottom: 70px;

}



.service_item{

    display: flex;

    background: #FFFFFF;

    border: 1px solid #DDDDDD;

    border-radius: 24px;

    overflow: hidden;

    transition: all 0.36s;

}



.service_item:not(:last-child){

    margin-bottom: 40px;

}



.service_item_left{

    width: calc(100% - 560px);

    padding: 40px;

}



.service_item_right{

    width: 560px;

    flex-shrink: 0;

}



.service_item_right .ys_imgbox_cover{

    border-radius: 16px;

    overflow: hidden;

}



.service_item_left_tit{

    font-family: ExoSemiBold;

    color: #000000;

    margin-bottom: 32px;

}   



.service_list{

    margin-bottom: 50px;

}



.sill_item_link{

    display: flex;

}



.sill_item_icon {

    width: 24px;

    margin-right: 16px;

    flex-shrink: 0;

    transform: translateY(-2px);

}



.sill_item_icon img{

    width: 100%;

}



.sill_item_text{

    color: #4A4A4A;

    font-family:ExoRegular;

    line-height: 1.5;

    font-size: 16px;

}



.sill_item:not(:last-child){

    margin-bottom: 16px;

}



.sill_item{

    display: flex;

}



.service_item_left_btnlist{

    display: flex;

    flex-wrap: wrap;

}



.silb_item{

    padding:0 16px;

    line-height: 24px;

    border: 1px solid #0F5EF9;

    border-radius: 80px;

    color: #0F5EF9;

    font-size: 16px;

    font-family:ExoRegular;

    margin-bottom: 8px;

}



.service_item_left_list{

    margin-bottom: 40px;

}



.silb_item:not(:last-child){

    margin-right: 24px;

}



.service_item_right_btn{

    display: flex;

    align-items: center;

}



.service_item_right_link{

    display: block;

    position: relative;

    height: 100%;

}



.service_item_right .ys_imgbox_cover{

    height: 100%;

}



.service_item_right_btn{

    position: absolute;

    padding: 8px 24px;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 80px;

    top: 50%;

    left: 50%;

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

    transition: all 0.36s;

    opacity: 0;

}



.sirb_text{

    font-size: 16px;

    line-height: 1.5;

    color: #FFFFFF;

    text-transform: uppercase;

    margin-right: 24px;

    font-family: ExoRegular;

}



.sirb_icon{

    width: 24px;

}



.sirb_icon img{

    width: 100%;

}



.service_item_right .ys_imgbox_cover::after{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(0deg, rgba(15, 94, 249, 0.2), rgba(15, 94, 249, 0.2));

    transition: all 0.36s;

    opacity: 0;

}

/* e3-end */



/* f4 */

.detanew_banner{

    background: #EBF3FF;

    border-radius: 0px 0px 120px 120px;

    position: relative;

}



.detanew_banner_bg_ph{

    display: none;

}



.detanew_banner_bg{

    border-radius: 0px 0px 120px 120px;

    overflow: hidden;

}

.detanew_banner_bg img{

    width: 100%;

}

.detanew_banner_tit{

    font-family: ExoSemiBold;

    margin-bottom: 8px;

}



.detanew_banner_date{

    display: flex;

    align-items: center;

}



.detanew_banner_date_icon{

    width: 24px;

    margin-right: 6px;

}



.detanew_banner_date_icon img{

    width: 100%;

}



.detanew_banner_date_text{

    color: #0F5EF9;

    font-family: 'ExoRegular';

    font-size: 16px;

    line-height: 1.6;

}



.detanew_banner_cont{

    position: absolute;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

}







.detanew_share_list{

    display: flex;

    align-items: center;

}



.detanew_share_item{

    margin-left: 40px;

}



.detanew_share_item_link img{

    width: 100%;

}



.detanew_main .mod_content{

    background-color: #f8fcff;

}



.detanew_cont{

    padding: 80px 0 100px;

}



.detanew_left_item_titbox{

    display: flex;

    align-items: center;

    margin-bottom: 16px;

}



.dlit_icon{

    width: 24px;

    margin-right: 16px;

}



.dlit_icon img{

    width: 100%;

}



.dlit_text{

    color: #0F5EF9;

    font-family: ExoSemiBold;

}



.detanew_left_item_cont p{

    font-family: ExoRegular;

    color: #4A4A4A;

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 8px;

}



.detanew_flex{

    display: flex;

}



.detanew_left{

    width: calc(100% - 430px);

    border-right: 1px solid #dddddd;

    padding-right: 50px;

}



.detanew_left_item:not(:last-child){

    margin-bottom: 40px;

}



.detanew_right{

    width: 430px;

    padding-left: 50px;

}



.detanew_right_slick_tit{

    color: #000F4D;

    text-transform: capitalize;

    margin-bottom: 40px;

    font-family:"ExoSemiBold";

}



.detanew_right_slick_link{

    display: block;

}



.detanew_right_slick {

    background: #FFFFFF;

    box-shadow: 0px 8px 20px rgb(15 94 249 / 20%), 0px 24px 60px rgb(15 94 249 / 10%);

    border-radius: 16px;

}

.detanew_right_slick_item:not(:first-child){

    display: none;

}

.detanew_right_slick_item {

    position: relative;

}

.detanew_right_slick_item::after{

    content: "";

    width: 100%;

    height: 100%;

    background: #0F5EF9;

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 16px;

    pointer-events: none;

    transition: all .36s;

}

.drsi_btn{

    z-index: 5;

    opacity: 0;

    transition: all .36s;

}

.detanew_right_slick_link{

    padding: 0 30px 16px;

}



.detanew_right_slick_link .ys_imgbox_cover{

    margin-bottom: 8px;

}



.drsl_tit{

    text-align: center;

    font-size: 18px;

    line-height: 1.4;

    color: #000000;

    font-family: ExoRegular;

}



.detanew_right_slickconts{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 16px;

}



.detanew_right_slickprev,

.detanew_right_slicknext{

    width: 32px;

    flex-shrink: 0;

    cursor: pointer;

}



.detanew_right_slickprev img:last-child,

.detanew_right_slicknext img:last-child{

    opacity: 0;

}



.detanew_right_center{

    margin: 0 8px;

    display: flex;

    align-items: center;

}



.detanew_right_progress{

    width: 100px;

    flex-shrink: 0;

    margin: 0 8px;

    height:1px ;

    background-color: #c7cacd;

    position: relative;

}



.detanew_right_progress span{

    width: 0%;

    height: 1px;

    top: 0;

    left: 0;

    position: absolute;

    background-color:#0f5ef9;

    transition: all 0.36s;

}



.detanew_right_progress span::after{

    content: "";

    position: absolute;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background-color: #0F5EF9;

    top: -1.5px;

    right: 0;

    display: block;

}



.detanew_right_slickconts .slick-disabled{

    opacity: 0.5;

    pointer-events: none;

}



.detanew_right_center_i,

.detanew_right_center_f{

    font-size: 20px;

    line-height: 1.2;

}



.detanew_right_center_i{

    font-family: ExoSemiBold;

}



.detanew_right_center_f{

    font-family: ExoRegular;

}



.detanew_right_center_i{

    color: #0F5EF9;

}



.detanew_right_center_f{

    color: #ACACAC;

}



.detanew_right_slickbox{

    margin-bottom: 80px;

}

/* f4 -end*/



.download_list_header{

    padding: 26px 50px;

}



.service_country .ys_select_bd,

.service_city .ys_select_bd{

    border-radius: 16px;

    border: 1px solid #ACACAC;

    padding: 20px 16px;

    top: calc(100% + 8px);

    height: 202px;

}



.service_country .ys_select_li,

.service_city .ys_select_li{

    font-size: 16px;

    line-height: 1.5;

}



.service_country .ys_select_li:not(:last-child),

.service_city .ys_select_li:not(:last-child){

    border-bottom: 1px solid #cfcdcd;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.contact_form_check{

    width: 100%;

    border: 1px solid #ACACAC;

    border-radius: 8px;

    height: 38px;

    font-family: 'ExoRegular';

    padding: 0 15px;

    position: relative;

    cursor: pointer;

    transition: all 0.36s 0.36s;

}



.contact_form_check.act{

    transition: none;

}

.contact_form_check.act .contact_form_check_tp{

    border: 1px solid #0F5EF9;

}

.contact_form_check.act .cfct_icon{

    transform: rotate(-180deg);

}

.contact_form_check.act .cfct_icon img:nth-child(1){

    opacity: 0;

}

.contact_form_check.act .cfct_icon img:nth-child(2){

    opacity: 1;

}

.contact_form_check_input{

    width: 100%;

    height: 100%;

    padding-right: 50px;

    display: flex;

    align-items: center;

}



.contact_form_check>.ys_imgbox_cover{

    width: 24px;

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    transition: all 0.36s;

}



.contact_form_check>.ys_imgbox_cover img:last-child{

    opacity: 0;

}



.contact_form_check_body{

    position: absolute;

    width: 100%;

    top: calc(100% - 12px);

    left: 0;  

    border: 1px solid #ACACAC;

    border-radius: 8px;

    padding:27px 16px 16px 16px;

    background-color: #fff;

    z-index: -1;

    display: none;

}



.contact_form_primary_item.check{

    position: relative;

    z-index: 2;

}



.cfcb_items{

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: space-between;

}



.cfcb_items:not(:last-child){

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eeeeee;

}



.cfcb_items .ys_imgbox_cover,

.contact_form_check_bt li .ys_imgbox_cover{

    width: 16px;

}



.cfcb_items .ys_imgbox_cover img:last-child,

.contact_form_check_bt li .ys_imgbox_cover img:last-child{

    opacity: 0;

}



.cfcb_item_tit,.ys_select_li_parga p{

    font-size: 16px;

    line-height: 1.4;

}

.contact_form_check li{

    padding:10px 0;

    border-bottom: 1px solid #eeeeee;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.contact_form_check.act {

    background-color: #fff;

    border: 1px solid #0F5EF9;

}



.contact_form_check.act>.ys_imgbox_cover img:last-child{

    opacity: 1;

}



.contact_form_check.act>.ys_imgbox_cover img:first-child{

    opacity: 0;

}



.contact_form_check.act>.ys_imgbox_cover{

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

}



.cfcb_items.act .ys_imgbox_cover img:last-child {

    opacity: 1;

}



.cfcb_items.act .ys_imgbox_cover img:first-child {

    opacity: 0;

}



.detanew_right_slick_form .contact_form_primary_item {

    padding: 0 !important;

}



.detanew_right_slick_form .contact_form_primary_item:nth-child(3){

    margin-bottom: 0;

}



.detanew_right_slick_form{

    padding: 32px 24px !important;

    background: #FFFFFF;

    box-shadow: 0px 24px 60px rgba(15, 94, 249, 0.1);

    border-radius: 16px;

}



.detanew_right_slick_form .contact_form_primary_item {

    margin-bottom: 20px;

}



.detanew_right_subtex{

    margin-top: 4px;

    font-size: 14px;

    line-height: 1.6;

    color: #ACACAC;

    text-align: right;

    font-family: ExoRegular;

}



.detanew_right_slick_form .verify_flex input {

    flex-grow: 1;

    width: 100%;

    margin-right: 10px;

    flex-shrink: initial !important;

}



.detanew_right_slick_form .verify_flex_left{

    width: 100%;

    padding-right: 0 !important;

}



.detanew_right_slick_form .cfpa_text{

    font-size: 14px;

    line-height: 1.5;

}



.detanew_right_slick_form .cfpa_check {

    margin-right: 5px;

}



.detanew_right_formbtn{

    width: 100%;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-family: ExoRegular;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 80px;

    margin-top: 32px;

    cursor: pointer;

    text-transform: uppercase;

}



.detanew_cont_tit{

    margin-bottom: 50px;

    margin-top: 80px;

    font-family: ExoSemiBold;

    text-transform: uppercase;

}



.dcil_tit{

    font-size: 18px;

    font-family: ExoSemiBold;

    line-height: 1.4;

    color: #000;

    transition: all 0.36s;

    margin-bottom: 48px;

    overflow: hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

}



.dcil_cont{

    padding: 24px;

}





.dcil_data{

    display: flex;

    align-items: center;

}



.dcil_data .ys_imgbox_cover img:last-child{

    opacity: 0;

}



.dcil_data .ys_imgbox_cover{

    width: 24px;

    margin-right: 8px;

}



.dcil_data_text{

    font-size: 16px;

    line-height: 160%;

    font-family: ExoSemiBold;

    transition: all 0.36s;

    color: #ACACAC;

}



.detanew_cont_item_link{

    display: block;

    background: #FFFFFF;

    border: 1px solid #DDDDDD;

    border-radius: 16px;

    overflow: hidden;

    transition: all 0.36s;

}



.detanew_cont_list{

    margin: 0 -20px;

}



.detanew_cont_list .slick-list{

    overflow: initial;

}



.detanew_cont_item{

    padding: 0 20px;

}



.detanew_cont_listbox{

    position: relative;

}



.detanew_cont_listbox::before{

    content: "";

    height:100%;

    width: 420px;

    background: linear-gradient(90deg, #F8FCFF 0%, rgba(248, 252, 255, 0) 100%);

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

    z-index: 2;

}



.detanew_cont_listbox::after{

    content: "";

    height:100%;

    width: 420px;

    transform: matrix(-1, 0, 0, 1, 0, 0);

    background: linear-gradient(90deg, #F8FCFF 0%, rgba(248, 252, 255, 0) 100%);

    position: absolute;

    top: 0;

    right: 0;

    pointer-events: none;

    z-index: 2;

}



.job_main .mod_content{

    background-color: #f8fcff;

}

.job_main .mod_ban::after{

    background: transparent;

}

.detanew_cont_list.swiper-container-free-mode > .swiper-wrapper {

    -webkit-transition-timing-function: linear;    /*之前是ease-out*/

    -moz-transition-timing-function: linear;

    -ms-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    margin: 0 auto;

}



.detanew_cont_list {

    overflow:initial !important;

}



.mod_banner_second .mod_banner_second_bg{

    position: relative;

}



.mod_banner_second .mod_banner_second_bg::after{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #000F4D 0%, rgba(0, 15, 77, 0) 50%);

    opacity: 0.5;

    top: 0;

    left: 0;

}

/* carter-end */

.ys_cont1580{

    width: 1580px;

    margin: auto;

    max-width: 100%;

}

.mod_foot{

    background-color: #000F4D;

    padding-top: 80px;

}

.mod_foot_bt{

    padding: 24px 0;

    border-top: 1px solid #ACACAC;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.mod_foot_bt p,.mod_foot_bt p a{

    font-size: 14px;

    line-height: 1.8;

    color: #fff;

    opacity: 0.5;

}

.mod_foot_bt_le p a{

    opacity: 1;

    margin-right: 24px;

}

.mod_foot_bt_ri a{

    font-size: 14px;

    line-height: 1.8;

    color: #fff;

    margin-left: 40px;

    opacity: 1 !important;

}

.mod_foot_tp{

    padding-bottom: 24px;

}

.mod_foot_tp_ri{

    width: 320px;

}

.mod_foot_tp_le{

    width: calc(100% - 320px);

    padding-right: 153px;

}

.mftr_visit .std_btn2,.mftr_link{

    width: 296px;

    display: flex;

    margin-left: calc(100% - 296px);

}

.mftr_visit .std_btn2_box{

    width: 100%;

    justify-content: center;

}

.mftr_logo{

    width: 298px;

    margin-left: calc(100% - 298px);

}

.mftr_logo a{

    width: 100%;

    display: block;

}

.mftr_logo img{

    width: 100%;

}

.mftr_visit .std_btn2_box p {

    line-height: 48px;

    font-size: 24px;

    font-family: 'ExoSemiBold';

}

.mftr_visit .std_btn2_box img {

    width: 48px;

}

.mftr_visit{

    margin-top: 40px;

    margin-bottom: 66px;

}

.mftr_link{

    margin-top: 100px;

}

.mftr_link_select{

    width: 100%;

}

.mftr_link_select .ys_select_xtbbox{

    width: 24px;

    right: 24px;

}

.mftr_link_select .ys_select_xtbbox img{

    width: 100%;

}

.mftr_link_select .ys_select_hd{

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

    border-radius: 80px;

    height: 50px;

    padding: 0 24px;

}

.mftr_link_select input{

    font-size: 16px;

    font-family: Arial;

    color: #fff;

}

.mftr_link_select input::placeholder{

    color: #fff;

}

.mftr_link .ys_select_bd {

    border: 1px solid #ACACAC;

    border-radius: 8px;

    padding: 15px;

    background-color: #fff;

    top: auto;

    bottom: 100%;

    max-height: 220px;

}

.mftr_link .ys_select_li a{

    padding: 10px 0;

    display: block;

    border-bottom: 1px solid #eeeeee;

    font-size: 16px;

    line-height: 1.4;

    font-family: 'ExoRegular';

    color: #333;

}

.mftr_share li{

    width: 32px;

    margin-right: 40px;

    flex-shrink: 0;

}

.mftr_share li a{

    width: 100%;

    display: block;

}

.mftr_share li img{

    width: 100%;

}

.mftr_share ul{

    display: flex;

    justify-content: flex-end;

}

.mftr_share li:last-child{

    margin-right: 0;

}

.mftl_ul_li_tp a{

    font-size: 18px;

    line-height: 1.6;

    color: #fff;

    font-family: 'ExoBold';

    display: block;

}

.mftl_ul_li_bt a{

    font-size: 16px;

    line-height: 1.6;

    color: #fff;

    font-family: 'ExoRegular';

    display: block;

    opacity: 0.7;

    transition: all .36s;

}

.mftl_ul_li_bt li{

    margin-bottom: 24px;

}

.mftl_ul_li_bt li:last-child{

    margin-bottom: 0;

}

.mftl_ul_li_bt{

    margin-top: 32px;

}

.mftl_ul{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.mod_con_cont{

    width: 100%;

    padding-left: 20px;

    padding-right: 20px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.mccr_btn1{

    margin-bottom: 40px;

}

.mod_con{

    padding: 75px 0;

}

.home_titbox_subtit{

    color: #FFDA16;

    font-family: 'ExoBold';

}

.home_titbox_tit h2,

.home_titbox_tit h1{

    font-family: 'ExoBold';

    color: #fff;

}

.mccl_parga{

    color: #fff;

    font-family: Arial;

    margin-top: 24px;

    opacity: 0.8;

}

.mod_side.act{

    right: 16px;

}

.mod_side{

    position: fixed;

    top: 50%;

    right: 16px;

    transform: translateY(-50%);

    right: -60px;

    transition: all .36s;

    z-index: 999;

}

.mod_side_ul{

    width: 48px;

}

.mod_side_ul_li:first-child,

.mod_side_ul_li:first-child::after{

    border-radius: 80px 80px 0 0;

}

.mod_side_ul_li:last-child,

.mod_side_ul_li:last-child::after{

    border-radius: 0 0 80px 80px;

}

.mod_side_ul_li{

    margin-bottom: 1px;

    background: rgba(15, 94, 249, 0.5);

    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04);

    cursor: pointer;

    position: relative;

}

.mod_side_ul_li::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.msul_icon{

    width: 48px;

}

.msul_icon img{

    width: 100%;

}

.msul_pop{

    position: absolute;

    top: 50%;

    padding-right: 15px;

    left: 0;

    opacity: 0;

    visibility: hidden;

    transform: scale(.95) translateX(-100%) translateY(-50%);

    transform-origin: right;

    width: 232px;

}

.msul_pop_arr{

    width: 13px;

    position: absolute;

    top: 50%;

    right: 2px;

    transform: translateY(-50%);

}

.msul_code .msul_pop_cont{

    padding: 15px 18px;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    border-radius: 8px;

}

.msul_code_img{

    width: 100%;

    border-radius: 8px;

    overflow: hidden;

}

.msul_code_img img{

    width: 100%;

}

.msul_visit .msul_pop_cont{

    border-radius: 8px;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    padding: 24px;

    display: flex;

    align-items: center;

}

.msul_visit .std_title4{

    font-family: 'ExoSemiBold';

    color: #fff;

    text-align: center;

    margin-right: 16px;

}

.msul_phone .msul_pop_cont{

    padding: 32px 24px;

    border-radius: 8px;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

}

.msul_phone_num_text2 a{

    font-size: 20px;

    line-height: 1.2;

    color: #fff;

    font-family: 'ExoBold';

}

.msul_phone_num_text1 p{

    font-size: 14px;

    line-height: 1.2;

    color: #FFDA16;

    font-family: 'ExoRegular';

}

.msul_phone_num{

    margin-bottom: 25px;

}

.msul_phone_num:last-child{

    margin-bottom: 0;

}

.msul_visit img{

    width: 24px;

}

.home_about{

    position: relative;

    overflow: hidden;

}

.home_centit{

    text-align: center;

}

.home_centit h2{

    color: #fff;

    font-family: 'ExoBold';

    display: inline-block;

    position: relative;

    z-index: 1;

}

.home_centit h2::after{

    content: "";

    width: 108px;

    height: 108px;

    background: url(../images/a_bg_03.svg) center / cover no-repeat;

    position: absolute;

    right: -26px;

    top: 50%;

    transform: translateY(-50%);

    z-index: -1;

}

.home_about_cont_parga{

    color: #fff;

    /* font-family: 'ExoBold'; */

    font-family: 'ExoRegular';

    text-align: center;

    margin: 80px 0;

}

.home_about_cont_parga span{

    color: #FFDA16;

}

.home_about_cont_list{

    width: 100%;

    padding: 0 100px;

}

.hacl_ul{

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    margin: 0 -70px;

}

.hacl_ul_li{

    width: 25%;

    padding: 0 70px;

    height: auto;

}

.hacl_ul_li_cont{

    height: 100%;

}

.hacl_ul_li_cont .ys_imgbox_cover{

    width: 100px;

    margin: auto;

}

.hulc_num{

    margin: 8px 0;

    text-align: center;

    font-size: 64px;

    line-height: 1.2;

    color: #fff;

    font-family: 'ExoBold';

}

.hulc_parga{

    color: #fff;

    line-height: 1.6;

    font-family: 'ExoRegular';

    text-align: center;

}

.home_about_cont_btn{

    margin-top: 50px;

    text-align: center;

}

.hnru_li a{

    display: block;

    width: 100%;

}

.hnru_li_info_lab .ys_imgbox_cover{

    width: 24px;

}

.hlil_text p{

    transition: all .36s;

    color: #ACACAC;

    line-height: 1.6;

    font-family: 'ExoRegular';

}

.hnru_li_info_lab{

    display: flex;

    align-items: center;

    margin-right: 40px;

}

.hlil_text{

    margin-left: 8px;

}

.hnru_li_info_lab .ys_imgbox_cover img:nth-child(1){

    opacity: 0;

}

.home_new_ri{

    width: 504px;

}

.hnru_li_tit{

    color: #4A4A4A;

    transition: all .36s;

    font-family: 'ExoRegular';

    margin-top: 16px;

}

.hnru_li_parga{

    margin-top: 16px;

    display: none;

}

.hnru_li_parga p{

    font-family: 'ExoRegular';

    overflow: hidden;

    line-height: 1.6;

    height: 3.2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.hnru_li{

    margin-bottom: 70px;

}

.hnru_li:last-child{

    margin-bottom: 0;

}

.hnru_li.act .hnru_li_tit{

    color: #0F5EF9;

}

.hnru_li.act .hlil_text p{

    color: #4A4A4A;

}

.hnru_li.act .ys_imgbox_cover img:nth-child(1){

    opacity: 1;

}

.hnru_li.act .ys_imgbox_cover img:nth-child(2){

    opacity: 0;

}

.home_new_mid{

    width: 667px;

    padding-right: 72px;

}

.hnmc_bg{

    width: 100%;

}

.hnmc_bg img{

    width: 100%;

}

.home_new_mid_cont{

    position: relative;

    width: 100%;

}

.hnmc_imgs {

    width: 84%;

    border-radius: 50%;

    overflow: hidden;

    position: absolute;

    top: 28px;

    left: 60px;

}

.home_new {

    overflow: hidden;

}

.home_new .ys_cont1600{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

} 

.home_new_le {

    width: calc(100% - 667px - 504px);

}

.hnmc_imgs_ul_li{

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all .36s;

    z-index: 1;

}

.hnmc_imgs_ul_li.on{

    position: relative;

    opacity: 1;

    z-index: 5;

}

.home_new_le_tit .home_titbox_tit h2{

    color: #000F4D;

}

.hnlt_icon{

    width: 48px;

    transform: rotate(-45deg);

}

.hnlt_icon img{

    width: 100%;

}

.home_new_le_tit .home_titbox {

    width: 255px;

}

.home_new_le_tit {

    display: flex;

    align-items: flex-end;

}

.home_new_le .hnru_li{

    margin-bottom: 160px;

}

.home_new_le_btn p{

    font-size: 16px;

    line-height: 1.6;

    color: #4A4A4A;

    margin-right: 16px;

    font-family: 'ExoRegular';

}

.home_new_le_btn img{

    width: 24px;

}

.home_new_le_btn a{

    display: flex;

    align-items: center;

}

.home_new_le_btn{

    margin-top: 40px;

}

.ys_ban_title{

    color: #fff;

    font-family: 'ExoBold';

    width: 60%;

}

.ys_ban_btn{

    margin-top: 70px;

}

.ys_ban_btn .std_btn1_box{

    border: 1px solid #0F5EF9;

    background-color: #0F5EF9;

}

.ys_hd_pc{

    position: absolute;

    top: 16px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    padding: 0 48px;

    z-index: 999;

    transition: all 0.36s;

}

.ys_hd_pc.act{

    position: fixed;

    top: 0;

    padding: 0;

}

.ys_hd_pc.act .mod_head{

    border-radius: 0px;

}

.mod_head{

    width: 100%;

    padding-left: 40px;

    padding-right: 80px;

    background: rgba(15, 94, 249, 0.7);

    border-bottom: 1px solid #FFDA16;

    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), 0px 24px 60px rgba(0, 0, 0, 0.12);

    border-radius: 80px;

    transition: all 0.36s;

    position: relative;

}

.mod_head::before{

    content: "";

    width: 100%;

    height: 100%;

    backdrop-filter: blur(4px);

    -webkit-backdrop-filter: blur(4px);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    display: block;

}

.mod_head_logo{

    width: 265px;

}

.mod_head_logo a{

    width: 100%;

    display: block;

    line-height: 84px;

}

.mod_head_logo img{

    width: 100%;

}

.mhos_icon{

    width: 24px;

    height: 84px;

    line-height: 84px;

    cursor: pointer;

    position: relative;

}

.mhos_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.mhos_icon img:nth-child(2){

    opacity: 0;

}

.mod_head_other{

    width: 137px;

    display: flex;

    justify-content: space-between;

}

.mod_head_nav{

    width: calc(100% - 137px - 265px);

    padding-left: 150px;

    padding-right: 200px;

}

.mhos_drop_cont{

    background: rgba(15, 94, 249, 0.7);

    border-bottom: 1px solid #FFDA16;

    backdrop-filter: blur(4px);

    border-radius: 16px;

    -webkit-backdrop-filter: blur(4px);

    padding: 28px 0;

}

.mhos_drop{

    position: absolute;

    left: 50%;

    top: 92px;

    transform: translateX(-50%);

    display: none;

}

.mhos_drop_cont_box{

    width: 65.7%;

    margin: auto;

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

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    border-radius: 80px;

    overflow: hidden;

}

.mdcb_btn{

    width: 184px;

    background: #0F5EF9;

    border-radius: 80px;

    cursor: pointer;

    display: flex;

    justify-content: center;

}

.mdcb_btn_icon{

    width: 24px;

    line-height: 60px;

}

.mdcb_btn_icon img{

    width: 100%;

}

.mdcb_input{

    width: calc(100% - 184px);

    padding: 0 40px;

    height: 60px;

}

.mdcb_input input{

    width: 100%;

    height: 100%;

    font-size: 18px;

    color: #fff;

    font-family: 'ExoRegular';

}

.mdcb_input input::placeholder{

    font-size: 18px;

    color: #fff;

    font-family: 'ExoRegular';

}

.mod_head_other_search{

    width: 24px;

}

.mod_head_other_search.act .mhos_icon img:nth-child(2) {

    opacity: 1;

}

.mod_head_other_lang{

    cursor: pointer;

    position: relative;

}

.mhol_tp{

    display: flex;

    align-items: center;

}

.mhol_bt{

    position: absolute;

    width: 140px;

    padding: 24px;

    background-color: rgba(15, 94, 249, 0.7);

    border-radius: 16px;

    top: 92px;

    left: 50%;

    transform: translateX(-50%);

    display: none;

}

.mhol_bt_ul_li a{

    font-size: 16px;

    line-height: 1.6;

    color: #fff;

    display: block;

    transition: all .36s;

    font-family: 'ExoRegular';

}

.mhol_bt_ul_li{

    margin-bottom: 20px;

    text-align: center;

}

.mhol_bt_ul_li:last-child{

    margin-bottom: 0;

}

.mhol_tp_icon{

    width: 24px;

    line-height: 84px;

    margin-right: 4px;

}

.mhol_tp_icon img{

    width: 100%;

}

.mhol_tp_tab p{

    font-size: 16px;

    line-height: 84px;

    color: #fff;

    transition: all .36s;

    font-family: 'ExoRegular';

}

.mhol_tp_tab_icon{

    width: 16px;

    line-height: 84px;

    transition: all .36s;

}

.mhol_tp_tab_icon img{

    width: 100%;

}

.mod_head_other_lang.act .mhol_tp_tab_icon{

    transform: rotate(180deg);

}

.mhol_tp_tab{

    display: flex;

    align-items: center;

}

.mhnu_li{

    padding: 0 28px;

}

.mod_head_nav_ul{

    margin: 0 -28px;

}

.mhnu_li_text p{

    font-size: 16px;

    line-height: 84px;

    color: #fff;

    transition: all .36s;

    font-family: 'ExoSemiBold';

}

.mhnu_li a{

    width: 100%;

    display: flex;

    align-items: center;

}

.mhnu_li_btn{

    position: relative;

    width: 24px;

    height: 24px;

    margin-left: 8px;

}

.mhnu_li_btn::before{

    content: "";

    width: 1px;

    height: 50%;

    border-radius: 1px;

    background: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

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

    transition: all .36s;

}

.mhnu_li_btn::after{

    content: "";

    width: 50%;

    height: 1px;

    border-radius: 1px;

    background: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

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

    transition: all .36s;

}

.mhnu_li.not .mhnu_li_btn{

    display: none;

}

.mhnu_li_drop{

    position: absolute;

    left: 50%;

    top: 92px;

    transform: translateX(-50%);

    display: none;

}

.mhnu_li_drop_cont{

    background: rgba(15, 94, 249, 0.7);

    border-bottom: 1px solid #FFDA16;

    backdrop-filter: blur(4px);

    -webkit-backdrop-filter: blur(4px);

    border-radius: 16px;

    padding: 40px;

}

.mldc_ul_li{

    width: 20%;

    position: relative;

}

.mldc_ul_li a{

    width: 100%;

    display: block;

    padding: 40px;

}

.mldc_ul_li::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 16px;

    background: #FFFFFF;

    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), 0px 24px 60px rgba(0, 0, 0, 0.12);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

    opacity: 0;

}

.mldc_ul_li .ys_imgbox_cover{

    width: 64px;

    margin: auto;

}

.mldc_ul_li_text{

    margin-top: 8px;

}

.mldc_ul_li_text p{

    font-size: 18px;

    line-height: 1.5;

    font-family: 'ExoMedium';

    color: #fff;

    text-align: center;

    transition: all .36s;

}

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

    opacity: 0;

}

.mldc_ul{

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}

.mldc_ul_li.yxnav_active3::after{

    opacity: 1;

}

.mldc_ul_li.yxnav_active3 .ys_imgbox_cover img:nth-child(1){

    opacity: 0;

}

.mldc_ul_li.yxnav_active3 .ys_imgbox_cover img:nth-child(2){

    opacity: 1;

}

.mldc_ul_li.yxnav_active3 .mldc_ul_li_text p{

    color: #0F5EF9;

}

.mhnu_li.yxnav_active1 .mhnu_li_text p{

    color: #FFDA16;

}

.mhnu_li.yxnav_active1 .mhnu_li_btn::before {

    background: #FFDA16;

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

}

.mhnu_li.yxnav_active1 .mhnu_li_btn::after {

    background: #FFDA16;

}

.mhnu_li_soludrop_cont{

    background: rgba(15, 94, 249, 0.7);

    border-bottom: 1px solid #FFDA16;

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    border-radius: 16px;

    overflow: hidden;

    display: flex;

    align-items: stretch;

}

.mlsc_le{

    width: 408px;

    background: rgba(15, 94, 249, 0.7);

    backdrop-filter: blur(4px);

    -webkit-backdrop-filter: blur(4px);

    padding: 50px 40px;

}

.mlsc_ri{

    width: calc(100% - 408px);

    padding: 50px 40px;

}

.mlsc_le_text{

    color: #FFFFFF;

    transition: all .36s;

    font-family: 'ExoSemiBold';

    width: calc(100% - 48px);

}

.mlsc_le_icon{

    width: 48px;

    transition: all .36s;

    opacity: 0;

}

.mlsc_le_icon img{

    width: 100%;

}

.mlsc_le li{

    margin-bottom: 50px;

}

.mlsc_le li.yxnav_active2 .mlsc_le_text{

    color: #FFDA16;

}

.mlsc_le li.yxnav_active2 .mlsc_le_icon{

    opacity: 1;

}

.mrul_cont1 .mldc_ul_li{

    width: 33.333333%;

}

.mrul_cont1 .mldc_ul {

    justify-content: left;

}

.mrul_cont2_ul_li{

    width: 25%;

    padding: 0 12px;

    margin-bottom: 24px;

}

.mrul_cont2_ul{

    margin: 0 -12px;

}

.mrul_cont2_ul_li a{

    display: block;

    width: 100%;

    position: relative;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);

}

.mrul_cont2_ul_li a::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(360deg, rgba(0, 15, 77, 0.5) 0%, rgba(0, 15, 77, 0) 27.5%);

    position: absolute;

    top: 0;

    left: 0;

}

.mrul_cont2_ul_li a::before{

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

    z-index: 4;

    transition: all .36s;

    opacity: 0;

}

.mcul_text{

    width: 100%;

    padding: 0 18px;

    bottom: 8px;

    z-index: 5;

    transition: all .36s;

}

.mcul_text p{

    font-family: 'ExoMedium';

    color: #fff;

    text-align: center;

}

.mcul_text1_icon{

    width: 24px;

    position: relative;

    top: 2px;

}

.mcul_text1_icon img{

    width: 100%;

}

.mcul_text1_parga p{

    font-size: 18px;

    line-height: 1.5;

    color: #fff;

    font-family: 'ExoMedium';

}

.mcul_text1{

    width: 100%;

    padding: 0 18px;

    z-index: 5;

    opacity: 0;

    transition: all .36s;

    display: flex;

    justify-content: center;

}

.mcul_text1_parga{

    /* width: calc(100% - 24px); */

    margin-right: 16px;

}

.mlsc_ri_ul{

    position: relative;

}

.mlsc_ri_ul_li{

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    /* transition: all .36s; */

}

.mlsc_ri_ul_li.on{

    position: relative;

    opacity: 1;

    z-index: 5;

}

.mhnu_li_prodrop .mlsc_le{

    width: 438px;

}

.mhnu_li_prodrop .mlsc_ri{

    width: calc(100% - 438px);

    padding: 0 !important;

}

.mlsc_le_icon1 img:nth-child(2){

    opacity: 0;

}

.mlsc_le_parga p{

    line-height: 1.5;

    color: #fff;

    font-family: 'ExoRegular';

}

.mlsc_le_icon1{

    width: 30px;

}

.mlsc_le_parga{

    padding-left: 16px;

}

.mhnu_li_prodrop .mlsc_le li{

    margin-bottom: 16px;

    position: relative;

}

.mhnu_li_prodrop .mlsc_le li:last-child{

    margin-bottom: 0;

}

.mhnu_li_prodrop .mlsc_le li::after{

    content: "";

    width: 100%;

    height: 100%;

    background: #FFFFFF;

    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), 0px 24px 60px rgba(0, 0, 0, 0.12);

    border-radius: 8px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    opacity: 0;

    transition: all .36s;

}

.mhnu_li_prodrop .mlsc_le li.yxnav_active2::after{

    opacity: 1;

}

.mhnu_li_prodrop .mlsc_le li.yxnav_active2 .mlsc_le_parga p {

    color: #0F5EF9;

}

.mhnu_li_prodrop .mlsc_le li.yxnav_active2 .mlsc_le_icon1 img:nth-child(1){

    opacity: 0;

}

.mhnu_li_prodrop .mlsc_le li.yxnav_active2 .mlsc_le_icon1 img:nth-child(2){

    opacity: 1;

}

.mhnu_li_prodrop .mlsc_le a {

    padding: 9px;

}

.mlsc_ri_ul1_li{

    width: 25%;

    margin-bottom: 20px;

    position: relative;

}

.mlsc_ri_ul1_li::after{

    content: "";

    width: 100%;

    height: 100%;

    background: #FFFFFF;

    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), 0px 24px 60px rgba(0, 0, 0, 0.12);

    border-radius: 16px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all .36s;

    opacity: 0;

}

.mlsc_ri_ul1_li .ys_imgbox_cover{

    width: 79%;

    margin: auto;

}

.mrul_parga{

    margin-top: 8px;

    width: 100%;

}

.mrul_parga p{

    font-size: 18px;

    line-height: 1.4;

    color: #fff;

    transition: all .36s;

    font-family: 'ExoRegular';

    text-align: center;

}

.mlsc_ri_ul1_li.yxnav_active3::after{

    opacity: 1;

}

.mlsc_ri_ul1_li.yxnav_active3 .mrul_parga p{

    color: #0F5EF9;

}

.mlsc_ri_ul1_li a{

    padding-bottom: 16px;

    flex-wrap: wrap;

}

.mrlu_li{

    position: absolute;

    top: 0;

    left: 0;

    /* transition: all .36s; */

    opacity: 0;

    z-index: 1;

}

.mrlu_li.on{

    position: relative;

    opacity: 1;

    z-index: 5;

}

.mhnu_li_prodrop .mlsc_ri{

    max-height: 600px;

}

.mlsc_ri_list {

    /* max-height: 600px; */

    overflow: hidden;   

    padding: 50px 40px;

}

.mlsc_ri_list .mCSB_outside+.mCSB_scrollTools {

    right: -26px !important;

}

.mlsc_ri_list_ul{

    position: relative;

}

.home_why_tit h2{

    color: #000F4D;

    font-size: 60px;

    line-height: 1.1;

}

.home_why_tit img{

    width: 423px;

    margin-left: 40px;

    position: relative;

    top: -5.5px;

}

.home_why_bt{

    margin-top: 50px;

    position: relative;

}

.hybr_img{

    position: relative;

}

.hybr_img{

    border-radius: 32px;

    background: #B7BEC3;

    overflow: hidden;

    width: 100%;

}

.hybr_img_ul_li{

    width: 100%;

    position: relative;

    /* position: absolute;

    top: 0;

    left: 0; */

    transition: opacity .25s linear;

    will-change: opacity;

    /* opacity: 0.2; */

    /* opacity: 0; */

    padding: 0 65px;

}

.hybr_img_ul_li.act{

    opacity: 1;

}

.hybr_img_ul_li img{

    width: 100%;

}

.hybr_img_bg{

    width: 100%;

    padding: 0 65px;

}

.hybr_img_bg img{

    width: 100%;

}

.home_why_bt_ri{

    width: 660px;

    right: calc(50% - 700px);

}

.home_why_bt_le{

    width: calc(100% - 660px);

    padding-right: 100px;

    display: flex;

    flex-wrap: wrap;

    position: relative;

}

.hwbl_line::after{

    content: "";

    width: 2px;

    height: 100%;

    background: #DDDDDD;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.hwbl_line_scroll{

    width: 2px;

    height: 280px;

    background: #0F5EF9;

}

.hwbl_line_scroll.ys_fixed{

    top: 150px;

}

.hwbl_line_scroll.ys_notfixed {

    bottom: 0;

}

.htul_parga p{

    line-height: 1.6;

    color: #ACACAC;

    font-family: 'ExoRegular';

    transition: all .36s;

}

.htul_parga{

    margin-top: 24px;

}

.hwbl_text{

    width: calc(100% - 2px);

    padding-left: 50px;

}

.htul_tit{

    color: #ACACAC;

    font-family: 'ExoSemiBold';

    transition: all .36s;

}

.hwbl_text_ul_li{

    margin-bottom: 240px;

}

.hwbl_text_ul_li:last-child{

    margin-bottom: calc(240px - 120px);

}

/* .hwbl_text_ul_li.act .htul_tit{

    color: #000F4D;

}

.hwbl_text_ul_li.act .htul_parga p{

    color: #4A4A4A;

} */

.home_why_bt_ri.ys_fixed{

    top: 120px;

}

.home_why_bt_ri.ys_notfixed{

    bottom: 0;

    right: 0;

}

.home_pro_bt{

    background-color: #030C2F;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.home_pro{

    position: relative;

    z-index: 2;

}

.home_pro_bt_tit,.home_solu_tit{

    width: 680px;

}

.home_pro_bt_ri{

    width: calc(100% - 680px);

    padding-left: 360px;

    transform: translateY(70px);

}

.home_pro_bt_ri p{

    font-size: 18px;

    line-height: 1.6;

    color: #fff;

    opacity: 0.8;

    font-family: Arial;

}

.home_pro_bt_bg{

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: -1;

    width: 350px;

}

.home_pro_bt_bg img{

    width: 100%;

}

.home_pro_tp{

    padding-top: 227px;

    padding-bottom: 160px;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.home_pro_tp::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, #030C2F 0%, rgba(3, 12, 47, 0.5) 50.31%, #030C2F 100%);

    position: absolute;

    top: 0;

    left: 0;

}

.home_pro_tp_bg{

    width: 100%;

    height: 100%;

    -webkit-filter: grayscale(100%);

    -moz-filter:grayscale(100%);

    -ms-filter:grayscale(100%);

    -o-filter:grayscale(100%);

    filter: gray; 

}

.home_pro_tp_icon{

    width: 666px;

    position: absolute;

    top: -206px;

    left: -225px;

    z-index: 1;

    opacity: 0.5;

}

.home_pro_tp_icon img{

    width: 100%;

}

.home_pro_tp_cont{

    position: relative;

    z-index: 2;

    padding-left: calc(50% - 800px);

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.hptc_le{

    width: 367px;

}

.hptc_ri{

    width: calc(100% - 367px);

    padding-left: 44px;

}

.hptc_le_btn{

    margin-top: 80px;

}

.home_solu_tit h2{

    color: #000F4D;

}

.home_pro_bt_tit{

    height: 516px;

    transform: translateY(-46%);

}

.home_pro_bt_tit1{

    position: absolute;

    left: 0;

    top: 100%;

}

.home_pro_bt_tit2 {

    position: absolute;

    left: 0;

    top: 0;

}

.hwbl_text .swiper-pagination,

.home_solu_cont_swiper .swiper-pagination{

    display: none;

}

.home_pro_bt_cont,.home_solu_cont1{

    position: relative;

    z-index: 1;

}

.home_pro_bt_cont{

    min-height: 238px;

    padding-bottom: 100px;

}

.hpbt_tit{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    font-size: 72px;

    font-weight: bold;

    line-height: 100px;

}

.hpbt_tit.inited {

    transition: all .5s ease;

}

.hrst_lab p{

    font-family: 'ExoSemiBold';

    color: #0F5EF9;

    transition: all .36s;

}

.hptc_ri .swiper-slide{

    margin-right: 40px;

    width: 322px;

    height: auto;

}

#hptc_ri_swiper .swiper-wrapper{

    align-items: stretch;

}

.hptc_ri .swiper-slide a,

.hrcs_li a{

    display: block;

    background: #E6EDF4;

    border-radius: 16px;

    overflow: hidden;

    padding: 30px 24px 24px;

    position: relative;

    z-index: 1;

    transition: all .36s;

    height: 100%;

}

.hptc_ri .swiper-slide a::after,

.hrcs_li a::after{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0, 87, 255, .6);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all .36s;

    opacity: 0;

}

.hrst_tit{

    color: #000000;

    font-family: 'ExoSemiBold';

    transition: all .36s;

    height: 86.4px;

    overflow: hidden;

}

.hrst_info_parga p{

    line-height: 1.5;

    color: #4A4A4A;

    transition: all .36s;

    font-family: 'ExoRegular';

}

.hrst_info_icon{

    width: 16px;

    margin-right: 8px;

    flex-shrink: 0;

    position: relative;

    top: 4px;

}

.hrst_info_icon img{

    width: 100%;

}

.hrst_info{

    display: flex;

    align-items: flex-start;

    margin-top: 8px;

    transition: all .36s;

}

.hptc_ri_swiper_img{

    width: 100%;

    padding: 0 6px;

    margin-top: 30px;

    transition: all .36s;

}

.hptc_ri_swiper_btn p{

    color: #fff;

    font-family: 'ExoRegular';

    margin-right: 16px;

}

.hptc_ri_swiper_btn img{

    width: 24px;

}

.hptc_ri_swiper_btn{

    display: flex;

    align-items: center;

    position: absolute;

    bottom: 24px;

    right: 24px;

    transition: all .36s;

    transform: translateY(55px);

}

.hptc_ri_swiper_bg{

    width: 100%;

    height: 100%;

    z-index: -1;

    left: 0;

    transform: translateX(100%);

    transition: all .5s ease;

}

.hptc_ri_swiper_bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.hptc_ri .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{

    width: 770px;

    height: 2px;

    left: 418px;

    top: auto;

    bottom: 0;

}

.hptc_ri .swiper-pagination-progressbar {

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

}

.hptc_ri .swiper-container{

    padding-bottom: 50px;

}

.hptc_ri .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #fff;

}

.hrbu_li_icon{

    width: 24px;

    height: 24px;

    position: relative;

    cursor: pointer;

}

.hrbu_li_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.hrbu_li_icon img:nth-child(2){

    opacity: 0;

}

.hrbu_li_parga p{

    transition: all .36s;

    opacity: 0.5;

    color: #fff;

    font-family: 'ExoRegular';

}

.hrbu_li{

    display: flex;

    align-items: center;

    margin-right: 60px;

    cursor: pointer;

}

.hrbu_li.swiper-button-disabled{

    pointer-events: none;

}

/* 轮播控件 */

.ys_ban_control{

    position: absolute;

    bottom: 40px;

    left: calc(50% - 800px);

}

.mod_control_line{

    width: 100px;

    height: 1px;

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

    position: relative;

    top: 11px;

    margin: 0 8px;

}

.mod_control_line_prog{

    width: 0%;

    height: 1px;

    top: 0;

    left: 0;

    position: absolute;

    background-color: #fff;

    transition: all 0.36s;

}

.mod_control_line_prog::after{

    content: "";

    width: 3px;

    height: 3px;

    background-color: #fff;

    border-radius: 50%;

    position: absolute;

    right: 0px;

    top: -0.5px;

}

.mod_control_dir_text p{

    font-size: 20px;

    line-height: 1.3;

    color: #fff;

    font-family: 'ExoRegular';

}

.mod_control_dir{

    display: flex;

    align-items: center;

}

.mod_control_next .hrbu_li_icon{

    margin-left: 8px;

}

.mod_control_prev .hrbu_li_icon{

    margin-right: 8px;

}

.mod_control_prev .mod_control_dir_text p{

    font-family: 'ExoSemiBold';

    color: #FFDA16;

}

.mod_control_prev .hrbu_li_icon img:nth-child(1) {

    opacity: 0;

}

.mod_control_prev .hrbu_li_icon img:nth-child(2) {

    opacity: 1;

}

.mccr_btn2 .std_btn1_box{

    width: 296px;

}

.hscl_li_tit{

    color: #0F5EF9;

    font-family: 'ExoSemiBold';

}

.home_solu_cont_list{

    padding-top: 160px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

    position: relative;

}

.hllu_li_parga p{

    line-height: 1.6;

    opacity: 0.8;

    font-family: 'ExoRegular';

}

.hllu_li_icon{

    width: 14px;

    position: relative;

    top: 5px;

}

.hllu_li_icon img{

    width: 100%;

}

.hllu_li_parga{

    padding-left: 14px;

    width: calc(100% - 14px);

}

.hscl_li_list{

    margin-top: 32px;

}

.hllu_li{

    margin-bottom: 20px;

}

.hllu_li:last-child{

    margin-bottom: 0;

}

.home_solu_cont_le{

    width: 440px;

    margin-top: 90px;

}

.hscl_li_btn{

    margin-top: 50px;

}

.hulc_ul_li_icon{

    width: 100px;

    height: 100px;

    margin: auto;

    position: relative;

    border-radius: 50%;

    background: #FFFFFF;

    border: 1px solid rgba(15, 94, 249, 0.2);

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);

}

.hulc_ul_li_icon .ys_imgbox_cover{

    width: 64px;

}

.hulc_ul_li_parga{

    margin-top: 12px;

}

.hulc_ul_li_parga p{

    font-size: 16px;

    line-height: 1.6;

    height: 3.2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #000000;

    opacity: 0.8;

    font-family: 'ExoRegular';

    text-align: center;

}

.home_solu_cont_ri{

    width: 336px;

}

.hulc_ul_li{

    margin-bottom: 53px;

}

.hulc_ul_li:last-child{

    margin-bottom: 0;

}

.hscr_ul_li:not(:first-child),

.home_solu_cont_mid li:not(:first-child),

/* .hscu_li:not(:first-child), */

.hscl_ul_li:not(:first-child){

    display: none;

}

.hscl_scroll {

    margin: 140px 0 0 0 !important;

}

.hptc_ri_btn{

    /* position: relative;

    top: -15px;

    z-index: 5; */

    width: 100%;

}

.hscu_li_cont{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

}

.home_solu_cont_ul{

    width: 100%;

}

.hscu_li{

    opacity: 0 !important;

}

.hscu_li.swiper-slide-active{

    opacity: 1 !important;

}

.hscl_circle.ys_pos_center {

    top: 68%;

    left: 53%;

    width: 622px;

}

.home_solu_cont_mid .ys_imgbox_cover{

    width: 90%;

    margin: auto;

}

.hscl_circle_svg{

    width: 100%;

    /* height: 622px; */

}

.hscl_circle_svg svg{

    width: 100%;

    height: auto;

    transform: rotate(-266deg) rotateY(180deg);

}

.home_about_bg{

    width: 100%;

}

.home_about_bg img{

    width: 100%;

}

.softdet_list_img{

    position: relative;

}

.softdet_cont_box_img1 {

    transform: scale(0.4);

}

.softdet_list_img_pic {

    width: 100%;

}

.softdet_list_img_pic .ys_imgbox_cover {

    width: 100%;

    transform-origin: 11% bottom;

}

.softdet_list_img img{

    width: 100%;

}

.hscl_circle_bg1 {

    width: 100%;

}

.hscl_circle_bg1 img{

    width: 100%;

}

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

    opacity: 0;

}

.softdet_list_img_pic.act .ys_imgbox_cover img:nth-child(1){

    opacity: 0;

}

.softdet_list_img_pic.act .ys_imgbox_cover img:nth-child(2){

    opacity: 1;

}

@keyframes scale{

    0%{

        transform: scale(1,1);

    }

    50%{

        transform: scale(1.25,1.25);

    }

    90%{

        transform: scale(1.07,1.07);

    }

    100%{

        transform: scale(1,1);

    }

}

.home_solu_cont_mid .ys_imgbox_cover{

    transition: all .36s;

}

.hscu_li.swiper-slide-active .home_solu_cont_mid .ys_imgbox_cover{

    animation: scale .5s ease-out;

}



/* b2解决方案详情页1-start */

.mod_ban{

    border-radius: 0 0 120px 120px;

    overflow: hidden;

}

.mod_ban_img{

    width: 100%;

}

.mod_ban_img img{

    width: 100%;

}

.mod_ban{

    position: relative;

} 

.mod_ban::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #000F4D 0%, rgba(0, 15, 77, 0) 50%);

    opacity: 0.5;

    top: 0;

    left: 0;

    pointer-events: none;

}

.soludet_main .mod_ban{

    border-radius: 0;

}

.soludet_main .mod_ban::after{

    content: "";

    width: 100%;

    height: 290px;

    background: linear-gradient(180deg, rgba(248, 252, 255, 0) 0%, #F8FCFF 100%);

    position: absolute;

    bottom: 0;

    left: 0;

    top: auto;

    opacity: 1;

}

.soludet_sys{

    margin-top: -180px;

}

.soludet_sys_cont{

    padding: 60px 100px;

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

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(8px);

    border-radius: 24px;

}

.soludet_sys_cont_tit h2,.soludet_app_tit h2,.soludet_pro_tit h2,.soludet_sup_tit h2,.soludet_case h2{

    color: #000F4D;

}

.soludet_sys_parga{

    margin-top: 32px;

}

.soludet_sys_parga p{

    font-size: 18px;

    line-height: 1.4;

    color: #4A4A4A;

    text-align: center;

    font-family: 'ExoRegular';

    margin-bottom: 25px;

}

.soludet_sys_parga p:last-child{

    margin-bottom: 0;

}

.soludet_app{

    padding-top: 150px;

    padding-bottom: 70px;

    overflow: hidden;

}

.soludet_app_img,.soludet_pro_cont{

    width: 94.7%;

    margin: auto;

}

.soludet_app_img img{

    width: 100%;

}

.soludet_main{

    background: #F8FCFF;

}

.soludet_adv{

    border-radius: 80px;

    padding-top: 88px;

    padding-bottom: 100px;

    overflow: hidden;

}

.soludet_adv_cont{

    margin-top: 80px;

}

.sacu_li:not(:first-child){

    display: none;

}

.sacu_li{

    width: 20%;

    padding: 0 50px;

}

.soludet_adv_cont_ul{

    margin: 0 -50px;

}

.sacu_li_cont .ys_imgbox_cover{

    width: 100px;

    margin: auto;

}

.sacu_li_cont_text{

    margin-top: 8px;

}

.sacu_li_cont_text p{

    color: #fff;

    line-height: 1.6;

    font-family: 'ExoRegular';

    text-align: center;

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.soludet_adv_cont_ul .slick-track{

    margin: auto;

}

.soludet_adv_cont_ul .slick-dots li {

    width: 11px;

    height: 11px;

    border-radius: 50%;

    background: transparent;

    border: 2px solid rgb(214, 214, 214);

}

.soludet_adv_cont_ul .slick-dots li.slick-active {

    border: 2px solid #FFDA16;

    background: transparent;

}

.soludet_adv_cont_ul .slick-dots {

    bottom: -50px;

}

.spcu_li_le{

    width: 428px;

    position: relative;

    z-index: 1;

    flex-shrink: 0;

}

.spcu_li_ri{

    width: 79%;

    background: #FFFFFF;

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    border-radius: 16px;

    padding: 50px 40px 82px 180px;

    margin-top: 96px;

    margin-left: -150px;

    position: relative;

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.slrc_tit{

    color:#000000;

    font-family: 'ExoSemiBold';

}

.slrc_parga p{

    line-height: 1.5;

    font-family: 'ExoRegular';

}

.slrc_parga{

    margin-top: 32px;

    margin-bottom: 24px;

}

.slrc_list{

    padding-right: 66px;

}

.slrc_list_ul_li{

    width: 25%;

    padding: 0 20px;

}

.slrc_list_ul{

    margin: 0 -20px;

}

.slul_cont .ys_imgbox_cover{

    width: 24px;

}

.slul_cont_parga{

    margin-top: 8px;

}

.slul_cont_parga p{

    line-height: 1.5;

    font-family: 'ExoRegular';

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.slrc_list_ul_li:not(:first-child){

    display: none;

}

.spcu_li_ri_btn{

    position: absolute;

    right: 40px;

    bottom: -20px;

}

.soludet_pro{

    overflow: hidden;

}

.soludet_pro_cont .swiper-container{

    /* padding-bottom: 40px; */

    overflow: inherit;

}

/* .spcu_li {

    padding: 0 20px;

}

.soludet_pro_cont_ul{

    margin: 0 -20px;

} */

.soludet_pro_cont .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 100px;

    height: 1px;

    top: 50px;

    left: auto;

    right: 73px;

}

.soludet_pro_cont .swiper-pagination-progressbar {

    background: rgba(172, 172, 172, .6);

}

.soludet_pro_cont .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background-color: #0F5EF9;

}

.soludet_pro_cont .mod_control_dir_text p{

    color: #ACACAC;

}

.soludet_pro_cont .mod_control_prev p{

    color: #0F5EF9;

}

.soludet_pro_cont .mod_control_line{

    background: rgba(172, 172, 172, .6);

}

.soludet_pro_cont .mod_control_line_prog {

    background-color: #0F5EF9;

}

.soludet_pro_cont_point{

    width: 3px !important;

    height: 3px;

    border-radius: 50%;

    background-color: #0F5EF9;

    position: absolute;

    top: -1.5px;

    left: 0%;

    z-index: 5;

    transition: all .36s;

}

.soludet_pro_cont{

    position: relative;

}

.soludet_pro_cont_control{

    position: absolute;

    top: 40px;

    right: 0;

    z-index: 5;

    width: 242px;

}

.soludet_pro_cont::before{

    content: "";

    width: 320px;

    height: 106%;

    background-color: #F8FCFF;

    position: absolute;

    top: 0;

    left: -300px;

    z-index: 5;

}

.soludet_pro_cont::after{

    content: "";

    width: 320px;

    height: 106%;

    background-color: #F8FCFF;

    position: absolute;

    top: 0;

    right: -380px;

    z-index: 5;

}

.soludet_sup{

    padding-top: 86px;

    padding-bottom: 57px;

    background: #ECF4FF;

    overflow: hidden;

}

.soludet_sup_cont{

    padding-left: calc(50% - 700px);

    position: relative;

}

.soludet_sup_cont::after{

    content: "";

    width: calc(50% - 700px);

    height: 120%;

    background-color: #ECF4FF;

    position: absolute;

    bottom: 0;

    left: -5px;

    z-index: 5;

}

.mod_control_line1 {

    width: 100px;

    height: 1px;

    position: relative;

    top: 9px;

    left: 18px;

}

.swiper-button-disabled{

    opacity: 0.5;

    pointer-events: none;

}

.sscu_li_cont{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.sscu_li_le{

    width: 560px;

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.sscu_li_ri{

    width: calc(100% - 560px);

    padding-left: 40px;

    position: relative;

    z-index: 1;

}

.sscu_li_le_tit{

    font-family: 'ExoSemiBold';

    color: #0F5EF9;

}

.sscu_li_le_parga p,.sscu_li_le_info p{

    line-height: 1.5 !important;

    font-family: 'ExoRegular';

}

.sscu_li_le_parga{

    margin-top: 24px;

}

.slli_ul_li{

    width: 50%;

    padding: 0 20px;

    margin-bottom: 40px;

}

.slli_ul{

    margin: 0 -20px;

}

.sulc_icon{

    width: 50px;

    border-radius: 50%;

    border: 1px solid #0F5EF9;

}

.sulc_parga{

    width: calc(100% - 50px);

    padding-left: 16px;

}

.slli_ul_li_cont{

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

}

.sscu_li_ri_cont{

    position: relative;

}

.slrc_img{

    width: 100%;

}

.slrc_img img,.slrc_img1 img{

    width: 100%;

}

.slrc_img1{

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 280px;

}

.soludet_sup_cont{

    position: relative;

    z-index: 1;

}

.soludet_sup_cont_bg{

    width: 744px;

    position: absolute;

    right: -267px;

    top: -108px;

    opacity: 0.2;

    z-index: -1;

    transition: all .5s ease-out;

    transform: rotate(-90deg);

}

.soludet_sup_cont_bg img{

    width: 100%;

}

.soludet_sup_cont_bg.act{

    transform: rotate(0deg);

}

.sscu_li:not(:first-child){

    display: none;

}

.soludet_sup_cont_ul .slick-list{

    overflow: inherit;

}

.mod_bluecont .mod_control_dir_text p{

    color: #ACACAC;

}

.mod_bluecont .mod_control_line {

    background: rgba(172, 172, 172, 1);

}

.mod_bluecont .mod_control_line_prog{

    background-color: #0F5EF9;

}

.mod_bluecont .mod_control_line_prog::after {

    background-color: #0F5EF9;

}

.mod_bluecont .mod_control_prev .mod_control_dir_text p {

    color: #0F5EF9;

}

/* .soludet_sup_cont_control .hrbu_li_icon{

    opacity: 0;

    pointer-events: none;

} */

.soludet_sup_cont_control {

    margin-top: 16px;

    display: flex;

    justify-content: center;

}

.soludet_case{

    overflow: hidden;

}



.soludet_case_cont .swiper-slide{

    width: 440px !important;

    margin-right: 40px;

}

.soludet_case_cont a{

    display: block;

    border-radius: 16px;

    overflow: hidden;

    background: #FFFFFF;

    border: 1px solid #DDDDDD;

    border-radius: 16px;

    transition: all .36s;

}

.sccs_text{

    padding: 24px;

}

.sccs_text_lab p{

    line-height: 1.5;

    color: #4A4A4A;

    font-family: 'ExoRegular';

    transition: all .36s;

}

.sccs_text_lab li{

    padding: 0 16px;

    width: auto;

    background: rgba(74, 74, 74, 0.2);

    border-radius: 80px;

    transition: all .36s;

    margin-right: 16px;

    display: inline-block;

}

.sccs_text_lab ul{

    display: flex;

    flex-wrap: wrap;

}

.sccs_text_tit{

    color: #000F4D;

    font-family: 'ExoSemiBold';

    line-height: 1.4;

    height: 50.4px;

    overflow: hidden;

}

.soludet_case_cont{

    position: relative;

}

.soludet_case_cont::after{

    content: "";

    width: 500px;

    height: 100%;

    background: linear-gradient(-90deg, #F8FCFF 0%, rgba(248, 252, 255, 0) 100%);

    position: absolute;

    right: 0;

    top: 0;

    z-index: 5;

    pointer-events: none;

}

.soludet_case_cont::before{

    content: "";

    width: 500px;

    height: 100%;

    background: linear-gradient(90deg, #F8FCFF 0%, rgba(248, 252, 255, 0) 100%);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 5;

    pointer-events: none;

}

.soludet_case_cont .swiper-wrapper {

    transition-timing-function: linear !important;

}

.soludet_sys_scroll{

    width: 27px;

    height: 83px;

    border: 1px solid rgba(15, 94, 249, 1);

    border-radius: 80px;

    overflow: hidden;

    padding: 10px 0;

    margin: auto;

    margin-top: -42px;

    position: relative;

}

.soludet_sys_scroll_icon{

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.soludet_sys_scroll_icon::before{

    content: "";

    width: 1px;

    height: 0;

    background: linear-gradient(180deg, rgba(15, 94, 249, 0) 0% ,#0F5EF9 100%);

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    animation: sidetop 3s linear infinite;

}

.soludet_sys_scroll_icon::after{

    content: "";

    width: 1px;

    height: 0;

    background: linear-gradient(0deg, rgba(15, 94, 249, 0) 0% ,#0F5EF9 100%);

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    animation: sidebottom 3s linear infinite;

}

.soludet_sys_scroll_icon span{

    width: 15px;

    height: 15px;

    border-radius: 50%;

    background: #FFDA16;

    animation: sidespan 3s linear infinite;

    display: block;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

}

@keyframes sidetop {

    0%{

        height: 0;

    }

    50%{

        height: calc(100% - 20px);

    }

    100%{

        height: 0;

    }

}

@keyframes sidespan {

    0%{

        top: 0;

    }

    50%{

        top: calc(100% - 15px);

    }

    100%{

        top: 0;

    }

}

@keyframes sidebottom {

    0%{

        height: calc(100% - 20px);

    }

    50%{

        height: 0;

    }

    100%{

        height: calc(100% - 20px);

    }

}

.ccmr_list_control{

    margin-top: 16px;

    justify-content: center;

    display: flex;

}

.ccmr_list_control .mod_control_line_prog::after {

    top: -1.5px;

}

/* b2解决方案详情页1-end */



/* f1公司概况汇总页-start */

.sacu_li_cont_num{

    color: #FFFFFF;

    font-family: 'ExoSemiBold';

    text-align: center;

    margin-top: 8px;

}

.about_glob_img{

    width: 100%;

    margin-top: -30px;

    mix-blend-mode: multiply;

    position: relative;

}

.about_glob_img img{

    width: 100%;

}

.about_glob_img::after{

    content: "";

    width: 100%;

    height: 88px;

    background: url(../images/f1_zz_01.png) center / cover no-repeat;

    position: absolute;

    bottom: 0;

    left: 0;

}

.about_ind_cont{

    margin-top: -45px;

    position: relative;

}

.about_ind_cont_img{

    width: 100%;

}

.about_ind_cont_img img{

    width: 100%;

}

.aicl_li_icon{

    width: 64px;

    height: 64px;

    border-radius: 50%;

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

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(8px);

    position: relative;

    margin-right: 13px;

    flex-shrink: 0;

}

.aicl_li_icon::before{

    content: "";

    width: 31.25%;

    height: 31.25%;

    border-radius: 50%;

    background: #0F5EF9;

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 5;

}

.aicl_li_icon::after{

    content: "";

    width: 59.375%;

    height: 59.375%;

    border-radius: 50%;

    border: 1px solid #0F5EF9;

    position: absolute;

    top: 50%;

    left: 50%;

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

}

.aicl_li_text_le{

    width: 208px;

    position: relative;

    padding: 18px;

}

.aicl_li_text_cont a{

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

}

.aicl_li_text_ri{

    width: 492px;

    padding: 18px 20px 18px 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    left: 208px;

    transform: translateY(-50%);

}

.altr_cont{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.altl_logo{

    width: 102px;

    margin: auto;

}

.altl_logo img{

    width: 100%;

}

.altl_pargha{

    margin-top: 12px;

}

.altl_pargha p{

    text-align: center;

    line-height: 1.5;

    text-align: center;

    color: #000000;

    font-family: 'ExoRegular';

}

.aicl_li_text{

    width: 208px;

    position: relative;

    z-index: 1;

}

.aicl_li_text::after{

    content: "";

    width: 208px;

    height: 100%;

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

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(8px);

    border-radius: 80px;

    transition: all .36s;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.aicl_li_text_le::after{

    content: "";

    width: 24px;

    height: 24px;

    background: url(../images/arrow_drop_down_big.svg) center / cover no-repeat;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}

.aicl_li_text_ri p{

    line-height: 1.5;

    font-family: 'ExoRegular';

    width: calc(100% - 24px);

    padding-right: 24px;

}

.aicl_li_text_ri img{

    width: 24px;

}

.aicl_li_text_le::before{

    content: "";

    width: 1px;

    height: 80px;

    background: rgba(15, 94, 249, .5);

    position: absolute;

    top: 50%;

    right: 32px;

    transform: translateY(-50%);

    transition: all .36s;

    opacity: 0;

}

.aicl_li{

    display: flex;

    align-items: center;

}

.about_ind_cont_list{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.aicl_li{

    position: absolute;

}

.aicl_li_icon_icon::before{

    content: "";

    width: 0;

    height: 0;

    border-radius: 50%;

    border: 1px solid #0F5EF9;

    position: absolute;

    top: 50%;

    left: 50%;

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

    animation: page-loader-ripple2 2s 1s linear infinite;

}

.aicl_li_icon_icon::after{

    content: "";

    width: 0;

    height: 0;

    border-radius: 50%;

    border: 1px solid #0F5EF9;

    position: absolute;

    top: 50%;

    left: 50%;

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

    animation: page-loader-ripple2 2s 2s linear infinite;

}

.alii_icon::before{

    content: "";

    width: 0;

    height: 0;

    border-radius: 50%;

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

    position: absolute;

    top: 50%;

    left: 50%;

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

    animation: page-loader-ripple1 2s 1s linear infinite;

}

.alii_icon::after{

    content: "";

    width: 0;

    height: 0;

    border-radius: 50%;

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

    position: absolute;

    top: 50%;

    left: 50%;

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

    animation: page-loader-ripple1 2s 2s linear infinite;

}

@keyframes page-loader-ripple1 {

    0% {

        width: 68px;

        height: 68px;

        opacity: 0;

    }

    100% {

        width: 90px;

        height: 90px;

        opacity: 1;

    }

}

@keyframes page-loader-ripple2 {

    0% {

        width: 38px;

        height: 38px;

        opacity: 0;

    }

    100% {

        width: 80px;

        height: 80px;

        opacity: 1;

    }

}

.about_enter_bg{

    width: 850px;

    margin: auto;

    pointer-events: none;

}

.about_enter_bg_img1{

    width: 100%;

    animation: spin1 60s infinite linear;

}

@keyframes spin1 {

    to {

        transform: rotate(-1turn);

    }

}

@keyframes spin2{

    to {

        transform: translate(-50%,-50%) rotate(1turn);

    }

}

.about_enter_bg_img2{

    width: 76.94%;

    animation: spin2 60s infinite linear;

}

.about_enter_bg img{

    width: 100%;

}

.about_enter_titbox_logo{

    width: 70px;

    margin: auto;

}

.about_enter_titbox_logo img{

    width: 100%;

}

.about_enter_titbox_tit{

    margin-top: 30px;

}

.about_enter_titbox_tit h2{

    color: #00478B;

    font-family: 'ExoSemiBold'; 

    text-align: center;

}

.about_enter_titbox{

    width: 680px;

    margin: auto;

}

.about_enter{

    padding-top: 272px;

    position: relative;

    overflow: hidden;

}

.about_ind {

    overflow: hidden;

}

.about_enter_tab{

    margin-top: 78px;

    margin-bottom: 40px;

}

.about_enter_tab .new_cont_tab{

    margin-bottom: 0;

}

.new_cont_tab_link{

    cursor: pointer;

    transition: all .36s;

}

.aelu_li:not(:first-child){

    display: none;

}

.alcs_pargha{

    color: #000000;

    text-align: center;

    font-family: 'ExoRegular';

    margin-top: 8px;

}

.aelu_li_cont_swiper .ys_imgbox_cover{

    overflow: inherit;

}

.aelu_li_cont_swiper .ys_imgbox_cover img{

    transition: 0.65s;

}

.aelu_li_cont_swiper {

    padding-top: 10px !important;

    padding-bottom: 20px !important;

}

.aelu_li_cont_swiper .swiper-slide{

    cursor: grab;

}



.about_deve_tit h2{

    text-align: center;

    color: #fff;

    font-family: 'ExoBold';

}

.about_deve{

    border-radius: 80px 80px 0 0;

    overflow: hidden;

    position: relative;

    z-index: 1;

    padding-bottom: 32px;

}

.about_deve::after{

    content: '';

    width: 100%;

    height: 100%;

    background: rgba(2, 29, 120, 0.6);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.about_deve.ys_cont1400{

    position: relative;

    z-index: 5;

}

.about_deve_cont_circle{

    width: 690px;

    height: 690px;

    border-radius: 50%;

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

    /* border: 1px solid #FFFFFF; */

    backdrop-filter: blur(3.29524px);

    margin: auto;

    overflow: hidden;

    position: relative;

}

.ayul_text{

    color: #fff;

    opacity: 0.5;

    transition: all .36s;

    text-align: center;

    font-family: 'ExoSemiBold';

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.adcc_year_ul_li:not(:first-child),

.adcc_info_ul_li:not(:first-child){

    display: none;

}

.adcc_year{

    padding-top: 180px;

}

.adcc_year_ul_li.slick-current .ayul_text{

    transform: scale(2.5);

    opacity: 1;

}

.adcc_year_ul .slick-list{

    padding: 15px 0 !important;

}

.adcc_year_ul_li {

    width: 33.3333333%;

    padding: 0 12px;

    cursor: pointer;

}

.adcc_year_ul{

    margin: 0 -12px;

}

.aiul_cont_icon{

    width: 16px;

    position: relative;

    top: 5px;

}

.aiul_cont_icon img{

    width: 100%;

}

.aiul_cont_text{

    color: #FFFFFF;

    font-family: 'ExoRegular';

    width: calc(100% - 16px);

    padding-left: 16px;

}

.aiul_cont li{

    margin-bottom: 16px;

}

.aiul_cont:last-child{

    margin-bottom: 0;

}

.adcc_info{

    width: 314px;

    margin: auto;

    margin-top: 100px;

}

.adcc_btn_li{

    width: 48px;

    height: 48px;

    border-radius: 50%;

    transition: all .36s;

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

    cursor: pointer;

    background-color: transparent;

}

.adcc_btn{

    width: 176px;

    margin: auto;

    margin-top: 40px;

}

.adcc_btn_prev{

    transform: rotate(180deg);

}

.adcc_btn_li.slick-disabled{

    opacity: 0.5;

    pointer-events: none;

}

.about_deve_cont_svg{

    width: 694px;

    margin: auto;

    pointer-events: none;

}

.about_deve_cont_svg svg{

    width: 100%;

    height: auto;

    transform: rotate(-90deg);

}

.about_deve_cont{

    position: relative;

}

.adcs_circle2,.hscl_svg1{

    transition: all 500ms ease;

}

.adcs_point{

    width: 40px;

    position: absolute;

    top: -20px;

    left: -20px;

}

.adcs_point img{

    width: 100%;

}

/* f1公司概况汇总页-end */

/* d2硬件产品详情汇总页-start */

.prodet_main{

    background: #F8FCFF;

}

.prodet_main .mod_ban{

    background:linear-gradient(84.17deg, #0F5EF9 -65.59%, #021D78 54.68%);

    border-radius: 0 0 120px 120px;

}

.prodet_main .mod_ban_img{

    mix-blend-mode: color-burn;

}

.mbcl_btn p{

    font-size: 18px;

    line-height: 1.5;

    color: #fff;

    font-family: 'ExoRegular';

    margin-right: 16px;

}

.mbcl_btn img{

    width: 24px;

}

.mbcl_btn{

    display: flex;

    align-items: center;

    cursor: pointer;

    justify-content: center;

}

.mod_ban_cont_le {

    width: 500px;

}

.mod_ban_cont_ri{

    width: calc(100% - 500px);

    padding-left: 135px;

}

.mod_ban_cont .ys_cont1400{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.mod_ban_cont {

    width: 100%;

}

/* .mbcl_img,.prodet_adv_le_img{

    width: 76%;

    margin: auto;

} */

.mbcl_img img,.prodet_adv_le_img img{

    width: 100%;

}

.mbcr_list_ul_li{

    width: 20%;

    padding: 0 20px;

}

.mbcr_list_ul{

    margin: 0 -20px;

}

.mlul_cont_text {

    line-height: 1.4;

    color: #FFFFFF;

    font-family: 'ExoRegular';

}

.mlul_cont_bg{

    width: 100%;

}

.mlul_cont_bg img{

    width: 100%;

}

.mlul_cont{

    position: relative;

}

.mbcr_btn .std_btn2{

    margin-right: 40px;

}

.mbcr_btn .std_btn2_box{

    width: auto !important;

    cursor: pointer;

}

.mbcr_btn .std_btn1_box{

    width: auto !important;

}

.mbcr_btn{

    margin-top: 82px;

}

.prodet_view{

    padding-top: 80px;

    padding-bottom: 40px;

    background-color: #ECF4FF;

    overflow: hidden;

}

.prodet_view h2{

    color: #000F4D;

}

.pvlu_li{

    width: 50%;

    padding: 0 60px;

    margin-bottom: 40px;

}

.prodet_view_list_ul{

    margin: 0 -60px;

}

.pvlu_li_cont{

    width: 100%;

    background: #FFFFFF;

    border-radius: 16px;

    padding: 40px;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.pvlu_li_cont_parga p{

    line-height: 1.5;

}

.pvlu_li_cont_parga{

    height: 72px;

    overflow: hidden;

    font-family: 'ExoRegular';

}

.pvlu_li_cont_tit .std_title5{

    font-family: 'ExoSemiBold';

    color: #000000;

    line-height: 1.4;

    height: 25.2px;

    overflow: hidden;

}

.pvlu_li_cont_tit{

    position: relative;

    padding-bottom: 8px;

}

.pvlu_li_cont_tit::after{

    content: "";

    width: 36px;

    height: 4px;

    background-color: #0F5EF9;

    position: absolute;

    bottom: 0;

    left: 0;

}

.pvlu_li_cont_bg{

    width: 100%;

    z-index: -1;

}

.pvlu_li_cont_bg img{

    width: 100%;

}

.prodet_solu{

    position: relative;

    overflow: hidden;

}

.prodet_solu_bgimg{

    width: 100%;

    height: 100%;

    transition-timing-function: cubic-bezier(.4,0,.2,1);

    transition-duration: .15s;

}

.prodet_solu_bgimg::after{

    content:'';

    width: 55%;

    height: 100%;

    background: rgba(2, 29, 120, 0.6);

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(8px);

    border-radius: 24px 0px 0px 24px;

    position: absolute;

    top: 0;

    right: 0;

}

.prodet_solu_cont{

    width: 55%;

    position: relative;

    padding: 216px calc(50% - 600px) 120px 100px;

    margin-left: 45%;

    z-index: 5;

}

.prodet_solu_cont_tit h2{

    color: #fff;

    font-family: 'ExoSemiBold';

}

.pscl_ul_li_tit{

    color: #fff;

    font-family: 'ExoSemiBold';

}

.pscl_ul_li_parga p{

    line-height: 1.5;

    color: #fff;

    opacity: 0.6;

    font-family: 'ExoRegular';

}

.pscl_ul_li_parga{

    margin-top: 30px;

}

.pscl_ul_li_btn p{

    color: #fff;

    font-family: 'ExoRegular';

    margin-right: 16px;

}

.pscl_ul_li_btn img{

    width: 24px;

}

.pscl_ul_li_btn a,

.pulb_link{

    display: flex;

    align-items: center;

}

.prodet_solu_cont_list,.pscl_control{

    margin-top: 80px;

    position: relative;

}

.pscl_ul_li:not(:first-child){

    display: none;

}

.pscl_ul_li{

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.prodet_solu_cont_list .mod_control_line_prog::after {

    top: -0.5px;

}

.pscl_control .mod_control_next .mod_control_dir_text p{

    opacity: 0.6;

}

.pscl_control .mod_control_next .hrbu_li_icon {

    opacity: 0.6;

}

.soludet_pro_cont .soludet_pro_cont_point {

    top: -0.5px;

}

.soludet_pro_cont li{

    display: flex;

    flex-wrap: nowrap;

}

.prodet_solu_bg{

    width: 744px;

    position: absolute;

    top: -268px;

    right: -284px;

    z-index: 5;

    opacity: 0.2;

    transition: all .5s ease-out;

    transform: rotate(180deg);

    pointer-events: none;

}

.prodet_solu_bg img{

    width: 100%;

}

.prodet_solu_bg.act{

    transform: rotate(0deg);

}

.soludet_case_cont .swiper-container{

    overflow: inherit;

}

.data_pop{

    background: #000F4D;

    box-shadow: 0px 2px 20px rgb(0 0 0 / 4%), 0px 8px 32px rgb(0 0 0 / 8%);

    backdrop-filter: blur(16px);

    border-radius: 120px;

}

.data_pop .ys_modal_content{

    background:transparent;

}

.data_pop .ys_modal_content {

    width: 1400px;

}

.data_pop_btn1 .std_btn1_box{

    width: 256px;

}

.data_pop_tit{

    color: #fff;

    text-align: center;

    font-family: 'ExoSemiBold';

}

.data_pop_btn{

    margin-top: 40px;

}

.data_pop_btn{

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}

.data_pop_btn .std_btn1{

    margin: 0 22px;

}

.data_pop .ys_modal_close{

    width: 48px;

    right: 100px;

    top: 80px;

}

.data_pop .ys_modal_close img{

    width: 100%;

}

.data_pop_list tr{

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    padding: 20px 0;

    /* display: block; */

}

.data_pop_list tr:nth-child(odd){

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

}

.data_pop_list table{

    width: 100%;

}

.data_pop_list td{

    font-size: 16px;

    line-height: 1.5;

    color: #fff;

    font-family: 'ExoRegular';

    /* width: 220px; */

    padding: 20px;

    text-align: center;

    word-wrap: normal;

    word-break: keep-all !important;

}

.data_pop_list td:first-child{

    font-size: 18px;

    font-family: 'ExoSemiBold';

    width: 260px !important;

    text-align: left;

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

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

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{

    background-color: #fff;

}

.prodet_adv{

    padding-top: 80px;

    padding-bottom: 60px;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.prodet_adv_le{

    width: 500px;

}

.prodet_adv_ri{

    width: calc(100% - 500px);

    padding-left: 135px;

}

.prodet_adv_ri_parga p,.pulc_parga p{

    line-height: 1.5;

}

.parl_ul_li{

    width: 33.333333%;

    padding: 0 20px;

    margin-bottom: 40px;

    height: auto;

}

.parl_ul_li_cont{

    height: 100%;

}

.parl_ul{

    margin: 0 -20px;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.parl_ul_li_cont .ys_imgbox_cover{

    width: 64px;

}

.pulc_parga{

    margin-top: 8px;

}

.prodet_adv_le_btn .mbcl_btn p{

    color: #000;

}

.prodet_adv_le_btn{

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}

.prodet_adv_le_btn .mbcl_btn{

    margin-right: 40px;

}

.prodet_adv_bg{

    width: 744px;

    position: absolute;

    left: -233px;

    bottom: -260px;

    transform: rotate(90deg);

    z-index: -1;

    opacity: 0.2;

    transition: all .5s ease-out;

}

.prodet_adv_bg img{

    width: 100%;

}

.prodet_adv_bg.act {

    transform: rotate(270deg);

}

.detanew_left p{

    font-size: 16px;

    line-height: 1.5;

    color: #4A4A4A;

    margin-bottom: 12px;

}

.detanew_left img{

    border-radius: 16px;

    overflow: hidden;

}

.detanew_left h4{

    font-size: 24px;

    line-height: 1.2;

    color: #0F5EF9;

    margin-bottom: 14px;

    font-family: 'ExoSemiBold';

    padding-left: 40px;

    position: relative;

}

.detanew_left h4::before{

    content: "";

    width: 24px;

    height: 24px;

    background: url(../images/mod_icon_02.svg) center / cover no-repeat;

    position: absolute;

    top: 2px;

    left: 0;

}

.prodet_side_ul_li p{

    transition: all .36s;

    color: #ACACAC;

    line-height: 1.5;

}

.prodet_side_ul_li{

    padding-left: 20px;

    position: relative;

    margin-bottom: 24px;

    cursor: pointer;

}

.prodet_side_ul_li::before{

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #ACACAC;

    transition: all .36s;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.prodet_side{

    position: fixed;

    top: 50%;

    left: 40px;

    transform: translateY(-50%);

    z-index: 99;

    transition: all .36s;

}

.prodet_side_ul_li.on p{

    color: #0F5EF9;

}

.prodet_side_ul_li.on::before{

    background-color: #0F5EF9;

}

.prodet_side.notact{

    left: -100px;

}

.mod_ban_cont_le {

    position: relative;

    height: 530px;

}

.mbcl_imgbox{

    width: 500px;

    top: 180px;

    height: 500px;

    z-index: 9;

}

/* .mod_ban_cont .mbcl_btn{

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

} */

.mbcl_imgbox1{

    position: fixed;

}

.prodet_main .mod_ban_cont {

    transform: none;

    top: auto;

    bottom: 60px;

    left: 0;

    z-index: 50;

}

.mbcl_imgbox2{

    opacity: 0;

}

.mbcl_imgbox1.notact{

    opacity: 0;

    pointer-events: none;

}

.mbcl_imgbox2.notact{

    opacity: 1;



}

/* d2硬件产品详情汇总页-end */

/* d3软件产品详情页-start */

.softdet_bg{

    width: 100%;

    opacity: 0.2;

    z-index: -1;

    max-width: 1920px;

}

.softdet_bg img{

    width: 100%;

}

.softdet_main{

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.softdet_cloud_tit h1{

    text-align: center;

    font-family: 'ExoBold';

    color: #000F4D;

}

.softdet_cloud {

    margin-top: 100px;

}

.softdet_cloud_parga p{

    line-height: 1.5;

    /* text-align: center; */

}

.ys_cont920{

    width: 920px;

    margin: auto;

    max-width: 920px;

}

.softdet_cloud_parga{

    margin-top: 24px;

    margin-bottom: 40px;

}

.softdet_cloud_btn{

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}

.softdet_cloud_btn_wind{

    margin-right: 44px;

    cursor: pointer;

    position: relative;

}

.sclu_li{

    width: 25%;

    padding: 0 40px;

    height: auto;

    margin-bottom: 20px;

}

.softdet_cloud_list_ul{

    margin: 0 -40px;

    display: flex;

    flex-wrap: wrap;

}

.sclu_li_cont{

    width: 100%;

    height: 100%;

}

.sclu_li_cont .ys_imgbox_cover{

    width: 100%;

}

.sclu_li_cont_icon{

    width: 80px;

    height: 80px;

    border-radius: 50%;

    border: 1px solid rgba(15, 94, 249, 1);

    position: relative;

    margin: auto;

}

.sclu_li_cont_text p{

    line-height: 1.5;

    /* text-align: center; */

}

.sclu_li_cont_text{

    margin-top: 16px;

}

.softdet_data{

    background: #000F4D;

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(16px);

    border-radius: 80px;

    overflow: hidden;

}

.softdet_data .data_pop_list td:first-child {

    width: 380px !important;

}

.softdet_data .data_pop_list td:last-child{

    width: calc(100% - 380px);

}

.scbw_drop{

    position: absolute;

    width: 100%;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    border-radius: 16px;

    padding: 20px 16px;

    top: calc(100% + 8px);

    z-index: 5;

}

.scbw_drop img{

    width: 24px;

}

.scbw_drop p{

    font-size: 16px;

    line-height: 1.5;

    color: #fff;

    font-family: 'ExoRegular';

    width: calc(100% - 24px);

}

.scbw_drop a{

    display: flex;

    align-items: center;

}

.scbw_drop li{

    margin-bottom: 20px;

    position: relative;

}

.scbw_drop li:last-child{

    margin-bottom: 0;

}

.scbw_drop li::after{

    content: "";

    width: 100%;

    height: 1px;

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

    position: absolute;

    bottom: -10px;

    left: 0;

}

.scbw_drop li:last-child::after{

    display: none;

}

.scba_drop_le,.scba_drop_ri{

    padding: 20px 25px;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    border-radius: 16px;

    width: 225px;

    margin-right: 8px;

}

.scba_drop p{

    color: #FFFFFF;

    text-align: center;

    line-height: 1.5;

}

.scba_drop{

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

    z-index: 5;

    width: 360px;

    padding-top: 8px;

}

.softdet_cloud_btn_app{

    position: relative;

}

.scba_drop_le ul{

    display: flex;

    align-items: center;

    /* flex-wrap: wrap; */

    margin: 0 -8px;

}

.scba_drop_le img{

    width: 80px;

    border-radius: 4px;

}

.scba_drop_le p{

    margin-top: 4px;

}

.scba_drop_le_tit{

    margin-bottom: 12px;

}

.scba_drop_le li{

    padding: 0 8px;

}

.scba_drop_ri{

    width: calc(100% - 225px);

    margin-right: 0;

}

.scba_drop_cont{

    display: flex;

    align-items: stretch;

}

.scbw_drop1{

    display: none;

}

.softdet_cloud_btn_app{

    cursor: pointer;

}

.softdet_solu_le{

    width: 560px;

    /* overflow: hidden; */

}

.softdet_solu_le .ys_imgbox_cover{

    border-radius: 16px;

    overflow: hidden;

}

.softdet_solu_ri{

    width: calc(100% - 560px);

    padding-left: 120px;

    position: relative;

    z-index: 5;

}

.ssrc_tit .home_centit{

    text-align: left;

}

.ssrc_tit h2{

    color: #000F4D;

}

.ssrc_bt,.ssrc_control{

    padding-left: 40px;

}

.ssrc_bt{

    margin-top: 60px;

    margin-bottom: 26px;

}

.ssrc_bt_ul_li{

    padding: 0 40px;

}

.ssrc_bt_ul_li:not(:first-child){

    display: none;

}

.ssrc_bt_ul{

    margin: 0 -40px;

}

.sbul_cont_parga p{

    line-height: 1.5;

}

.sbul_cont_tit{

    font-family: 'ExoSemiBold';

    color: #0F5EF9;

}

.sslu_li:not(:first-child){

    display: none;

}

.sbul_cont{

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.softdet_solu_le_ul .slick-list{

    overflow: inherit;

}

.sslu_li.mcslick-prev{

    opacity: 1 !important;

}

.sslu_li.slick-current{

    transform: translate(22px,-14px);

}

.sslu_li.slick-current::after{

    opacity: 0;

}

.sslu_li {

    transition: all .5s ease !important;

    position: relative;

}

.sslu_li::after{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(15, 94, 249, 0.5);

    border-radius: 16px;

    position: absolute;

    top: 0;

    left: 0;

}

.softdet_solu_ri_cont{

    padding-top: 165px;

}

.hrbu_li_icon.slick-disabled{

    pointer-events: none;

}

.softdet_solu_bg_img1,.softdet_solu_bg_img2{

    width: 744px;

    position: absolute;

}

.softdet_solu_bg img{

    width: 100%;

}

.softdet_solu{

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.softdet_solu_bg_img1{

    top: 76px;

    left: -293px;

}

.softdet_solu_bg_img2{

    right: -87px;

    bottom: -340px;

    transform: rotate(-105deg);

    z-index: -1;

}

.sulr_tit{

    font-family: 'ExoSemiBold';

    color: #000F4D;

}

.softdet_ul_li{

    padding: 0 calc(50vw - 800px);

    /* margin-bottom: 120px; */

}

.softdet_ul_li2{

    padding-right: 0;

    padding-top: 120px !important;

    margin-bottom: 77px;

}

.sulr_list .hllu_li_parga p {

    line-height: 1.4;

    font-size: 18px;

    font-family: 'ExoRegular';

}

.sulr_list li{

    margin-bottom: 16px;

}

.softdet_ul_li1 .softdet_ul_li_le{

    width: 800px;

    position: relative;

}

.softdet_ul_li1 .softdet_ul_li_ri{

    width: calc(100% - 800px);

    padding-left: 40px;

    padding-top: 54px;

}

.sull_img{

    width: 100%;

}

.sull_img img{

    width: 100%;

}

.sulr_list .hllu_li_icon {

    width: 16px;

    top: 4px;

}

.sulr_list .hllu_li_parga {

    padding-left: 16px;

    width: calc(100% - 16px);

}

.sull_img2{

    top: 70px;

    left: 0;

    transform: translateX(0);

    z-index: 9;

}

.sull_img2_img{

    visibility: hidden;

    width: 170px;

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0px 8px 20px rgba(15, 94, 249, 0.2), 0px 24px 60px rgba(15, 94, 249, 0.1);

}

.sull_img2_img img{

    width: 100%;

}

.softdet_ul_li.on{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    flex-direction: row-reverse;

}

.softdet_ul_li.on .softdet_ul_li_le{

    float: right;

    width: calc(100% - 560px);

    padding-left: 70px;

}

.softdet_ul_li.on .softdet_ul_li_ri{

    float: left;

    width: 560px;

}

.softdet_ul_li.on .sull_img2_img{

    width: 330px;

    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), 0px 24px 60px rgba(0, 0, 0, 0.12);

    border-radius: 20.24px;

}

.softdet_ul_li.on .sull_img2 {

    top: 126px;

}

.sull_cont{

    position: relative;

}

.softdet_ul_li_le .sull_img{

    opacity: 0;

}

.softdet_list,.softdet_list_img{

    width: 1800px;

    margin: auto;

}

.softdet_list{

    height: 100vh;

}

.softdet_list_img{

    height: 100vh;

}

.softdet_list.fixed .softdet_list_img{

    position: fixed;

    top: 40px;

}

.softdet_list.notfixeed .softdet_list_img{

    position: absolute;

    top: auto !important;

    bottom: 0;

}

.softdet_cont_box{

    position: relative;

}

.softdet_ul_li1.act .sull_img2_img,

.softdet_ul_li2.act .sull_img2_img{

    visibility: visible;

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

    animation-delay: .2s;

}

.softdet_cont_box_img1.sull_img{

    width: 1800px;

    position: absolute;

    bottom: 0;

    left: calc(50vw - 796px);

    transform-origin: left bottom;

    opacity: 0;

}

.sull_img1{

    opacity: 0;

}

.softdet_list.imgact .softdet_list_img_pic {

    opacity: 0;

}

.softdet_cont_box_img1.imgact.sull_img{

    opacity: 1;

}

.softdet_cont{

    position: relative;

}

/* .softdet_cont_box_img1{

    transition: all .36s;

} */

/* .softdet_cont.fixed .softdet_cont_box_img1.sull_img {

    position: fixed; 

    transform-origin: 127.5% bottom;

}

.softdet_cont.notfixeed .softdet_cont_box_img1.sull_img {

    position: absolute;

}

.softdet_cont.fixed .softdet_cont_box{

    position: static;

} */

.softdet_ul_li_bg{

    width: 744px;

    position: absolute;

    left: 0;

    bottom: -580px;

    transform: rotate(-45deg);

    z-index: -1;

}

.softdet_ul_li_bg img{

    width: 100%;

}

.softdet_ul_li{

    position: relative;

}

.softdet_ul_li_bg2{

    width: 520px;

    position: absolute;

    right: -60px;

    bottom: -77px;

    z-index: -1;

}

.softdet_ul_li_bg2 img{

    width: 100%;

}







/* d3软件产品详情页-end */

/* c1应用案例列表页-start */

.case_main .mod_content{

    background: #F8FCFF;

}

.case_main .service_btn {

    width: 100%;

}

.service_cont_ri{

    width: 200px;

}

.service_cont_le{

    width: calc(100% - 200px);

    padding-right: 40px;

}

.case_main .service_country, 

.case_main .service_city{

    width: 50%;

    padding: 0 40px;

    margin-right: 0 !important;

}

.service_cont_le_cont{

    margin: 0 -40px;

    display: flex;

    flex-wrap: wrap;

}

.case_list_ul_li{

    width: 50%;

    padding: 0 100px;

    margin-bottom: 100px;

    height: auto;

}

.clul_tit{

    color: #000F4D;

    font-family: 'ExoBold';

    transition: all .36s;

}

.clul_img{

    margin-top: 24px;

    position: relative;

    z-index: 1;

}

.clul_img .ys_imgbox_cover{

    border-radius: 16px;

    overflow: hidden;

    transition: all .36s;

}

.clul_img::after{

    content: "";

    width: 100%;

    height: 100%;

    background: #0F5EF9;

    border-radius: 16px;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

}

.clul_img .ys_imgbox_cover::before{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(0, 15, 77, 0) 67.02%, #000F4D 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: 1;

    opacity: 0;

}

.case_list_ul{

    margin: 0 -100px;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.clul_lab p{

    line-height: 1.5;

    color: #fff;

    transition: all .36s;

}

.clul_lab li{

    width: auto;

    display: inline-block;

    padding: 0 16px;

    border-radius: 80px;

    background: rgba(74, 74, 74, 0.2);

    backdrop-filter: blur(8px);

    transition: all .36s;

    margin-right: 16px;

}

.clul_lab{

    width: 100%;

    padding: 0 16px;

    bottom: 16px;

    z-index: 5;

}

.clul_data{

    margin-top: 12px;

}

.clul_data_num{

    color: #0F5EF9;

    font-family: 'ExoSemiBold';

}

.clul_data_parga p{

    line-height: 1.5;

}

.clul_data li{

    padding: 0 40px;

    position: relative;

}

.clul_data ul{

    margin: 0 -40px;

    display: flex;

    justify-content: flex-end;

}

.clul_data li::after{

    content: "";

    width: 1px;

    height: 30px;

    background-color: #4A4A4A;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}

.clul_data li:last-child::after{

    display: none;

}

.case_list_ul_li a{

    display: block;

    width: 100%;

    height: 100%;

}

.case_main .service_cont{

    padding: 50px 0 0 0 !important;

}

.case_main .service_selectbox {

    margin-bottom: 0 !important;

}

.case_list{

    padding-top: 140px;

    overflow: hidden;

}

.case_list_ul_li:nth-child(2n+1){

    position: relative;

    top: -60px;

}

.case_list_ul_li a{

    position: relative;

}

.case_list_ul_li:first-child a::after{

    content: "";

    width: 700px;

    height: 0;

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

    background-repeat: no-repeat;

    position: absolute;

    top: 156px;

    right: -525px;

    pointer-events: none;

}

.case_list_ul_li.act:first-child a::after{

    animation: load 2s linear both;

}



@keyframes load{

    0%{

        height: 0;

    }

    100%{

        height: 703px;

    }

}

@keyframes load1{

    0%{

        height: 0;

    }

    100%{

        height: 1406px;

    }

}

.case_list_ul.act .case_list_ul_li.act:first-child a::after{

    animation: load1 4s linear both;

}

/* c1应用案例列表页-end */

/* c2应用案例详情页-start */

.casedeta_main .mod_ban_bread p,

.detanew_main .mod_ban_bread p{

    color: #4A4A4A;

}

.casedeta_main .mod_ban_bread li::after,

.detanew_main .mod_ban_bread li::after {

    background: url(../images/bread_icon_black.svg) center / cover no-repeat;

}

.casedeta_main .mod_ban_bread .ys_imgbox_cover img:nth-child(1) {

    opacity: 1;

}

.casedeta_main .detanew_banner_tit{

    text-align: center;

}

.casedeta_main .detanew_share_item_link img {

    width: 32px;

}

.detanew_share_parga p{

    color: #0F5EF9;

    line-height: 1.5;

}

.casedeta_main .detanew_share,

.detanew_cont_share .detanew_share{

    display: flex;

    align-items: center;

    flex-shrink: 0;

    margin-bottom: 8px;

}

.casedeta_main .mod_banenr_first_bread {

    display: flex;

    justify-content: space-between;

    bottom: 16px;

    align-items: flex-end;

}

.casedeta_cont{

    padding-top: 80px;

    padding-bottom: 100px;

}

.casedeta_cont_tit h2{

    color: #000F4D;

    text-align: center;

    font-family: 'ExoSemiBold';

}

.casedeta_cont_mid{

    padding: 60px 0;

    border-bottom: 1px solid rgba(221, 221, 221, 1);

}

.casedeta_cont_mid_le{

    width: 680px;

}

.casedeta_cont_mid_ri{

    width: calc(100% - 680px);

    padding-left: 80px;

}

.ccml_tit{

    color: #000F4D;

    font-family: 'ExoSemiBold';

}

.ccml_info{

    padding-bottom: 16px;

    border-bottom: 1px solid #DDDDDD;

    margin-bottom: 40px;

}

.ccml_info,.ccml_parga{

    margin-top: 32px;

}

.ciul_parga1{

    color: #0F5EF9;

    font-family: 'ExoBold';

}

.casedeta_main .mod_content{

    background-color: #F8FCFF;

}

.ciul_parga1{

    margin-top: 8px;

}

.ciul_parga1 p,.ccml_parga p{

    line-height: 1.5;

}

.ccml_info_ul{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.ccml_info_ul_li{

    width: 50%;

    margin-bottom: 24px;

}

.ccmr_list{

    margin-top: 24px;

}

.casedeta_main .detanew_right_progress span::after {

    top: -0.5px;

}

.casedeta_cont_tp{

    margin-top: 40px;

}

.casedeta_cont_tp_list{

    width: 802px;

    margin: auto;

}

.casedeta_cont_tp_list.act .cctl_arrow {

    display: none;

}

.cctl_ul_li a{

    border-radius: 16px;

    overflow: hidden;

    display: block;

    width: 100%;

}

.cctl_ul_li.mcslick-prev {

    opacity: 0.5 !important;

    transform: translateX(-58.5%) scale(0.324);

    transform-origin: bottom;

}

.cctl_ul_li.mcslick-next {

    opacity: 0.5 !important;

    transform: translateX(58.5%) scale(0.324);

    transform-origin: bottom;

}



.cctl_ul .slick-list{

    overflow: inherit;

}

.cctl_ul_li{

    position: relative;

}

.cctl_ul_li::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 16px;

    background: rgba(0, 0, 0, 0.2);

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

}

.cctl_arrow_ul_prev{

    transform: rotate(180deg);

}

.cctl_arrow_ul_li{

    cursor: pointer;

    width: 48px;

    position: absolute;

}

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

    opacity: 0;

}

.casedeta_cont_tp_list{

    position: relative;

}

.cctl_arrow{

    width: 100%;

}

.cctl_arrow_ul_prev{

    left: -98px;

}

.cctl_arrow_ul_next{

    right: -98px;

}

.casedeta_main .detanew_banner_cont {

    top: 57%;

    transform: translateY(0);

}

.ccbu_li{

    width: 198px;

    position: relative;

    z-index: 1;

    margin-right: 34px;

    flex-shrink: 0;

}

.casedeta_cont_bt .ys_imgbox_cover{

    border-radius: 2px;

}

.casedeta_cont_bt{

    margin-top: 34px;

    overflow: hidden;

    position: relative;

    padding: 5px 0;

}

.casedeta_cont_bt::after{

    content: "";

    width: 54.8%;

    height: 100%;

    background: linear-gradient(-90deg, #F8FCFF 25.15%, rgba(248, 252, 255, 0) 100%);

    position: absolute;

    left: 58.3%;

    top: 0;

    z-index: 1;

    pointer-events: none;

}

.casedeta_cont_bt_ul{

    display: flex;

    position: relative;

    padding-left: 3px;

}

.ccbu_li a{

    position: relative;

    width: 100%;

    display: block;

    transition: all .36s;

}

.ccbu_li a::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 2px;

    background: rgba(15, 94, 249, 0.4);

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all .36s;

}

.ccbu_li_btn {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    transition: all .36s;

    opacity: 0;

    z-index: 5;

}

.ccbu_li::after{

    content: "";

    width: 100%;

    height: 100%;

    background: #0F5EF9;

    border-radius: 2px;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    z-index: -1;

}

.detanew_right_slickconts.act{

    display: none;

}

@keyframes donghua {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-100%);

    }

}

@keyframes donghua2 {

    from {

        transform: translateX(100%);

    }

    to {

        transform: translateX(0);

    }

}

.casedeta_cont_bt{

    position: relative;

}

.casedeta_cont_bt_ul1 {

    animation: donghua calc(3s * var(--width-shu)) linear infinite;

}

.casedeta_cont_bt_ul2 {

    animation: donghua2 calc(3s * var(--width-shu)) linear infinite;

    transform: translateX(100%);

    position: absolute;

    top: 5px;

    left: 0;

}

.casedeta_cont_bt_ul{

    width: calc((198px * var(--width-shu)) + (34px *var(--width-shu)));

}



.mod_control_dir_text{

    width: 20px;

    flex-shrink: 0;

    flex-wrap: nowrap;

    display: flex;

}

.detanew_share_item {

    width: 32px;

    flex-shrink: 0;

    display: flex;

}

.detanew_share_item a{

    width: 100%;

}

.detanew_main .mod_ban_bread .ys_imgbox_cover img:nth-child(1) {

    opacity: 1;

}

.detanew_main .mod_ban_bread .ys_imgbox_cover img:nth-child(2) {

    opacity: 0;

}

.detanew_main .mod_banenr_first_bread {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}

.detanew_main .detanew_banner_cont {

    top: 36%;

    transform: translateY(0);

}

.detanew_main .soludet_case{

    padding-top: 80px;

}

.detanew_main .soludet_case .home_centit {

    text-align: left;

}

.detanew_main .soludet_case .home_centit h2::after{

    display: none;

}

.detanew_main .ccmr_list_control .mod_control_line_prog::after {

    top: -0.5px;

}

.contact_form_check .ys_select{

    height: 100%;

}

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

    opacity: 0;

}

.contact_form_check.act .ys_select_xtbbox .ys_imgbox_cover img:nth-child(1){

    opacity: 0;

}

.contact_form_check.act .ys_select_xtbbox .ys_imgbox_cover img:nth-child(2){

    opacity: 1;

}

.contact_form_check.act .ys_select_xtbbox{

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

}

.contact_form_check_bt{

    top: calc(100% - 12px);

    border: 1px solid #ACACAC;

    border-radius: 8px;

    padding: 27px 16px 16px 16px;

    background-color: #fff;

    position: absolute;

    width: 100%;

    display: none;

    height: 220px;

    overflow: hidden;

}

.detanew_main .contact_form_check,

.contact_main .contact_form_check{

    padding: 0;

    border: none;

}

.contact_main .contact_form_check_tp{

    background-color: transparent;

}

.contact_main .contact_form_check.act .contact_form_check_tp{

    background-color: #fff;

}

.contact_form_check_tp{

    border-radius: 8px;

    overflow: hidden;

    background-color: #fff;

    padding: 0 15px;

    z-index: 20;

    border: 1px solid #ACACAC;

    position: relative;

}

.detanew_main .ys_select_xtbbox {

    right: 15px;

}

.cfct_icon{

    width: 24px;

    height: 24px;

    position: relative;

    transition: all 0.36s;

}

.cfct_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all 0.36s;

}

.cfct_icon img:nth-child(2){

    opacity: 0;

}

.cfct_text{

    width: calc(100% - 24px);

    height: 36px;

    font-size: 16px;

    color: #4A4A4A;

    line-height: 36px;

}

.contact_form_check_tp{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.contact_form_check_bt li.act .ys_imgbox_cover img:nth-child(2){

    opacity: 1;

}

.contact_form_check_bt .mCSB_scrollTools {

    top: 20px;

    bottom: 20px;

}

.contact_form_check_bt .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(0,0,0,.15);

}

.contact_form_check_bt .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: rgba(0,0,0,.75);

}

.contact_form_check_bt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.adcc_circle{

    width: 690px;

    height: 690px;

    /* border: 1px solid red; */

    border-radius: 50%;

    pointer-events: none;

}

.adcc_circles{

    width: 100%;

    height: 100%;

    transform:rotate(360deg);

    transition: all 500ms ease;

}

.adcc_circle_icon{

    width: 40px;

    top: -20px;

}

.adcc_circle_icon img{

    width: 100%;

}

.home_solu_cont_mid{

    width: calc(100% - 440px - 336px);

}

.home_solu_cont_mid ul{

    width: 87%;

    margin: auto;

}

/* c2应用案例详情页-end */



/* f5加入我们列表页1-start */

.join_main{

    position: relative;

    overflow: hidden;

    padding-top: 100px;

}

.join_ban{

    opacity: 0.2;

    width: 100%;

    z-index: 4;

}

.join_cont_tp_tit h1{

    color: #000F4D;

    font-family: 'ExoBold';

    text-align: center;

}

.join_cont{

    position: relative;

    z-index: 5;

    transform: translateY(-50vh);

    transition: all .5s ease-out;

}

.join_cont.act{

    transform: inherit;

}

.jcti_parga{

    color: #0F5EF9;

    line-height: 38px;

    text-align: center;

    font-family: 'ExoSemiBold';

}

.join_cont_tp_info{

    width: 462px;

    background: #FFFFFF;

    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    border-radius: 80px;

    margin: 40px auto 24px;

}

.join_cont_tp_parga p{

    line-height: 1.5;

    text-align: center;

    margin-bottom: 16px;

}

.join_cont_tp_parga p:last-child{

    margin-bottom: 0;

}

.join_cont_tp_btn .std_btn2_box{

    width: 206px;

}

.join_cont_tp_btn p{

    margin-right: 24px;

}

.join_cont_tp_btn{

    text-align: center;

    margin-top: 40px;

}

.join_cont_bt_cont{

    margin-left: -90px;

    margin-right: -90px;

    display: flex;

    align-items: center;

    height: calc(100vh - 85px);

    position: relative;

    width: calc(100% + 180px);

    left: 0;

    right: 0;

}

.jcbc_imgs{

    display: grid;

    grid-gap: 40px;

    grid-template-columns: 1fr 1fr 2fr 1fr 1fr;

    width: 100%;

}

.jcbc_imgs img{

    border-radius: 24px;

    width: 100%;

    height: auto;

}

.jcbc_leiner_img2{

    margin-top: 40px;

}

.jcbc_imgs_box{

    position: relative;

}

.jcbc_imgs_box::after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 24px;

    background: rgba(15, 94, 249, 0.2);

    position: absolute;

    top: 0;

    left: 0;

}

.jcbc_mid{

    visibility: hidden;

}

.jcbc_leiner,.jcbc_riiner{

    margin-top: -57px;

}

.jcbc_video{

    z-index: 2;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

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

    overflow: hidden;

    clip-path: inset(22% 34.5% 22% 34.5% round 24px);

}

.jcbc_video video{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 24px;

    overflow: hidden;

}

.jcbc_imgs_le,.jcbc_imgs_ri{

    position: relative;

}

.mod_content,.join_main{

    width: 100%;

    margin: auto;

    max-width: 1920px;

    overflow: hidden;

}

.soludet_main .mod_content{

    overflow: visible;

}

.join_cont_bt {

    height:200vh;

    position: relative;

}

.join_cont_bt.isfixed .join_cont_bt_cont{

    position: fixed;

    top: 85px;

}

.join_cont_bt.notfixeed .join_cont_bt_cont{

    position: absolute;

    top: auto !important;

    bottom: 0;

}

.l_d1bx1_imgclip {    

    width: 732px;

    position: absolute;

    left: 50%;

    top: 0;

    z-index: 5;

    transform: translateX(-50%);

    width: 100%;

    height: 100%;

}

.jcbc_video_cont{

    height: 100vh;

    width: 732px;

}

.join_bg{

    margin-top: 125vh;

    width: 100%;

    height: 100vh;

    position: absolute;

    top: 0;

}

@keyframes appear{

    0%{

        opacity: 0;

        transform: scale(0);

    }

    100%{

        opacity: 1;

        transform: scale(1);

    }

}

@keyframes appear1{

    0%{

        opacity: 0;

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

    }

    100%{

        opacity: 1;

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

    }

}

@keyframes appear2{

    0%{

        opacity: 0;

        transform: translateY(-80px);

    }

    100%{

        opacity: 1;

        transform: translateY(0);

    }

}

@keyframes appear3{

    0%{

        opacity: 0;

        transform: translateY(-40px);

    }

    100%{

        opacity: 1;

        transform: translateY(0);

    }

}

.join_cont_tp_tit,.join_cont_tp_info,.join_cont_tp_parga,.join_cont_tp_btn{

    opacity: 0;

}

.jcbc_video{

    opacity: 0;

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

    animation: appear1 .36s linear .2s both;

}

.jcbc_leiner_img1,.jcbc_leiner_img2,.jcbc_leout .jcbc_imgs_box,.jcbc_riout .jcbc_imgs_box{

    opacity: 0;

    transform: scale(0);

}

.jcbc_imgs_ri .jcbc_leiner_img1{

    animation: appear .36s linear .1s both;

}

.jcbc_imgs_le .jcbc_leiner_img2{

    animation: appear .36s linear .15s both;

}

.jcbc_imgs_ri .jcbc_leiner_img2{

    animation: appear .36s linear .2s both;

}

.jcbc_imgs_le .jcbc_leiner_img1{

    animation: appear .36s linear .25s both;

}

.jcbc_riout .jcbc_imgs_box{

    animation: appear .36s linear .3s both;

}

.jcbc_leout .jcbc_imgs_box{

    animation: appear .36s linear .35s both;

}

.join_cont.act .join_cont_tp_tit,

.join_cont.act .join_cont_tp_info{

    animation: appear2 .36s linear .6s both;

}

.join_cont.act .join_cont_tp_parga,

.join_cont.act .join_cont_tp_btn{

    animation: appear2 .36s linear .5s both;

}

/* f5加入我们列表页1-end */



/*鼠标效果*/

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

    .mbcl_imgbox_slick1 .slick-arrow:hover{

        background-color: #0F5EF9;

    }

    .mbcl_imgbox_slick1 .slick-arrow:hover::after{

        background: url(../images/c2_icon_01_1.svg) center / cover no-repeat;

    }

    .mbcl_imgbox_slick .slick-arrow:hover{

        background: #fff;

    }

    .mbcl_imgbox_slick .slick-arrow:hover::after{

        background: url(../images/c2_icon_01_2.svg) center / cover no-repeat;

    }

    .mlsc_le li:hover{

        background: #FFFFFF;

        box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), 0px 24px 60px rgba(0, 0, 0, 0.12);

    }

    .mlsc_le li:hover .mlsc_le_icons .ys_imgbox_cover img:nth-child(1){

        opacity: 0;

    }

    .mlsc_le li:hover .mlsc_le_icons .ys_imgbox_cover img:nth-child(2){

        opacity: 1;

    }

    .casedeta_cont_bt:hover .casedeta_cont_bt_ul1, 

    .casedeta_cont_bt:hover .casedeta_cont_bt_ul2{

        animation-play-state: paused;

    }

    .aelu_li_cont_swiper .swiper-slide:hover img{

        transform: scale(1.05);

    }

    .aelu_li_btn .adcc_btn_li:hover img:nth-child(2){

        opacity: 0;

    }

    .detanew_cont_item_link:hover{

        border: 1px solid #0F5EF9;

        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    }



    .detanew_cont_item_link:hover .dcil_data_text{

        color: #0F5EF9;   

    }



    .detanew_cont_item_link:hover .ys_imgbox_cover img:last-child{

        opacity: 1;

    }



    .detanew_cont_item_link:hover .ys_imgbox_cover img:first-child{

        opacity: 0;

    }



    .detanew_cont_item_link:hover .dcil_tit{

        color: #0F5EF9;   

    }

    .ccbu_li:hover::after{

        transform: translate(-2.5px,2.5px);

    }

    .ccbu_li:hover a{

        transform: translate(2.5px,-2.5px);

    }

    .ccbu_li:hover a::after{

        opacity: 1;

    }

    .ccbu_li a:hover .ccbu_li_btn{

        opacity: 1;

    }

    .cctl_arrow_ul_li:hover .ys_imgbox_cover img:nth-child(1){

        opacity: 0;

    }

    .cctl_arrow_ul_li:hover .ys_imgbox_cover img:nth-child(2){

        opacity: 1;

    }

    /* carter-start */

    .mod_ban_bread li a:hover p{

        color: #FFDA16;

    }

    .st_item_right:hover .st_item_right_link {

        transform: translate(5px, -5px);

    }

    .st_item_right:hover::after {

        transform: translate(-5px, 5px);

    }

    /* .std_btn3_box:hover {

        box-shadow: 0px 2px 20px rgba(15, 94, 249, 0.1), 0px 8px 32px rgba(15, 94, 249, 0.1);

    } */

    .pfri_link:hover {

        background-color: #ecf4fe;

    }

    .pfri_link:hover .pfri_link_tit {

        color: #0F5EF9;

    }

    .pfri_link:hover .pfri_link_bg {

        opacity: 1;

        transform: rotate(0);

    }

    .pfri_link:hover .ys_imgbox_cover img:last-child {

        opacity: 1;

    }

    .pfri_link:hover .ys_imgbox_cover img:first-child {

        opacity: 0;

    }

    .pfri_link:hover .pfri_link_more {

        transform: translateY(0);

    }

    .pfri_link:hover::after {

        opacity: 0;

    }

    .mod_bread_item_link:hover {

        color: #ffda16;

    }

    .pl_flex_left_item:hover .pfli_link_imgbox::before {

        opacity: 1;

    }    

    .pl_flex_left_item:hover img:last-child {

        opacity: 1;

    }   

    .pl_flex_left_item:hover img:first-child {

        opacity: 1;

    }

    .pl_flex_left_item:hover .pfli_link_tit {

        color: rgba(0,0,0,.8);

    }

    .faq_left_item:hover {

        opacity: 1;

    }

    .fril_item:hover {

        border-color: #83adfc;

    }

    .fril_item:hover .fril_item_header {

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

    }

    .jlil_item:hover .jlil_item_tit {

        color: #0F5EF9;

    }

    .new_cont_tab_item:hover .new_cont_tab_link {

        color: #fff;

    }

    .new_item_link:hover {

        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

        border-color: #0f5ef9;

    }

    .new_item_link:hover .new_item_link_tit {

        color: #0F5EF9;

    }

    .new_item_link:hover .nilc_left_img img:last-child {

        opacity: 1;

    }

    .new_item_link:hover .nilc_left_img img:first-child {

        opacity: 0;

    }

    .new_item_link:hover .new_item_link_text p {

        color: #4A4A4A;

    }

    .new_item_link:hover .nilc_left_text {

        color: #0F5EF9;

    }

    .new_item_link:hover .nilc_right {

        transform: translateY(0);

    }

    .new_itemfocus .new_item_link:hover {

        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    }

    .dsil_item:hover .dsil_tit{

        color: #0F5EF9;

    }

    .download_videoitem_link:hover .download_videoitem_link_tit{

        color: #0F5EF9;

    }

    .service_item:hover {

        border-color: #0F5EF9;

        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    }

    .service_item:hover .service_item_right .ys_imgbox_cover::after{

        opacity: 1;

    }

    .detanew_right_slickprev:hover img:last-child,

    .detanew_right_slicknext:hover img:last-child{

        opacity: 1;

    }

    .service_item:hover .ys_imgbox_cover img{

        transform: scale(1.03);

    }

    .service_item:hover .service_item_right_btn{

        opacity: 1;

    }

    .faq_left_item:hover .faq_left_item_tit{

        color: #0F5EF9;

    }

    .new_item_link:hover .new_itemfocus_bg img,

    .new_item_link:hover>.ys_imgbox_cover img{

        transform: scale(1.03);

    }

    .job_right_item:hover {

        border: 1px solid #0F5EF9;

        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    }

    /* carter-end */

    .ys_ban_btn .std_btn1_box:hover{

        border: 1px solid #fff;

    }

    .std_btn1:hover .std_btn1_box{

        background-color: #fff;

    }

    .std_btn1:hover p{

        color: #0F5EF9;

    }

    .std_btn1:hover .std_btn1_box_icon img:nth-child(1){

        opacity: 0;

    }

    .std_btn1:hover .std_btn1_box_icon img:nth-child(2){

        opacity: 1;

    }

    .std_btn2_box:hover::before{

        opacity: 0.2;

    }

    .std_btn3_box:hover::after{

        opacity: 1;

    }

    .std_btn3_box:hover p{

        color: #fff;

    }

    .std_btn3_box:hover .std_btn1_box_icon img:nth-child(2) {

        opacity: 1;

    }

    .std_btn3_box:hover .std_btn1_box_icon img:nth-child(1) {

        opacity: 0;

    }

    .std_btn3_box:hover{

        border: 1px solid transparent;

    }

    .std_btn4_box:hover::after{

        opacity: 1;

    }

    .mftl_ul_li_bt a:hover{

        opacity: 1;

    }

    .mod_side_ul_li:hover .msul_pop {

        opacity: 1;

        visibility: visible;

        transform: scale(1) translateX(-100%) translateY(-50%);

        transition: opacity .4s,transform .3s ease-out;

    }

    .mod_side_ul_li:hover::after{

        opacity: 1;

    }

    .hnru_li:hover .hnru_li_tit{

        color: #0F5EF9;

    }

    .hnru_li:hover .hlil_text p{

        color: #4A4A4A;

    }

    .hnru_li:hover .ys_imgbox_cover img:nth-child(1){

        opacity: 1;

    }

    .hnru_li:hover .ys_imgbox_cover img:nth-child(2){

        opacity: 0;

    }

    .mrul_cont2_ul_li a:hover::before{

        opacity: 1;

    }

    .mrul_cont2_ul_li a:hover .mcul_text{

        opacity: 0;

    }

    .mrul_cont2_ul_li a:hover .mcul_text1{

        opacity: 1;

    }

    .hptc_ri .swiper-slide a:hover,

    .hrcs_li a:hover{

        background: transparent;

    }

    .hptc_ri .swiper-slide a:hover::after,

    .hrcs_li a:hover::after{

        opacity: 1;

    }

    .hptc_ri .swiper-slide a:hover .hptc_ri_swiper_btn,

    .hrcs_li a:hover .hptc_ri_swiper_btn{

        transform: translateY(0);

    }

    .hptc_ri .swiper-slide a:hover .hrst_info,

    .hptc_ri .swiper-slide a:hover .hptc_ri_swiper_img,

    .hrcs_li a:hover .hrst_info,

    .hrcs_li a:hover .hptc_ri_swiper_img{

        opacity: 0;

    }

    .hptc_ri .swiper-slide a:hover .hrst_tit,

    .hrcs_li a:hover .hrst_tit{

        color: #fff;

    }

    .hptc_ri .swiper-slide a:hover .hrst_lab p,

    .hrcs_li a:hover .hrst_lab p{

        color: #FFDA16;

    }

    .hptc_ri .swiper-slide a:hover .hptc_ri_swiper_bg,

    .hrcs_li a:hover .hptc_ri_swiper_bg{

        transform: translateX(0);

    }

    .hrbu_li:hover p{

        color: #FFDA16;

        opacity: 1;

    }

    .hrbu_li:hover .hrbu_li_icon img:nth-child(2){

        opacity: 1;

    }

    .mod_control_next .hrbu_li_icon:hover img:nth-child(2) {

        opacity: 1;

    }

    .mhol_bt_ul_li a:hover{

        color: #FFDA16;

    }

    .hnmc_imgs_ul_li:hover img{

        transform: scale(1.05);

    }

    .soludet_case_cont a:hover{

        border: 1px solid #0F5EF9;

        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);

    }

    .soludet_case_cont a:hover .sccs_img img{

        transform: scale(1.05);

    }

    .soludet_case_cont a:hover .sccs_text_tit{

        color: #0F5EF9;

    }

    .soludet_case_cont a:hover .sccs_text_lab p{

        color: #0F5EF9;

    }

    .soludet_case_cont a:hover .sccs_text_lab li{

        background: rgba(15, 94, 249, 0.2);

    }

    .aicl_li_text:hover::after{

        width: 703px;

    }

    .aicl_li_text:hover .aicl_li_text_le::before{

        opacity: 1;

    }

    .aicl_li_text:hover .aicl_li_text_le::after{

        opacity: 0;

    }

    .aicl_li_text:hover .aicl_li_text_ri{

        opacity: 1;

        transition: all .36s .4s;

        pointer-events: all;

    }

    .aicl_li_text:hover{

        /* width: 703px; */

        z-index: 2;

    }

    .adcc_btn_li:hover{

        background-color: #0F5EF9;

        border: 0.5px solid #0F5EF9;

    }

    .prodet_main .soludet_case_cont a:hover .sccs_text_lab li {

        background: #0F5EF9;

    }

    .prodet_main .soludet_case_cont a:hover .sccs_text_lab p {

        color: #fff;

    }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

        background-color: #fff;

    }

    .case_list_ul_li a:hover .clul_lab li {

        background: rgba(15, 94, 249, 0.2);

    }

    .case_list_ul_li a:hover .ys_imgbox_cover::before{

        opacity: 1;

    }

    .case_list_ul_li a:hover .clul_tit{

        color: #0F5EF9;

    }

    .case_list_ul_li a:hover .clul_img .ys_imgbox_cover{

        transform: translate(5px, -5px);

    }

    .case_list_ul_li a:hover .clul_img::after{

        transform: translate(-5px, 5px);

    }

    .detanew_right_slick_item:hover::after{

        opacity: 0.7;

    }

    .detanew_right_slick_item:hover .drsi_btn{

        opacity: 1;

    }

    .prodet_adv_le_btn .mbcl_btn:hover::after{

        opacity: 1;

    }

    .prodet_adv_le_btn .mbcl_btn:hover p{

        color: #fff;

    }

    .prodet_adv_le_btn .mbcl_btn:hover img:nth-child(1){

        opacity: 0;

    }

    .prodet_adv_le_btn .mbcl_btn:hover img:nth-child(2){

        opacity: 1;

    }

}



/* 载入效果 */

@keyframes bannertitle{

    100% {

        opacity: 1;

        transform: translateY(0);

    }

}

@keyframes fadeInUps {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 50px, 0);

        transform: translate3d(0, 50px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}

.fadeInUp{

    animation-name: fadeInUps;

    animation-delay: .1s;

}

.ys_ban_li.slick-current .ys_ban_title,

.ys_ban_li.slick-current .ys_ban_btn{

    animation: bannertitle 1s .3s ease-out both;

}

.ys_ban_title,.ys_ban_btn{

    opacity: 0;

    transform: translateY(60px);

}

.soludet_case_cont .swiper-slide:nth-child(4n+1),

.mbcr_list_ul_li:nth-child(5n+1),

.case_list_ul_li:nth-child(2n+1),

.pvlu_li:nth-child(2n+1){

    animation-delay: .1s;

}

.soludet_case_cont .swiper-slide:nth-child(4n+2),

.mbcr_list_ul_li:nth-child(5n+2),

.pfri_item:nth-child(3n+1),

.parl_ul_li:nth-child(3n+1),

.download_videoitem:nth-child(3n+1),

.case_list_ul_li:nth-child(2n+2),

.pvlu_li:nth-child(2n+2){

    animation-delay: .2s;

}

.soludet_case_cont .swiper-slide:nth-child(4n+3),

.mbcr_list_ul_li:nth-child(5n+3),

.pfri_item:nth-child(3n+2),

.download_videoitem:nth-child(3n+2),

.parl_ul_li:nth-child(3n+2){

    animation-delay: .3s;

}

.soludet_case_cont .swiper-slide:nth-child(4n+4),

.mbcr_list_ul_li:nth-child(5n+4),

.pfri_item:nth-child(3n+3),

.download_videoitem:nth-child(3n+3),

.parl_ul_li:nth-child(3n+3){

    animation-delay: .4s;

}

.mbcr_list_ul_li:nth-child(5n+5){

    animation-delay: .5s;

}



/* 2023.2.20修改 */

.contact_main .contact_banner{

    position: absolute;

    width: 100%;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    /* max-width: 1920px; */

}

.contact_form{

    margin-top: 100px !important;

}

.contact_details_bg img{

    width: 100%;

}

.contact_main .contact_details h2{

    color: #000F4D;

}

.detanew_main .contact_form_primary_allow {

    align-items: flex-start;

}

.detanew_main .mod_ban_bread{

    width: 100%;

    padding: 0;

}

/* 表格产品选型 */

.ys_copy_btn{

    cursor: pointer;

}

.data_pop_list tr td:first-child{

    position: relative;

    z-index: 5;

    background-color: #000F4D;

}

.data_pop_list tr:nth-child(odd) td:first-child{

    background: rgba(26, 39, 95);

}

.ys_modal_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.aiul_cont{

    height: 160px;

    padding-right: 20px;

    overflow: hidden;

}

.aicl_li.on{

    flex-direction: row-reverse;

}

.aicl_li.on .aicl_li_icon{

    margin-right: 0;

    margin-left: 13px;

}

.aicl_li.on .aicl_li_text_le::after {

    right: auto;

    left: 0;

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

}

.aicl_li.on .aicl_li_text_cont a{

    display: flex;

    /* flex-direction: row-reverse; */

    flex-wrap: wrap;

}

.aicl_li.on .aicl_li_text_le::before {

    right: auto;

    left: 32px;

}

.aicl_li.on .altr_cont {

    flex-direction: row-reverse;

}

.aicl_li.on .aicl_li_text_ri{

    left: -496px;

    padding: 18px 0 18px 20px;

}

.aicl_li.on .aicl_li_text_ri p{

    padding-right: 0;

    padding-left: 24px;

}

.aicl_li.on .aicl_li_text::after{

    right: 0;

    left: auto;

}

p {

    word-wrap: normal;

    word-break: keep-all;

}

/* 2023.3.7修改 */

.pfri_link_subtit_item {

    margin-bottom: 10px;

    width: 33.333333%;

}

.pfri_link_subtit{

    flex-wrap: wrap;

}

.sscu_li_le_info p{

    height: 6em;

    overflow: hidden;

}

/* .home_solu_cont.ys_fixed{

    position: fixed;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 999;

    width: 100%;

    max-width: 1600px;

}

.home_solu_cont.ys_notfixed {

    position: absolute;

    bottom: 0;

}

.home_solu{

    height: 300vh;

}

.home_solu_cont1 {

    height: 200vh;

} */

.soludet_sys_parga p{

    text-align: justify;

}

.mlsc_le_text{

    font-size: 26px !important;

}

.mhnu_li_soludrop .mlsc_le_icon {

    width: 40px;

}

.mhnu_li_soludrop .mlsc_le{

    width: 300px;

}

.mhnu_li_soludrop .mlsc_ri {

    width: calc(100% - 300px);

}

.casedeta_cont_tp_list.act .cctl_ul_li.mcslick-next {

    opacity: 1 !important;

    transform: translateX(0) scale(1) !important;

    transform-origin: center !important;

}

/* 2023.4.21修改 */

.home_why_tit img {

    margin-left: 10px;

}

.hptc_le {

    width: 100%;

}

.hptc_le_btn {

    margin-top: 20px;

}

.hptc_ri {

    width: 100%;

    padding-left: 0;

    margin-top: 60px;

}

.home_pro_tp_cont{

    padding-right: calc(50% - 800px);

}

.hrcs_li{

    width: 25%;

    padding: 0 20px;

}

.hptc_ri_cont_slick {

    margin: 0 -20px;

}

.hptc_ri_cont{

    position: relative;

    z-index: 5;

}

.hptc_ri_btn .adcc_btn {

    width: 100%;

    margin-top: 0;

}

.hptc_ri_btn .adcc_btn_li{

    position: relative;

}

.hptc_ri_btn .adcc_btn_prev{

    left: -80px;

}

.hptc_ri_btn .adcc_btn_next{

    right: -80px;

}

.hptc_ri{

    position: relative;

}

.hptc_ri_cont_slick .slick-dots li {

    width: 46px;

    height: 3px;

    margin: 0 3px;

    border-radius: 0;

    background: rgba(123, 123, 134, .4);

}

.hptc_ri_cont_slick .slick-dots li.slick-active {

    background: #0F5EF9;

}

.hptc_ri_cont_slick .slick-dots {

    bottom: -45px;

}

.hptc_ri_cont_slick .slick-track{

    display: flex;

    align-items: stretch;

}

.hrcs_li {

    height: auto;

}

.aicl_li_text_ri img{

    display: none;

}

.aicl_li_text_ri p {

    width: 100%;

    padding-right: 0;

}

.aicl_li.on .aicl_li_text_ri p {

    padding-left: 0;

}

.aicl_li.on .aicl_li_text_ri {

    padding: 18px 0 18px 40px;

}

.aelu_li_btn .adcc_btn_li {

    border: 0.5px solid #0F5EF9;

    position: relative;

}

.aelu_li_btn .adcc_btn_li_icon{

    width: 100%;

    height: 100%;

}

.aelu_li_btn .adcc_btn_li_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.aelu_li_btn .adcc_btn {

    width: 100%;

    margin-top: 0;

}

.aelu_li{

    position: relative;

}

.aelu_li_btn {

    width: 100%;

    top: calc(50% - 20px);

}

.aelu_li_btn .adcc_btn_prev {

    left: -60px;

}

.aelu_li_btn .adcc_btn_next {

    right: -60px;

}

/* .aelu_li .swiper-pagination {

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

} */

.aelu_li .swiper-pagination-bullet-active {

    opacity: 1;

    background: #0F5EF9 !important;

}

.aelu_li .swiper-pagination-bullet {

    width: 46px;

    height: 3px;

    margin: 0 3px;

    border-radius: 0;

    background: rgba(123, 123, 134, .8);

    transition: all .3s ease-out 0s;

}

.aelu_li .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 0;

}

.jcbc_imgs_box::after{

    opacity: 0;

    pointer-events: none;

}

.verify_flex_img {

    width: 150px;

}

.soludet_main .mod_content{

    position: relative;

    z-index: 5;

}

.pscl_ul_li a{

    display: block;

}

.fril_item_header {

    padding: 16px 40px 10px;

}

.fril_item_body {

    padding: 2px 40px 10px;

}

.scba_drop_cont {

    justify-content: center;

}

.msul_pop_cont li{

    width: 32px;

    cursor: pointer;

    margin-right: 20px;

}

.msul_pop_cont li:last-child{

    margin-right: 0;

}

.msul_pop_cont ul{

    display: flex;

    justify-content: space-between;

}

.msul_link .msul_pop_cont{

    border-radius: 8px;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    padding: 38px 24px;

    width: 100%;

}

.msul_link{

    width: auto;

}

.soludet_pro .soludet_pro_cont .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    right: auto;

    left: 50%;

    transform: translateX(-50%);

}

.soludet_pro .soludet_pro_cont_control {

    right: auto;

    left: 50%;

    transform: translateX(-50%);

}

.sccs_text_tit{

    height: 2.8em !important;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.service_item_left_list{

    margin-bottom: 0 !important;

}

.service_item_left_btnlist{

    margin-top: 40px;

}

.soludet_sys_parga p {

    line-height: 1.75;

    text-align: left;

}

.home_new_phtit{

    display: none;

}

/*.ys_phnav_header{*/

/*    overflow: hidden;*/

/*}*/

.join_cont_tp_parga p{

    text-align: left;

}

.viewer-navbar,

.viewer-toolbar{

    display: none !important;

}

.viewer-button {

    background-color: #0F5EF9 !important;

}

.contact_details_primary_list{

    margin-bottom: 0 !important;

}

.contact_details_primary_links{

    margin-top: 40px;

}

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

    opacity: 0;

}

.mlsc_le_icons{

    width: 48px;

}

.mlsc_le li{

    transition: all .36s;

    border-radius: 8px;

}

.mlsc_le_text {

    font-size: 16px !important;

}

.mlsc_le li.yxnav_active2 .mlsc_le_text {

    color: #0F5EF9;

}

.mlsc_le li.yxnav_active2{

    background: #FFFFFF;

    box-shadow: 0px 8px 20px rgb(0 0 0 / 6%), 0px 24px 60px rgb(0 0 0 / 12%);

}

.mlsc_le li.yxnav_active2 .mlsc_le_icons .ys_imgbox_cover img:nth-child(2) {

    opacity: 1;

}

.mlsc_le li.yxnav_active2 .mlsc_le_icons .ys_imgbox_cover img:nth-child(1) {

    opacity: 0;

}

.prodet_solu_bgimg::before{

    content: '';

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

}

.adcc_info{

    margin-top: 34px;

}

.aiul_cont {

    height: 220px;

}

.aiul_cont li{

    margin-bottom: 0;

}

.aiul_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

}

.drsl_phtit,.drsi_phbtn{

    display: none;

}

.pfri_link_subtit_item{

    width: auto;

    padding: 0 7px;

}

.detanew_share_parga {

    white-space: nowrap;

}

.detanew_share{

    display: flex;

    align-items: center;

}

.prodet_adv_le_btn .mbcl_btn{

    border: 1px solid #0F5EF9;

    border-radius: 50px;

    padding: 0 24px;

    transition: all .36s;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.prodet_adv_le_btn .mbcl_btn::after{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90.03deg, #0F5EF9 0%, #680FF9 100%);

    position: absolute;

    top: 0;

    left: 0;

    transition: all .36s;

    opacity: 0;

    z-index: -1;

}

.prodet_adv_le_btn .mbcl_btn p{

    transition: all .36s;

    line-height: 42px;

}

.mbcl_btn_icon{

    width: 24px;

    height: 24px;

    position: relative;

}

.mbcl_btn_icon img{

    width: auto;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    transition: all .36s;

}

.mbcl_btn_icon img:nth-child(2){

    opacity: 0;

}



.hrst_tit{

    height: auto !important;

    margin-top: 8px;

}

/* .hrst_info_icon{

    display: none;

} */

.home_pro_tp {

    padding-bottom: 120px;

}

.hiul_ph{

    display: none;

}

.hybr_img_ul_li video{

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2;

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

    width: 100%;

    height: 100%;

    object-fit: cover;

    background: transparent;

}

.mbcl_imgbox_slick .slick-arrow,

.mbcl_imgbox_slick1 .slick-arrow{

    width: 48px;

    height: 48px;

    border-radius: 50%;

    border: 1px solid #fff;

    transition: all .36s;

    z-index: 20;

}

.mbcl_imgbox_slick .slick-arrow::after,

.mbcl_imgbox_slick1 .slick-arrow::after{

    content: "";

    width: 100%;

    height: 100%;

    background: url(../images/c2_icon_01_1.svg) center / cover no-repeat;

    position: absolute;

    top: 50%;

    left: 50%;

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

    transition: all .36s;

}

.mbcl_imgbox_slick .slick-prev::after,

.mbcl_imgbox_slick1 .slick-prev::after{

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

}

.mbcl_imgbox_slick .slick-disabled,

.mbcl_imgbox_slick1 .slick-disabled{

    opacity: 0.5;

    pointer-events: none;

}

.mbcl_imgbox_slick1 .slick-arrow{

    border: 1px solid #0F5EF9;

}

.mbcl_imgbox_slick1 .slick-arrow::after{

    background: url(../images/c2_icon_01_2.svg) center / cover no-repeat;

}



.case_main .new_cont_tab_slider{

    z-index: 0;

}

.case_main .service_cont {

    width: 900px;

    margin: auto;

}

.case_main .new_cont_tab_link{

    position: relative;

    z-index: 1;

}

.case_list_uls:not(:first-child){

    display: none;

}

.softdet_list_img{

    height: calc(100vh - 40px);

}

.softdet_ul_li1 .softdet_ul_li_le{

    width: 720px;

}

.scbi_pic{

    width: 100%;

    opacity: 0;

    position: relative;

    z-index: 5;

}

.scbi_pic img{

    width: 100%;

}

.softdet_ul_li1.imgact .scbi_pic{

    opacity: 1;

}

.hrst_info_icon{

    display: none;

}

.ys_cont1480{

    width: 1480px;

    margin: auto;

    max-width: 100%;

}

.home_why_bt_ri{

    width: 740px;

    right: calc(50% - 740px);

}

.home_why_bt_le{

    width: calc(100% - 740px);

}

.hybr_img_ul_li{

    padding: 0 !important;

}

.hybr_img_bg{

    padding: 0;

}

.mbcr_btn {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.mbcr_btn .std_btn2 {

    margin-right: 0;

}

.mbcr_btn .mbcl_btn{

    margin: 0 20px;

}

.mbcr_btn .mbcl_btn p{

    font-size: 16px;

    line-height: 40px;

}

/* judy */

.aicl_li.on .aicl_li_text_ri {

    padding: 18px 0 18px 70px;

}

/* 2023.5.12首页板块改版修改-start */

.home_why_cont_le{

    width: 51%;

    padding: 120px calc(50% - 800px) 38px calc(50% - 800px);

}

.home_why_cont_ri{

    width: 49%;

    background-color: #F0F3F2;

}

.home_why_cont_le h2{

    color: #000;

}

.home_why_cont_le h2 span{

    color: #0F5EF9;

}

.home_why_cont_le .std_btn1_box{

    background: #0F5EF9;

    border: none;

}

.home_why_cont_le .std_btn1_box:hover{

    background: #0F5EF9;

}

.home_why_cont_le .std_btn1_box:hover p{

    color: #fff;

}

.home_why_cont_le .std_btn1_box:hover .std_btn1_box_icon img:nth-child(1){

    opacity: 1;

}

.home_why_cont_le .std_btn1_box:hover .std_btn1_box_icon img:nth-child(2){

    opacity: 0;

}

.home_why_cont_le .hptc_le_btn {

    margin-top: 30px;

}

.home_why_cont{

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}

.htul_tit{

    font-size: 32px;

    line-height: 1.2;

    color: #000;

    opacity: 0.5;

    transition: all .36s;

}

.htul_parga {

    margin-top: 16px;

}

.htul_parga p {

    color: #4A4A4A;

    opacity: 0.5;

}

.hwbl_text_ul_li.act .htul_tit{

    color: #0F5EF9;

    opacity: 1;

}

.hwbl_text_ul_li.act .htul_parga p{

    opacity: 1;

}

.hwbl_text_ul_li{

    margin-bottom: 0 !important;

    padding: 24px 0;

    border-top: 1px solid rgba(0,0,0,.5);

    transition: all .36s;

    cursor: pointer;

}

.hybr_img{

    border-radius: 0;

    background-color: transparent;

    height: 100%;

    object-fit: cover;

}

.hybr_img_bg{

    height: 100%;

}

.hybr_img_bg img{

    height: 100%;

    object-fit: cover;

}

/* .hybr_img_ul_li {

    top: 50%;

    left: 50%;

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

    height: 100%;

    object-fit: cover;

} */

.hiul_text{

    position: relative;

    z-index: 5;

    display: none;

}

.home_why_cont_ri .htul_tit,.home_why_cont_ri .htul_parga p{

    opacity: 1;

}

/* .hybr_img_ul_li{

    position: relative;

    top: auto;

    left: auto;

    opacity: 0 !important;

    transform: inherit;

} */

.hybr_img_ul_li:not(:first-child){

    display: none;

}

.hybr_img_ul_li.slick-current{

    opacity: 1 !important;

}



/* .hybr_img_ul,.hybr_img_ul .slick-list,.hybr_img_ul .slick-track,.hiul_img{

    height: 100%;

} */

/* .hiul_img img{

    height: 100%;

    object-fit: cover;

} */

.hybr_img_ul {

    top: 50%;

    transform: translateY(-50%);

}

.detanew_cont{

    padding-top: 0 !important;

}



/* 2023.5.12首页板块改版修改-end */
/*隐藏语言切换*/
.mod_head_other{
    width: 24px;
}
.mod_head_other_lang{
    display: none;
}
.ys_phnav2_language{
    display: none;
}
.mod_foot_bt_le p a:last-child{
    display: none;
}

/*2023.6.7修改*/
.mbcl_imgbox_slick_li:not(:first-child){
    display: none;
}
/*2024.5.7Linda修改-start*/
.hnmc_imgs,
.new_item_link,
.service_item{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*2024.5.7Linda修改-end*/
/*2024.6.21修改*/
.pfli_link_imgbox {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.pl_flex_left_item.act .pfli_link_tit {
    color: rgba(0,0,0,.8);
}

.pfli_link_tit {
    color: rgba(74,74,74,.8);
}

.soludet_app_tit {
    position: relative;
    z-index: 5;
}