@charset "utf-8";







/* 调大看小 */



/* 2k */

@media screen and (max-width: 2560px) {

    .home_about_altas {

        top: 16%;

    }

}

@media screen and (max-width: 2400px) {

    .home_about_altas {

        top: 10%;

    }

}

@media screen and (max-width: 1920px) {



    .home_about_bg {



        width: 115%;



        left: -27%;



        top: 0;



    }



    .home_about_altas {



        width: 20%;

        top: 15%;

        right: 18.5%;



    }



    .ys_ban_txtbox {



        top: 30%;



        transform: translate(-50%, 0);



    }



    .ys_ban_control {



        top: 66%;



        bottom: auto;



    }



    .hwlu_li_wrap_icon {



        margin-top: 30px;



    }



    .hwlu_li {



        margin-bottom: 50px;



    }



    .sawt_li .std_title2 {



        font-size: 40px;



    }



    .solution_adv_wrap_svg {



        margin: 40px auto;



    }



    /* 1920end */



}

@media screen and (max-width: 1820px){



    .home_about_altas {

        top: 14%;

    }

}





@media screen and (max-width: 1680px) {



    .mod_head_nav {



        width: auto;



        padding-left: 80px;



        padding-right: 30px;



        margin-left: 20px;



    }



    .mhnu_li {



        padding: 0 25px;



    }



    .mod_head_nav_ul {



        margin: 0 -25px;



    }



    .ys_cont1640 {



        width: 82.5%;



    }



    .mod_head_btn .std_btn2 {



        margin-left: 10px;



    }



    .mod_head_btn {



        width: auto;



    }



    .mod_head_nav_other {



        padding-left: 50px;



    }



    .contact_wrap_cont {



        padding: 70px 100px 100px;



    }



    .cwcl_parga {



        width: 74%;



    }



    .mhnu_li_pull_wrap {



        padding-left: 100px;



        padding-right: 200px;



    }



    .mlpw_ri {



        padding-left: 100px;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 58px;



        --font-title2: 44px;



        --font-title3: 30px;



        --font-title4: 24px;



        --font-title5: 20px;



        --font-parga1: 18px;



        --font-parga2: 16px;



        --std-padding1: 120px;



        --std-padding2: 100px;



        --std-margin1: 50px;



    }



    .crlu_li .ys_imgbox_cover {



        width: 34%;



    }



    .crlu_li_text {



        width: 66%;



    }



    .crlu_li_btn {



        width: 42px;



        height: 42px;



    }







    .solution_adv_wrap_svg {



        width: 630px;



        margin: 50px auto;



    }



    .solution_why_bg img:nth-child(1),



    .solution_why_bg img:nth-child(2) {



        width: 320px;



    }



    .spbl_li4 {



        left: 9.52%;



    }



    .spbl_li_parga p {



        font-size: 16px;



    }



    .solution_innova {



        padding-top: 180px;



    }



    .sibu_li {



        padding: 0 28px;



    }



    .solution_innova_bt_ul {



        margin: 0 -28px;



    }



    .sltw_num {



        width: 300px;



        top: -40px;



        left: 100px;



    }



    .subu_li.even .sltw_num {



        left: -108px;



    }



    .home_provide_wrap_list {



        margin-top: 100px;



    }



    .hpwl_swiper_li_text {



        width: 33%;



    }



    .home_digital_img {



        width: 48%;



    }



    .home_digital_text {



        width: 52%;



        padding-right: 60px;



    }



    .home_digital_text_tab {



        margin-top: 34px;



    }



    .hdtt_ul_li {



        padding: 0 10px;



        margin-top: 12px;



    }



    .hdtt_ul {



        margin: 0 -10px;



    }



    .hdtt_ul_li_wrap {



        padding: 15px 17px;



    }



    .home_digital_bg {



        width: 82.5%;



        bottom: -200px;



    }



    .hwlu_li_wrap {



        padding: 28px 28px 16px 38px;



    }



    .hwlu_li {



        margin-bottom: 50px;



    }



    .home_trusted_bt_list {



        padding: 40px 0;



    }



    .home_trusted::before {



        height: calc(100% - 250px);



    }



    .home_trusted_bt::after,

    .home_trusted::after {



        height: 250px;



    }



    .home_about_bg {



        left: -20%;



    }



    .home_about_altas {

/* 

        width: 336px;



        height: 336px;



        top: 10%; */



        right: 11.5%;



    }



    .home_about_text {



        padding-top: 0;



    }



    .hatd_li_num span {



        font-size: 110px;



    }



    .home_about_text_btn {



        margin-top: 50px;



    }



    .home_about_ship {



        width: 347px;



        height: 211px;



        left: -173.5px;



        top: -105.5px;



    }



    .home_about_ship img {



        margin-top: -3px;



    }



    .htbl_li_item_li {



        width: 160px;



        margin-right: 20px;



    }



    .htbl_li_item {



        width: calc((160px * var(--width-shu)) + (20px *var(--width-shu)));



    }



    .home_about {



        padding-bottom: 190px;



    }



    /* .mod_service {



        padding-top: 210px;



    } */



    .hsli_imgs1 {



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



    }



    .mswi_ship {



        top: -135px;



    }



    .ys_ban_txtbox {



        top: 33%;



    }



    .hwlu_li_wrap_cont {



        height: 100%;



        display: flex;



        flex-wrap: wrap;



        align-content: space-between;



    }



    .hwlu_li {



        margin-bottom: 40px;



    }



    .mod_head_btn {



        width: 350px;



    }



    .mod_head_nav {



        width: calc(100% - 350px - 122px - 20px);



    }



    .mod_head_nav_other {



        padding-left: 0 !important;



    }



    .mod_bread {



        top: 90px;



    }



    .casedet_info {



        margin-top: -70px;



    }



    .sawt_li .std_title2 {



        font-size: 36px;



    }



    .solution_adv_wrap_svg {



        margin: 30px auto;



        width: 600px;



    }



    /* 2期-start */

    .question_list::after {

        width: 82.5%;

    }



    .acwt_cont {

        width: 80%;

    }



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

        left: -250px;

    }



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

        right: -250px;

    }



    .apwc_tit {

        top: 40px;

    }



    @keyframes dataChange1 {

        0% {

            transform: translateY(1200px);

        }



        100% {

            transform: translateY(300px);

        }

    }



    @keyframes dataChange2 {

        0% {

            transform: translateY(1000px);

        }



        100% {

            transform: translateY(140px);

        }

    }



    @keyframes dataChange3 {

        0% {

            transform: translateY(1000px);

        }



        100% {

            transform: translateY(120px);

        }

    }



    .apwl_li_cont_text .std_title4 {

        font-size: 20px;

    }



    .acwt_cont h2 {

        margin-bottom: 28px;

    }



    .about_history_year_ul {

        padding-left: 100px;

    }



    .ahyc_line {

        width: 88px;

    }



    .ahyc_line::after {

        width: 12px;

        height: 12px;

    }



    .ahru_li_cont_year {

        font-size: 54px;

    }



    .about_main .solution_innova {

        padding-top: 140px;

    }



    .mod_foot_tp_nav {

        padding-left: 60px;

        padding-right: 40px;

    }



    .mod_foot_tp_nav>ul>li {

        padding: 0 15px;

    }



    .mod_foot_tp_nav>ul {

        margin: 0 -15px;

    }



    .mod_foot_tp_nav li a {

        font-size: 14px;

    }



    /* 2期-end */

    .mod_head_nav {

        width: calc(100% - 360px - 122px - 20px);

    }



    .mod_head_btn {

        width: 360px;

    }



    .apwl_li_cont_text {

        width: 380px;

    }



    .solution_adv_wrap .mod_bread {

        top: 10px;

    }



    .spbl_li1 {

        width: 20%;

    }



    .spbl_li4 {

        width: 10%;

    }



    .spbl_li5 {

        width: 17%;

    }



    .spbl_li6 {

        width: 15%;

    }



    .spbl_li7 {

        width: 18%;

    }



    /* 1680end */



}







