@charset "utf-8";







body {



    font-family: 'TradeGo-Regular', "PingFang SC", "Microsoft Yahei";



}



@font-face {



    font-family: 'TradeGo-Regular';



    src: url('../fonts/Montserrat-Regular/MontserratRegular.eot');



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



        url('../fonts/Montserrat-Regular/MontserratRegular.woff2') format('woff2'),



        url('../fonts/Montserrat-Regular/MontserratRegular.woff') format('woff'),



        url('../fonts/Montserrat-Regular/MontserratRegular.ttf') format('truetype'),



        url('../fonts/Montserrat-Regular/MontserratRegular.svg#MontserratRegular') format('svg');



    font-display: swap;



}



@font-face {



    font-family: 'TradeGo-Medium';



    src: url('../fonts/Montserrat-Medium/MontserratMedium.eot');



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



        url('../fonts/Montserrat-Medium/MontserratMedium.woff2') format('woff2'),



        url('../fonts/Montserrat-Medium/MontserratMedium.woff') format('woff'),



        url('../fonts/Montserrat-Medium/MontserratMedium.ttf') format('truetype'),



        url('../fonts/Montserrat-Medium/MontserratMedium.svg#MontserratMedium') format('svg');



    font-display: swap;



}



@font-face {

    font-family: 'TradeGo-Num-Bold';

    src: url('../fonts/HONOR-Sans Bold/HONOR-Sans Bold.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'TradeGo-Num-Medium';

    src: url('../fonts/HONOR-Sans Medium/HONOR-Sans Medium.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'TradeGo-Num-Regular';

    src: url('../fonts/HONOR-Sans Regular/HONOR-Sans Regular.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

}



/*分享翻译*/



.ys_wechat_cont_parga p::before {



    /*分享中文版本*/



    content: '分享到 - 微信';



    /*分享英文版本*/



    /* content: 'Share the - weixin'; */



}



/* 英文站点文字换行规范 */



/* p, div, h1, h2, h3, h4, h5, h6, span, a {



    word-wrap: normal;



    word-break: keep-all;



} */



.ys_phnav_logo {



    width: 88px;



}



/*导航默认选中*/



.mhnu_li.yxnav_active1 .mhnu_li_link1 {



    color: var(--main-color);



}



.mlpw_ri_ul_li.yxnav_active2 .mrul_link1 p {



    color: var(--main-color);



}



.mlpw_ri_ul_li.yxnav_active2 .mrul_link1::after {



    width: 100%;



}



.mlpw_ri_ul_li.yxnav_active3 p {



    color: var(--main-color);



}



.mlpw_ri_ul_li.yxnav_active3 .mrul_link1::after {



    width: 100%;



}



.ys_ph_navbar3 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox p,

.ys_ph_navbar3 .ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox p,

.ys_ph_navbar3 .ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox p {



    color: var(--main-color);



}



.slick-list {



    min-width: 100%;



}



/* 规范-start */



:root {



    --main-color: #0080FF;



    --auxi-bgcolor: #FDB75C;



    --font-title1: 72px;



    --font-title2: 48px;



    --font-title3: 32px;



    --font-title4: 24px;



    --font-title5: 20px;



    --font-parga1: 18px;



    --font-parga2: 16px;



    --std-padding1: 120px;



    --std-padding2: 100px;



    --std-margin1: 50px;



}



.std_title1 {



    font-size: var(--font-title1);



    line-height: 1.3;



    color: #ffffff;



}



.std_title2,

.yxedr_active h2 {



    font-size: var(--font-title2);



    line-height: 1.4;



    color: #3B475D;



}



.std_title3,

.yxedr_active h3 {



    font-size: var(--font-title3);



    line-height: 1.4;



    color: #3B475D;



}



.std_title4,

.yxedr_active h4 {



    font-size: var(--font-title4);



    line-height: 1.4;



    color: #3B475D;



}



.std_title5,

.yxedr_active h5 {



    font-size: var(--font-title5);



    line-height: 1.75;



    color: #3B475D;



}



.std_parga1,

.std_parga1 p {



    font-size: var(--font-parga1);



    line-height: 1.6;



    color: #4B5262;



}



.std_parga2,

.std_parga2 p {



    font-size: var(--font-parga2);



    line-height: 1.75;



    color: #ffffff;



}



.std_padding1 {



    padding-top: var(--std-padding1);



    padding-bottom: var(--std-padding1);



}



.std_padtop1 {



    padding-top: var(--std-padding1);



}



.std_padbot1 {



    padding-bottom: var(--std-padding1);



}



.std_marbotp1 {



    margin-bottom: var(--std-padding1);



}



.std_marbotp2 {



    margin-top: var(--std-padding1);



}



.std_padding2 {



    padding-top: var(--std-padding2);



    padding-bottom: var(--std-padding2);



}



.std_padtop2 {



    padding-top: var(--std-padding2);



}



.std_padbot2 {



    padding-bottom: var(--std-padding2);



}



.std_margin1 {



    margin-top: var(--std-margin1);



}



/* 规范-end */



/* - banner - start*/



.ys_banner {



    width: 100%;



    position: relative;



    overflow: hidden;



}







.ys_ban_li {



    position: relative;



    overflow: hidden;



}







.ys_ban_imgbox {



    position: relative;



    z-index: 1;



}







.ys_ban_imgbox img {



    width: 100%;



}







.ys_ban_li>a {



    display: block;



}







.ys_ban_ph {



    display: none;



}







.ys_ban_video {



    position: absolute;



    left: 50%;



    top: 50%;



    z-index: 2;



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



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.ys_ban_li:not(:first-child) {



    display: none;



}







.ys_ban_imgbox::before {



    content: "";



    display: block;



    position: absolute;



    left: 0;



    top: 0;



    z-index: 3;



    width: 100%;



    height: 100%;



    /* background: rgba(0, 0, 0, .3); */



}



.ys_ban_txtbox {



    z-index: 5;



}



.ys_nybanner {



    position: relative;



}



.ys_nyban_img,

.ys_nyban_img img {



    width: 100%;



}



.ys_nyban_ph {



    display: none;



}



/* - banner - end*/



.ys_hd_pc {



    position: fixed;



    width: 100%;



    top: 0;



    left: 0;



}



.ys_hd_pc::after {



    content: "";



    width: 100%;



    height: 100%;



    background: #fff;



    box-shadow: 0px 4px 37.9px 0px rgba(202, 205, 208, 0.25);



    position: absolute;



    top: 0;



    left: 0;



    transition: all .36s;



    pointer-events: none;



    opacity: 0;



}



.ys_hd_pc.isfixed::after {



    opacity: 1;



}



.ys_cont1640 {



    width: 1640px;



    margin: auto;



    max-width: 100%;



}



.mod_head>.ys_cont1640 {



    display: flex;



    align-items: center;



}



.mod_head_logo {



    width: 122px;



    flex-shrink: 0;



    position: relative;



    z-index: 5;



}



.mod_head_logo a {



    width: 100%;



    line-height: 80px;



    display: block;



}



.mod_head_logo img {



    width: 100%;



}



.mod_head_nav {



    border-radius: 56px;



    padding-left: 120px;



    padding-right: 40px;



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-left: 34px;



    width: 1130px;



    flex-shrink: 0;



    position: relative;



}



.mod_head_nav::after {



    content: "";



    width: 100%;



    height: 58px;



    background: rgba(230, 239, 250, 0.90);



    backdrop-filter: blur(5.050000190734863px);



    border-radius: 56px;



    position: absolute;



    top: 50%;



    left: 0;



    transform: translateY(-50%);



    z-index: 1;



    pointer-events: none;



}



.mhnu_li {



    padding: 0 50px;



    height: 80px;



}



.mod_head_nav_ul {



    margin: 0 -50px;



    display: flex;



    align-items: center;



}



.mod_head_nav_other {



    position: relative;



    z-index: 5;



}



.mhnu_li_link1 {



    font-size: 16px;



    line-height: 58px;



    color: #3B475D;



    font-family: 'TradeGo-Medium';



    transition: all .36s;



    position: relative;



    z-index: 5;



    margin-top: 11px;



}



.mhno_search {



    width: 26px;



    line-height: 58px;



    cursor: pointer;



}



.mhno_search img {



    width: 100%;



}



.mhno_lang {



    margin-left: 25px;



    position: relative;



}



.mhno_lang a {



    width: 100%;



    display: block;



    line-height: 58px;



}



.mhno_lang img {



    width: 100%;



}



.mhno_lang_tp {



    display: flex;



    align-items: center;



    cursor: pointer;



    height: 58px;



}



.mhno_lang_tp_icon {



    width: 28px;



    height: 28px;



    position: relative;



}



.mhno_lang_tp_icon img,



.mhno_lang_tp_more img {



    width: auto;



    height: 100%;



    position: absolute;



    top: 0;



    left: 50%;



    transform: translateX(-50%);



    transition: all .36s;



}



.mhno_lang_tp_icon img:nth-child(2),



.mhno_lang_tp_more img:nth-child(2) {



    opacity: 0;



}



.mhno_lang_tp_more {



    width: 12px;



    height: 12px;



    position: relative;



    transition: all .36s;



}



.mhno_lang_bt_wrap {



    width: 120px;



    padding: 10px 12px;



    position: relative;



    background: #FFF;



    box-shadow: 0px 0px 19.9px rgba(93, 144, 220, 0.25);



    border-radius: 4px;



}



.mhno_lang_bt {



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    padding-top: 10px;



    display: none;



}



.mhno_lang_bt_wrap a {



    display: block;



    font-size: 16px;



    line-height: 1.75;



    color: #4B5262;



    transition: all .36s;



    padding-bottom: 4px;



    position: relative;



}



.mhno_lang_bt_wrap a::after {



    content: "";



    width: 0%;



    height: 1px;



    background: var(--main-color);



    position: absolute;



    left: 0;



    bottom: 0;



    transition: all .36s;



}



.mhno_lang_bt_wrap li.act a::after {



    width: 100%;



}



.mhno_lang_bt_wrap li.act a {



    color: var(--main-color);



}



.mhno_lang_bt_wrap li {



    margin-bottom: 20px;



}



.mhno_lang_bt_wrap li:last-child {



    margin-bottom: 0;



}



.mhno_lang_tp.act .mhno_lang_tp_icon img:nth-child(1),



.mhno_lang_tp.act .mhno_lang_tp_more img:nth-child(1) {



    opacity: 0;



}



.mhno_lang_tp.act .mhno_lang_tp_icon img:nth-child(2),



.mhno_lang_tp.act .mhno_lang_tp_more img:nth-child(2) {



    opacity: 1;



}



.mhno_lang_tp.act .mhno_lang_tp_more {



    transform: rotate(180deg);



}



.mod_head_btn {



    width: calc(100% - 122px - 1130px);



    padding-left: 20px;



    position: relative;



    z-index: 5;



}



.std_btn1,

.std_btn2 {



    display: inline-block;



}



.std_btn1_box {



    display: flex;



    align-items: center;



    padding: 0 22px;



    border-radius: 57px;



    background: linear-gradient(95deg, #0175FD 3.37%, #37A9FC 111.68%);



}



.std_btn1 p,

.std_btn2 p {



    line-height: 46px;



}



.std_btn1 img {



    width: 23px;



    margin-left: 8px;



    transition: all .36s;



}



.std_btn2_box {



    padding: 0 16px;



    border-radius: 57px;



    border: 1px solid #0175FD;



    background: #fff;



    display: block;



    transition: all .36s;



}



.std_btn2 p {



    color: #0175FD;



    margin-right: 0;



    transition: all .36s;



}



.mod_head_btn .std_btn2 {



    margin-left: 13.5px;



}



.mod_foot {



    background: #F2F3F7;



    padding: 40px 0;



}



.mftl_logo {



    width: 116px;



}



.mftl_logo a {



    width: 100%;



    display: block;



}



.mftl_logo img {



    width: 100%;



}



.mod_foot_tp_le {



    width: 270px;



}



.mftl_link {



    width: 100%;



    margin-top: 26px;



}



.mftl_link .ys_select {



    border-radius: 4px;



    background: rgba(75, 82, 98, .1);



    height: 50px;



}



.mftl_link .ys_select_hd {



    padding-left: 24px;



}



.mftl_link .ys_select_xtbbox {



    width: 24px;



    right: 20px;



}



.mftl_link .ys_select_xtbbox img {



    width: 100%;



}



.mftl_link .ys_select_hd input,



.mftl_link .ys_select_hd input::placeholder {



    font-size: 16px;



    color: #3B475D;



}



.mftl_link .ys_select_bd {



    border-radius: 4px;



    top: 110%;



    background: #fff;



    padding: 10px 24px;



    max-height: 148px;



}



.ys_select_li a {



    font-size: 16px;



    line-height: 2;



    color: #3B475D;



    display: block;



}



.mftl_link .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {



    width: 2px;



}



.mftl_link .mCSB_scrollTools {



    width: 2px;



}



.mftl_link .mCSB_outside+.mCSB_scrollTools {



    right: 30px !important;



}



.mod_foot_tp_code {



    width: 120px;



}



.mod_foot_tp_code img {



    width: 100%;



}



.mod_foot_tp_code p {



    font-size: 10px;



    line-height: 2;



    color: #3B475D;



    text-align: center;



    margin-top: 10px;



}



.mod_foot_tp {



    display: flex;



    align-items: flex-start;



    flex-wrap: wrap;



    margin-bottom: 36px;



}



.mod_foot_tp_nav {



    width: calc(100% - 270px - 120px);



    padding-left: 83px;



    padding-right: 56px;



}



.mod_foot_tp_nav>ul {



    margin: 0 -30px;



    display: flex;



    justify-content: space-between;



}



.mod_foot_tp_nav>ul>li {



    padding: 0 30px;



}



.mod_foot_tp_nav>ul>li>a {



    font-size: 16px;



    line-height: 1.4;



    color: #3B475D !important;



    opacity: 1 !important;



    font-family: 'TradeGo-Medium';



    margin-bottom: 16px;



    display: block;



}



.mod_foot_tp_nav li {



    margin-bottom: 16px;



}



.mod_foot_tp_nav li:last-child {



    margin-bottom: 0;



}



.mod_foot_tp_nav li a {



    font-size: 16px;



    line-height: 1.4;



    color: #4B5262;



    opacity: 0.7;



    display: block;



    transition: all .36s;



}



.mod_foot_mid_li p {



    line-height: 1.6;



}



.mfml_info_li_add p {



    color: #3B475D;



}



.mfml_info_li_parga p {



    color: #4B5262;



    opacity: 0.7;



}



.mod_foot_mid_li {



    display: flex;



    align-items: flex-start;



    margin-bottom: 14px;



}



.mod_foot_mid_li:last-child {



    margin-bottom: 0;



}



.mod_foot_mid {



    margin-bottom: 36px;



}



.mfml_info_li_parga {



    padding-left: 9px;



}



.mfml_item_parga1 p {



    color: #3B475D;



}



.mfml_item_parga2 p {



    color: #4B5262;



    opacity: 0.7;



}



.mfml_item a {



    display: flex;



    align-items: flex-start;



}



.mfml_phone {



    margin-right: 66px;



}



.mod_foot_bt_link a {



    font-size: 14px;



    line-height: 1.4;



    color: #4B5262;



    opacity: 0.5;



    padding-right: 30px;



    position: relative;



}



.mod_foot_bt_link a::after {



    content: "";



    width: 1px;



    height: 15px;



    background: #4B5262;



    opacity: 0.5;



    position: absolute;



    right: 15px;



    top: 50%;



    transform: translateY(-50%);



}



.mod_foot_bt_link a:last-child::after {



    display: none;



}



.mod_foot_bt_info span,

.mod_foot_bt_info a {



    font-size: 14px;



    line-height: 1.4;



    color: #4B5262;



    opacity: 0.5;



    margin-right: 16px;



}



.mod_foot_bt_info {



    margin-top: 16px;



}



.mhnu_li_pull_wrap {



    padding-left: 156px;



    padding-right: 266px;



}



.mlpw_le {



    width: 280px;



}



.mlpw_ri {



    width: calc(100% - 280px);



    padding-left: 120px;



    display: flex;



    align-items: flex-start;



}



.mlpw_le .ys_imgbox_cover {



    border-radius: 8px;



    transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



}



.mhnu_li_pull {



    position: fixed;



    width: 100%;



    top: 80px;



    left: 0;



    background: #FFF;



    box-shadow: 0px 4px 37.9px 0px rgba(202, 205, 208, 0.25);



    padding-top: 16px;



    padding-bottom: 32px;



    display: none;



}



.mlpw_le_tit {



    margin-top: 20px;



    font-family: 'TradeGo-Medium';



}



.mlpw_le_parga p {



    color: #4B5262;



}



.mlpw_le_parga {



    margin-top: 6px;



    font-family: 'TradeGo-Medium';



}



.mlpw_ri_secondary,

.mlpw_ri_pull_wrap {



    width: 280px;



    flex-shrink: 0;



}



.mlpw_ri_pull {



    padding-left: 80px;



}



.mlpw_ri_pull_wrap {



    position: relative;



}



.mrpw_item {



    position: absolute;



    width: 100%;



    top: 0;



    left: 0;



    pointer-events: none;



    display: none;



}



.mrpw_item:not(:first-child) {



    display: none;



}



.mrpw_item.on {



    pointer-events: all;



    display: block;



}



.mlpw_ri_ul_li {



    position: relative;



    cursor: pointer;



}



.mlpw_ri_secondary {



    position: relative;



}



.mlpw_ri_secondary::after {



    content: "";



    width: 1px;



    height: 100%;



    background: rgba(153, 153, 153, 0.20);



    position: absolute;



    top: 0;



    right: -40px;



    display: none;



}



.mlpw_ri_secondary.haspull::after {



    display: block;



}



/* .mlpw_ri_ul_li::after{



}



.mlpw_ri_ul_li:last-child::after{



    display: none;



} */



.mrul_link1 p {



    color: #4B5262;



    transition: all .36s;



    font-family: 'TradeGo-Medium';



}



.mrul_link1 img {



    width: 7px;



}



.mrul_link1 {



    display: flex;



    align-items: center;



    justify-content: space-between;



    padding-top: 14px;



    padding-bottom: 8px;



    position: relative;



}



.mrul_link1::after {



    content: "";



    width: 0;



    height: 1px;



    background: var(--main-color);



    position: absolute;



    left: 0;



    bottom: 0;



    transition: all .36s;



}



.mlpw_ri_ul_li:first-child .mrul_link1 {



    padding-top: 0;



}



.mrul_ul {



    margin-top: 14px;



}



.mrul_ul_li {



    margin-bottom: 22px;



}



.mrul_ul_li:last-child {



    margin-bottom: 0;



}



.mrul_ul_li p {



    color: #4B5262;



    transition: all .36s;



}



.ys_search1_win {



    width: 100%;



    height: 100vh;



    position: fixed;



    left: 0;



    top: 0;



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



    z-index: 999;



    display: none;



}



.ys_search1_box {



    position: relative;



    top: 50%;



    width: 50%;



    margin: auto;



    height: 40px;



    border-bottom: 1px solid #ffffff;



}



.ys_search1_close {



    width: 28px;



    display: block;



    position: absolute;



    right: 6%;



    top: 4%;



    cursor: pointer;



}



.ys_search1_close img {



    width: 100%;



}



.ys_search1_tbox {



    width: calc(100% - 88px);



    padding-right: 20px;



}



.ys_search1_tbox input {



    width: 100%;



    height: 100%;



    font-size: 24px;



    color: #666666;



}



.ys_search1_but {



    width: 88px;



}



.ys_search1_but button {



    width: 100%;



    position: relative;



    right: 0;



    font-size: 22px;



    color: #ffffff;



    letter-spacing: 3px;



}



.ys_search1_close .icon-close {



    color: #fff;



    font-size: 28px;



}



.home_ban_modal {



    position: absolute;



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



    z-index: 10;



    pointer-events: none;



    transition: transform 1.8s cubic-bezier(.18, .63, 0, 1);



}



html.off .home_ban_modal {



    transform: scale(1);



    opacity: 1;



    pointer-events: none;



}



html.on1 .home_ban_modal {



    opacity: 0;



    transition: transform 5s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 2s ease-out 0s;



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



}



html.off .home_ban_modal {



    z-index: 0;



}



html.on1.off .home_ban_modal {



    opacity: 1;



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



    transition: transform 1.8s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 1.4s ease-out 0s;



    transition-delay: .8s !important;



}







.home_ban_modal_img {



    width: 100%;



    height: 100%;



}



html.act {



    height: 100vh;



    overflow-y: scroll !important;



}



html.act body {



    height: 100vh !important;



}



.home_html.active {



    overflow: hidden !important;



}



.ys_banner {



    height: 100vh;



}



.ys_ban_slick,

.ys_ban_slick .slick-list,

.ys_ban_slick .slick-track,

.ys_ban_imgbox,

.ys_ban_imgbox img {



    height: 100%;



}



.ys_ban_imgbox img {



    object-fit: cover;



}



.home_ban_tit {



    text-align: center;



    font-family: 'TradeGo-Medium';



    bottom: 23%;



    z-index: 5;



    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out;



    transition-delay: .8s;



}







html.off .home_ban_tit {



    opacity: 1;



    transition-delay: 1s;



}



html.on1 .home_ban_tit {



    transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out;



    opacity: 0;



    pointer-events: none;



}



html.on1.off .home_ban_tit {



    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;



    transition-delay: 2.4s;



    opacity: 1;



    pointer-events: all;



}



.ys_ban_title {



    width: 76.5%;



    font-family: 'TradeGo-Medium';



    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out;



    transition-delay: .8s;



}



html.off .ys_ban_title {



    transform: translateY(50px);



    opacity: 0;



}



html.on1 .ys_ban_title {



    transition: transform 1.5s cubic-bezier(0, 0, 0.2, 1), opacity 1.5s ease-out;



    transition-delay: 2s;



}



html.on1.off .ys_ban_title {



    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out;



    transition-delay: 0s;



}



.home_digital_img {



    width: 52%;



    position: relative;



}



.home_digital_img img {



    width: 100%;



}



.home_digital .ys_cont1600 {



    display: flex;



    align-items: center;



    flex-wrap: wrap;



    position: relative;



    z-index: 5;



}



.home_main h2 {



    font-family: 'TradeGo-Medium';



}



.home_digital_text {



    width: 48%;



    padding-right: 83px;



}



.hdtl_ul_li:not(:first-child) {



    display: none;



}



.hdtl_ul_li .std_title3 {



    line-height: 1.6;



}



.hdtl_ul_li_parga {



    margin-top: 12px;



}



.hdtl_ul_li_parga p {



    height: 4.8em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 3;



    overflow: hidden;



}



.hdtl_ul_li_btn {



    margin-top: 25px;



}



.hdtl_ul_li .std_title3 {



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



    animation-delay: .1s;



}



.hdtl_ul_li .hdtl_ul_li_parga {



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



    animation-delay: .25s;



}



.hdtl_ul_li .hdtl_ul_li_btn {



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



    animation-delay: .4s;



}



.home_digital_text_list {



    overflow: hidden;



}



.home_digital_text_tab {



    margin-top: 44px;



}



.hdtt_ul {



    margin: 0 -15px;



    display: flex;



    flex-wrap: wrap;



}



.hdtt_ul_li {



    width: 33.333333%;



    padding: 0 15px;



    margin-top: 16px;



}



.hdtt_ul_li_wrap {



    transition: all .36s;



    cursor: pointer;



    border-radius: 5px;



    border: 1px solid #C2DCFD;



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



    backdrop-filter: blur(17.600000381469727px);



    padding: 18px 20px;



    display: flex;



    align-items: center;



}



.hulw_icon {



    width: 40px;



    height: 40px;



    position: relative;



}



.hulw_icon_img {



    width: 100%;



    position: absolute;



    top: 0;



    left: 0;



}



.hulw_icon_img img {



    width: 100%;



}



.hulw_icon_bg {



    -webkit-mask-image: var(--mask);



    mask-image: var(--mask);



    -webkit-mask-repeat: no-repeat;



    -webkit-mask-position: 100% 100%;



}



.hdtt_ul_li1.on .hulw_icon_bg img {



    transform-origin: left bottom;



    animation: digitalIcon1 5s linear both infinite;



}



.hdtt_ul_li2.on .hulw_icon_bg img,



.hdtt_ul_li3.on .hulw_icon_bg img {



    animation: digitalIcon2 5s linear both infinite;



}



.hdtt_ul_li4.on .hulw_icon_bg img {



    animation: digitalIcon4 5s linear both infinite;



}



.hdtt_ul_li5.on .hulw_icon_bg img {



    animation: digitalIcon5 5s linear both infinite;



}



@keyframes digitalIcon1 {



    0% {



        transform: rotate(-10deg);



    }



    50% {



        transform: rotate(50deg);



    }



    100% {



        transform: rotate(-10deg);



    }



}



@keyframes digitalIcon2 {



    0% {



        transform: translateX(0px);



    }



    50% {



        transform: translateX(-25px);



    }



    100% {



        transform: translateX(0px);



    }



}



@keyframes digitalIcon4 {



    0% {



        transform: translateY(0px);



    }



    25% {



        transform: translateY(10px);



    }



    50% {



        transform: translateY(0px);



    }



    75% {



        transform: translateY(-10px);



    }



    100% {



        transform: translateY(0px);



    }



}



@keyframes digitalIcon5 {



    0% {



        transform: translateX(0px);



    }



    25% {



        transform: translateX(10px);



    }



    50% {



        transform: translateX(0px);



    }



    75% {



        transform: translateX(-10px);



    }



    100% {



        transform: translateX(0px);



    }



}



.hulw_parga {



    width: calc(100% - 40px);



    padding-left: 12px;



}



.hdtt_ul_li.act .hdtt_ul_li_wrap {



    border: 1px solid #0175FD;



    background: #FFF;



    box-shadow: 0px 4px 34.3px 0px rgba(255, 255, 255, 0.80);



}



.hdip_circle {



    width: 16px;



    height: 16px;



    border-radius: 50%;



    background: #363F60;



    position: absolute;



    opacity: 0;



}



.l_f1bx2ks::before {



    content: '';



    width: 80%;



    height: 80%;



    border-radius: 50%;



    background: rgb(54, 63, 96, .8);



    position: absolute;



    left: 50%;



    top: 50%;



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



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



    z-index: -1;



    animation-delay: 1s;



}



.l_f1bx2ks::after {



    content: '';



    width: 80%;



    height: 80%;



    border-radius: 50%;



    background: rgb(54, 63, 96, .8);



    position: absolute;



    left: 50%;



    top: 50%;



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



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



    z-index: -1;



    animation-delay: 2s;



}



.l_f1bx2ks.l_f1bx2ks2::before {



    animation-delay: 3s;



}



.l_f1bx2ks.l_f1bx2ks2::after {



    animation-delay: 4s;



}



@keyframes page-loader-ripple2 {



    0% {



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



        opacity: 1;



    }



    100% {



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



        opacity: 0;



    }



}



.home_digital_img_point {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



}



.home_digital_img_bg {



    width: 101%;



    height: 101%;



    position: absolute;



    border-radius: 50%;



    top: 50%;



    left: 50%;



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



    z-index: -1;



    animation: haloChange 3s linear infinite both;



}



.home_digital_img_bg::before {



    content: "";



    width: 100%;



    height: 100%;



    border-radius: 50%;



    border: 1px solid #0175FD;



    filter: blur(20.25px);



    position: absolute;



    top: 50%;



    left: 50%;



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



}



.home_digital_img_bg::after {



    content: "";



    width: 100%;



    height: 100%;



    border-radius: 50%;



    border: 1px solid #0175FD;



    filter: blur(20.25px);



    position: absolute;



    top: 50%;



    left: 50%;



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



}



@keyframes haloChange {



    0% {



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



    }



    50% {



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



    }



    100% {



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



    }



}



.home_digital_bg {



    width: 1600px;



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    bottom: -263px;



}



.home_digital_bg img {



    width: 100%;



}



.home_digital {



    position: relative;



}



.home_digital::after {



    content: "";



    width: 100%;



    height: 1458px;



    background: linear-gradient(180deg, rgba(242, 247, 255, 0.00) 10.05%, rgba(221, 231, 246, 0.79) 55.02%, rgba(242, 247, 255, 0.00) 100%);



    position: absolute;



    top: 228px;



    left: 0;



    z-index: -1;



}



.home_why_list_ul {



    margin: 0 -15px;



    display: flex;



    flex-wrap: wrap;



    align-items: stretch;



}



.hwlu_li {



    width: 33.333333%;



    padding: 0 15px;



    margin-bottom: 60px;



}



.hwlu_li:nth-child(3n+1) {



    animation-delay: .2s;



}



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



    animation-delay: .3s;



}



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



    animation-delay: .4s;



}



.hwlu_li_wrap {



    width: 100%;



    height: 100%;



    border-radius: 8px;



    border: 2px solid rgba(1, 117, 253, 0.20);



    transition: all .36s;



    padding: 36px 36px 20px 48px;



    display: block;



    cursor: pointer;



}



.home_why {



    position: relative;



    z-index: 5;



    overflow: hidden;



}



.home_why::after {



    content: "";



    width: 100%;



    height: 665px;



    background: linear-gradient(0deg, #F3F6FB 2.2%, rgba(243, 246, 251, 0.00) 76.22%);



    position: absolute;



    bottom: -20px;



    left: 0;



    z-index: -1;



}



.hwlu_li_wrap .std_title3 {



    height: 4.2em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 3;



    overflow: hidden;



}



.hwlu_li_wrap_icon {



    width: 120px;



}



.hwlu_li_wrap_icon svg {



    width: 100%;



    height: auto;



    overflow: visible;



}



.hwlu_li.active .hwlu_li_wrap {



    border: 2px solid #0175FD;



}



.hwlu_li.active .hlwi_circle1 {



    animation: whyEffect1 4s linear both infinite;



}



@keyframes whyEffect1 {



    0% {



        transform: translateX(0);



    }



    50% {



        transform: translateX(40px);



    }



    100% {



        transform: translateX(0);



    }



}



@keyframes whyEffect2 {



    0% {



        transform: rotate(0);



    }



    100% {



        transform: rotate(1turn);



    }



}



@keyframes whyEffect3_1 {



    0% {



        transform: translate(0, 0);



    }



    30% {



        transform: translate(0, -10px);



    }



    70% {



        transform: translate(0, -10px);



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect3_2 {



    0% {



        transform: translate(0, 0);



    }



    30% {



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



    }



    70% {



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



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect3_3 {



    0% {



        transform: translate(0, 0);



    }



    30% {



        transform: translate(10px, 10px);



    }



    70% {



        transform: translate(10px, 10px);



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect4_1 {



    0% {



        transform: translate(0, 0);



    }



    30% {



        transform: translate(-20px, 0px);



    }



    70% {



        transform: translate(-20px, 0px);



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect4_2 {



    0% {



        transform: translate(0, 0);



    }



    30% {



        transform: translate(0px, -20px);



    }



    70% {



        transform: translate(0px, -20px);



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect4_3 {



    0% {



        transform: translate(0, 0);



    }



    30% {



        transform: translate(20px, 0px);



    }



    70% {



        transform: translate(20px, 0px);



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect4_4 {



    0% {



        transform: translate(0, 0);



    }



    30% {



        transform: translate(0px, 20px);



    }



    70% {



        transform: translate(0px, 20px);



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect5_1 {



    0% {



        transform: translate(0, 0);



    }



    30% {



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



    }



    70% {



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



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect5_2 {



    0% {



        transform: translate(0, 0);



    }



    30% {



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



    }



    70% {



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



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect5_3 {



    0% {



        transform: translate(0, 0);



    }



    30% {



        transform: translate(10px, 10px);



    }



    70% {



        transform: translate(10px, 10px);



    }



    100% {



        transform: translate(0, 0);



    }



}



@keyframes whyEffect5_4 {



    0% {



        transform: translate(0, 0);



    }



    30% {



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



    }



    70% {



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



    }



    100% {



        transform: translate(0, 0);



    }



}



/* .hlwi_circle1{



    animation: whyEffect1 4s linear both infinite;



    animation-play-state: paused;



} 



.hwlu_li2 svg{



    animation: whyEffect2 5s linear both infinite;



    animation-play-state: paused;



}



.hlwi_triangle1{



    animation: whyEffect3_1 4s linear both infinite;



    animation-play-state: paused;



}



.hlwi_triangle2{



    animation: whyEffect3_2 4s linear both infinite;



    animation-play-state: paused;



}



.hlwi_triangle3{



    animation: whyEffect3_3 4s linear both infinite;



    animation-play-state: paused;



}



.hlwi_yuan1{



    animation: whyEffect4_1 4s linear both infinite;



}



.hlwi_yuan2{



    animation: whyEffect4_2 4s linear both infinite;



}



.hlwi_yuan3{



    animation: whyEffect4_3 4s linear both infinite;



}



.hlwi_yuan4{



    animation: whyEffect4_4 4s linear both infinite;



}



.hlwi_box1{



    animation: whyEffect5_2 3s linear both infinite;



}



.hlwi_box2{



    animation: whyEffect5_3 3s linear both infinite;



}



.hlwi_box3{



    animation: whyEffect5_1 3s linear both infinite;



}



.hlwi_box4{



    animation: whyEffect5_4 3s linear both infinite;



} */



.home_trusted {



    position: relative;



}



.home_trusted::before {



    content: '';



    width: 100%;



    height: calc(100% - 270px);



    background: #F3F6FB;



    position: absolute;



    top: 0;



    left: 0;



}



.home_trusted::after {



    content: '';



    width: 100%;



    height: 270px;



    background: linear-gradient(180deg, #F3F6FB 22.22%, rgba(243, 246, 251, 0.00) 100%);



    position: absolute;



    bottom: 0;



    left: 0;



}



.home_trusted_tp {



    position: relative;



    z-index: 5;



    overflow: hidden;



}



.home_trusted_tp h2 {



    text-align: center;



}



.home_trusted_tp_list {



    width: 100%;



    padding: 0 15px;



    position: relative;



}



.httl_bg {



    width: 1200px;



    position: absolute;



    bottom: 50px;



    left: 50%;



    transform: translateX(-50%);



    z-index: -1;



}



.httl_bg img {



    width: 100%;



}



.httl_ul_li_img {



    width: 200px;



    border-radius: 4px;



    transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



    margin: auto;



}



.httl_ul_li_text {



    margin-top: 12px;



}



.httl_ul_li_text .std_title4 {



    line-height: 1.5;



    text-align: center;



    color: #4B5262;



    font-family: 'TradeGo-Medium';



}



.httl_ul_li_text .std_parga1 {



    margin-top: 20px;



}



.httl_ul_li_text .std_parga1 p {



    text-align: center;



    line-height: 1.5;



    color: #4B5262;



}



.httl_ul {



    margin: 0 -10px;



}



.httl_ul_li {



    padding: 0 10px;



}



.httl_ul .slick-list {



    padding-bottom: 45px;



}



.httl_ul.empty .slick-list {



    padding-bottom: 0;



}



.httl_ul .slick-dots {



    bottom: 0;



}



.httl_ul .slick-dots li {



    width: 15px;



    height: 5px;



    border-radius: 2.5px;



    background: #D8D8D8;



    margin: 0 3px;



}



.httl_ul .slick-dots li.slick-active {



    width: 68px;



    background: var(--main-color);



}



.mfml_icon {



    width: 20px;



    position: relative;



    top: 3px;



}



.mfml_icon img {



    width: 100%;



}



.mfml_info {



    width: calc(100% - 20px);



    padding-left: 5px;



}



.mfml_info_li {



    display: flex;



    align-items: flex-start;



    margin-bottom: 14px;



}



.mfml_item .mfml_info {



    display: flex;



    align-items: flex-start;



}



.ys_ban_bg {



    width: 100%;



    pointer-events: none;



    bottom: -1px;



}



.ys_ban_bg img {



    width: 100%;



}



.ys_ban_scroll {



    width: 80px;



    height: 80px;



    bottom: -10px;



    cursor: pointer;



    animation: mcjump 1.5s linear infinite;



}



@keyframes mcjump {



    0% {



        transform: translate(-50%, 0);



    }







    50% {



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



    }







    100% {



        transform: translate(-50%, 0);



    }



}



.ys_ban_scroll img {



    width: 18px;



    position: absolute;



    top: 50%;



    left: 50%;



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



}



.home_about_text {



    width: 51%;



    padding-top: 65px;



    position: relative;



    z-index: 5;



    overflow: hidden;



}



.home_about_text_parga {



    margin-top: 24px;



}



.home_about_text_parga p {



    height: 12.8em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 8;



    overflow: hidden;



}



.home_about_text_data {



    display: flex;



    align-items: flex-start;



    flex-wrap: wrap;



    margin: 20px -30px 0;



}



.hatd_li_num {



    font-size: 38px;



    color: #FCA637;



    line-height: 1.5;



}



.hatd_li_num span {



    font-size: 120px;



    color: #0074FC;



    font-family: 'TradeGo-Num-Bold';



}



.hatd_li {



    padding: 0 30px;



}



.std_btn3 p {



    line-height: 48px;



    color: #3B475D;



}



.std_btn3 img {



    width: 24px;



    margin-left: 8px;



    transition: all .36s;



}



.std_btn3_box {



    display: flex;



    align-items: center;



    padding: 0 38px;



    border-radius: 50px;



    border: 1px solid #FCA637;



    background: #FFF;



    transition: all .36s;



}



.std_btn3 {



    display: inline-block;



}



.home_about_text_btn {



    margin-top: 60px;



}



.home_about_bg {



    width: 105%;



    position: absolute;



    left: -20%;



    top: -7%;



}



.home_about_bg img {



    width: 100%;



}



.home_about_bg svg {



    width: 100%;



    height: auto;



    position: absolute;



    top: 0;



    left: 0;



}



.home_about {



    position: relative;



    padding-bottom: 217px;



}



.hhbs_li_cont {



    padding: 50px 10px;



    border-radius: 12px;



    border: 1px solid rgba(45, 82, 240, 0.20);



    background: #fff;



    transition: all .36s;



}



.hhbs_li_parga p {



    line-height: 1.4;



    color: #3B475D;



}



.hhbs_li_parga {



    margin-top: 8px;



}



.home_honour h2 {



    text-align: center;



}



.home_honour_bt_swiper {



    padding-top: 50px !important;



    padding-bottom: 67px !important;



}



.home_honour_bt_swiper .swiper-pagination-progressbar {



    top: auto !important;



    bottom: 0 !important;



    height: 2px !important;



    background: #D7E3F9 !important;



}



.home_honour_bt_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {



    background: #0074FC;



}



.std_arrow_icon {



    width: 40px;



    height: 40px;



    position: relative;



    border-radius: 50%;



    border: 1px solid #0074FC;



    transition: all .36s;



    cursor: pointer;



    pointer-events: all;



}



.std_arrow_icon img {



    width: auto;



    height: 100%;



    position: absolute;



    top: 0;



    left: 50%;



    transform: translateX(-50%);



    transition: all .36s;



}



.std_arrow {



    display: flex;



    justify-content: space-between;



}



.home_honour_bt {



    position: relative;



}



.home_honour_bt_arrow .std_arrow_icon {



    position: absolute;



    bottom: -20px;



}



.home_honour_bt_arrow .std_arrow_prev {



    left: -80px;



}



.home_honour_bt_arrow .std_arrow_next {



    right: -80px;



}



.std_arrow_next {



    transform: rotate(180deg);



}



.hhbs_li.active .hhbs_li_cont {



    border: 1px solid #fff;



    box-shadow: 4px 4px 16px 0px rgba(102, 114, 222, 0.25);



}



.ys_ban_control {



    bottom: 31.5%;



    display: flex;



    align-items: center;



}



.ys_ban_control_dots {



    display: flex;



}



.ybcd_li {



    width: 26px;



    height: 26px;



    position: relative;



    margin-right: 16px;



    cursor: pointer;



}



.ybcd_li svg {



    width: 100%;



    height: auto;



    opacity: 0;



    transition: all .36s;



    /* transform: rotate(-90deg); */



}



.ybcd_li::after {



    content: "";



    width: 8px;



    height: 8px;



    border-radius: 50%;



    background: #fff;



    position: absolute;



    top: 50%;



    left: 50%;



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



    transition: all .36s;



}



.ybcd_li_point {



    opacity: 0;



    transition: all .36s;



}



.ybcd_li_point_circle {



    width: 4px;



    height: 4px;



    border-radius: 50%;



    background: #fff;



    position: absolute;



    top: -2px;



    left: -2px;



}



.ybcd_li.on svg {



    opacity: 1;



}



.ybcd_li.on .ybcd_li_point {



    opacity: 1;



}



.ybcd_li.on::after {



    opacity: 0;



}



.ybca_icon {



    width: 26px;



    cursor: pointer;



}



.ybca_icon img {



    width: 100%;



}



.ybca_icon {



    margin-left: 16px;



}



.ys_ban_control_arrow {



    display: flex;



}



.ybcb_icon {



    width: 26px;



    height: 26px;



    position: relative;



    cursor: pointer;



}



.ybcb_icon img {



    width: auto;



    height: 100%;



    position: absolute;



    top: 0;



    left: 50%;



    transform: translateX(-50%);



    transition: all .36s;



}



.ybcb_icon_play {



    opacity: 0;



    pointer-events: none;



}



.ybcb_icon.pause .ybcb_icon_play {



    opacity: 1;



    pointer-events: all;



}



.ybcb_icon.pause .ybcb_icon_pause {



    opacity: 0;



    pointer-events: none;



}



.ybcb_icon.play .ybcb_icon_play {



    opacity: 0;



    pointer-events: none;



}



.ybcb_icon.play .ybcb_icon_pause {



    opacity: 1;



    pointer-events: all;



}



.htbl_li {



    position: relative;



    margin-bottom: 20px;



}



.htbl_li:last-child {



    margin-bottom: 0;



}



.htbl_li_item {



    display: flex;



    position: relative;



}



.htbl_li_item {



    width: calc((185px * var(--width-shu)) + (28px *var(--width-shu)));



}



.htbl_li1 .htbl_li_item1,



.htbl_li3 .htbl_li_item1,



.htbl_li4 .htbl_li_item1 {



    animation: donghua1 linear infinite;



}



.htbl_li_item_li {



    width: 185px;



    margin-right: 28px;



}



.hlil_cont {



    width: 100%;



    padding: 17.5px;



    border-radius: 10px;



    background: #fff;



    overflow: hidden;



}



.htbl_li1 .htbl_li_item2,



.htbl_li3 .htbl_li_item2,



.htbl_li4 .htbl_li_item2 {



    transform: translateX(100%);



    position: absolute;



    top: 0;



    left: 0;



    animation: donghua2 linear infinite;



}



.htbl_li2 .htbl_li_item1 {



    animation: donghua3 linear infinite;



}



.htbl_li2 .htbl_li_item1 {



    transform: translateX(-100%);



    position: absolute;



    top: 0;



    left: 0;



}



.htbl_li2 .htbl_li_item2 {



    animation: donghua4 linear infinite;



}



@keyframes donghua1 {



    from {



        transform: translateX(0);



    }



    to {



        transform: translateX(-100%);



    }



}



@keyframes donghua2 {



    from {



        transform: translateX(100%);



    }



    to {



        transform: translateX(0);



    }



}



@keyframes donghua3 {



    from {



        transform: translateX(-100%);



    }



    to {



        transform: translateX(0);



    }



}



@keyframes donghua4 {



    from {



        transform: translateX(0);



    }



    to {



        transform: translateX(100%);



    }



}



.home_trusted_bt_list {



    padding: 65px 0;



    transform: rotate(-11.5deg);



    position: relative;



    top: 65px;



}



.home_trusted_bt_bg {



    width: 100%;



    position: absolute;



    top: 0;



    left: 0;



    pointer-events: none;



}



.home_trusted_bt_bg img {



    width: 100%;



}



.home_trusted_bt {



    position: relative;



    overflow: hidden;



    max-width: 1920px;



    margin: auto;



}



.home_trusted_bt::after {



    content: '';



    width: 100%;



    height: 270px;



    background: #fff;



    position: absolute;



    bottom: 0px;



    left: 0;



}



.home_about_ship {



    width: 395px;



    height: 241px;



    position: absolute;



    left: -197.5px;



    top: -120.5px;



    opacity: 0;



}



.home_about_ship img {



    width: 100%;



    margin-top: -5px;



}



.home_about_altas {



    width: 440px;



    height: 440px;



    border-radius: 50%;



    overflow: hidden;



    position: absolute;



    top: 12%;



    right: 21.5%;



    transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



}



.home_about_altas_img {



    width: 100%;



}



.home_about_altas_img img {



    width: 100%;



}



.home_provide {



    height: 400vh;



}



.home_provide_wrap {



    position: sticky;



    top: 80px;



    display: flex;



    justify-content: center;



    align-items: center;



    height: calc(100vh - 80px);



    background: linear-gradient(181deg, #F1F6FE 15.5%, rgba(241, 246, 254, 0.00) 89.19%);



}



.home_provide_wrap_cont {



    width: 100%;



}



.home_provide_wrap_cont h2 {



    width: 65%;



}



.hpwl_swiper_li .ys_cont1600 {



    position: relative;



}



.home_html,

.home_body {



    overflow: inherit !important;



}



.hpwt_ul_li p {



    line-height: 34px;



    color: #3B475D;



    transition: all .36s;



    padding: 0 24px;



}



.hpwt_ul_li {



    border-radius: 59px;



    background: #E9ECEF;



    transition: all .36s;



    margin-right: 16px;



    cursor: pointer;



    width: auto;



    border: 1px solid #E9ECEF;



}



.hpwt_ul {



    display: flex;



}



.hpwt_ul_li.on {



    background: #0B223C;



    border: 1px solid #0B223C;



}



.hpwt_ul_li.on p {



    color: #fff;



    padding: 0 32px;



}



.hpwl_swiper_li_img {



    width: 67.5%;



    position: relative;



}



.hsli_bg {



    width: 100%;



}



.hsli_bg img {



    width: 100%;



}



.hslt_parga p {



    line-height: 1.4;



    height: 5.6em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 4;



    overflow: hidden;



}



.hpwl_swiper_li_text .std_title3 {



    line-height: 1.5;



    opacity: 0;



    visibility: hidden;



    transform: translateY(40px);



    transition: transform 0s 0.3s, opacity 0.1s, visibility 0.1s;



}



.hslt_parga {



    margin-top: 20px;



    opacity: 0;



    visibility: hidden;



    transform: translateY(40px);



    transition: transform 0s 0.3s, opacity 0.1s, visibility 0.1s;



}



.hslt_btn {



    margin-top: 30px;



    opacity: 0;



    visibility: hidden;



    transform: translateY(40px);



    transition: transform 0s 0.3s, opacity 0.1s, visibility 0.1s;



}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .std_title3 {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 0.5s ease-in-out 1.7s;



}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hslt_parga {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 0.5s ease-in-out 1.8s;



}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hslt_btn {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 0.5s ease-in-out 1.9s;



}







.hpwl_swiper_li_text {



    width: 35.3%;



    position: absolute;



    right: 0;



    bottom: -22px;







}



.hpwl_swiper_li {



    position: relative;



}



.hslt_btn .std_btn1 {



    margin-right: 40px;



}



.hsli_imgs1 {



    -webkit-mask-image: url(../images/a1_bg2.svg);



    mask-image: url(../images/a1_bg2.svg);



    -webkit-mask-repeat: no-repeat;



    -webkit-mask-position: 0% 0%;



    width: 47.04%;



    position: absolute;



    top: 0;



    left: 0;



}



.hsli_imgs img:nth-child(1) {



    width: 100%;



}



.hsli_imgs img:nth-child(2) {



    position: absolute;



    top: 0;



    left: 47.04%;



}



.hsli_imgs img:nth-child(3) {



    position: absolute;



    top: 50%;



    left: 64.63%;



    border-radius: 0 0 100%;



    overflow: hidden;



    transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



}



.hsli_imgs img:nth-child(4) {



    position: absolute;



    top: 0;



    left: 82.22%;



    border-radius: 0 0 100%;



    overflow: hidden;



    transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



}



.hsli_imgs img:not(:first-child) {



    width: 17.59%;



}



.home_provide_wrap_list {



    margin-top: 120px;



}



.hpwl_swiper {



    padding-bottom: 22px !important;



}



.hsli_hollow {



    width: 508px;



    position: absolute;



    top: 0;



    left: 0;



}



.hsli_hollow img {



    width: 100%;



}



@keyframes imgLeftUp1 {



    0% {



        transform: translateX(500%);



        opacity: 0;



    }



    100% {



        transform: translateX(0%);



        opacity: 1;



    }



}



@keyframes imgLeftUp2 {



    0% {



        transform: translateX(1000%);



        opacity: 0;



    }



    100% {



        transform: translateX(0%);



        opacity: 1;



    }



}



.hsli_imgs1,



.hsli_imgs img:nth-child(2),



.hsli_imgs img:nth-child(3),



.hsli_imgs img:nth-child(4) {



    visibility: hidden;



}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs1 {



    animation: imgLeftUp1 1.4s cubic-bezier(0.55, 0.08, 0.74, 0.51) both 0s;



    visibility: visible;



}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs img:nth-child(2) {



    animation: imgLeftUp2 1.2s cubic-bezier(0.55, 0.08, 0.74, 0.51) both .4s;



    visibility: visible;



}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs img:nth-child(3) {



    animation: imgLeftUp2 1s cubic-bezier(0.55, 0.08, 0.74, 0.51) both .8s;



    visibility: visible;



}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs img:nth-child(4) {



    animation: imgLeftUp2 .8s cubic-bezier(0.55, 0.08, 0.74, 0.51) both 1.2s;



    visibility: visible;



}



.haal_li_item_li {



    width: 130px;



    border-right: 1px solid #E1E1E1;



}



.haal_li {



    position: relative;



    border-bottom: 1px solid #E1E1E1;



}



.haal_li_item {



    display: flex;



    position: relative;



    width: calc(130px * var(--width-shu));



}



.haal_li1 .haal_li_item1,



.haal_li3 .haal_li_item1 {



    animation: donghua1 linear infinite;



}



.haal_li1 .haal_li_item2,



.haal_li3 .haal_li_item2 {



    transform: translateX(100%);



    position: absolute;



    top: 0;



    left: 0;



    animation: donghua2 linear infinite;



}



.haal_li2 .haal_li_item1 {



    transform: translateX(-100%);



    position: absolute;



    top: 0;



    left: 0;



    animation: donghua3 linear infinite;



}



.haal_li2 .haal_li_item2 {



    animation: donghua4 linear infinite;



}



.swiper-button-disabled {



    pointer-events: none;



    opacity: 0.5;



}



.mod_service_wrap {



    text-align: center;



    position: relative;



}



.mod_service_wrap .std_title4 {



    color: #4B5262;



    margin-top: 20px;



}



.mod_service_wrap .std_btn1 {



    margin-top: 33px;



}



.mod_service_wrap_bg {



    width: 100%;



}



.mod_service_wrap_bg img {



    width: 100%;



}



.mod_service_wrap .ys_cont1200 {



    z-index: 5;



}



.mod_service_wrap_bg svg {



    width: 100%;



    height: auto;



    position: absolute;



    top: 0;



    left: 0;



}



.mswi_air {



    width: 158px;



    height: 62px;



    position: absolute;



    left: -79px;



    top: -31px;



    opacity: 0;



}



.mswi_air img {



    width: 100%;



}



.mswi_ship {



    width: 410px;



    height: 130px;



    position: absolute;



    top: -140px;



    left: -205px;



    opacity: 0;



}



.mswi_ship img {



    width: 100%;



}



.mod_service {



    overflow: hidden;



    /* padding-top: 234px; */



    position: relative;

    z-index: 5;



}



/* .mod_service::after{



    content: "";



    width: 100%;



    height: 100%;



    border-radius: 50px;



    background: linear-gradient(91deg, #0074FC 8.86%, #519EF0 97.25%, #2BBEED 108.16%);



    position: absolute;



    top: 50%;



    left: 50%;



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



} */



.mswi_car {



    width: 227px;



    height: 76px;



    position: absolute;



    top: -76px;



    left: -113.5px;



    opacity: 0;



}



.mswi_car img {



    width: 100%;



}



.mod_service_wrap .std_btn1_box {



    position: relative;



    background: transparent;



}



.mod_service_wrap .std_btn1_box p,



.mod_service_wrap .std_btn1_box img {



    position: relative;



    z-index: 5;



    transition: opacity .36s;



    opacity: 0;



}



.mod_service_wrap.act .std_btn1_box p {



    opacity: 1;



    transition: opacity .36s 1s;



}



.mod_service_wrap.act .std_btn1_box img {



    opacity: 1;



    transition: opacity .36s 1s, margin-left .36s 0s;



}



.std_btn1_box_bg {



    width: 100vw;



    height: var(--height-num);



    background: linear-gradient(95deg, #0175FD 3.37%, #37A9FC 111.68%);



    border-radius: 50px;



    position: absolute;



    top: var(--top-num);



    left: 50%;



    transform: translateX(-50%);



    pointer-events: none;



}



.mod_service_wrap h2 {



    font-family: 'TradeGo-Medium';



}



.mod_service_wrap h2,



.mod_service_wrap .std_title4 {



    position: relative;



    z-index: 5;



    color: #fff;



    transition: all .36s;



}



.mod_service_wrap.act .std_btn1_box_bg {



    animation: btnBg 1s linear both;



}



.mod_service_wrap.act h2 {



    color: #3B475D;



    transition: all .36s .5s;



}



.mod_service_wrap.act .std_title4 {



    color: #4B5262;



    transition: all .36s .5s;



}



@keyframes btnBg {



    0% {



        width: 100vw;



        height: var(--height-num);



        top: var(--top-num);



    }



    100% {



        width: 100%;



        height: 100%;



        top: 0;



    }



}



.home_honour {



    padding-bottom: 22px;



    overflow: hidden;



}



.mod_service_wrap {



    background: linear-gradient(0deg, #F2F3F7 0%, rgba(243, 246, 251, 0.00) 30.32%);



}



.ys_ph_navbar3 .ys_ph_nav a {



    font-size: 16px;



    line-height: 30px;



    padding: 0;



}



.ys_ph_navbar3 .ys_ph_nav p {



    font-size: 16px;



    line-height: 30px;



    padding: 6px 0;



}



.ys_ph_navbar3 .ys_phnav_header {



    background: #fff;



}



.ys_phnavss_modal button {



    width: 50px;



}



.ys_phnavss_modal .ys_phnavss_form input {



    width: calc(100% - 55px);



}



/* E2-联系我们 */



.contact_main {



    background: linear-gradient(180deg, #F2F7FF 22.78%, #FFF 78%);



}



.contact_main .ys_main {



    margin-top: 80px;



}



.contact_wrap {



    padding-top: 80px;



}



.contact_wrap_cont {



    width: 100%;



    border-radius: 36px;



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



    overflow: hidden;



    padding: 80px 200px 114px;



    display: flex;



    align-items: center;



    flex-wrap: wrap;



}



.contact_wrap_cont_ri {



    width: 40.5%;



    border-radius: 12px;



    overflow: hidden;



    transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



}



.contact_wrap_cont_ri img {



    width: 100%;



}



.contact_wrap_cont_le {



    width: 59.5%;



    padding-right: 74px;



}



.contact_wrap_cont_le h1 {



    font-family: 'TradeGo-Medium';



}



.cwcl_parga {



    width: 68%;



    margin-top: 24px;



}



.cwcl_list {



    margin-top: 60px;



}



.cwcl_list_li input {



    width: 100%;



    height: 100%;



    font-size: 18px;



    color: #4B5262;



    border-bottom: 1px solid rgba(0, 128, 255, 0.20);



    transition: all .36s;



    font-family: 'TradeGo-Regular';



    border-radius: 0;



}



.cwcl_list_li input::placeholder {



    font-size: 18px;



    color: #999;



}



.cwcl_list_li {



    margin-bottom: 8px;



    height: 62px;







}



.cwcl_list_li input:focus {



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



}



.cwcl_list_code {



    width: 60%;



    display: flex;



    align-items: center;



    position: relative;



}



.cwcl_list_code_img {



    width: 120px;



    cursor: pointer;



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



    right: 0;



    z-index: 5;



}



.cwcl_list_code_img img {



    width: 100%;



}



.cwcl_list_code_input {



    width: 100%;



    height: 100%;



}



.cwcl_list_code_input input {



    padding-right: 140px;



}



.cwcl_agree_parga p {



    color: rgba(153, 153, 153, 0.60);



}



.cwcl_agree_parga p a {



    color: var(--main-color);



}



.cwcl_agree_box {



    width: 18px;



    height: 18px;



    position: relative;



    border-radius: 4px;



    border: 1px solid #0080FF;



    cursor: pointer;



    top: 5px;



}



.cwcl_agree_box img {



    width: 90%;



    position: absolute;



    top: 50%;



    left: 50%;



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



    transition: all .36s;



    opacity: 0;



}



.cwcl_agree_parga {



    width: calc(100% - 18px);



    padding-left: 12px;



}



.cwcl_agree {



    display: flex;



    align-items: flex-start;



    margin-top: 40px;



}



.cwcl_agree_box.act img {



    opacity: 1;



}



.cwcl_btn {



    margin-top: 40px;



}



/* C1-客户案例-贸易交单 */



.ys_nyban_title h1 {



    line-height: 1.2;



    font-family: 'TradeGo-Medium';



    color: #3B475D;



}



.casedet_info {



    margin-top: -86px;



    position: relative;



    z-index: 5;



}



.casedet_info_img {



    border-radius: 8px;



    overflow: hidden;



    width: 39%;



    position: relative;



    z-index: 5;



}



.casedet_info_img img {



    width: 100%;



}



.casedet_info_text {



    width: 69.67%;



    border-radius: 8px;



    background: #FFF;



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



    padding: 70px 100px 70px 180px;



    position: absolute;



    right: 0;



    top: -30px;



    /* z-index: -1; */



    display: flex;



    align-items: center;



    flex-wrap: wrap;



}



.casedet_info .ys_cont1200 {



    position: relative;



}



.casedet_info_text_parga {



    width: calc(100% - 85px);



    padding-left: 20px;



}



.casedet_info_text_parga p {



    color: #183557;



}



.casedet_info_text_num,



.casedet_info_text_num span {



    color: var(--main-color);



}



.casedet_info_text_num {



    width: 85px;



    font-family: 'TradeGo-Num-Medium';



}



.casedet_list {



    padding-top: 80px;



    overflow: hidden;



}



.casedet_main .casedet_relate {



    background: #F2F7FF;



    padding: 80px 0;



    overflow: hidden;



}



.crlu_li {



    width: 50%;



    padding: 0 14px;



}



.casedet_relate_list_ul {



    margin: 0 -14px;



}



.casedet_relate_list_ul.empty .slick-list {



    padding-bottom: 0;



}



.crlu_li_bg {



    width: 102.5%;



}



.crlu_li_bg img {



    width: 100%;



}



.crlu_li .ys_imgbox_cover {



    width: 233px;



    position: relative;



    z-index: 6;



}



.crlu_li_text {



    width: calc(100% - 233px);



    position: relative;



    padding-left: 40px;



    padding-right: 30px;



}



.crlu_li_text p {



    line-height: 1.6;



    height: 4.8em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 3;



    overflow: hidden;



}



.crlu_li a {



    position: relative;



    border-bottom-right-radius: 10px;



    width: 100%;



    display: block;



    position: relative;



}



.crlu_li_wrap {



    display: flex;



    align-items: center;



    position: absolute;



    width: 100%;



    top: 50%;



    left: 0;



    transform: translateY(-50%);



}



.crlu_li_wrap::after {



    content: "";



    width: 100%;



    height: 30px;



    background: #fff;



    border-bottom-right-radius: 10px;



    position: absolute;



    bottom: -1px;



    right: 2px;



}



.slick_wrap_li:not(:first-child) {



    display: none;



}



.slick_wrap_li {



    -webkit-user-select: text;



    -khtml-user-select: text;



    -moz-user-select: text;



    -ms-user-select: text;



    user-select: text;



}



.crlu_li_text .std_title4 {



    line-height: 1.3;



    margin-bottom: 24px;



    height: 2.6em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;



}



.crlu_li_btn {



    width: 48px;



    height: 48px;



    border-radius: 50%;



    background: linear-gradient(90deg, #0080FF 0%, rgba(0, 128, 255, 0.00) 202.08%);



    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.08));



    flex-shrink: 0;



    position: absolute;



    top: -5px;



    right: 0;



    z-index: 5;



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



}



.crlu_li_btn_icon {



    width: 100%;



}



.crlu_li_btn_icon img {



    width: 100%;



}



.casedet_relate_list_ul .slick-list {



    padding-bottom: 40px;



    padding-top: 30px;



}



.casedet_relate_list_ul .slick-dots {



    bottom: 0;



}



.slick-dots li {



    width: 16px;



    height: 5px;



    border-radius: 2.5px;



    background: #D8D8D8;



}



.slick-dots li.slick-active {



    width: 68px;



    background: var(--main-color);



}



/* .casedet_main .mod_service{



    padding-top: 130px;



} */



.casedet_main .mod_service {



    margin-top: 0 !important;



}



.clll_ul {



    display: flex;



    flex-wrap: wrap;



}



.clll_ul_li:nth-child(1),



.clll_ul_li:nth-child(2) {



    margin-top: 0;



}



.clll_ul_li {



    width: 50%;



    margin-top: 40px;



}



.clll_ul_li_parga1 {



    margin-bottom: 12px;



}



.clll_ul_li_parga2 p {



    font-family: 'TradeGo-Medium';



    color: #3B475D;



}



.casedet_list_li_le {



    width: 390px;



}



.casedet_list_li_le .std_title3 {



    font-family: 'TradeGo-Medium';



}



.casedet_list_li_ri {



    width: calc(100% - 390px);



    padding-left: 50px;



}



.yxedr_active ol,

.yxedr_active ul {



    margin-block-start: 0;



    margin-block-end: 0;



    margin-inline-start: 0;



    margin-inline-end: 0;



    padding-inline-start: 20px;



}



.yxedr_active ol li,



.yxedr_active ul li {



    list-style: disc;



}



.yxedr_active ol li::marker,



.yxedr_active ul li::marker {



    color: #FDB75C;



}



.yxedr_active p {



    font-size: var(--font-parga1);



    line-height: 1.6;



    color: #4B5262;



    margin-bottom: 10px;



}



.casedet_list_li_ri p {



    font-size: var(--font-parga1);



    line-height: 1.6;



    color: #4B5262;



    margin-bottom: 10px;



}



.casedet_list_li_ri p:last-child {



    margin-bottom: 0;



}



.casedet_list_li_ri img {



    border-radius: 12px;



    overflow: hidden;



}



.casedet_list_li:nth-child(1) {



    padding-top: 0;



}



.cllr_case_img {



    width: 80px;



    border-radius: 50%;



    overflow: hidden;



    background: #E3E5E8;



}



.cllr_case_text {



    width: calc(100% - 80px);



    padding-left: 20px;



}



.cllr_case {



    display: flex;



    align-items: center;



    margin-bottom: 20px;



}



.cllr_case_text .std_title4 {



    font-family: 'TradeGo-Medium';



    color: #4B5262;



    margin-bottom: 10px;



}



.cllr_case_text p {



    margin-bottom: 0;



    font-family: 'TradeGo-Medium';



}



/* B2-解决方案-数字燃油交付单 */



.solution_main .ys_nyban_title h1 {



    text-align: center;



}



.ys_nyban_title .std_title4 {



    margin-top: 24px;



    text-align: center;



    line-height: 1.6;



    color: #4B5262;



}



.solution_why {



    position: relative;



    overflow: hidden;



}



.solution_why.active .solution_why_bg img:nth-child(1) {



    animation: fadeInLeft 1s ease-in-out both;



    animation-delay: .1s;



    visibility: visible;



}



.solution_why.active .solution_why_bg img:nth-child(2) {



    animation: fadeInRight 1s ease-in-out both;



    animation-delay: .1s;



    visibility: visible;



}



.solution_why_bg img:nth-child(1) {



    width: 394px;



    position: absolute;



    bottom: 0;



    left: 0;



    visibility: hidden;



    z-index: -1;



}



.solution_why_bg img:nth-child(2) {



    width: 394px;



    position: absolute;



    bottom: 0;



    right: 0;



    visibility: hidden;



    z-index: -1;



}



.solution_why h2 {



    line-height: 1.2;



    text-align: center;



    width: 82%;



    margin: auto;



}



.solution_main h2 {



    font-family: 'TradeGo-Medium';



}



.solution_why_bt p {



    font-size: 20px;



    line-height: 1.6;



    color: #4B5262;



    text-align: center;



    padding: 0 10px;



}



.solution_why_btn {



    margin-top: 60px;



    text-align: center;



}



.sctl_icon {



    width: 42px;



}



.sctl_icon img {



    width: 100%;



}



.solution_choose_text_list p {



    width: calc(100% - 42px);



    padding-left: 10px;



    font-size: 20px;



    line-height: 1.4;



    color: #3B475D;



}



.solution_choose_text_list li {



    display: flex;



    align-items: center;



    margin-bottom: 24px;



}



.solution_choose_img {



    width: 45%;



    position: relative;



}



.solution_choose_img img:nth-child(1) {



    position: relative;



}



.solution_choose_img img {



    width: 100%;



    position: absolute;



    top: 0;



    left: 0;



}



@keyframes circleRotate1 {



    0% {



        transform: rotate(0);



    }



    100% {



        transform: rotate(1turn);



    }



}



.solution_choose_img img:nth-child(2) {



    animation: circleRotate1 50s infinite linear both;



}



.solution_choose_img img:nth-child(3) {



    animation: circleRotate1 40s infinite linear both;



}



.solution_choose_img img:nth-child(4) {



    animation: circleRotate1 30s infinite linear both;



}



.solution_choose_text {



    width: 55%;



    padding-right: 134px;



}



.solution_choose .ys_cont1400 {



    display: flex;



    align-items: center;



    flex-wrap: wrap;



}



.sibu_li {



    width: 20%;



    padding: 0 35px;



}



.solution_innova {



    position: relative;



    z-index: 1;



    padding-top: 210px;



}



.solution_innova_bg {



    width: 100%;



    z-index: -1;



    position: absolute;



    bottom: -260px;



    left: 0;



}



.solution_innova_bg img {



    width: 100%;



}



.solution_innova_bt_ul {



    margin: 0 -35px;



}



.sibu_li_cont {



    border-radius: 4px;



    background: #FFF;



    box-shadow: 0px 0px 25.9px 0px rgba(165, 195, 239, 0.25);



    padding: 37px 0;



}



.solution_innova_bt_ul .slick-list {



    padding-bottom: 50px;



    padding-top: 50px;



}



.solution_innova_bt {



    position: relative;



}



.solution_innova_bt_btn {



    width: 100%;



    pointer-events: none;



}



.std_arrow_prev {



    position: relative;



    left: -80px;



}



.std_arrow_next {



    position: relative;



    right: -80px;



}



.solution_porcesss {



    position: relative;



    z-index: 5;



}



.solution_porcesss_ph {



    width: 100%;



    border-radius: 20px;



    display: none;



    overflow: hidden;



}



.solution_porcesss_ph img {



    width: 100%;



}



.solution_porcesss_bt {



    background: #F6F9FE;



    border-radius: 32px;



    overflow: hidden;



    position: relative;



    z-index: 1;



}



.solution_porcesss_bt::before {



    content: "";



    width: 342px;



    height: 342px;



    border-radius: 50%;



    background: #DCEBFB;



    position: absolute;



    top: -127px;



    right: -135px;



    z-index: -1;



}



.solution_porcesss_bt::after {



    content: "";



    width: 222px;



    height: 222px;



    border-radius: 50%;



    background: #DCEBFB;



    position: absolute;



    bottom: -76px;



    left: -75px;



    z-index: -1;



}



.solution_porcesss_bt_bg {



    width: 100%;



}



.solution_porcesss_bt_bg svg {



    width: 100%;



    height: auto;



}



.spbl_li {



    padding: 0 24px;



    border-radius: 70px;



    background: rgba(0, 128, 255, .8);



    width: auto;



    position: absolute;



    display: flex;



    align-items: center;



    height: 70px;



    overflow: hidden;

    justify-content: center;



}



.spbl_li_icon {



    width: 32px;



}



.spbl_li_icon img {



    width: 100%;



}



.spbl_li_parga {



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



    padding-left: 8px;



}



.spbl_li_parga p {



    color: #fff;



    line-height: 1.4;



}



.solution_porcesss_bt_list {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



}



.spbl_li1 {



    top: 27.59%;



    left: 10.00%;



    width: 275px;



}



.spbl_li2 {



    top: 27.59%;



    left: 57.86%;



    /* width: 155px; */



}



.spbl_li3 {



    top: 27.59%;



    left: 85.21%;



    /* width: 150px; */



}



.spbl_li4 {



    top: 68.89%;



    left: 10.00%;



    width: 138px;



}



.spbl_li5 {



    top: 68.89%;



    left: 22.93%;



    width: 248px;



}



.spbl_li6 {



    top: 68.89%;



    left: 43.14%;



    width: 205px;



}



.spbl_li7 {



    top: 68.89%;



    left: 60.21%;



    width: 246px;



}



.spbl_li8 {



    top: 68.89%;



    left: 80.79%;



    width: 205px;



}



.solution_porcesss_bt_bg img {



    width: 100%;



    position: absolute;



    top: 0;



    left: 0;



}



.spbp_circle,

.subu_li_svg_circle {



    width: 15px;



    height: 15px;



    border-radius: 50%;



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



    position: absolute;



    top: -7.5px;



    left: -7.5px;



    opacity: 0;



}



.spbp_circle::after,



.subu_li_svg_circle::after {



    content: "";



    width: 5px;



    height: 5px;



    border-radius: 50%;



    background: var(--main-color);



    position: absolute;



    top: 50%;



    left: 50%;



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



}



.subu_li.even .subu_li_svg {



    left: auto;



    right: 49%;



}



.subu_li.even .subu_li_svg_icon {



    right: auto;



    left: -7.5px;



}



.subu_li_img {



    width: 49%;



    border-radius: 8px;



    overflow: hidden;



    border: 1px solid rgba(0, 128, 255, .2);



}



.subu_li_text {



    width: 51%;



    padding-left: 110px;



    padding-right: 120px;



}



.subu_li_text .std_title3 {



    font-family: 'TradeGo-Medium';



    margin-bottom: 24px;



}



.subu_li_svg {



    width: 304px;



    position: absolute;



    left: 49%;



    bottom: 0;



}



.subu_li_svg svg {



    width: 100%;



    height: auto;



}



.subu_li_svg_icon {



    width: 15px;



    position: absolute;



    right: -7.5px;



    bottom: 0;



}



.subu_li_svg_icon img {



    width: 100%;



}



.subu_li {



    display: flex;



    align-items: center;



    flex-wrap: wrap;



    padding-bottom: 60px;



    position: relative;



}



.subu_li:last-child {



    padding-bottom: 0;



}



.subu_li:last-child .subu_li_svg {



    display: none;



}



.subu_li.even {



    flex-direction: row-reverse;



}



.subu_li.even .subu_li_text {



    padding-left: 138px;



    padding-right: 100px;



}



.solution_use {



    position: relative;



    z-index: 2;



}



.solution_use::after {



    content: "";



    width: 100%;



    height: calc(100% - 160px);



    background: linear-gradient(179deg, rgba(242, 247, 255, 0.00) 0.65%, #F2F7FF 32.14%, rgba(246, 249, 254, 0.00) 96.08%);



    position: absolute;



    top: 0;



    left: 0;



    z-index: -1;



}



.sltw_num {



    width: 320px;



    position: absolute;



    top: -58px;



    left: 120px;



    z-index: -1;



}



.sltw_num img {



    width: 100%;



}



.subu_li_text_wrap {



    position: relative;



    z-index: 1;



}



.subu_li.even .sltw_num {



    left: -138px;



}



/* .solution_main .mod_service{



    padding-top: 84px;



} */



.casedet_relate h2 {



    font-family: 'TradeGo-Medium';



}



.solution_main .casedet_relate {



    position: relative;



    z-index: 1;



}



.solution_main .casedet_relate::after {



    content: "";



    width: 100%;



    height: calc(100% - 120px - 50px - 68px);



    background: linear-gradient(0deg, rgba(234, 240, 249, 0.00) -3.79%, #EBF1FB 77.51%);



    position: absolute;



    bottom: 0;



    left: 0;



    z-index: -1;



}



.solution_innova::after {



    content: "";



    width: 100%;



    height: calc(100% + 260px);



    background: linear-gradient(0deg, #F1F6FE 15.5%, rgba(241, 246, 254, 0.00) 89.19%);



    position: absolute;



    bottom: -260px;



    left: 0;



    z-index: -2;



}



.solution_adv_wrap {



    height: calc(100vh - 80px);



    position: sticky;



    top: 80px;



    width: 100%;



    /* background: linear-gradient(181deg, rgba(241, 246, 254, 0.00) 0.48%, #F1F6FE 54.09%, rgba(241, 246, 254, 0.00) 107.7%); */



    display: flex;



    align-items: center;



    justify-content: center;



}



.solution_html,

.solution_body {



    overflow: inherit !important;



}



.solution_adv_wrap_svg {



    width: 668px;



    margin: 60px auto 80px;



    position: relative;



}



.solution_adv_wrap_svg img {



    width: 100%;



}



.solution_adv_wrap_bg {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    z-index: -1;



}



.solution_adv_wrap_bg img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}



.slli_parga p {



    color: #999;



}



.slli_icon {



    width: 26px;



}



.slli_icon img {



    width: 100%;



}



.slli_parga {



    width: calc(100% - 26px);



    padding-left: 9px;



}



.saws_lab_li_item {



    /* display: flex;



    align-items: center;



    padding: 14px 16px;



    border-radius: 124px;



    background: #FFF;



    box-shadow: 0px 0px 19.9px 0px rgba(93, 144, 220, 0.25); */



    position: absolute;



}



.saws_lab {



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



}



.saws_lab_li {



    position: absolute !important;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    /* opacity: 0;



    visibility: hidden;



    transform: translateY(80px);



    transition: transform 0s 0.5s,opacity 0.1s,visibility 0.1s; */



}



/* .saws_lab_li.on{



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 0.8s 0.5s ease-in-out;



} */



.saws_lab_li_item {



    opacity: 0;



    visibility: hidden;



    transform: translateY(50px);



    transition: transform .8s 0s, opacity 0.36s, visibility 0.36s;



}



.saws_lab.active .saws_lab_li.on .saws_lab_li_item:nth-child(1) {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 1s 0.4s ease-in-out;



}



.saws_lab.active .saws_lab_li.on .saws_lab_li_item:nth-child(2) {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 1s 0.6s ease-in-out;



}



.saws_lab.active .saws_lab_li.on .saws_lab_li_item:nth-child(3) {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 1s 0.8s ease-in-out;



}



.solution_adv_wrap_svg {



    animation-delay: .5s;



}



.solution_adv {



    height: 400vh;



}



.sawt_li .std_title2 {



    font-family: 'TradeGo-Medium';



    text-align: center;



    line-height: 1.2;



    overflow: hidden;



    opacity: 0;



    visibility: hidden;



    display: flex;



    align-items: center;



    justify-content: center;



    height: 100%;



    /* transform: translateY(40px);



    transition: transform 0s 0.3s,opacity 0.1s,visibility 0.1s; */



}



.sawt_li.swiper-slide-active .std_title2 {



    /* opacity: 1;



    visibility: visible;



    transform: translateY(0);



    transition: 0.8s 0.3s; */



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



    animation-delay: .4s;



    visibility: visible;



}



.sawi_list {



    position: relative;



    transition: top 0.8s ease-in-out 0.2s;



}



.viewer-button {



    background: var(--main-color) !important;



}



.sawi_li p {



    color: #4B5262;



    opacity: 0.6;



    text-align: center;



    line-height: 1.5;



    /* padding-bottom: 8px; */



    height: 1.5em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 1;



    overflow: hidden;



}



.sawi_li {



    margin-bottom: 8px;



}



.solution_adv_wrap_info {



    overflow: hidden;



}



.slick-disabled {



    opacity: 0.5;



    pointer-events: none;



}



.mod_head_nav_wrap {



    margin: auto;



}



.mod_foot_bt_info a[href="https://www.yongsy.com"] {



    opacity: 0.3;



}



.solution_adv_wrap_info {



    width: 72%;



    margin: auto;



}



.mod_foot_tp_ph {



    display: none;



}



.ys_bread_list a {



    font-size: 16px;



    line-height: 1.5;



    color: #4B5262;



}



.ys_bread_list::before {



    content: "";



    width: 24px;



    height: 24px;



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



    right: -14px;



}



.mod_bread {



    top: 100px;



    z-index: 5;



}



html.actives .ys_ban_title {



    transform: translateY(0);



    opacity: 1;



}



.sawt_li {



    height: auto !important;



}



.solution_adv_wrap_dots {



    display: none;



}



.yx_search3xlbox {



    width: 100%;



    height: 350px;



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



    box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);



    display: none;



    position: fixed;



    left: 0;



    top: 80px;



    z-index: 99;



}



.yx_search3_tbox {



    width: 50%;



    margin: auto;



    position: absolute;



    top: 50%;



    left: 50%;



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



    height: 60px;



    border-bottom: 1px solid #666;



}



.yx_search3_xls {



    width: calc(100% - 27px);



    padding-right: 20px;



}



.yx_search3_xls input {



    font-size: 16px;



    line-height: 3.75;



    color: #666;



    width: 100%;



    transition: all .36s;



}



.yx_search3xlbtn {



    width: 27px;



    line-height: 60px;



}



.yx_search3xlbtn img {



    width: 100%;



    transition: all .36s;



}



.mhno_search_tp {



    line-height: 58px;



}

.clll_ul_li_parga2 p  {

    transition: all 0.36s;

}

/*鼠标效果*/



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

    .std_btn2_box:hover {

        padding: 0 24px;

    }



    /* .clll_ul_li:hover .clll_ul_li_parga2 p { 

        color: var(--main-color);

    } */

    .clll_ul_li:nth-child(3):hover .clll_ul_li_parga2 p{

        color:var(--main-color)

    } 



    .std_arrow_icon:hover {



        border: 1px solid var(--auxi-bgcolor);



    }



    .std_arrow_icon:hover img:nth-child(2) {



        opacity: 0;



    }



    .crlu_li a:hover .crlu_li_btn {



        transform: rotate(-45deg);



    }



    .std_btn1_box:hover img {



        margin-left: 24px;



    }



    .mod_foot_tp_nav li a:hover {



        opacity: 1;



    }



    .mlpw_ri_ul_li:hover p {



        color: var(--main-color);



    }



    .mlpw_ri_ul_li:hover .mrul_link1::after {



        width: 100%;



    }



    .std_btn3_box:hover img {



        margin-left: 24px;



    }



    .hpwt_ul_li:hover {



        border: 1px solid #FCA637;



        background: #FFF;



    }



    .hpwt_ul_li.on:hover p {



        color: #3B475D;



    }



    .hwlu_li_wrap:hover {



        border: 2px solid #0175FD;



    }



    .hwlu_li_wrap:hover .hlwi_circle1 {



        animation: whyEffect1 4s linear both infinite;



    }



    .hwlu_li2 .hwlu_li_wrap:hover svg {



        animation: whyEffect2 5s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_triangle1 {



        animation: whyEffect3_1 4s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_triangle2 {



        animation: whyEffect3_2 4s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_triangle3 {



        animation: whyEffect3_3 4s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_yuan1 {



        animation: whyEffect4_1 4s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_yuan2 {



        animation: whyEffect4_2 4s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_yuan3 {



        animation: whyEffect4_3 4s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_yuan4 {



        animation: whyEffect4_4 4s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_box1 {



        animation: whyEffect5_2 3s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_box2 {



        animation: whyEffect5_3 3s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_box3 {



        animation: whyEffect5_1 3s linear both infinite;



    }



    .hwlu_li_wrap:hover .hlwi_box4 {



        animation: whyEffect5_4 3s linear both infinite;



    }



}







/* 2期-start */

.inside_main .ys_main {

    margin-top: 80px;

}



.new_recomm {

    overflow: hidden;

}



.new_recomm_text {

    width: 34%;

    padding-right: 40px;

}



.new_recomm_text_ul {

    padding: 40px 18px 84px 36px;

    border-radius: 8px;

    background: #F2F7FF;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    height: 100%;

}



.new_recomm_img {

    width: 66%;

}



.nrtu_li_year {

    color: rgba(75, 82, 98, 0.80);

    line-height: 1.6;

}



.nrtu_li_tit {

    line-height: 1.6;

    height: 6.4em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

    margin-top: 10px;

}



.nrtu_li_parga {

    margin-top: 20px;

}



.nrtu_li_parga p {

    height: 4.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.nrtu_li_btn {

    margin-top: 35px;

}



.nrtu_li_btn .std_btn3_box {

    padding: 0 20px;

    background: #F2F7FF;

}



.new_recomm_img_ul {

    border-radius: 8px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    height: 100%;

}



.new_recomm_img_ul .slick-list,

.new_recomm_img_ul .slick-track,

.nriu_li a,

.nriu_li .ys_imgbox_cover {

    height: 100%;

}



.nriu_li .ys_imgbox_cover img {

    height: 100%;

    object-fit: cover;

}



.nriu_li {

    width: 100%;

}



.nriu_li a {

    display: block;

    width: 100%;

}



.new_recomm .ys_cont1400 {

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}



.new_recomm_text_ul .slick-dots {

    bottom: 40px;

    text-align: left;

}



.new_list_wrap {

    margin-top: 40px;

}



.new_list_wrap_ul {

    overflow: hidden;

}



.nlwu_li a {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    padding: 40px 0;

    border-bottom: 1px solid rgba(0, 128, 255, 0.20);

    position: relative;

}



.nlwu_li a::after {

    content: "";

    width: 0;

    height: 1px;

    background: var(--main-color);

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .36s;

}



.nlwu_li:nth-child(1) a {

    padding-top: 0;

}



.nlwu_li_text {

    width: 69%;

    padding-left: 40px;

}



.nlwu_li_img {

    border-radius: 8px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    width: 31%;

}



.new_list .hpwt_ul_li p {

    line-height: 44px;

}



.new_list .hpwt_ul_li.on p {

    padding: 0 24px;

}



.nlwu_li_text_lab p {

    font-size: 14px;

    line-height: 32px;

    color: var(--main-color);

    padding: 0 8px;

    border-radius: 4px;

    background: rgba(0, 128, 255, 0.10);

}



.nlwu_li_text_lab li {

    display: inline-block;

    padding: 0 10px;

}



.nlwu_li_text_lab ul {

    margin: 0 -10px;

}



.nlwu_li_text_lab {

    margin-top: 15px;

}



.nlwu_li_text_tit,

.nlwu_li_text_parga {

    margin-top: 20px;

}



.nlwu_li_text_tit {

    font-family: 'TradeGo-Medium';

    line-height: 1.3;

    max-height: 2.6em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.nlwu_li_text_parga p {

    line-height: 1.75;

    height: 3.5em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.new_list_wrap_page {

    margin-top: 80px;

}



.pc_fenye li {

    width: 34px;

    height: 34px;

    line-height: 34px;

    color: #3B475D;

    text-align: center;

    margin: 0 12px;

    border-radius: 4px;

    border: 1px solid rgba(153, 153, 153, 0.20);

}



.pc_fenye li.activepage {

    color: var(--main-color);

    background: transparent;

    border: 1px solid var(--main-color);

}



.newdet_wrap_cont {

    padding: 0 40px;

}



.nwcb_side {

    width: 240px;

    border-radius: 8px;

    background: #F2F7FF;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    padding: 32px 25px;

    position: sticky;

    top: 100px;

}



.newdet_wrap_cont_tp,

.nwcb_text {

    width: calc(100% - 240px);

    padding-right: 80px;

}



.newdet_wrap {

    padding-top: 60px;

}



.newdet_wrap_cont_tp h2 {

    font-family: 'TradeGo-Medium';

}



.nwct_parga {

    margin-top: 12px;

}



.nwct_video {

    margin-top: 20px;

    position: relative;

}



.nwct_video_img {

    width: 100%;

    border-radius: 8px;

    overflow: hidden;

    position: relative;

}



.nwct_video_img img {

    width: 100%;

}



.nwct_video_img::after {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);

    position: absolute;

    top: 0;

    left: 0;

}



.nwct_video_icon {

    width: 42px;

    cursor: pointer;

    z-index: 5;

}



.nwct_video_icon img {

    width: 100%;

}



.nwcb_text h1 {

    font-family: 'TradeGo-Medium';

    margin-top: 15px;

}



.nwcb_text_parga {

    padding: 40px 0;

    border-bottom: 1px solid rgba(0, 128, 255, 0.20);

    ;

}



.nwcb_text_parga img {

    border-radius: 8px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.newdet_wrap_cont_tp {

    margin-bottom: 40px;

}



.nwcb_text_info .nrtu_li_year {

    color: #4B5262;

    margin-right: 12px;

}



.nwcb_text_info {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.nwcb_text_info .nlwu_li_text_lab {

    margin-top: 0;

}



.nwcb_text_page {

    margin-top: 20px;

}



.nwcb_text_page p {

    height: 1.6em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.nwcb_text_page img {

    width: 16px;

    margin-right: 4px;

    flex-shrink: 0;

}



.nwcb_text_page a {

    display: flex;

    align-items: center;

}



.nwcb_text_page li:nth-child(1) {

    margin-bottom: 10px;

}



.nwcb_side_code_pic {

    width: 140px;

    margin: auto;

}



.nwcb_side_code img {

    width: 100%;

}



.nwcb_side_code p {

    font-size: 14px;

    line-height: 1.6;

    color: #4B5262;

    opacity: 0.4;

    text-align: center;

    margin-top: 6px;

}



.nwcb_side_code {

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(0, 128, 255, 0.20);

}



.nwcb_side_info {

    margin-top: 24px;

}



.nsil_icon p {

    color: #3B475D !important;

    opacity: 1 !important;

}



.nsil_icon {

    display: flex;

    align-items: center;

    justify-content: center;

}



.nsil_icon img {

    width: 20px;

    margin-right: 4px;

}



.nwcb_side_info_li p {

    color: #4B5262;

    opacity: 0.7;

    text-align: center;

}



.nwcb_side_info_li {

    margin-bottom: 20px;

}



.nwcb_side_info_li:last-child {

    margin-bottom: 0;

}



.nwcb_side_btn {

    text-align: center;

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid rgba(0, 128, 255, 0.20);

}



.nwcb_side_btn .std_btn1_box {

    padding: 0 40px;

}



.std_btn1 img {

    flex-shrink: 0;

}



.nwcb_side_btn .std_btn1 img,

.plwu_li_text_btn .std_btn1 img {

    width: 16px;

}



.nwcb_side_btn_parga {

    margin-top: 10px;

}



.nwcb_side_btn_parga p {

    color: #4B5262;

    opacity: 0.7;

    text-align: center;

}



.newdet_html,

.newdet_html body {

    overflow: inherit !important;

}



.paper_main .ys_nyban_title h1,

.about_main .ys_nyban_title h1,

.question_main .ys_nyban_title h1 {

    text-align: center;

    color: #fff;

}



.plwu_li_wrap {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    padding: 60px 0;

    border-bottom: 1px solid rgba(0, 128, 255, 0.20);

    position: relative;

}



.plwu_li_wrap::after {

    content: "";

    width: 0;

    height: 1px;

    background: var(--main-color);

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .36s;

}



.plwu_li_img {

    width: 43%;

    border-radius: 12px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.plwu_li_text {

    width: 57%;

    padding-left: 40px;

}



.plwu_li:nth-child(1) a {

    padding-top: 0;

}



.plwu_li:last-child a {

    padding-bottom: 0;

    border-bottom: none;

}



.plwu_li:last-child a::after {

    display: none;

}



.paper_list_wrap {

    margin-top: 60px;

}



.paper_list_wrap_ul {

    overflow: hidden;

}



.plwu_li_text_info .nlwu_li_text_lab {

    margin-top: 0;

}



.plwu_li_text_info {

    display: flex;

    align-items: center;

}



.plwu_li_text_info .nrtu_li_year {

    padding-left: 40px;

    position: relative;

}



.plwu_li_text_info .nrtu_li_year::after {

    content: "";

    width: 1px;

    height: 24px;

    background: #ddd;

    position: absolute;

    top: 50%;

    left: 20px;

    transform: translateY(-50%);

}



.plwu_li_text_tit {

    font-family: 'TradeGo-Medium';

    line-height: 1.3;

    height: 2.6em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-top: 20px;

}



.plwu_li_text_parga {

    margin-top: 20px;

}



.plwu_li_text_parga p {

    line-height: 1.75;

    height: 7em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.plwu_li_text_btn {

    margin-top: 24px;

}



.question_main {

    background: #FAFAFA;

}



.std_padding3 {

    padding: 80px 0;

}



.std_padtop3 {

    padding-top: 80px;

}



.std_padbot3 {

    padding-bottom: 80px;

}



.question_list {

    position: relative;

    z-index: 1;

}



.question_list::after {

    content: "";

    width: 1400px;

    height: 100%;

    background: #FFF;

    box-shadow: 0px 0px 16.6px 0px rgba(128, 141, 161, 0.06);

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

}



.question_list_wrap_side {

    width: 172px;

    position: sticky;

    top: 100px;

    border-left: 2px solid #F7F7F7;

}



.question_list_wrap_text {

    width: calc(100% - 172px);

    padding-left: 110px;

}



.qlws_list p {

    line-height: 1.75;

    transition: all .36s;

    padding: 4px 10px;

}



.qlws_list li {

    margin-bottom: 10px;

    transition: all .36s;

    border-radius: 0 4px 4px 0;

    position: relative;

    cursor: pointer;

}



.qlws_list li:last-child {

    margin-bottom: 0;

}



.qlws_list li.on {

    background: var(--auxi-bgcolor);

}



.qlws_list li.on p {

    color: #fff;

}



.qlws_list li::after {

    content: "";

    width: 2px;

    height: 100%;

    background: var(--main-color);

    position: absolute;

    top: 0;

    left: -2px;

    transition: all .36s;

    opacity: 0;

}



.qlws_list li.on::after {

    opacity: 1;

}



.qlwt_item_tit {

    font-family: 'TradeGo-Medium';

    margin-bottom: 30px;

}



.qlwt_item_list p {

    font-size: var(--font-parga1);

    line-height: 1.75;

    color: #4B5262;

    margin-bottom: 14px;

}



.qlwt_item {

    padding-top: 40px;

}



.qlwt_item:nth-child(1) {

    padding-top: 0;

}



.qlwt_item_list a {

    color: var(--main-color);

}



.about_main .solution_innova h2 {

    text-align: center;

}



.about_main h2 {

    font-family: 'TradeGo-Medium';

}



.about_main .solution_innova_bg {

    bottom: 0;

}



.about_main .solution_innova::after {

    height: 410px;

    bottom: -338px;

    background: linear-gradient(0deg, rgba(234, 240, 249, 0.00) -3.79%, #EEF5FA 65.65%);

}



.about_main .solution_innova {

    padding-top: 168px;

}



.about_accom {

    position: relative;

    z-index: 5;

    overflow: hidden;

    padding-bottom: 22px;

}



.about_accom h2 {

    text-align: center;

}



.aals_li_text {

    width: 46%;

    padding-left: 28px;

}



.aals_li_text_time p {

    color: var(--main-color);

}



.aals_li_text_tit {

    line-height: 1.6;

    color: #4B5262;

    margin-top: 12px;

}



.aals_li_img {

    border-radius: 8px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    width: 54%;

}



.about_accom_list_swiper {

    overflow: visible !important;

    padding-bottom: 80px !important;

}



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

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

    top: auto !important;

    bottom: 0 !important;

    height: 2px !important;

}



.about_accom_list .swiper-pagination-progressbar {

    background: #D7E3F9 !important;

}



.about_accom_list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #0074FC !important;

}



.about_accom_list_point {

    position: absolute;

    bottom: -14px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #FFF;

    box-shadow: 0px 0px 28.6px 0px rgba(45, 63, 84, 0.10);

    z-index: 5;

    transition: all .36s;

    transform: translateX(-30px);

}



.about_accom_list_point::after {

    content: "";

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #0080FF;

    box-shadow: 0px 0px 28.6px 0px rgba(45, 63, 84, 0.10);

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: -1;

}



.about_accom_list_point img {

    width: 100%;

}



.about_accom_list {

    position: relative;

}



.about_accom_list_btn {

    width: 92px;

    position: absolute;

    right: 0;

    bottom: -20px;

}



.about_accom_list_btn .std_arrow_prev {

    left: 0;

}



.about_accom_list_btn .std_arrow_next {

    right: 0;

}



.about_accom_list_wrap {

    position: relative;

    width: calc(100% - 102px);

}



.aals_li {

    width: 833px !important;

}



.about_profile {

    width: 100%;

    height: 250vh;

}



.about_profile_wrap {

    display: flex;

    flex-direction: row;

    height: calc(100vh - 80px);

    width: 100%;

    padding-left: 3.6%;

    padding-right: 3.6%;

    position: sticky;

    top: 80px;

}



.about_profile_wrap_list {

    width: 100%;

    height: 100%;

}



.apwl_li {

    position: absolute;

}



.apwl_li1 {

    width: 24.5%;

    left: 3%;

    transform: translateY(1200px);

}



.apwl_li2 {

    width: 24%;

    left: 33%;

    transform: translateY(1000px);

}



.apwl_li3 {

    width: 24.5%;

    left: 63%;

    transform: translateY(1000px);

}



.apwl_li_cont_wrap {

    position: relative;

}



.apwl_li_cont_img {

    width: 100%;

    height: 100%;

    border-radius: 10px;

    position: relative;

}



.apwl_li_cont_img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px;

    overflow: hidden;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.apwl_li_cont_img::after {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(242, 247, 255, 0.00) -12.73%, #F2F7FF 64.87%);

    position: absolute;

    top: 1px;

    left: 0;

    transition: all .36s;

    opacity: 0;

    border-radius: 10px;

}



.apwl_li.skrollable-after .apwl_li_cont_img::after {

    opacity: 1;

}



.apwl_li_cont_text .std_title3 {

    color: var(--main-color);

    text-align: center;

}



.apwl_li_cont_text .std_title4 {

    color: #4B5262;

    text-align: center;

    margin-top: 8px;

    line-height: 1.6;

    height: 4.8em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.apwl_li1 .apwl_li_cont_wrap {

    width: 80%;

    margin: auto;

}



.apwl_li2 .apwl_li_cont_wrap {

    width: 56%;

    margin: auto;

}



.apwl_li3 .apwl_li_cont_wrap {

    width: 90%;

    margin: auto;

}



.apwl_li_cont_text {

    position: absolute;

    z-index: 5;

    bottom: -210px;

    width: 100%;

}



.apwl_li.skrollable-after .apwl_li_cont_text {

    padding: 0 66px;

    transition: all .36s;

}



.about_profile_wrap_cont {

    width: 100%;

    position: relative;

}



.apwc_tit {

    top: 80px;

}



.about_profile_wrap_cont h2 {

    text-align: center;

}



@keyframes dataChange1 {

    0% {

        transform: translateY(1200px);

    }



    100% {

        transform: translateY(430px);

    }

}



@keyframes dataChange2 {

    0% {

        transform: translateY(1000px);

    }



    100% {

        transform: translateY(270px);

    }

}



@keyframes dataChange3 {

    0% {

        transform: translateY(1000px);

    }



    100% {

        transform: translateY(250px);

    }

}



.about_profile.animate .apwl_li1 {

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

}



.about_profile.animate .apwl_li2 {

    animation: dataChange2 1s ease-out both .1s;

}



.about_profile.animate .apwl_li3 {

    animation: dataChange3 1s ease-out both .2s;

}



.apwc_bg {

    width: 33.333333%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    pointer-events: none;

}



.apwc_bg img {

    width: 100%;

}



.about_history {

    background: #F2F7FF;

    position: relative;

}



.about_history h2 {

    text-align: center;

    padding-bottom: 30px;

}



.ahlu_li_wrap_cont {

    padding: 24px 28px;

    border-radius: 8px;

    background: #FFF;

    box-shadow: 0px 0px 19.9px 0px rgba(93, 144, 220, 0.25);

}



.alwc_info {

    margin-top: 20px;

}



.alwc_info li {

    position: relative;

    padding-left: 16px;

    margin-bottom: 20px;

}



.alwc_info li::before {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--auxi-bgcolor);

    position: absolute;

    top: 10px;

    left: 0;

}



.ahlu_li_wrap_img {

    width: 100%;

    border-radius: 10px;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}



.about_history_le_ul {

    position: relative;

}



.ahlu_li {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    pointer-events: none;

    transition: all .36s;

    opacity: 0;

}



.ahlu_li:nth-child(1) {

    position: relative;

}



.ahlu_li.on {

    opacity: 1;

    pointer-events: all;

}



.about_history_le {

    padding-left: 87px;

    padding-right: 105px;

    width: calc(100% - 120px);

}



.ahmu_li {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

    transition: all .36s;

    opacity: 0;

}



.ahmu_li.on {

    pointer-events: all;

    opacity: 1;

    position: relative;

}



.about_history_le_ul .slick-list {

    overflow: visible !important;

    padding: 20px 0 !important;

}



.about_history_year_ul .slick-list {

    overflow: visible;

}



.ahyu_li {

    line-height: 45px;

    cursor: pointer;

    padding-bottom: 20px;

    transition: all .36s;

    font-family: 'TradeGo-Num-Regular';

}



.ahyu_li.on {

    color: var(--main-color);

}



.about_history_year_ul {

    padding-left: 120px;

    transition: all .36s;

}



.about_history_year {

    position: absolute;

    top: 0;

    left: 0;

    height: calc(100vh - 80px);

    display: flex;

    align-items: center;

    z-index: 98;

}



.about_history_year_cont {

    position: relative;

    overflow: hidden;

    height: 455px;

}



.ahyc_line {

    width: 108px;

    height: 1px;

    background: var(--main-color);

    position: absolute;

    top: 22px;

    left: 0;

}



.ahyc_line::after {

    content: "";

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: var(--main-color);

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}



.about_history_mid {

    width: 120px;

    position: relative;

    z-index: 5;

    background: #F2F7FF;

    /* height: calc(100vh - 80px);

    display: flex;

    align-items: center; */

}



.about_history_cont {

    display: flex;

    align-items: flex-start;

    position: relative;

    z-index: 1;

}



.about_history .ys_cont1400::after {

    content: "";

    width: 1px;

    height: 100%;

    background: var(--main-color);

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: -1;

}



.ahru_li_cont_year {

    font-size: 60px;

    line-height: 1.4;

    color: var(--main-color);

    font-family: 'TradeGo-Num-Bold';

}



.alci_ul_li_month {

    font-family: 'TradeGo-Medium';

    margin-bottom: 10px;

}



.alci_ul_li {

    margin-top: 20px;

}



.about_history_ri {

    width: 46%;

    padding-left: 62px;

    position: relative;

    z-index: 5;

}



.about_history_text {

    width: 54%;

    display: flex;

    align-items: center;

    height: calc(100vh - 80px);

    position: sticky;

    top: 80px;

}



.ahru_li {

    height: calc(100vh - 80px);

    display: flex;

    align-items: center;

}



.about_history_mid::before {

    content: "";

    width: 100%;

    height: 33px;

    background: #F2F7FF;

    position: absolute;

    top: -33px;

    left: 0;

}



.about_history_mid::after {

    content: "";

    width: 100%;

    height: 33px;

    background: #F2F7FF;

    position: absolute;

    bottom: -33px;

    left: 0;

}



.alwc_info p a,

.alci_ul_li_parga p a {

    color: var(--main-color);

}



.about_history_year.isfixed {

    position: fixed;

    top: 80px;

}



.about_history_year.isfixed.isab {

    position: absolute;

    top: auto !important;

    bottom: 0;

}



.ahru_li_icon {

    width: 48px;

    display: none;

    background: #F2F7FF;

}



.ahru_li_icon img {

    width: 100%;

}



.about_history_ri_btn {

    text-align: center;

    display: none;

    margin-top: 26px;

}



.ahru_li_cont_ph {

    display: none;

    margin-top: 26px;

}



.about_company {

    height: 400vh;

    position: relative;

}



.about_company_bg {

    height: 300vh;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}



.about_company_wrap {

    position: sticky;

    top: 80px;

    height: calc(100vh - 80px);

    overflow: hidden;

}



.acwt_cont {

    width: 91%;

    margin: auto;

    position: relative;

}



.acwt_cont_parga {

    text-align: center;

}



.acwt_cont_parga p {

    font-size: 20px;

    line-height: 1.75;

    color: #b7bac0;

    background: #b7bac0 -webkit-linear-gradient(left, #4B5262, #4B5262) no-repeat 0 0;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    background-size: 0 100%;

    display: initial;

}



.acwt_cont h2 {

    text-align: center;

    margin-bottom: 38px;

}



.acwt_cont_bg img:nth-child(1) {

    width: 246px;

    position: absolute;

    /* top: 38px;

    left: -316px; */

    top: 100%;

    left: 0;

    transition: all .36s;

    opacity: 0;

}



.acwt_cont_bg img:nth-child(2) {

    width: 220px;

    position: absolute;

    /* top: 30px;

    right: -303px; */

    top: 100%;

    right: 0;

    transition: all 1s;

    opacity: 0;

}



.about_company_wrap_text.active .acwt_cont_bg img:nth-child(1) {

    top: 38px;

    left: -316px;

    opacity: 1;

    transition: all 1s 1s;

}



.about_company_wrap_text.active .acwt_cont_bg img:nth-child(2) {

    top: 30px;

    right: -303px;

    opacity: 1;

    transition: all 1s 1s;

}



@keyframes textChange {

    0% {

        background-size: 0 100%;

    }



    100% {

        background-size: 100% 100%;

    }

}



.acwl_circle_item.skrollable-after {

    opacity: 0;

}



.acwl_circle_item_cont {

    background: #0080FF;

    border-radius: 50%;

    display: block;

    padding-top: 100%;

    will-change: opacity;

    /* opacity: 0.03; */

}



.acwl_circle_item1 .acwl_circle_item_cont {

    opacity: 0.1;

}



.acwl_circle_item2 .acwl_circle_item_cont {

    opacity: 0.2;

}



.acwl_circle_item3 .acwl_circle_item_cont {

    opacity: 0.3;

}



.acwl_circle_item {

    border-radius: 50%;

    left: 50%;

    pointer-events: none;

    position: absolute;

    top: 50%;

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

    width: 0;

}



.acwl_circle_item1 {

    border: 1px solid rgba(0, 128, 255, 0.1);

}



.acwl_circle_item2 {

    border: 1px solid rgba(0, 128, 255, 0.2);

}



.acwl_circle_item3 {

    border: 1px solid rgba(0, 128, 255, 0.3);

}



.about_company_wrap_logo {

    height: 100%;

}



.acwl_circle {

    height: 100%;

}



.acwl_logo {

    width: 315px;

}



.acwl_logo img {

    width: 100%;

}



.about_company_wrap_text {

    width: 100%;

    pointer-events: none;

    transition: all .1s;

    opacity: 0;

}



.about_company_wrap_text.active {

    opacity: 1;

    pointer-events: all;

    transition: all 1s;

}



.about_company_wrap_text.active .acwt_cont_parga p {

    animation: textChange 5s linear both 1.1s;

}



.hpwt_ul_li {

    width: auto !important;

}



.qlws_list .swiper-wrapper {

    display: block;

}



.qlws_list .swiper-container {

    overflow: visible !important;

}



/* 2期-end */

/*鼠标效果*/

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



    .std_arrow_icon:hover {

        border: 1px solid var(--auxi-bgcolor);

    }



    .std_arrow_icon:hover img:nth-child(2) {

        opacity: 0;

    }



    .crlu_li a:hover .crlu_li_btn {

        transform: rotate(-45deg);

    }



    .std_btn1_box:hover img {

        margin-left: 24px;

    }



    .mod_foot_tp_nav li a:hover {

        opacity: 1;

    }



    .mlpw_ri_ul_li:hover p {

        color: var(--main-color);

    }



    .mlpw_ri_ul_li:hover .mrul_link1::after {

        width: 100%;

    }



    .std_btn3_box:hover img {

        margin-left: 24px;

    }



    .hpwt_ul_li:hover {

        border: 1px solid #FCA637;

        background: #FFF;

    }



    .hpwt_ul_li.on:hover p {

        color: #3B475D;

    }



    .hwlu_li_wrap:hover {

        border: 2px solid #0175FD;

    }



    .hwlu_li_wrap:hover .hlwi_circle1 {

        animation: whyEffect1 4s linear both infinite;

    }



    .hwlu_li2 .hwlu_li_wrap:hover svg {

        animation: whyEffect2 5s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_triangle1 {

        animation: whyEffect3_1 4s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_triangle2 {

        animation: whyEffect3_2 4s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_triangle3 {

        animation: whyEffect3_3 4s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_yuan1 {

        animation: whyEffect4_1 4s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_yuan2 {

        animation: whyEffect4_2 4s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_yuan3 {

        animation: whyEffect4_3 4s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_yuan4 {

        animation: whyEffect4_4 4s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_box1 {

        animation: whyEffect5_2 3s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_box2 {

        animation: whyEffect5_3 3s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_box3 {

        animation: whyEffect5_1 3s linear both infinite;

    }



    .hwlu_li_wrap:hover .hlwi_box4 {

        animation: whyEffect5_4 3s linear both infinite;

    }



    /* 2期-start */

    .nlwu_li a:hover::after {

        width: 100%;

    }



    .pc_fenye li:hover {

        color: var(--main-color);

        background: transparent;

        border: 1px solid var(--main-color);

    }



    .first li:hover,

    .prev li:hover,

    .next li:hover,

    .end li:hover {

        border: 1px solid rgba(153, 153, 153, 0.20);

    }



    .plwu_li:hover .plwu_li_wrap::after {

        width: 100%;

    }



    /* 2期-end */

}



.plwu_li_text_empty {

    opacity: 0;

    height: 46px;

    margin-top: 24px;

}



.plwu_li_text_btn {

    position: absolute;

    bottom: 60px;

    left: calc(43% + 40px);

}



.plwu_li:last-child .plwu_li_text_btn {

    bottom: 0;

}



.mod_foot_tp_nav>ul>li {

    padding: 0 22px;

}



.mod_foot_tp_nav>ul {

    margin: 0 -22px;

}



body {

    height: auto !important;

}



.saws_lab_swiper {

    height: 100%;

    overflow: visible !important;

}



.sawt-arrow {

    display: none;

}



/* 2024.5.24修改 */

.mod_head_nav {

    width: 1120px;

}



.mod_head_btn {

    width: calc(100% - 122px - 1120px);

}



.aals_li a {

    width: 100%;

    height: 100%;

    display: block;

}



.apwl_li_cont_text {

    width: 420px;

    padding: 0 !important;

    left: 50%;

    transform: translateX(-50%);

}



.paper_main .ys_bread_list a,

.question_main .ys_bread_list a,

.about_main .ys_bread_list a {

    color: #fff;

}



.paper_main .ys_bread_list::before,

.question_main .ys_bread_list::before,

.about_main .ys_bread_list::before {

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

}



/* 2024.5.30修改 */

@keyframes labBeat {

    0% {

        transform: translateY(0px);

    }



    50% {

        transform: translateY(-8px);

    }



    100% {

        transform: translateY(0px);

    }

}



.slli_cont {

    display: flex;

    align-items: center;

    padding: 14px 16px;

    border-radius: 124px;

    background: #FFF;

    box-shadow: 0px 0px 19.9px 0px rgba(93, 144, 220, 0.25);

}



.saws_lab_li_item:nth-child(1).jump .slli_cont {

    animation: labBeat 2s linear both infinite .6s;

}



.saws_lab_li_item:nth-child(2).jump .slli_cont {

    animation: labBeat 2s linear both infinite .8s;

}



.saws_lab_li_item:nth-child(3).jump .slli_cont {

    animation: labBeat 2s linear both infinite 1s;

}



.clll_ul_li_parga1 p {

    font-weight: bold;

}



.solution_adv_wrap .mod_bread {

    top: 20px;

}



.solution_main .ys_nybanner .mod_bread {

    display: none;

}



.sawt_li .std_title2 {

    line-height: 1.75;

}



.question_list_wrap_side {

    width: 220px;

}



.question_list_wrap_text {

    width: calc(100% - 220px);

    padding-left: 110px;

}



.qlws_list p {

    font-size: 16px;

}



.about_main .ys_nyban_title .std_title4 {

    display: none;

}



/* .spbl_li1 {

    left: 15.5%;

} */

.clll_ul_li_parga1 p {

    transition: all .36s;

}



.about_company_wrap_text.active .acwt_cont_parga p {

    animation: textChange 10s linear both 1.1s;

}



.solution_why_bt p {

    width: 85%;

    margin: auto;

}





.sawi_list {

    position: relative;

    transition: top 0.6s ease-in-out 0s;

}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs1 {

    animation: imgLeftUp1 0.6s cubic-bezier(0.55, 0.08, 0.74, 0.51) both 0s;

}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs img:nth-child(2) {

    animation: imgLeftUp2 0.7s cubic-bezier(0.55,0.08,0.74,0.51) both .1s;

}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs img:nth-child(3) {

    animation: imgLeftUp2 0.8s cubic-bezier(0.55,0.08,0.74,0.51) both .2s;

}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hsli_imgs img:nth-child(4) {

    animation: imgLeftUp2 .9s cubic-bezier(0.55,0.08,0.74,0.51) both 0.3s;

}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .std_title3 {

    transition: 0.5s ease-in-out 1s;

}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hslt_parga {

    transition: 0.5s ease-in-out 1.1s;

}



.hpwl_swiper.act .hpwl_swiper_li.swiper-slide-active .hslt_btn {

    transition: 0.5s ease-in-out 1.2s;

}





.mfbr-li-top {

    width: 32px;

    cursor: pointer;

}



.mfbr-li-top img {

    width: 100%;

}





.mfbr-ul {

    display: flex;

}



.mfbr-li {

    position: relative;

    margin-left: 24px;

}



.mfbr-li-btm {

    position: absolute;

    bottom: 45px;

    left: 50%;

    transform: translateX(-50%);

    width: 100px;

    display: none;

}



.mod_foot_bt {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



.mod_foot_bt-ri {

    flex: none;

}

.ys_pos_center h1{

    text-align: center;

    line-height: 1.5;

}

.home_about_wrap{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.home_about_altas{

    width: 17%;

}

.about_main .ys_nyban_title .std_title1{

    animation: ysfadeInUp 1.2s ease-in-out both;

    animation-delay: .2s;

}

.hslt_parga p {
    font-size: 16px;
    line-height: 1.75;
    
}
.solution_why_bt p {
    font-size: 18px;
}
.an-active p{
    font-size: 16px;
}
.mfml_phone_wrap{
    display: flex;
    align-items: flex-start;
}
html.off .home_ban_modal {
    z-index: 9;
}
.home_ban_tit{
    z-index: 10;
 }
 .home_ban_modal_img{
    object-fit: cover;
 }
 .mrul_link1 img{
   display:none; 
}
.mlpw_ri_ul_li.has_thlevel .mrul_link1 img{
    display:block;
}
.mlpw_ri_pull .mrul_link1 img{
  display:none; 
}
.mod_service{
    z-index: 2;
}
/* 20250122 */
.mhno_lang {
    width: 26px;
}