@media screen and (max-width: 1560px) {



    .mlpw_ri {



        padding-left: 80px;



    }



    .mhno_lang {



        margin-left: 18px;



    }



    .mhno_lang_tp_icon {



        width: 26px;



        height: 26px;



    }



    .mhno_search {



        width: 24px;



    }



    .mod_head_nav_other {



        padding-left: 40px;



    }



    .mod_head_nav {



        padding-left: 50px;



    }



    .mhnu_li {



        padding: 0 20px;



    }



    .mod_head_nav_ul {



        margin: 0 -20px;



    }



    .std_btn1_box {



        padding: 0 18px;



    }



    .contact_wrap_cont {



        padding: 60px 80px 80px;



    }



    .cwcl_list_li input,



    .cwcl_list_li input::placeholder {



        font-size: 16px;



    }



    .cwcl_list_li {



        height: 58px;



    }



    .contact_wrap_cont_le {



        padding-right: 50px;



    }



    .mod_foot_tp_nav {



        padding-left: 60px;



        padding-right: 40px;



    }



    .mod_foot_tp_nav>ul>li {



        padding: 0 20px;



    }



    .mod_foot_tp_nav>ul {



        margin: 0 -20px;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 54px;



        --font-title2: 42px;



        --font-title3: 28px;



        --font-title4: 22px;



        --font-title5: 20px;



        --font-parga1: 18px;



        --font-parga2: 16px;



        --std-padding1: 110px;



        --std-padding2: 90px;



        --std-margin1: 40px;



    }



    .cwcl_list {



        margin-top: 50px;



    }



    .casedet_info {



        margin-top: -50px;



    }



    .clll_ul_li {



        margin-top: 30px;



    }



    .clll_ul_li_parga1 {



        margin-bottom: 8px;



    }



    .crlu_li_text {



        padding-left: 30px;



        padding-right: 20px;



    }



    .crlu_li_btn {



        width: 38px;



        height: 38px;



    }







    .casedet_relate_list_ul .slick-list {



        padding-bottom: 30px;



        padding-top: 20px;



    }



    /* .casedet_main .mod_service {



        padding-top: 110px;



    } */



    .mswi_car {



        width: 201px;



        height: 68px;



        top: -68px;



        left: -100.5px;



    }



    .mswi_ship {



        width: 360px;



        height: 114px;



        top: -114px;



        left: -180px;



    }



    .casedet_list {



        padding-top: 70px;



    }



    .cllr_case_text .std_title4 {



        margin-bottom: 6px;



    }



    .solution_adv_wrap_svg {



        width: 560px;



        margin: 30px auto;



    }



    .solution_why_btn {



        margin-top: 50px;



    }



    .solution_why_bg img:nth-child(1),

    .solution_why_bg img:nth-child(2) {



        width: 280px;



    }



    .solution_choose_text {



        padding-right: 100px;



    }



    .solution_choose_text_list li {



        margin-bottom: 20px;



    }



    .spbl_li {



        height: 60px;



    }



    .spbl_li_icon {



        width: 30px;



    }



    /* .spbl_li_parga {



        width: calc(100% - 30px);



    } */



    .solution_porcesss_bt::after {



        width: 200px;



        height: 200px;



    }



    .solution_why_btn {



        margin-top: 40px;



    }



    .sltw_num {



        width: 280px;



    }



    .subu_li_text {



        padding-left: 90px;



        padding-right: 100px;



    }



    .subu_li.even .subu_li_text {



        padding-left: 118px;



        padding-right: 80px;



    }



    .ys_nyban_title .std_title4 {



        margin-top: 18px;



    }



    .slli_icon {



        width: 24px;



    }



    .slli_parga {



        width: calc(100% - 24px);



    }



    .slli_cont {



        padding: 12px 14px;



    }



    .spbl_li_parga p {



        font-size: 14px;



    }



    .spbl_li1 {



        left: 10.52%;



    }



    .subu_li_svg {



        width: 280px;



    }



    .solution_innova {



        padding-top: 160px;



    }



    .sibu_li {



        padding: 0 22px;



    }



    .solution_innova_bt_ul {



        margin: 0 -22px;



    }



    .std_arrow_icon {



        width: 36px;



        height: 36px;



    }



    .std_arrow_prev {



        left: -70px;



    }



    .std_arrow_next {



        right: -70px;



    }



    .solution_innova_bt_ul .slick-list {



        padding-bottom: 40px;



        padding-top: 40px;



    }



    .home_provide_wrap_list {



        margin-top: 80px;



    }



    .hslt_btn {



        margin-top: 24px;



    }



    .hslt_parga {



        margin-top: 15px;



    }



    .home_digital_img {



        width: 44%;



    }



    .home_digital_text {



        width: 56%;



        padding-right: 50px;



    }



    .hulw_icon {



        width: 37px;



        height: 37px;



    }



    .hulw_parga {



        width: calc(100% - 37px);



        padding-left: 10px;



    }



    .hwlu_li_wrap_icon {



        width: 106px;



    }



    .hwlu_li {



        padding: 0 10px;



        margin-bottom: 40px;



    }



    .home_why_list_ul {



        margin: 0 -10px;



    }



    .home_trusted_bt::after,

    .home_trusted::after {



        height: 220px;



    }



    .home_trusted::before {



        height: calc(100% - 220px);



    }



    .home_about_altas {



        /* width: 320px;



        height: 320px; */



        top: 15%;



        right: 11.5%;



    }



    .hatd_li_num span {



        font-size: 100px;



    }



    .home_about_text_parga p {



        height: 9.6em;



        -webkit-line-clamp: 6;



    }



    .haal_li_item_li {



        width: 110px;



    }



    .haal_li_item {



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



    }



    .hdip_circle {



        width: 12px;



        height: 12px;



    }



    .home_honour_bt_swiper {



        padding-top: 40px !important;



        padding-bottom: 50px !important;



    }



    .hhbs_li_cont {



        padding: 40px 10px;



    }



    /* .mod_service {



        padding-top: 190px;



    } */



    .ys_ban_control {



        bottom: 26.5%;



    }



    .home_honour_bt_arrow .std_arrow_icon {



        bottom: -18px;



    }



    .mswi_ship {



        top: -120px;



    }



    .ys_ban_scroll {



        bottom: -20px;



    }



    .ys_ban_txtbox {



        top: 50%;



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



    }



    .home_trusted_bt_list {



        top: 55px;



    }



    .ys_bread_list a {



        font-size: 14px;



    }



    .ys_bread_list::before {



        width: 22px;



        height: 22px;



        right: -12px;



    }



    .casedet_main .ys_nyban_title {



        top: 53%;



    }



    .sawt_li .std_title2 {



        font-size: 34px;



    }



    .solution_adv_wrap_svg {



        margin: 20px auto;



    }



    .yx_search3xlbox {



        height: 300px;



    }



    /* 2期-start */

    .paper_list_wrap {

        margin-top: 50px;

    }



    .plwu_li_wrap {

        padding: 50px 0;

    }



    .new_list_wrap_page {

        margin-top: 70px;

    }



    .nwcb_text_parga {

        padding: 30px 0;

    }



    .nwcb_side {

        padding: 28px 20px;

    }



    .newdet_wrap_cont_tp,

    .nwcb_text {

        padding-right: 60px;

    }



    .qlwt_item_tit {

        margin-bottom: 22px;

    }



    .question_list_wrap_text {

        padding-left: 90px;

    }



    .question_list::after {

        width: 90%;

    }



    .qlwt_item {

        padding-top: 30px;

    }



    .nlwu_li a {

        padding: 30px 0;

    }



    .nlwu_li_text_tit,

    .nlwu_li_text_parga {

        margin-top: 15px;

    }



    .new_recomm_text {

        padding-right: 30px;

    }



    .acwl_logo {

        width: 280px;

    }



    .acwt_cont_parga p {

        font-size: 18px;

    }



    .acwt_cont_bg img:nth-child(1) {

        width: 220px;

    }



    .acwt_cont_bg img:nth-child(2) {

        width: 200px;

    }



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

        left: -220px;

    }



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

        right: -220px;

    }



    .about_history_mid {

        width: 110px;

    }



    .about_history_le {

        padding-right: 80px;

        width: calc(100% - 110px);

    }



    .about_history_ri {

        padding-left: 50px;

    }



    .ahru_li_cont_year {

        font-size: 50px;

    }



    .about_accom_list_swiper {

        padding-bottom: 60px !important;

    }



    .about_accom_list_btn {

        width: 84px;

        bottom: -18px;

    }



    .about_main .solution_innova {

        padding-top: 130px;

    }



    .ahyu_li {

        line-height: 40px;

    }



    .about_history_year_cont {

        height: 420px;

    }



    .ahyc_line {

        top: 19.5px;

    }



    .about_history_mid::before {

        height: 28px;

        top: -28px;

    }



    .about_history_mid::after {

        height: 28px;

        bottom: -28px;

    }



    .plwu_li_text_btn {

        bottom: 50px;

    }



    .mod_foot_tp_nav>ul>li {

        padding: 0 10px;

    }



    .mod_foot_tp_nav>ul {

        margin: 0 -10px;

    }



    .aals_li {

        width: 800px !important;

    }



    .aals_li_text_tit {

        font-size: 20px;

    }



    /* 2期-end */

    .mod_head_nav {

        width: calc(100% - 350px - 122px - 20px);

    }



    .mod_head_btn {

        width: 350px;

    }



    .apwl_li_cont_text {

        width: 360px;

    }
    /* 20250122 */
    .mhno_lang {
        width: 24px;
    }


    /* 1560end */



}







@media screen and (max-width: 1440px) {



    .ys_modal_content {



        max-height: 650px;



    }



    .mhnu_li_link1 {



        font-size: 14px;



        line-height: 50px;



        margin-top: 10px;



    }



    .mod_head_logo {



        width: 110px;



    }



    .mod_head_logo a {



        line-height: 70px;



    }



    .std_btn1 img {



        width: 20px;



    }



    .std_btn1 p,

    .std_btn2 p {



        line-height: 42px;



        font-size: 14px;



    }



    .mod_head_nav::after {



        height: 50px;



    }



    .mhnu_li {



        height: 70px;



    }



    .contact_main .ys_main {



        margin-top: 70px;



    }



    .contact_wrap {



        padding-top: 70px;



    }



    .contact_wrap_cont {



        padding: 50px 60px 60px;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 60px;



        --font-title2: 42px;



        --font-title3: 26px;



        --font-title4: 22px;



        --font-title5: 20px;



        --font-parga1: 18px;



        --font-parga2: 16px;



        --std-padding1: 100px;



        --std-padding2: 80px;



        --std-margin1: 40px;



    }



    .mod_foot_tp_nav li a {



        font-size: 14px;



    }



    .mftl_link .ys_select_hd {



        padding-left: 16px;



    }



    .mftl_link .ys_select_bd {



        padding: 10px 16px;



    }



    .mod_foot_tp_le {



        width: 250px;



    }



    .mod_foot_tp_nav {



        padding-left: 50px;



        padding-right: 30px;



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



    }



    .mod_foot_tp_nav>ul>li {



        padding: 0 14px;



    }



    .mod_foot_tp_nav>ul {



        margin: 0 -14px;



    }



    .mod_foot_mid {



        margin-bottom: 28px;



    }



    .mhnu_li_pull {



        top: 70px;



    }



    .mhnu_li_pull_wrap {



        padding-left: 80px;



        padding-right: 150px;



    }



    .mlpw_ri {



        padding-left: 50px;



    }



    .cwcl_list {



        margin-top: 40px;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 52px;



        --font-title2: 40px;



        --font-title3: 24px;



        --font-title4: 22px;



        --font-title5: 20px;



        --font-parga1: 18px;



        --font-parga2: 16px;



        --std-padding1: 100px;



        --std-padding2: 80px;



        --std-margin1: 40px;



    }



    .mod_foot_tp_nav>ul>li>a {



        font-size: 14px;



        margin-bottom: 12px;



    }



    .mod_foot_tp_nav li {



        margin-bottom: 12px;



    }



    .casedet_info_text {



        width: 65%;



        padding: 50px 80px 50px 160px;



        top: -30px;



    }



    .casedet_list_li_le {



        width: 370px;



    }



    .casedet_list_li_ri {



        width: calc(100% - 370px);



        padding-left: 40px;



    }



    .crlu_li_text .std_title4 {



        margin-bottom: 18px;



    }



    .crlu_li_text p {



        line-height: 1.5;



        height: 4.5em;



    }



    .casedet_main .casedet_relate {



        padding: 60px 0;



    }



    .slick-dots li.slick-active {



        width: 60px;



    }



    .crlu_li_text {



        padding-left: 20px;



    }



    /* .casedet_main .mod_service {



        padding-top: 100px;



    } */



    .mswi_ship {



        width: 322px;



        height: 102px;



        top: -105px;



        left: -161px;



    }



    .mswi_car {



        width: 189px;



        height: 64px;



        top: -64px;



        left: -94.5px;



    }



    .slli_cont {



        padding: 10px 14px;



    }



    .solution_adv_wrap_svg {



        width: 520px;



    }



    .solution_why_bg img:nth-child(1),

    .solution_why_bg img:nth-child(2) {



        width: 260px;



    }



    .solution_choose_text {



        padding-right: 80px;



    }



    .sctl_icon {



        width: 38px;



    }



    .solution_choose_text_list p {



        width: calc(100% - 38px);



        font-size: 18px;



    }



    .solution_choose_text_list li {



        margin-bottom: 16px;



    }



    .solution_porcesss_bt::before {



        width: 300px;



        height: 300px;



    }



    .spbl_li {



        padding: 0 18px;



        height: 54px;



    }



    .sltw_num {



        width: 260px;



    }



    .subu_li_text {



        padding-left: 70px;



        padding-right: 70px;



    }



    .subu_li.even .subu_li_text {



        padding-left: 80px;



        padding-right: 80px;



    }



    .subu_li_svg {



        width: 260px;



    }



    .solution_innova {



        padding-top: 140px;



    }



    .sibu_li_cont {



        padding: 32px 0;



    }



    .solution_adv_wrap {



        height: calc(100vh - 70px);



        top: 70px;



    }



    .solution_why_bt p {



        font-size: 18px;



        padding: 0 60px;



    }



    /* .solution_main .mod_service {



        padding-top: 60px;



    } */



    .home_provide_wrap {



        top: 70px;



        height: calc(100vh - 70px);



    }



    .hpwl_swiper_li_img {



        width: 65%;



    }



    .hslt_btn .std_btn1 {



        margin-right: 30px;



    }



    .std_btn3 p {



        line-height: 40px;



    }



    .std_btn3_box {



        padding: 0 30px;



    }



    .hpwt_ul_li p {



        padding: 0 20px;



    }



    .hdip_circle {



        width: 10px;



        height: 10px;



    }



    .hulw_icon {



        width: 35px;



        height: 35px;



    }



    .hulw_parga {



        width: calc(100% - 35px);



    }



    .hdtt_ul_li_wrap {



        padding: 12px 15px;



    }



    .home_digital_bg {



        bottom: -180px;



    }



    .home_trusted_bt::after,

    .home_trusted::after {



        height: 200px;



    }



    .home_trusted::before {



        height: calc(100% - 200px);



    }



    .htbl_li_item_li {



        width: 150px;



    }



    .htbl_li_item {



        width: calc((150px * var(--width-shu)) + (20px *var(--width-shu)));



    }



    .hatd_li_num span {



        font-size: 94px;



    }



    .home_about_text_btn {



        margin-top: 40px;



    }



    .home_about_ship {



        width: 315px;



        height: 191px;



        left: -157.5px;



        top: -95.5px;



    }



    /* .mod_service {



        padding-top: 170px;



    } */



    .home_honour_bt_arrow .std_arrow_next {



        right: -60px;



    }



    .home_honour_bt_arrow .std_arrow_prev {



        left: -60px;



    }



    .httl_bg {



        width: 110%;



    }



    .home_trusted_tp_list {



        padding: 0 60px;



    }



    .hdtl_ul_li_parga p {



        height: 6.4em;



        -webkit-line-clamp: 4;



    }



    .mod_head_btn {



        width: 320px;



    }



    .mod_head_nav {



        width: calc(100% - 320px - 110px - 20px);



    }



    .mhno_lang_bt_wrap a {



        font-size: 14px;



    }



    .mhno_lang_bt_wrap li {



        margin-bottom: 12px;



    }



    .sawi_li p {



        font-size: 16px;



    }



    .slli_icon {



        width: 22px;



    }



    .slli_parga {



        width: calc(100% - 22px);



    }



    .solution_adv_wrap_svg {



        width: 480px;



    }



    .slli_cont {



        padding: 8px 14px;



    }



    .sawt_li .std_title2 {



        font-size: 32px;



    }



    .yx_search3xlbox {



        top: 70px;



    }



    /* 2期-start */

    .new_list .hpwt_ul_li p {

        line-height: 38px;

    }



    .std_padding3 {

        padding: 70px 0;

    }



    .std_padtop3 {

        padding-top: 70px;

    }



    .std_padbot3 {

        padding-bottom: 70px;

    }



    .plwu_li_text_parga p {

        height: 5.25em;

        -webkit-line-clamp: 3;

    }



    .paper_list_wrap {

        margin-top: 40px;

    }



    .plwu_li_wrap {

        padding: 40px 0;

    }



    .plwu_li_text {

        padding-left: 30px;

    }



    .plwu_li_text_parga {

        margin-top: 14px;

    }



    .plwu_li_text_btn {

        margin-top: 20px;

    }



    .new_list_wrap_page {

        margin-top: 60px;

    }



    .newdet_wrap {

        padding-top: 50px;

    }



    .newdet_wrap_cont_tp {

        margin-bottom: 30px;

    }



    .inside_main .ys_main {

        margin-top: 70px;

    }



    .about_company_wrap {

        top: 70px;

        height: calc(100vh - 70px);

    }



    .acwl_logo {

        width: 260px;

    }



    .acwt_cont_bg img:nth-child(1) {

        width: 200px;

    }



    .acwt_cont_bg img:nth-child(2) {

        width: 180px;

    }



    .about_profile_wrap {

        display: flex;

        flex-direction: row;

        height: calc(100vh - 70px);

        top: 70px;

    }



    .apwc_tit {

        top: 30px;

    }



    @keyframes dataChange1 {

        0% {

            transform: translateY(1200px);

        }



        100% {

            transform: translateY(280px);

        }

    }



    @keyframes dataChange2 {

        0% {

            transform: translateY(1000px);

        }



        100% {

            transform: translateY(120px);

        }

    }



    @keyframes dataChange3 {

        0% {

            transform: translateY(1000px);

        }



        100% {

            transform: translateY(100px);

        }

    }



    .acwt_cont h2 {

        margin-bottom: 20px;

    }



    .apwl_li_cont_text .std_title4 {

        font-size: 18px;

    }



    .about_history_year.isfixed {

        top: 70px;

    }



    .about_history_year {

        height: calc(100vh - 70px);

    }



    .ahru_li_cont_year {

        font-size: 46px;

    }



    .ahyu_li {

        line-height: 35px;

        padding-bottom: 15px;

    }



    .about_history_year_cont {

        height: 350px;

    }



    .ahyc_line {

        top: 17px;

        width: 68px;

    }



    .about_history_year_ul {

        padding-left: 80px;

    }



    .ahyc_line::after {

        width: 10px;

        height: 10px;

    }



    .about_history_le {

        padding-left: 60px;

        padding-right: 60px;

        width: calc(100% - 100px);

    }



    .about_history_mid {

        width: 100px;

    }



    .about_main .solution_innova {

        padding-top: 120px;

    }



    .about_history_text {

        height: calc(100vh - 70px);

        top: 70px;

    }



    .apwl_li.skrollable-after .apwl_li_cont_text {

        padding: 0 40px;

    }



    .plwu_li_text_btn {

        bottom: 40px;

        left: calc(43% + 30px);

    }



    .plwu_li_text_empty {

        height: 42px;

        margin-top: 20px;

    }



    .hulw_icon_bg {

        -webkit-mask-position: 50% 50%;

    }



    /* 2期-end */

    .solution_adv_wrap .mod_bread {

        top: 20px;

    }



    .mfbr-li {

        margin-left: 15px;

    }



    .mod_foot_bt_info span,

    .mod_foot_bt_info a {

        font-size: 12px;

        margin-right: 6px;

    }



    /* 1440end */



}







@media screen and (max-width: 1360px) {



    .mod_head_nav {



        padding-left: 30px;



    }



    .mhnu_li {



        padding: 0 15px;



    }



    .mod_head_nav_ul {



        margin: 0 -15px;



    }



    .mhno_lang {



        margin-left: 15px;



    }



    .mhno_lang_tp_icon {



        width: 24px;



        height: 24px;



    }



    .cwcl_parga {



        width: 80%;



    }



    .casedet_list {



        padding-top: 60px;



    }



    .crlu_li_btn {



        width: 35px;



        height: 35px;



    }



    .spbl_li_icon {



        width: 28px;



    }



    /* .spbl_li_parga {



        width: calc(100% - 28px);



    } */



    .spbl_li1 {



        left: 10.25%;



    }



    .spbl_li {



        padding: 0 14px;



    }



    .spbl_li4 {



        left: 10.52%;



    }



    .solution_innova::after,

    .solution_innova_bg {



        bottom: -245px;



    }



    .hdtt_ul {



        margin: 0 -6px;



    }



    .hdtt_ul_li {



        padding: 0 6px;



    }



    .home_digital_text_tab {



        margin-top: 26px;



    }



    .hulw_parga p {



        font-size: 16px;



    }



    .hdtl_ul_li_btn {



        margin-top: 18px;



    }



    .hwlu_li_wrap_icon {



        width: 95px;



    }



    /* .home_about_altas {



        width: 300px;



        height: 300px;



        top: 9.5%;



        right: 9.5%;



    } */



    .home_about {



        padding-bottom: 160px;



    }



    .subu_li_svg {



        width: 240px;



    }



    .subu_li.even .subu_li_text {



        padding-left: 60px;



        padding-right: 60px;



    }



    .mod_bread {



        top: 80px;



    }



    /* 2期-start */

    .new_recomm_text_ul {

        padding: 40px 18px 84px 28px;

    }



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

        left: -200px;

    }



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

        right: -200px;

    }



    .aals_li {

        width: 750px !important;

    }



    .aals_li_text_tit {

        font-size: 18px;

    }



    /* 2期-end */

    .solution_adv_wrap .mod_bread {

        top: 10px;

    }



    .spbl_li8 {

        width: 15%;

    }



    /* 1360end */



}







@media screen and (max-width: 1280px) {



    .ys_modal_content {



        max-height: 600px;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 50px;



        --font-title2: 36px;



        --font-title3: 22px;



        --font-title4: 20px;



        --font-title5: 18px;



        --font-parga1: 16px;



        --font-parga2: 14px;



        --std-padding1: 80px;



        --std-padding2: 60px;



        --std-margin1: 30px;



    }



    .mod_head_logo {



        width: 100px;



    }



    .mod_head_logo a {



        line-height: 64px;



    }



    .mhnu_li {



        height: 64px;



    }



    .mhnu_li_link1 {



        font-size: 14px;



        line-height: 46px;



        margin-top: 9px;



    }



    .mod_head_nav::after {



        height: 46px;



    }



    .mod_head_nav {



        padding-left: 20px;



        padding-right: 20px;



    }



    .std_btn1 img {



        width: 18px;



    }



    /* .mhnu_li {



        padding: 0 12px;



    }



    .mod_head_nav_ul {



        margin: 0 -12px;



    } */



    .cwcl_agree_box {



        top: 4px;



    }



    .contact_wrap_cont {



        padding: 40px 50px 50px;



        border-radius: 30px;



    }



    .cwcl_list_li input,

    .cwcl_list_li input::placeholder {



        font-size: 14px;



    }



    .cwcl_list_code_input input {



        padding-right: 130px;



    }



    .cwcl_btn {



        margin-top: 30px;



    }



    .mfml_icon {



        top: 1.5px;



    }



    .contact_main .ys_main {



        margin-top: 64px;



    }



    .casedet_list_li_le {



        width: 340px;



    }



    .casedet_list_li_ri {



        width: calc(100% - 340px);



        padding-left: 30px;



    }



    .crlu_li {



        padding: 0 8px;



    }



    .casedet_relate_list_ul {



        margin: 0 -8px;



    }



    .crlu_li_btn {



        width: 33px;



        height: 33px;



    }







    .slick-dots li {



        width: 14px;



    }



    .slick-dots li.slick-active {



        width: 54px;



    }



    .mswi_ship {



        width: 296px;



        height: 94px;



        top: -96px;



        left: -148px;



    }



    .mswi_car {



        width: 169px;



        height: 58px;



        top: -58px;



        left: -84.5px;



    }



    .mswi_air {



        width: 138px;



        height: 54px;



        left: -69px;



        top: -27px;



    }



    .solution_adv_wrap {



        height: calc(100vh - 64px);



        top: 64px;



    }



    .solution_why_bt p {



        font-size: 16px;



        padding: 0 100px;



    }



    .solution_why_bg img:nth-child(1),

    .solution_why_bg img:nth-child(2) {



        width: 220px;



    }



    .solution_why_btn {



        margin-top: 30px;



    }



    .solution_porcesss_bt::before {



        width: 260px;



        height: 260px;



    }



    .solution_porcesss_bt::after {



        width: 170px;



        height: 170px;



    }



    .spbl_li {



        height: 48px;



    }



    .spbl_li_parga p {



        font-size: 12px;



    }



    .spbl_li1 {



        left: 11.00%;



    }



    .subu_li_text .std_title3 {



        margin-bottom: 10px;



    }



    .sltw_num {



        width: 240px;



    }



    .solution_innova {



        padding-top: 120px;



    }



    .solution_innova_bt_ul .slick-list {



        padding-bottom: 30px;



        padding-top: 30px;



    }



    .sibu_li {



        padding: 0 18px;



    }



    .solution_innova_bt_ul {



        margin: 0 -18px;



    }



    .std_arrow_icon {



        width: 34px;



        height: 34px;



    }



    .std_arrow_prev {



        left: -60px;



    }



    .std_arrow_next {



        right: -60px;



    }



    .sibu_li_cont {



        padding: 28px 0;



    }



    .home_provide_wrap {



        top: 64px;



        height: calc(100vh - 64px);



    }



    .hslt_btn .std_btn1 {



        margin-right: 20px;



    }



    .home_provide_wrap_list {



        margin-top: 60px;



    }



    .home_digital_bg {



        bottom: -160px;



    }



    .hwlu_li_wrap {



        padding: 20px 20px 16px 30px;



    }



    .home_honour_bt_arrow .std_arrow_icon {



        bottom: -17px;



    }



    .home_honour_bt_swiper {



        padding-top: 30px !important;



        padding-bottom: 40px !important;



    }



    /* .mod_service {



        padding-top: 140px;



    } */



    .mlpw_ri_secondary,

    .mlpw_ri_pull_wrap {



        width: 250px;



    }



    .mlpw_ri {



        padding-left: 40px;



    }



    .mhnu_li_pull {



        top: 64px;



    }



    .ys_ban_scroll {



        width: 60px;



        height: 60px;



        bottom: -14px;



    }



    .mod_head_btn {



        width: 315px;



    }



    .mod_head_nav {



        width: calc(100% - 315px - 100px - 20px);



    }



    .home_trusted_bt_list {



        top: 40px;



    }



    .ys_bread_list::before {



        width: 20px;



        height: 20px;



    }



    .mod_bread {



        top: 70px;



    }



    .contact_wrap {



        padding-top: 60px;



    }



    .casedet_info {



        margin-top: -30px;



    }



    .casedet_main .ys_nyban_title {



        top: 55%;



    }



    .sawt_li .std_title2 {



        font-size: 28px;



    }



    .solution_adv_wrap_svg {



        width: 450px;



    }



    .solution_adv_wrap .ys_cont1200 {



        position: relative;



        top: 30px;



    }



    .yx_search3xlbox {



        top: 64px;



        height: 250px;



    }



    /* 2期-start */

    .std_padding3 {

        padding: 60px 0;

    }



    .std_padtop3 {

        padding-top: 60px;

    }



    .std_padbot3 {

        padding-bottom: 60px;

    }



    .new_list .hpwt_ul_li p {

        line-height: 34px;

    }



    .plwu_li_text_tit {

        margin-top: 15px;

    }



    .new_list_wrap_page {

        margin-top: 50px;

    }



    .nwct_video_icon {

        width: 36px;

    }



    .nlwu_li_text_lab li {

        padding: 0 6px;

    }



    .nlwu_li_text_lab ul {

        margin: 0 -6px;

    }



    .nlwu_li_text_lab p {

        font-size: 12px;

    }



    .nwcb_side {

        width: 215px;

        top: 80px;

    }



    .newdet_wrap_cont_tp,

    .nwcb_text {

        width: calc(100% - 215px);

    }



    .nwcb_side_btn .std_btn1_box {

        padding: 0 30px;

    }



    .inside_main .ys_main {

        margin-top: 64px;

    }



    .question_list_wrap_text {

        padding-left: 70px;

    }



    .nrtu_li_parga {

        margin-top: 15px;

    }



    .nrtu_li_btn {

        margin-top: 25px;

    }



    .slick-dots li {

        height: 4px;

    }



    .new_recomm_text_ul .slick-dots {

        bottom: 30px;

    }



    .nlwu_li_text {

        padding-left: 30px;

    }



    .acwl_logo {

        width: 230px;

    }



    .about_company_wrap {

        top: 64px;

        height: calc(100vh - 64px);

    }



    .acwt_cont_bg img:nth-child(1) {

        width: 180px;

    }



    .acwt_cont_bg img:nth-child(2) {

        width: 160px;

    }



    .acwt_cont_parga p {

        font-size: 16px;

    }



    .about_history_year.isfixed {

        top: 64px;

    }



    .about_history_year {

        height: calc(100vh - 64px);

    }



    .about_history_text {

        height: calc(100vh - 64px);

        top: 64px;

    }



    .ahru_li_cont_year {

        font-size: 42px;

    }



    .about_history_le {

        padding-right: 40px;

    }



    .about_accom_list_btn {

        width: 80px;

        bottom: -17px;

    }



    .about_accom_list_swiper {

        padding-bottom: 50px !important;

    }



    .about_main .solution_innova {

        padding-top: 100px;

    }



    .apwl_li.skrollable-after .apwl_li_cont_text {

        padding: 0 30px;

    }



    .alwc_info li::before {

        top: 8.8px;

    }



    /* 2期-end */

    .mod_head_nav {

        width: calc(100% - 320px - 122px - 20px);

    }



    .mod_head_btn {

        width: 320px;

    }



    .mhnu_li {

        padding: 0 10px;

    }



    .mod_head_nav_ul {

        margin: 0 -10px;

    }



    .apwl_li_cont_text {

        width: 300px;

    }



    .home_about_altas {

        top: 14%;

    }

    /* 1280end */



}







/* 1200 */



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



    .ys_cont1640 {



        width: 100%;



        padding: 0 40px;



    }



    .cwcl_list {



        margin-top: 30px;



    }



    .cwcl_list_li {



        height: 54px;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 48px;



        --font-title2: 36px;



        --font-title3: 22px;



        --font-title4: 20px;



        --font-title5: 18px;



        --font-parga1: 16px;



        --font-parga2: 14px;



        --std-padding1: 80px;



        --std-padding2: 60px;



        --std-margin1: 30px;



    }



    .cwcl_agree {



        margin-top: 30px;



    }



    .mod_head>.ys_cont1640 {



        justify-content: space-between;



    }



    .mod_head_nav {



        padding-left: 40px;



        padding-right: 40px;



    }



    .mhnu_li_pull {



        top: 64px;



    }



    .mrul_link1 {



        padding-top: 10px;



        padding-bottom: 6px;



    }



    .mlpw_le_tit {



        margin-top: 15px;



    }



    .casedet_info_text {



        right: 40px;



    }



    .spbl_li1 {



        left: 11.42%;



    }



    .spbl_li1,

    .spbl_li2,

    .spbl_li3 {



        top: 28.59%;



    }



    .spbl_li4 {



        left: 9.52%;



    }



    .spbl_li5 {



        left: 22.98%;



    }



    .sltw_num {



        width: 220px;



    }



    .subu_li.even .sltw_num {



        left: -80px;



    }



    .solution_innova {



        padding-top: 110px;



        padding-left: 40px;



        padding-right: 40px;



    }



    .solution_innova.empty {



        padding-left: 0;



        padding-right: 0;



    }



    .spbl_li {



        padding: 0 24px;



    }



    .spbl_li7 {



        left: 61.21%;



    }



    .ys_ban_scroll img {



        width: 16px;



    }



    .hpwl_swiper_li_text {



        right: 40px;



    }



    .home_digital_bg {



        width: 100%;



    }



    .home_trusted_tp_list {



        padding: 0 100px;



    }



    .httl_bg {



        width: 100%;



    }



    .httl_ul .slick-list {



        padding-bottom: 35px;



    }



    .hulw_icon {



        width: 32px;



        height: 32px;



    }



    .hulw_parga {



        width: calc(100% - 32px);



    }



    .hwlu_li {



        margin-bottom: 30px;



    }



    .htbl_li_item_li {



        width: 130px;



    }



    .htbl_li_item {



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



    }



    .home_trusted_bt_list {



        padding: 30px 0;



    }



    .haal_li_item_li {



        width: 100px;



    }



    .haal_li_item {



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



    }



    /* .home_about_altas {



        width: 280px;



        height: 280px;



        top: 10.5%;



        right: 10%;



    } */



    .hatd_li_num span {



        font-size: 86px;



    }



    .home_about_text_btn {



        margin-top: 30px;



    }



    .home_about_ship {



        width: 289px;



        height: 175px;



        left: -144.5px;



        top: -87.5px;



    }



    .home_honour_bt_arrow .std_arrow_prev {



        left: -20px;



    }



    .home_honour_bt_arrow .std_arrow_next {



        right: -20px;



    }



    .home_honour_bt {



        padding: 0 30px;



    }



    .ys_ban_video {



        display: none;



    }



    .hdtl_ul_li_parga p {



        height: 4.8em;



        -webkit-line-clamp: 3;



    }



    /* 2期-start */

    .question_list::after {

        width: calc(100% - 80px);

    }



    .question_list .ys_cont1200 {

        width: 93%;

    }



    .qlwt_item {

        padding-top: 22px;

    }



    .new_list_wrap {

        margin-top: 30px;

    }



    .acwt_cont {

        width: 68%;

    }



    .about_history_le {

        padding-left: 100px;

    }



    .about_history_year_ul {

        padding-left: 70px;

    }



    .ahyc_line {

        width: 58px;

    }



    .ahru_li_cont_year {

        font-size: 38px;

    }



    .apwl_li.skrollable-after .apwl_li_cont_text {

        padding: 0 20px;

    }



    /* 2期-end */

    /* 1200end */



}







/* 1199 */



@media screen and (max-width: 1199px) {



    .mod_head_btn {



        width: 100%;



        padding: 0;



        margin-top: 30px;



        display: flex;



        justify-content: center;



    }



    .contact_main .ys_main {



        margin-top: 0;



    }



    .mod_foot_tp_nav {



        padding-left: 0;



        padding-right: 0;



        width: 100%;



        margin: 30px 0;



    }



    .casedet_info {



        margin-top: -50px;



    }



    .casedet_info_text {



        padding: 40px 60px 40px 140px;



        top: -25px;



    }



    .casedet_list_li_le {



        width: 300px;



    }



    .casedet_list_li_ri {



        width: calc(100% - 300px);



    }







    .casedet_main .casedet_relate {



        padding: 50px 0;



    }



    /* .casedet_main .mod_service {



        padding-top: 80px;



    } */



    .mod_service_wrap .std_btn1 {



        margin-top: 28px;



    }



    .mod_service_wrap .std_title4 {



        margin-top: 15px;



    }



    .solution_choose_img {



        width: 40%;



    }



    .solution_choose_text {



        width: 60%;



        padding-right: 60px;



    }



    .solution_choose_text_list p {



        width: calc(100% - 35px);



        font-size: 16px;



    }



    .solution_why_bg img:nth-child(1),

    .solution_why_bg img:nth-child(2) {



        width: 200px;



    }



    .sctl_icon {



        width: 35px;



    }



    .subu_li_text {



        padding-left: 60px;



        padding-right: 60px;



    }



    .sltw_num {



        width: 200px;



        left: 60px;



    }



    .subu_li.even .subu_li_text {



        padding-left: 40px;



        padding-right: 40px;



    }



    .subu_li.even .sltw_num {



        left: -60px;



    }



    .subu_li {



        padding-bottom: 50px;



    }



    .subu_li_svg {



        width: 200px;



    }



    .subu_li_svg_icon {



        width: 12px;



        right: -5px;



    }



    .subu_li.even .subu_li_svg_icon {



        left: -5px;



    }



    .sibu_li_cont {



        padding: 24px 0;



    }



    .sibu_li {



        padding: 0 14px;



    }



    .solution_innova_bt_ul {



        margin: 0 -14px;



    }



    .std_arrow_icon {



        width: 30px;



        height: 30px;



    }



    .std_arrow_prev {



        left: -50px;



    }



    .std_arrow_next {



        right: -50px;



    }



    .solution_innova {



        padding-top: 90px;



        padding-left: 30px;



        padding-right: 30px;



    }



    .spbl_li_icon {



        width: 26px;



    }



    /* .spbl_li_parga {



        width: calc(100% - 26px);



    } */



    .spbl_li {



        height: 42px;



        padding: 0 13px;



    }



    .spbl_li1 {



        left: 10.42%;



    }



    .spbl_li4 {



        left: 10.52%;



    }



    .solution_why_bt p {



        font-size: 14px;



    }



    .solution_innova::after,

    .solution_innova_bg {



        bottom: -240px;



    }



    .ys_banner {



        height: calc(100vh - 64px);



    }



    .std_btn3_box {



        padding: 0 24px;



    }



    .hslt_btn {



        margin-top: 18px;



    }



    .home_provide_wrap_list {



        margin-top: 50px;



    }



    .hpwt_ul_li.on p {



        padding: 0 26px;



    }



    .hdip_circle {



        width: 8px;



        height: 8px;



    }



    .home_digital_bg {



        bottom: -130px;



    }



    .hwlu_li_wrap {



        padding: 20px;



    }



    .home_about_bg {



        width: 120%;



        left: auto;



        right: 40px;



    }



    .home_about_altas {



        /* width: 250px;



        height: 250px;



        top: 55px;



        right: 90px; */

        top: 16%;

        right: calc(7% + 40px);



    }



    .haal_li_item_li {



        width: 80px;



    }



    .haal_li_item {



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



    }



    .hatd_li_num span {



        font-size: 80px;



    }



    .hatd_li {



        padding: 0 20px;



    }



    .home_about_text_data {



        margin: 20px -20px 0;



    }



    .home_about {



        padding-bottom: 100px;



    }



    .home_about_ship {



        width: 265px;



        height: 161px;



        left: -132.5px;



        top: -80.5px;



    }



    .home_about_text_parga p {



        height: 8em;



        -webkit-line-clamp: 5;



    }



    /* .mod_service {



        padding-top: 120px;



    } */



    .home_honour_bt_arrow .std_arrow_icon {



        bottom: -15px;



    }



    .solution_adv_wrap.isfixed {



        position: fixed;







    }



    .solution_adv_wrap.isfixed.isab {



        position: absolute;



        top: auto;



        bottom: 0;



    }



    .solution_adv {



        position: relative;



    }



    .ys_nyban_title {



        top: 40%;



    }



    .hdtl_ul_li_parga p {



        height: 6.4em;



        -webkit-line-clamp: 4;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 48px;



        --font-title2: 32px;



        --font-title3: 22px;



        --font-title4: 20px;



        --font-title5: 18px;



        --font-parga1: 16px;



        --font-parga2: 14px;



        --std-padding1: 80px;



        --std-padding2: 60px;



        --std-margin1: 30px;



    }



    .hulw_parga p {



        font-size: 14px;



    }



    .home_trusted_bt_list {



        top: 35px;



    }



    .mod_foot_bt_info span,

    .mod_foot_bt_info a {



        margin-right: 5px;



    }



    .mod_bread {



        display: none;



    }



    .casedet_main .ys_nyban_title {



        top: 44%;



    }



    .home_ban_modal,

    .home_ban_tit {



        display: none;



    }



    .sawt_li .std_title2 {



        font-size: 26px;



    }



    .solution_adv_wrap .ys_cont1200 {



        top: 0;



    }



    .solution_adv_wrap_svg {



        margin: 30px auto;



    }



    /* 2期-start */

    .ys_pcfy {

        display: block;

    }



    .ys_phfy {

        display: none !important;

    }



    .pc_fenye li {

        width: 32px;

        height: 32px;

        line-height: 32px;

        margin: 0 10px;

    }



    .nlwu_li_text_lab p {

        font-size: 12px;

        line-height: 28px;

    }



    .nlwu_li_text_lab ul {

        margin: 0 -6px;

    }



    .nlwu_li_text_lab li {

        padding: 0 6px;

    }



    .plwu_li_text_info .nrtu_li_year {

        padding-left: 30px;

    }



    .plwu_li_text_info .nrtu_li_year::after {

        height: 20px;

        left: 15px;

    }



    .inside_main .ys_main {

        margin-top: 0;

    }



    .nwcb_side {

        padding: 24px 16px;

    }



    .newdet_wrap_cont_tp,

    .nwcb_text {

        padding-right: 40px;

    }



    .newdet_wrap_cont {

        padding: 0;

    }



    .question_list_wrap_side {

        width: 160px;

        top: 90px;

    }



    .question_list_wrap_text {

        width: calc(100% - 160px);

        padding-left: 50px;

    }



    .nrtu_li_tit {

        line-height: 1.4;

        height: 4.2em;

        -webkit-line-clamp: 3;

    }



    .slick-dots li.slick-active {

        width: 46px;

    }



    .new_recomm_text_ul {

        padding: 32px 18px 64px 28px;

    }



    .new_recomm_text_ul .slick-dots {

        bottom: 20px;

    }



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

        left: -170px;

    }



    .acwt_cont_bg img:nth-child(1) {

        width: 160px;

    }



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

        right: -170px;

    }



    .apwl_li_cont_text .std_title4 {

        font-size: 16px;

    }



    .about_history_le {

        padding-right: 20px;

    }



    .about_accom_list_btn {

        width: 70px;

        bottom: -15px;

    }



    .aals_li {

        width: 800px !important;

    }



    .about_main .solution_innova {

        padding-top: 80px;

    }



    .hwlu_li2.active svg {

        animation: whyEffect2 5s linear both infinite;

    }



    .hwlu_li3.active .hlwi_triangle1 {

        animation: whyEffect3_1 4s linear both infinite;

    }



    .hwlu_li3.active .hlwi_triangle2 {

        animation: whyEffect3_2 4s linear both infinite;

    }



    .hwlu_li3.active .hlwi_triangle3 {

        animation: whyEffect3_3 4s linear both infinite;

    }



    .hwlu_li4.active .hlwi_yuan1 {

        animation: whyEffect4_1 4s linear both infinite;

    }



    .hwlu_li4.active .hlwi_yuan2 {

        animation: whyEffect4_2 4s linear both infinite;

    }



    .hwlu_li4.active .hlwi_yuan3 {

        animation: whyEffect4_3 4s linear both infinite;

    }



    .hwlu_li4.active .hlwi_yuan4 {

        animation: whyEffect4_4 4s linear both infinite;

    }



    .hwlu_li5.active .hlwi_box1 {

        animation: whyEffect5_2 3s linear both infinite;

    }



    .hwlu_li5.active .hlwi_box2 {

        animation: whyEffect5_3 3s linear both infinite;

    }



    .hwlu_li5.active .hlwi_box3 {

        animation: whyEffect5_1 3s linear both infinite;

    }



    .hwlu_li5.active .hlwi_box4 {

        animation: whyEffect5_4 3s linear both infinite;

    }



    .apwl_li_cont_text {

        width: 260px;

    }



    /* 2期-end */

    /* 1199end */



    .qlws_list p {

        font-size: 14px;

    }



    .question_list_wrap_side {

        width: 190px;

    }



    .question_list_wrap_text {

        width: calc(100% - 190px);

    }

}







/* 991 */



@media screen and (max-width: 991px) {



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 44px;



        --font-title2: 32px;



        --font-title3: 22px;



        --font-title4: 20px;



        --font-title5: 18px;



        --font-parga1: 16px;



        --font-parga2: 14px;



        --std-padding1: 70px;



        --std-padding2: 50px;



        --std-margin1: 30px;



    }



    .contact_wrap_cont {



        padding: 40px;



    }



    .cwcl_list_code_img {



        width: 110px;



    }



    .cwcl_list_code_input input {



        padding-right: 120px;



    }



    .cwcl_list_code {



        width: 70%;



    }



    .cwcl_parga {



        width: 100%;



    }



    .cwcl_list_li {



        height: 48px;



    }



    .casedet_info {



        margin-top: -40px;



    }



    .crlu_li_wrap::after {



        height: 20px;



    }



    .mswi_ship {



        width: 270px;



        height: 86px;



        top: -86px;



        left: -135px;



    }



    .mswi_car {



        width: 145px;



        height: 50px;



        top: -50px;



        left: -72.5px;



    }



    .mswi_air {



        width: 122px;



        height: 48px;



        left: -61px;



        top: -24px;



    }



    .solution_porcesss_ph {



        display: block;



    }



    .solution_porcesss_bt {



        display: none;



    }



    .solution_why_bg img:nth-child(1),

    .solution_why_bg img:nth-child(2) {



        width: 180px;



    }



    .solution_why_bt p {



        padding: 0 70px;



    }



    .subu_li {



        padding-bottom: 40px;



    }



    .subu_li_svg {



        width: 200px;



    }



    .crlu_li_btn {



        width: 30px;



        height: 30px;



        top: -3px;



    }



    .hpwl_swiper_li_img {



        width: 64%;



    }



    .hslt_parga {



        margin-top: 10px;



    }



    .hpwt_ul_li {



        margin-right: 12px;



    }



    .hpwt_ul_li p {



        padding: 0 15px;



    }



    .hpwt_ul_li.on p {



        padding: 0 22px;



    }



    .home_digital_img {



        width: 40%;



    }



    .home_digital_text {



        width: 60%;



        padding-right: 40px;



    }



    .hwlu_li_wrap_icon {



        width: 85px;



    }







    .home_about_altas {



        /* width: 230px;



        height: 230px; */

        top: 14%;

        right: 11.5%;



    }



    .hatd_li_num span {



        font-size: 74px;



    }



    .home_about_text {



        top: -50px;



    }



    .htbl_li_item_li {



        width: 110px;



    }



    .htbl_li_item {



        width: calc((110px * var(--width-shu)) + (20px *var(--width-shu)));



    }



    .subu_li_text_wrap {



        top: -20px;



    }



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



        display: block;



    }



    .sawt_li .std_title2 {



        font-size: 24px;



    }



    /* 2期-start */

    .plwu_li_text_parga p {

        height: 3em;

        -webkit-line-clamp: 2;

        line-height: 1.5;

    }



    .plwu_li_text_tit {

        margin-top: 10px;

    }



    .plwu_li_text_btn {

        margin-top: 16px;

    }



    .plwu_li_text_parga {

        margin-top: 10px;

    }



    .qlwt_item_tit {

        margin-bottom: 15px;

    }



    .acwl_logo {

        width: 200px;

    }



    .acwt_cont_bg img:nth-child(1),

    .acwt_cont_bg img:nth-child(2) {

        width: 120px;

    }



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

        left: -130px;

    }



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

        right: -130px;

    }



    .acwt_cont {

        width: 73%;

    }



    .about_history_year_ul {

        padding-left: 50px;

    }



    .ahyc_line {

        width: 40px;

        top: 14.5px;

    }



    .ahyc_line::after {

        width: 8px;

        height: 8px;

    }



    .ahyu_li {

        line-height: 30px;

        padding-bottom: 10px;

    }



    .about_history_year_cont {

        height: 280px;

    }



    .about_history_le {

        padding-left: 70px;

        width: calc(100% - 90px);

    }



    .about_history_mid {

        width: 90px;

    }



    .about_history_ri {

        padding-left: 30px;

    }



    .ahru_li_cont_year {

        font-size: 34px;

    }



    .ahlu_li_wrap_cont {

        padding: 20px 24px;

    }



    .aals_li {

        width: 580px !important;

    }



    .about_main .solution_innova {

        padding-top: 60px;

    }



    .plwu_li_text_empty {

        margin-top: 16px;

    }



    .aals_li {

        width: 620px !important;

    }



    /* 2期-end */





    .mod_foot_bt {

        flex-wrap: wrap;

        flex-direction: column-reverse;

        justify-content: flex-start;

        align-items: flex-start;

    }



    .mod_foot_bt-le {

        width: 100%;

        margin-top: 15px;

    }



    .mfbr-li:first-child{

        margin-left: 0;

    }



    .mfbr-li-btm {

        transform: translateX(-26%);

        width: 80px;

    }





    /* 991end */



}







/* 768 */



@media screen and (max-width: 768px) {



    .ys_ban_pc,

    .ys_nyban_pc {



        display: none;



    }



    .ys_ban_video {



        display: none;



    }



    .ys_ban_ph,

    .ys_nyban_ph {



        display: block;



    }



    .ys_modal_content {



        max-height: 550px;



        padding: 50px 20px;



    }



    .mod_foot_tp_nav {



        display: none;



    }



    .contact_wrap_cont_le {



        padding-right: 0;



        width: 100%;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 40px;



        --font-title2: 30px;



        --font-title3: 22px;



        --font-title4: 20px;



        --font-title5: 18px;



        --font-parga1: 16px;



        --font-parga2: 14px;



        --std-padding1: 60px;



        --std-padding2: 40px;



        --std-margin1: 30px;



    }



    .contact_wrap_cont_ri {



        width: 100%;



        height: 500px;



        margin-top: 30px;



        display: none;



    }



    .contact_wrap_cont_ri img {



        height: 100%;



        object-fit: cover;



    }



    .cwcl_agree {



        margin-top: 20px;



    }



    .cwcl_btn {



        margin-top: 20px;



    }



    .mod_foot_tp {



        justify-content: space-between;



    }



    .mod_foot {



        padding: 30px 0;



    }



    .casedet_list_li_le {



        width: 100%;



    }



    .casedet_list_li_ri {



        width: 100%;



        padding-left: 0;



        margin-top: 30px;



    }



    .clll_ul_li {



        width: 33.333333%;



        margin-top: 20px;



    }



    .clll_ul_li:nth-child(3) {



        margin-top: 0;



    }



    .crlu_li_btn {



        width: 38px;



        height: 38px;



        top: 2px;



        right: 5px;



    }



    .casedet_relate_list_ul .slick-list {



        padding-top: 10px;



    }



    /* .casedet_main .mod_service {



        padding-top: 60px;



    } */



    .std_btn1_box_bg {



        display: none !important;



    }



    .mod_service_wrap h2 {



        color: #3B475D;



    }



    .mod_service_wrap .std_title4 {



        color: #4B5262;



    }



    .mod_service_wrap .std_btn1_box {



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



    }



    .mod_service_wrap .std_btn1_box p,



    .mod_service_wrap .std_btn1_box img {



        opacity: 1;



    }



    .mod_service_wrap .std_btn1 {



        margin-top: 22px;



    }



    .mswi_ship {



        width: 206px;



        height: 66px;



        top: -66px;



        left: -103px;



    }



    .slli_icon {



        width: 22px;



    }



    .slli_parga {



        width: calc(100% - 22px);



    }



    .solution_why_bg img:nth-child(1),

    .solution_why_bg img:nth-child(2) {



        width: 140px;



    }



    .solution_why_bt p {



        padding: 0;



    }



    .solution_why h2 {



        width: 100%;



    }



    .solution_choose_text {



        width: 100%;



        padding-right: 0;



        margin-bottom: 40px;



    }



    .solution_choose_img {



        width: 60%;



        margin: auto;



    }



    .subu_li_svg {



        display: none;



    }



    .subu_li_text {



        padding-left: 0;



        padding-right: 0;



        width: 100%;



        margin-bottom: 20px;



    }



    .subu_li_img {



        width: 100%;



    }



    .subu_li,

    .subu_li.even {



        flex-direction: column-reverse;



    }



    .subu_li.even .subu_li_text {



        padding-left: 0;



        padding-right: 0;



    }



    .sltw_num {



        width: 180px;



    }



    .subu_li.even .sltw_num {



        left: 60px;



    }



    .subu_li {



        padding-bottom: 80px;



    }



    .solution_innova {



        padding-top: 70px;



    }



    /* .solution_main .mod_service {



        padding-top: 40px;



    } */



    .solution_main .casedet_relate::after {



        height: 80%;



    }



    .solution_innova::after,

    .solution_innova_bg {



        bottom: -120px;



    }



    .solution_innova::after {



        height: calc(100% + 110px);



    }



    /* .sawt_li .std_title2 {



        height: 3.6em;



    } */



    .solution_adv_wrap_info {



        display: none;



    }



    .solution_adv_wrap_svg {



        width: 470px;



    }



    .solution_adv {



        height: auto !important;



    }



    .solution_adv_wrap {



        height: auto !important;



        top: 0;



        padding: 60px 0;



    }



    .hpwl_swiper_li_text {



        position: static;



        width: 100%;



        margin-top: 30px;



    }



    .hpwl_swiper_li_img {



        width: 100%;



    }



    .hslt_parga p {



        height: 4.2em;



        -webkit-line-clamp: 3;



    }



    .home_digital_text {



        width: 100%;



        padding-right: 0;



    }



    .home_digital_img {



        width: 60%;



        margin: auto;



        position: absolute;



        right: 40px;



        top: 60px;

        z-index: -1;



    }



    .home_digital_img img,

    .home_digital_img_point {



        opacity: 0.15;



    }



    .home_digital_text_tab {



        margin-top: 16px;



    }



    .hwlu_li {



        width: 50%;



        margin-bottom: 24px;



    }



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



        animation-delay: .2s;



    }



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



        animation-delay: .3s;



    }



    .ys_ban_scroll img {



        width: 14px;



    }



    .home_about_text {



        top: 0;



        width: 60%;



    }



    .hhbs_li.active .hhbs_li_cont {



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



        box-shadow: none;



    }



    .hhbs_li.swiper-slide-next .hhbs_li_cont {



        border: 1px solid #fff;



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



    }



    .htbl_li4 {



        display: none;



    }



    .home_about_bg {



        right: 20px;



        top: 100px;



        width: 922px;



    }



    .haal_li_item_li {



        width: 75px;



    }



    .haal_li_item {



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



    }



    .home_about_altas {



        width: 210px;



        height: 210px;



        top: 133px;



        right: 50px;



    }



    .hatd_li_num span {



        font-size: 68px;



    }



    .home_about_ship {



        width: 223px;



        height: 135px;



        left: -111.5px;



        top: -67.5px;



    }



    /* .mod_service {



        padding-top: 100px;



    } */



    .htbl_li_item_li {



        width: 100px;



        margin-right: 15px;



    }



    .htbl_li_item {



        width: calc((100px * var(--width-shu)) + (15px *var(--width-shu)));



    }



    .home_trusted_bt_list {



        padding: 70px 0;



    }



    .hlil_cont {



        padding: 12px;



    }



    .htbl_li {



        margin-bottom: 12px;



    }



    .home_trusted::before {



        height: calc(100% - 150px);



    }



    .home_trusted_bt::after,

    .home_trusted::after {



        height: 150px;



    }



    .ys_nyban_title {



        top: 50%;



    }



    .hdtl_ul_li_parga p {



        height: 4.8em;



        -webkit-line-clamp: 3;



    }



    .ys_ban_title {



        width: 80%;



    }



    .mod_service {



        margin-top: 0 !important;



    }



    .home_trusted_bt_list {



        top: -20px;



    }



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



        display: inline-block;



    }



    .solution_adv_wrap_info {



        width: 100%;



    }



    .contact_wrap {



        padding-top: 50px;



    }



    .sawt_li .std_title2 {



        align-items: flex-start;



    }



    .solution_adv_wrap_dots {



        display: block;



    }



    .solution_adv_wrap_dots {



        display: flex;



        justify-content: center;



    }



    .sawd_li {



        width: 6px;



        height: 6px;



        border-radius: 50%;



        background: #D7E3F9;



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



        margin: 0 6px;



    }



    .sawd_li.active {



        background: var(--main-color);



    }



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



    }



    /* 2期-start */

    .plwu_li_text {

        padding-left: 0;

        width: 100%;

        margin-top: 30px;

    }



    .plwu_li_img {

        width: 100%;

    }



    .std_padding3 {

        padding: 50px 0;

    }



    .std_padtop3 {

        padding-top: 50px;

    }



    .std_padbot3 {

        padding-bottom: 50px;

    }



    .plwu_li_wrap {

        padding: 30px 0;

    }



    .paper_list_wrap {

        margin-top: 30px;

    }



    .new_list_wrap_page {

        margin-top: 40px;

    }



    .newdet_wrap_cont_tp,

    .nwcb_text {

        width: 100%;

        padding-right: 0;

    }



    .nwcb_side {

        float: left;

        width: 100%;

        margin-top: 40px;

    }



    .question_list_wrap_side {

        width: 100%;

        border: none;

        height: 36px;

    }



    .question_list_wrap_text {

        width: 100%;

        padding-left: 0;

        margin-top: 30px;

    }



    .question_list .ys_cont1200 {

        width: 100%;

        padding: 0 80px;

    }



    .qlws_list li::after {

        display: none;

    }



    .qlws_list .swiper-wrapper {

        display: flex;

    }



    .qlws_list li {

        width: auto !important;

        margin-bottom: 0;

    }



    .qlws_list {

        width: 100%;

        left: 50%;

        transform: translateX(-50%);

        position: relative;

        transition: all .4s;

    }



    .qlws_list.isfixed {

        position: fixed;

        top: 64px;

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

    }



    .qlws_list.isfixed::after {

        opacity: 1;

    }



    .qlws_list::after {

        content: "";

        width: calc(100% + 160px);

        height: 100%;

        background: #fff;

        box-shadow: 0 7px 10px rgb(0 0 0 / 10%);

        position: absolute;

        top: 0;

        left: 50%;

        transform: translateX(-50%);

        transition: all .36s;

        opacity: 0;

    }



    .new_recomm_text {

        padding-right: 0;

        width: 100%;

    }



    .new_recomm_img {

        width: 100%;

        margin-top: 20px;

    }



    .new_recomm_text_ul {

        padding: 30px 20px 60px;

    }



    .nlwu_li_text {

        padding-left: 0;

        width: 100%;

        margin-top: 20px;

    }



    .nlwu_li_img {

        width: 100%;

    }



    .about_history_year,

    .about_history_text {

        display: none;

    }



    .apwl_li {

        transform: translateY(0) !important;

        width: 50%;

        left: 0 !important;

        position: static;

        padding: 0 10px;

    }



    .about_profile.animate .apwl_li {

        animation: none !important;

    }



    .apwl_li .apwl_li_cont_wrap {

        width: 100% !important;

    }



    .apwl_li_cont_text {

        position: relative;

        margin-top: -120px;

        z-index: 5;

        bottom: 0;

    }



    .apwl_li:not(:first-child) {

        display: none;

    }



    .apwc_tit {

        position: static;

        transform: inherit;

    }



    .about_profile,

    .about_profile_wrap {

        height: auto;

    }



    /* .about_profile{

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

    } */

    .about_profile_wrap_list {

        margin: 30px -10px 0;

        width: auto;

        height: auto;

        padding-right: 50px;

    }



    .apwl_li_cont_text .std_title4 {

        height: auto;

        -webkit-line-clamp: inherit;

    }



    .apwl_li_cont_img::after {

        opacity: 1;

    }



    .about_profile_wrap_list .slick-list {

        overflow: visible;

    }



    .about_history_ri {

        padding-left: 0;

        width: 100%;

    }



    .ahru_li_cont_ph {

        display: block;

    }



    .about_history .ys_cont1400::after {

        display: none;

    }



    .ahru_li {

        height: auto;

        align-items: flex-start;

        padding-bottom: 28px;

        position: relative;

    }



    .ahru_li_icon {

        display: block;

        flex-shrink: 0;

        padding: 15px 0;

    }



    .ahru_li_cont {

        width: calc(100% - 48px);

        padding: 15px 0 0 22px;

    }



    .ahru_li::after {

        content: "";

        width: 1px;

        height: 100%;

        background: var(--main-color);

        position: absolute;

        left: 24px;

        top: 0;

        z-index: -1;

    }



    .ahru_li:nth-child(1) .ahru_li_icon,

    .ahru_li:nth-child(1) .ahru_li_cont {

        padding-top: 0;

    }



    .about_history_ri_btn {

        display: block;

    }



    .about_history {

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

    }



    .about_history h2 {

        padding-bottom: 20px;

    }



    .about_history_ri_ul {

        max-height: 690px;

        overflow: hidden;

        position: relative;

    }



    .about_history_ri_ul::after {

        content: "";

        width: 100%;

        height: 60px;

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

        position: absolute;

        bottom: 0;

        left: 0;

        transition: all .36s;

        pointer-events: none;

    }



    .about_history_ri.act .about_history_ri_ul::after {

        opacity: 0;

    }



    .about_history_ri.act .about_history_ri_ul {

        max-height: none;

        overflow: visible;

    }



    body {

        height: auto !important;

    }



    .about_company_wrap {

        width: 100%;

    }



    .about_company.isfixed .about_company_wrap {

        position: fixed;

    }



    .about_company.isfixed.notfixed .about_company_wrap {

        position: absolute;

        top: auto !important;

        bottom: 0;

    }



    .plwu_li_text_btn {

        bottom: 30px;

        left: 0;

    }



    .saws_lab_li.on {

        opacity: 1 !important;

    }



    .sawt-arrow {

        display: block;

        width: 100%;

    }



    .solution_adv_wrap_tit {

        position: relative;

        padding: 0 25px;

    }



    .sawt-arrow .std_arrow_prev {

        left: -10px;

    }



    .sawt-arrow .std_arrow_next {

        right: -10px;

    }



    .new_recomm .ys_cont1400 {

        align-items: flex-start;

        flex-direction: column-reverse;

    }



    .new_recomm_img_ul {

        height: auto;

    }



    .new_recomm_img {

        margin-top: 0;

        margin-bottom: 20px;

    }



    /* 2期-end */

    .solution_adv_wrap_svg {

        margin-bottom: 0 !important;

    }



    .solution_adv_wrap_tit {

        margin-bottom: 30px;

    }



    .solution_adv_wrap {

        padding: 60px 0 0;

    }



    /* 768end */



}







@media screen and (max-width: 767px) {



    .casedet_info_text {



        right: 20px;



    }



    .home_digital_img {



        right: 20px;



    }



}







@media screen and (max-width: 480px) {



    .contact_wrap {



        padding-top: 42px;



    }



    :root {



        --main-color: #0080FF;



        --auxi-bgcolor: #FDB75C;



        --font-title1: 36px;



        --font-title2: 24px;



        --font-title3: 22px;



        --font-title4: 18px;



        --font-title5: 18px;



        --font-parga1: 14px;



        --font-parga2: 14px;



        --std-padding1: 42px;



        --std-padding2: 32px;



        --std-margin1: 20px;



    }



    .contact_wrap_cont {



        padding: 32px 20px;



        border-radius: 20px;



    }



    .cwcl_parga {



        margin-top: 14px;



    }



    .cwcl_list {



        margin-top: 20px;



    }



    .cwcl_list_code {



        width: 100%;



    }



    .cwcl_agree_box {



        top: 2px;



    }



    .contact_wrap_cont_ri {



        height: 300px;



    }



    .mod_foot_tp_le {



        width: 100%;



    }



    .mftl_link {



        margin-top: 0;



        width: calc(100% - 100px);



        padding-left: 20px;



    }



    .mfml_info_li {



        flex-wrap: wrap;



        margin-bottom: 10px;



    }



    .mfml_info_li_parga {



        padding-left: 0;



        width: 100%;



        margin-top: 5px;



    }



    .mfml_icon {



        width: 18px;



    }



    .mfml_phone {



        margin-right: 0;



    }



    .mfml_item {



        margin-bottom: 14px;



        width: 100%;



    }



    .mfml_item:last-child {



        margin-bottom: 0;



    }



    .mod_foot_tp {



        margin-bottom: 20px;



    }



    .mod_foot_tp_code {



        margin-top: 20px;



    }



    .mfml_info {



        flex-wrap: wrap;



    }



    .mod_foot_bt_link a {



        font-size: 12px;



        padding-right: 14px;



    }



    .mod_foot_bt_link a::after {



        height: 12px;



        right: 7px;



    }



    .mod_foot_bt_info span,

    .mod_foot_bt_info a {



        display: block;



        margin-right: 0;



        margin-top: 10px;



        font-size: 12px;



    }



    .mod_foot_mid {



        margin-bottom: 20px;



    }



    .casedet_info_img {



        width: 100%;



    }



    .casedet_info_text {



        position: static;



        width: 100%;



        padding: 30px 20px;



        border-radius: 0 0 8px 8px;



    }



    .casedet_info {



        margin-top: -30px;



    }



    .casedet_list {



        padding-top: 42px;



    }



    .casedet_info_text_num {



        width: 60px;



    }



    .casedet_info_text_parga {



        width: calc(100% - 60px);



        padding-left: 15px;



    }



    .cllr_case_img {



        width: 70px;



    }



    .cllr_case_text {



        width: 100%;



        padding-left: 0;



        margin-top: 20px;



    }



    .cllr_case {



        flex-wrap: wrap;



        margin-bottom: 14px;



    }



    .clll_ul_li_parga1 {



        margin-bottom: 4px;



    }



    .casedet_list_li_ri {



        margin-top: 15px;



    }



    .casedet_list_li {



        padding-top: 32px;



    }



    .crlu_li .ys_imgbox_cover {



        width: 100%;



        /* height: 250px; */



    }



    /* .crlu_li .ys_imgbox_cover img{



        height: 100%;



        object-fit: cover;



    } */



    .crlu_li_text {



        width: 100%;



        padding: 30px 20px 20px;



    }



    .crlu_li_wrap {



        flex-wrap: wrap;



        position: static;



        transform: inherit;



        padding-bottom: 30px;



    }



    .crlu_li_bg {



        display: none;



    }



    .crlu_li_wrap::after {



        display: none;



    }



    .crlu_li a {



        display: block;



        background: #FFF;



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



    }



    .casedet_relate_list_ul .slick-list {



        overflow: visible;



    }



    .crlu_li {



        padding: 0 10px;



    }



    .casedet_relate_list_ul {



        margin: 0 -10px;



    }



    .crlu_li_text .std_title4 {



        margin-bottom: 14px;



    }



    .crlu_li_btn {



        position: relative;



        margin-left: 20px;



        top: 0;



        right: 0;



    }







    .casedet_main .casedet_relate {



        padding: 32px 0;



    }



    .slick-dots li {



        width: 16px;



        height: 4px;



    }



    .slick-dots li.slick-active {



        width: 48px;



    }



    /* .casedet_main .mod_service {



        padding-top: 42px;



    } */



    .mod_service_wrap .ys_cont1200 {



        position: static;



        transform: inherit;



    }



    .mod_service_wrap_cont {



        position: relative;



    }



    .mswi_air {



        width: 76px;



        height: 30px;



        left: -38px;



        top: -15px;



    }



    .mswi_ship {



        width: 130px;



        height: 42px;



        top: -42px;



        left: -65px;



    }



    .mswi_car {



        width: 87px;



        height: 30px;



        top: -30px;



        left: -43.5px;



    }



    .casedet_info_text_parga {



        width: 100%;



        padding-left: 0;



        margin-top: 10px;



    }



    .ys_nyban_title .std_title4 {



        line-height: 1.4;



        margin-top: 14px;



    }



    .solution_adv_wrap_svg {



        width: 300px;



    }



    .slli_parga p {



        font-size: 12px;



    }



    .slli_icon {



        width: 16px;



    }



    .slli_parga {



        width: calc(100% - 16px);



        padding-left: 6px;



    }



    .slli_cont {



        padding: 6px 8px;



    }



    .solution_why_bg {



        display: none;



    }



    .solution_why_btn {



        margin-top: 20px;



    }



    .solution_choose_text_list p {



        width: calc(100% - 32px);



        font-size: 14px;



    }



    .sctl_icon {



        width: 32px;



    }



    .solution_choose_img {



        width: 100%;



    }



    .solution_choose_text {



        margin-bottom: 30px;



    }



    .solution_porcesss_ph {



        border-radius: 10px;



    }



    .sltw_num {



        width: 140px;



        top: -20px;



    }



    .subu_li {



        padding-bottom: 50px;



    }



    .sibu_li {



        padding: 0 8px;



    }



    .solution_innova_bt_ul {



        margin: 0 -8px;



    }



    .sibu_li_cont {



        padding: 18px 0;



    }



    .std_arrow_icon {



        width: 28px;



        height: 28px;



    }



    .std_arrow_prev {



        left: -40px;



    }



    .std_arrow_next {



        right: -40px;



    }



    .solution_innova_bt_btn {



        display: none;



    }



    .solution_innova {



        padding-top: 42px;



        padding-left: 0;



        padding-right: 0;



    }



    .casedet_relate_list_ul .slick-list {



        padding-top: 20px;



    }



    .solution_innova_bt .slick-dots {



        bottom: 0;



    }



    .solution_innova_bt_ul .slick-list {



        padding-bottom: 26px;



        padding-top: 26px;



    }



    .solution_innova_bt_ul .slick-list {



        overflow: visible;



    }



    .solution_main .casedet_relate::after {



        height: 100%;



    }



    .solution_innova::after,

    .solution_innova_bg {



        bottom: 0;



    }



    .solution_innova::after {



        height: 100%;



    }



    .solution_main .casedet_relate {



        padding-bottom: 0;



    }



    .crlu_li_btn {



        width: 34px;



        height: 34px;



    }



    .mod_foot_mid_li {



        flex-wrap: wrap;



    }



    .hwlu_li {



        width: 100%;



        animation-delay: .2s !important;



    }



    .hwlu_li:last-child {



        margin-bottom: 0;



    }



    .hwlu_li_wrap .std_title3 {



        height: auto;



        -webkit-line-clamp: inherit;



    }



    .hwlu_li_wrap_icon {



        width: 76px;



    }



    .home_trusted_tp_list {



        padding: 0;



    }



    .httl_ul_li_text .std_parga1 {



        margin-top: 12px;



    }



    .httl_ul_li_text {



        padding: 0 20px;



    }



    .httl_bg {



        width: 108%;



    }



    .httl_ul .slick-list {



        padding-bottom: 30px;



    }



    .httl_ul_li_img {



        width: 180px;



    }



    .hhbs_li.swiper-slide-next .hhbs_li_cont {



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



        box-shadow: none;



    }



    .home_honour_bt_arrow .std_arrow_icon {



        bottom: -14px;



    }



    .hhbs_li_cont {



        padding: 30px 10px;



    }



    .home_honour_bt_swiper {



        padding-top: 26px !important;



        padding-bottom: 26px !important;



    }



    .home_honour_bt_arrow .std_arrow_icon {



        position: relative;



        bottom: 0;



        margin-top: 20px;



    }



    .home_honour_bt_arrow .std_arrow_prev {



        left: 0;



    }



    .home_honour_bt_arrow .std_arrow_next {



        right: 0;



    }



    .home_honour_bt_arrow .std_arrow {



        width: 70px;



    }



    .home_honour_bt {



        padding: 0;



    }



    .home_honour {



        padding-bottom: 0;



    }



    /* .mod_service {



        padding-top: 60px;



    } */



    .home_about_text {



        width: 100%;



    }



    .hatd_li_num span {



        font-size: 58px;



    }



    .hatd_li {



        width: 50%;



        padding: 0 10px;



    }



    .home_about_text_data {



        margin: 15px -10px 0;



    }



    .hatd_li_parga {



        font-size: 16px;



        line-height: 1.5;



    }



    .home_about_text_parga {



        margin-top: 16px;



    }



    .home_about_bg {



        bottom: -200px;



        width: 712px;



        top: auto;



    }



    .home_about {



        padding-bottom: 140px;



        margin-top: -78px;



    }







    .ys_ban_title {



        width: 100%;



        font-size: 30px;



    }



    .ybcd_li::after {



        width: 6px;



        height: 6px;



    }



    .ybcd_li {



        width: 22px;



        height: 22px;



        margin-right: 10px;



    }



    .ybcb_icon {



        width: 24px;



        height: 24px;



    }



    .ybca_icon {



        margin-left: 10px;



        width: 24px;



    }



    .home_provide_wrap_cont h2 {



        width: 100%;



    }



    .home_provide {



        height: auto !important;



    }



    .home_provide_wrap {



        top: 0;



        height: auto;



        padding-top: 42px;



    }



    .hpwt_ul_li p {



        padding: 10px 10px;



        line-height: 1.5;



    }



    .hpwt_ul_li.on p {



        padding: 10px 15px;



    }



    .hpwt_ul_li {



        display: inline-block;



        margin-right: 8px;



    }



    .home_provide_wrap_tab {



        overflow-x: auto;



        white-space: nowrap;



    }



    .hpwt_ul {



        display: inline-block;



    }







    .home_provide_wrap_list {



        margin-top: 30px;



    }



    .hpwl_swiper {



        padding-bottom: 0px !important;



    }



    .hdtt_ul_li {



        width: 50%;



    }



    .hulw_icon {



        width: 28px;



        height: 28px;



    }



    .hulw_parga {



        width: calc(100% - 28px);



    }



    .home_digital_text_tab {



        margin-top: 10px;



    }



    .home_digital_img {



        width: 100%;



        margin-top: 30px;



    }



    .hdip_circle {



        width: 6px;



        height: 6px;



    }



    .home_digital_bg {



        bottom: -50px;



    }



    .home_trusted_bt_bg {



        height: 400px;



    }



    .home_trusted_bt_bg img {



        height: 100%;



        object-fit: cover;



    }



    .httl_ul .slick-dots li {



        width: 12px;



        height: 3px;



    }



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



        width: 56px;



    }



    .home_about_altas {



        width: 160px;



        height: 160px;



        top: auto;



        right: 45px;



        bottom: 18px;



    }



    .haal_li_item_li {



        width: 60px;



    }



    .haal_li_item {



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



    }



    /* .home_about_ship{



        display: none;



    } */

    .home_about_ship {

        width: 160px;

        height: 98px;

        left: -80px;

        top: -49px;

    }



    .hlil_cont {



        padding: 8px;



    }



    .htbl_li_item_li {



        width: 90px;



        margin-right: 10px;



    }



    .htbl_li_item {



        width: calc((90px * var(--width-shu)) + (10px *var(--width-shu)));



    }



    .home_trusted_bt::after,

    .home_trusted::after {



        height: 120px;



    }



    .home_trusted::before {



        height: calc(100% - 120px);



    }



    .hwlu_li.active .hwlu_li_wrap {



        border: 1px solid #0175FD;



    }



    .hwlu_li_wrap {



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



    }



    .hdtl_ul_li_parga p {



        height: 8em;



        -webkit-line-clamp: 5;



    }



    .ys_ban_scroll {



        width: 30px;



        height: 30px;



        bottom: -10px;



    }



    .ys_ban_scroll img {



        width: 10px;



    }



    .hdtl_ul_li_parga {



        margin-top: 8px;



    }



    .hdtl_ul_li_btn {



        margin-top: 12px;



    }



    .home_digital {



        padding-top: 10px;



    }



    .mftl_logo {



        width: 100px;



    }



    .mod_foot_tp_le {



        display: flex;



        align-items: center;



    }



    .mod_foot_tp_pc {



        display: none;



    }



    .mod_foot_tp_ph {



        display: block;



    }



    .mod_foot_tp_code {



        margin-top: 0;



        margin-bottom: 20px;



    }



    .home_digital_img {



        width: 80%;



    }



    .solution_adv_wrap {



        padding: 42px 0;



    }



    .sawt_li .std_title2 {



        font-size: 20px;



    }



    .solution_adv_wrap_svg {



        margin: 20px auto;



    }



    .sawd_li {



        margin: 0 4px;



    }



    /* 2期-start */

    .std_padding3 {

        padding: 42px 0;

    }



    .std_padtop3 {

        padding-top: 42px;

    }



    .std_padbot3 {

        padding-bottom: 42px;

    }



    .plwu_li_text_info {

        flex-wrap: wrap;

    }



    .plwu_li_text_info .nrtu_li_year {

        padding-left: 0;

    }



    .plwu_li_text_info .nrtu_li_year::after {

        display: none;

    }



    .nlwu_li_text_lab {

        width: 100%;

    }



    .plwu_li_text_info .nlwu_li_text_lab {

        margin-bottom: 10px;

    }



    .plwu_li_text_tit,

    .plwu_li_text_parga,

    .plwu_li_text_btn {

        margin-top: 15px;

    }



    .plwu_li_text {

        margin-top: 25px;

    }



    .pc_fenye li {

        width: 24px;

        height: 24px;

        line-height: 24px;

        margin: 0 4px;

        font-size: 12px;

    }



    .first li,

    .prev li,

    .next li,

    .end li {

        font-size: 10px;

    }



    .new_list_wrap_page {

        margin-top: 30px;

    }



    .new_list .hpwt_ul_li p {

        padding-top: 0;

        padding-bottom: 0;

    }



    .newdet_wrap {

        padding-top: 42px;

    }



    .nwct_video_icon {

        width: 30px;

    }



    .nwct_parga {

        margin-top: 10px;

    }



    .nwct_video {

        margin-top: 15px;

    }



    .nwcb_text_info .nrtu_li_year {

        width: 100%;

        margin-right: 0;

        margin-bottom: 10px;

    }



    .nwcb_text_parga {

        padding: 20px 0;

    }



    .nwcb_side {

        margin-top: 30px;

    }



    .nwcb_side_info {

        margin-top: 16px;

    }



    .nwcb_side_btn {

        margin-top: 16px;

        padding-top: 16px;

    }



    .nwcb_side_info_li {

        margin-bottom: 16px;

    }



    .question_list::after {

        width: 100%;

    }



    .question_list .ys_cont1200 {

        padding: 0 20px;

    }



    .qlws_list.isfixed {

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

    }



    .qlwt_item {

        padding-top: 15px;

    }



    .qlwt_item_list p {

        margin-bottom: 10px;

    }



    .qlwt_item_tit {

        margin-bottom: 12px;

    }



    .question_list {

        padding-bottom: 42px;

    }



    .qlws_list .swiper-container {

        overflow: hidden !important;

    }



    .nlwu_li a {

        padding: 20px 0;

    }



    .nlwu_li_text_tit,

    .nlwu_li_text_parga {

        margin-top: 10px;

    }



    .nlwu_li_text_lab {

        margin-top: 10px;

    }



    .new_main .mod_content {

        padding-bottom: 42px;

    }



    .std_btn3 p {

        line-height: 34px;

    }



    .std_btn3 img {

        width: 20px;

        margin-left: 6px;

    }



    .nrtu_li_btn .std_btn3_box {

        padding: 0 16px;

    }



    .nrtu_li_btn {

        margin-top: 20px;

    }



    .nrtu_li_parga {

        margin-top: 10px;

    }



    .new_list {

        padding-top: 32px;

    }



    .new_list_wrap {

        margin-top: 20px;

    }



    .apwl_li {

        width: 100%;

    }



    .about_profile_wrap_list {

        margin: 26px -10px 0;

        padding-right: 30px;

    }



    .about_profile_wrap {

        padding-left: 20px;

        padding-right: 20px;

    }



    .ahru_li_cont_year {

        font-size: 30px;

    }



    .ahru_li_icon {

        width: 44px;

    }



    .ahru_li_cont {

        width: calc(100% - 44px);

        margin-top: 2px;

    }



    .ahru_li::after {

        left: 22px;

    }



    .alci_ul_li {

        margin-top: 10px;

    }



    .ahru_li_cont_ph {

        margin-top: 20px;

    }



    .alwc_info li::before {

        width: 6px;

        height: 6px;

        top: 8.2px;

    }



    .alwc_info {

        margin-top: 12px;

    }



    .ahlu_li_wrap_cont {

        padding: 15px;

    }



    .aals_li {

        width: 100% !important;

    }



    .aals_li_text {

        width: 100%;

        padding-left: 0;

        margin-top: 20px;

    }



    .aals_li_img {

        width: 100%;

    }



    .about_accom_list_wrap {

        width: 100%;

    }



    .about_accom_list_swiper {

        padding-bottom: 30px !important;

    }



    .about_accom_list_btn {

        width: 66px;

        bottom: -14px;

    }



    .about_main .solution_innova {

        padding-top: 42px;

    }



    .about_accom_list_point {

        bottom: -13px;

        width: 26px;

        height: 26px;

        transform: translateX(-26px);

    }



    .about_accom_list_btn {

        position: static;

        margin-top: 20px;

    }



    .acwl_logo {

        width: 160px;

    }



    .acwt_cont_bg {

        display: none;

    }



    .acwt_cont {

        width: 100%;

    }



    .acwt_cont_parga p {

        font-size: 14px;

        line-height: 1.5;

    }



    .home_honour {

        margin-top: 42px;

    }



    .home_about {

        padding-bottom: 180px;

    }



    .home_about_bg {

        bottom: -230px;

    }



    .home_about_altas {

        bottom: -12px;

    }



    .aals_li_text_tit {

        font-size: 16px;

    }



    /* 2期-end */

    .solution_adv_wrap_tit {

        margin-bottom: 20px;

    }



    .solution_adv_wrap {

        padding: 42px 0 0;

    }



    .hwlu_li_wrap_cont .std_title3 {

        font-size: 16px;

        width: 100%;

    }



    .hwlu_li_wrap_icon {

        margin-top: 15px;

    }



    .hdtl_ul_li_parga p {

        height: 3.2em;

        -webkit-line-clamp: 2;

    }



    .hdtl_ul_li .std_title3 {

        font-size: 20px;

    }



    .solution_why_bt p {

        width: 100%;

    }



    /* 480end */

    .slli_parga p {
        font-size: 12px;
        white-space: nowrap;
    }

}