@media screen and (min-width:1921px){
    .home_pro.on1 .home_pro_img{
        right: calc(50% - 960px);
    }
    .home_pro.on1.on2 .home_pro_img{
        right: 0;
    }
    .home_pro.on1 .home_pro_img {
        right: 0;
    }
}
@media screen and (max-width:1680px) {

    .ma_wid1660 {

        width: 1440px;

    }

    .ma_pchdm_loginbox::before {

        left: 813px;

    }



    .ma_bantxtp1 {

        font-size: 56px;

    }
    .ma_fs60 {

        font-size: 50px;

    }
    .ma_in1s1_t {

        margin-bottom: 100px;

    }



    .ma_in1s1_li:nth-child(2) {

        margin-top: -87px;

    }



    .ma_in1s1_li {

        margin-bottom: 90px;

    }



    .ma_in1s1ld_p {

        margin-bottom: 45px;

    }



    .ma_in1s1m_bg1 {

        bottom: 0;

    }



    .ma_in1s1m_bg2 {
        width: 650px;
    }



    .ma_in1s2 {

        padding: 160px 0 120px;

        position: relative;

    }



    .ma_in1s3 {

        padding: 85px 0 80px;

    }



    .ma_in1s3m1_ul .slick-dots {

        bottom: -40px;

    }



    .ma_in1s3m_m1 {

        margin-bottom: 145px;

    }



    .ma_in1s3m2_ul {

        margin: 0px -13px 60px;

    }



    .ma_in1s4 {

        padding: 100px 0 190px;

    }



    .ma_in1s4_p {

        padding: 0 70px;

        margin-bottom: 70px;

    }



    .ma_in1s4l_d {

        width: 200px;

        height: 200px;

        padding: 30px 0;

    }



    .ma_in1s4ld_num p {

        font-size: 42px;

        margin-bottom: 10px;

    }



    .ma_ft_top {

        padding: 35px 0 40px;

    }



    .ma_ft_btm {

        padding: 20px 0;

    }



    .ma_ftbox {
        height: 432px;
    }



    .ma_banul_img {

        width: 2500px;

        height: 135px;

    }



    .ma_fs36 {

        font-size: 32px;

    }



    .ma_b1s1 {

        padding: 55px 0 80px;

    }




    .ma_title2 {

        margin-bottom: 60px;

    }



    .ma_b2s1 {

        padding: 150px 0 80px;

    }



    .ma_b2s1mr_t2 {

        font-size: 26px;

    }



    /* .ma_b2s1mr_li p {

        height: 50px;

    } */



    .ma_b2s1mr_ul {

        margin-bottom: 40px;

    }



    .ma_b2s1mr_btn {

        width: 150px;

    }



    .ma_b2s1mr_btn a {

        line-height: 45px;

    }



    .ma_b2s1m_l {

        padding-top: 0;

    }



    .ma_b2s2 {

        padding: 80px 0 100px;

    }



    .ma_b2s2m_t {

        padding-bottom: 20px;

        margin-bottom: 25px;

    }



    .ma_c1s2 {

        padding: 90px 0;

    }



    .ma_c1s3m_txt h2 {

        font-size: 32px;

    }



    .ma_c1s4 {

        padding: 80px 0;

    }



    .ma_c1s5 {

        padding: 80px 0 110px;

    }



    .ma_c1s5_icon {

        width: 130px;

    }



    .ma_c1s6 {

        padding: 80px 0 110px;

    }



    .ma_c1s6m_ul .slick-dots {

        bottom: -45px;

    }



    .ma_c2 .ma_c1s1 {

        padding: 60px 0 40px;

    }



    .ma_c1s1_p {

        margin-bottom: 30px;

    }



    .ma_c2d2_t3 {

        margin-bottom: 40px;

    }



    .ma_c2s2 {

        padding: 70px 0 130px;

    }



    .ma_c2s2_t3 {

        margin-bottom: 30px;

    }



    .ma_c3d2 {

        margin-bottom: 110px;

    }



    .ma_c3s2 {

        padding: 70px 0 140px;

    }



    .ma_c3s2 .swiper-pagination {

        bottom: 80px;

    }



    .ma_c3s2m_tbox {

        margin-bottom: 50px;

    }



    .ma_d1s1 {

        padding: 60px 0 100px;

    }



    .ma_d1s1_ul {

        margin-bottom: 80px;

    }



    .ma_d1s1_li a {

        padding: 38px 0;

    }



    .ma_d2s1 {

        padding: 60px 0 110px;

    }



    .ma_d2s1m1l_p1 {

        font-size: 50px;

    }



    .ma_d2s1m1l_p1 img {

        width: 16px;

    }



    .ma_d2s1m1l_p1 span {

        font-size: 20px;

    }



    .ma_d2s1m1_r {

        padding: 55px 40px 35px;

    }



    .ma_d2s1m2_t {

        font-size: 30px;

    }



    .ma_d2s1_m2 {

        padding: 50px 100px 100px;

    }



    .ma_d3s1_m1 {

        margin: 0 -45px 70px;

    }



    .ma_d3s1 {

        padding: 55px 0 130px;

    }



    .ma_d4s1 {

        padding: 60px 0 90px;

    }

    .ma_d4s1m_t {

        margin-bottom: 60px;

    }



    .ma_d4s1m_li {

        margin-bottom: 50px;

    }



    .ma_e1s1 {

        padding: 55px 0 90px;

    }



    .ma_e1s1 {

        padding: 55px 0 80px;

    }



    .ma_e1s1_p {

        margin-bottom: 50px;

    }



    .ma_c1s1l_num p {

        font-size: 44px;

    }

    .ma_e1s2{

        max-height: 800px;

    }



    .ma_e1s3 {

        padding: 75px 0 150px;

    }



    .ma_e1s1m_t {

        margin-bottom: 55px;

    }



    .ma_e1s3l_t {

        font-size: 44px;

        margin-bottom: 40px;

    }



    .ma_e1s3 .swiper-pagination-progressbar {

        bottom: -94px;

    }



    .ma_e1s4 {

        padding: 90px 0 0;

    }



    .ma_e2s1 {

        padding: 55px 0 90px;

    }



    .ma_e2s2 {

        padding: 100px 0 80px;

    }



    .ma_e2s2 .ma_d1s1_ul {

        margin-bottom: 80px;

    }

    .ma_e3s1 {

        padding-top: 140px;

    }



    .ma_e3s1m_t {

        padding-bottom: 30px;

    }



    .ma_e3s1m_lift {

        padding: 12px 0;

        margin-bottom: 35px;

    }



    .ma_e3s1m_p {

        margin-bottom: 110px;

    }

    .ma_e4s1 {

        padding: 55px 0 80px;

    }



    .ma_e4s1_li {

        margin-bottom: 50px;

    }



    .ma_e5s1 {

        padding: 150px 0 110px;

    }



    .ma_e5s1m_p1 {

        font-size: 28px;;

    }



    .ma_e5s1m_p2 {

        margin-top: 26px;

    }



    .ma_f1s1 {

        padding: 50px 0 90px;

    }



    .ma_f1s2m_bg {

        right: -110px;

        width: 550px;

    }



    .ma_f1s2_main {

        padding: 50px 0 80px;

    }



    .ma_f1s2m_r p {

        font-size: 32px;

    }



    .ma_f1s2m_t {

        margin-bottom: 50px;

    }



    .ma_f1s3 {

        padding: 90px 0 120px;

    }



    .ma_f1s3m1 {

        margin-bottom: 80px;

    }



    .ma_f1s3m2 {

        padding-bottom: 80px;

    }



    .ma_f1s3m3 {

        padding-top: 70px;

    }



    .ma_f1s3m3ldr_d {

        padding: 40px 70px 50px 0;

    }



    .ma_f2s1m_ul {

        margin-bottom: 90px;

    }



    .ma_f2s1 {

        padding: 55px 0 100px;

    }



    .ma_g1s1 {

        padding: 60px 0 120px;

    }



    .ma_g1s1m_t {

        text-align: center;

        margin-bottom: 60px;

    }



    .ma_g1s1m_add {

        margin-bottom: 60px;

    }



    .ma_g1s1ma_l {

        padding: 90px 0;

    }



    .ma_g1s1ml_d {

        padding: 35px 50px 65px;

    }



    .ma_g1s2 {

        padding: 110px 0 180px;

    }



    .ma_g1s2m_l {

        width: calc(100% - 460px);

    }



    .ma_g1s2m_r {

        top: 55%;

        right: -250px;

        width: 600px;

    }



    .ma_g1s2mlf_box {

        margin: 0 -9px 40px;

    }



    .ma_g1s3_main #container {

        height: 510px;

    }
    /* 2024.03.15 - start */
    .home_pro_cry_top .ma_fs60 {
        margin-bottom: 52px;
    }
    .hpct_scroll { 
        margin-top: 46px;
    }
    .hpcb_list_item {
        --width1: 200px;
    }
    .hpcb_list_item:nth-of-type(2) {
        --width1: 304px;
    }
    .hpcb_list_item:nth-of-type(3) {
        --width1: 244px;
    }
    .pro_main_list_item {
        padding: 0px 16px;
        margin-bottom: 46px;
    }
    .pro_main_list {
        margin: 0 -16px;
        margin-bottom: 26px;
    }
    .pmli_link_title {
        padding-top: 20px;
        padding-bottom: 22px;
    }
    .pmli_link {
        padding: 29px 35px 32px;
    }
    .ma_in1s4ld_num p {
        margin-bottom: 7px;
    }
    /* 2024.03.15 - end */
}
@media screen and (max-width:1560px) {

    .ma_pchdm_loginbox::before {

        left: 750px;

    }
    /* 2024.03.15 - start */
    .hpcb_list .ma_in1s1ld_t {
        margin-bottom: 12px;
    }
    .hpcb_list .ma_in1s1ld_p {
        margin-bottom: 18px;
    }
    .hpcb_list_item {
        --jian1: 30px;
    }
    .hpcb_list_item:nth-of-type(2) {
        --zong: 61.25%;
    }
    .hpcb_list_item:nth-of-type(3) {
        --zong: 55.33%;
        --left1: 23.416667%;
    }

    /* 2024.03.15 - end */
}
@media screen and (max-width:1440px) {

    .ma_wid1660 {

        width: 1280px;

    }



    .ma_pchdm_loginbox::before {

        left: 613px;

    }



    .ma_bantxtp1 {

        font-size: 46px;

    }



    .ma_banul_play {

        width: 40px;

    }



    .ma_banul_num1 {

        font-size: 26px;

    }



    .ma_banul_num2 {

        font-size: 16px;

    }



    .ma_banul_click {

        width: 16px;

    }



    .ma_banul_img {

        width: 2100px;

    }



    .ma_in1s1 {

        padding: 80px 0 50px;

    }



    .ma_in1s1m_bg2 {
        width: 483px;
        top: -45px;
        right: -200px;
    }



    .ma_fs60 {

        font-size: 40px;

    }



    .ma_in1s1_t {

        margin-bottom: 80px;

    }



    .ma_in1s1_li {

        padding: 0 55px;

        margin-bottom: 60px;

    }



    .ma_in1s1_ul {

        margin: 0 -55px;

    }



    .ma_in1s1ld_t {

        font-size: 26px;

        margin-bottom: 16px;

    }



    .ma_in1s1ld_p {

        margin-bottom: 35px;

    }



    .ma_in1s1ld_a img {

        width: 20px;

        margin-right: 6px;

    }



    .ma_in1s1ld_a span {

        line-height: 20px;

    }



    .ma_in1s1_li:nth-child(2) {

        margin-top: -60px;

    }



    .ma_pid120 {

        padding-left: 70px;

        padding-right: 70px;

    }



    .ma_in1s1m_bg1 {

        width: 250px;

    }



    .ma_in1s2 {

        padding: 120px 0 90px;

    }



    .ma_in1s2m_p p {

        font-size: 26px;

    }



    .ma_in1s2m_p {

        margin-bottom: 40px;

    }



    .ma_in1s3 {

        padding: 70px 0 70px;

    }



    .ma_in1s3m1ld_p {

        font-size: 22px;

    }



    .ma_in1s3m1ld_t {

        margin-bottom: 12px;

    }



    .ma_in1s3m_m1 {

        margin-bottom: 100px;

    }



    .ma_in1s3m2_ul {

        margin: 0px -13px 50px;

    }



    .ma_in1s2m_a {

        width: 130px;

    }



    .ma_in1s2m_a a {

        line-height: 40px;

    }



    .ma_in1s4 {

        padding: 80px 0 150px;

    }



    .ma_in1s4_t {

        margin-bottom: 26px;

    }



    .ma_in1s4_p p {

        font-size: 22px;

    }



    .ma_in1s4_p {

        margin-bottom: 50px;

    }



    .ma_in1s3m_m1 {

        padding: 0 70px;

    }



    .ma_in1s4ld_num p {

        font-size: 36px;

        margin-bottom: 8px;

    }



    .ma_in1s4l_d {

        width: 180px;

        height: 180px;

        padding: 28px 0;

    }



    .ma_in1s1ld_p {

        margin-bottom: 20px;

    }



    .ma_ftbmrt_ewm,

    .ma_pchdmlb_btm {

        width: 130px;

    }



    .ma_fs36 {

        font-size: 30px;

    }



    .ma_b1s1ld_txt {

        padding: 0 20px;

    }



    .ma_b1s1ld_btn p {

        line-height: 45px;

    }



    .ma_title2 {

        margin-bottom: 50px;

    }



    .ma_b1s1 {

        padding: 55px 0 70px;

    }



    .ma_b2s1 {

        padding: 130px 0 60px;

    }



    .ma_b2s1mr_t2 {

        font-size: 24px;

    }



    .ma_b2s1m_r .ma_b1s1ldt_btn {

        padding-bottom: 10px;

        margin-bottom: 6px;

    }



    .ma_b2s2 {

        padding: 70px 0 80px;

    }



    .ma_b2s2m_t {

        padding-bottom: 14px;

        margin-bottom: 20px;

    }



    .ma_b2s2_main .slick-list {

        padding-bottom: 55px;

    }



    .ma_b2s2m_t h3 {

        font-size: 20px;

    }



    .ma_b2s2m_qhbox {

        width: 7px;

    }



    .ma_b2s2m_qh {

        width: 40px;

    }



    .ma_c1s1 {

        padding: 50px 0 80px;

    }



    .ma_c1s1_p {

        margin-bottom: 30px;

    }



    .ma_c1s1l_num p {

        font-size: 40px;

    }



    .ma_c1s1l_img img {

        width: 45px;

    }



    .ma_c1s2 {

        padding: 80px 0;

    }



    .ma_c1s2mlr_t {

        font-size: 22px;

    }

    .ma_c1s2mlr_ts {
        font-size: 18px;
    }



    .ma_c1s2mlr_tbox {

        margin-bottom: 14px;

    }



    .ma_c1s3m_txt h2 {

        font-size: 28px;

    }



    .ma_c1s4 {

        padding: 70px 0;

    }

    .ma_c1s4mm_img{

        width: 600px;

    }



    .ma_c1s4mm_ul .slick-next {
        right: -95px;
    }



    .ma_c1s4mm_ul .slick-prev {

        left: -95px;

    }



    .ma_c1s4mml_p {

        font-size: 16px;

        bottom: -150px;

    }



    .ma_c1s4m_num {

        bottom: 10px;

    }



    .ma_c1s4m_num1 {

        font-size: 26px;

    }



    .ma_c1s4mm_ul .slick-prev,

    .ma_c1s4mm_ul .slick-next {

        width: 40px;

    }



    .ma_c1s4ml_t1 {

        font-size: 22px;

        margin-bottom: 20px;

    }



    .ma_c1s5 {

        padding: 70px 0 90px;

    }



    .ma_c1s5_icon {

        width: 110px;

    }



    .ma_c1s5mll_p1 {

        font-size: 22px;

        margin-bottom: 16px;

    }



    .ma_c1s5ml_l {

        padding-left: 45px;

        padding-right: 90px;

    }



    .ma_c1s5ml1_r {

        padding: 0 40px 0 34px;

    }



    .ma_c1s6 {

        padding: 70px 0 100px;

    }



    .ma_c1s6m_ul .slick-dots {

        bottom: -40px;

    }



    .ma_c1s6m_t h4 {

        font-size: 22px;

    }



    .ma_c1s6m_tbox {

        margin-bottom: 12px;

    }



    .ma_c1s6mr_box {

        width: 16px;

    }



    .ma_c1s6m_r {

        width: 50px;

    }



    .ma_c2 .ma_c1s1 {

        padding: 40px 0 30px;

    }



    .ma_c1s1_p {

        margin-bottom: 20px;

    }



    .ma_fs24 {

        font-size: 22px;

    }



    .ma_c2d2_t3 {

        margin-bottom: 22px;

    }



    .ma_c2s2m_l {

        padding: 0 120px 0 12px;

    }



    .ma_c2s2mrlt_p1 {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .ma_c2s2 {

        padding: 60px 0 70px;

    }



    .ma_c2s2_t3 {

        margin-bottom: 14px;

    }



    .ma_c2s2m_tab td {

        line-height: 40px;

    }



    .ma_c2s2m_tab th {

        line-height: 50px;

    }



    .ma_c3s1 {

        padding: 50px 0 120px;

    }



    .ma_c3d2 {

        margin-bottom: 80px;

    }



    .ma_c3d3_ul .slick-dots {

        bottom: -50px;

    }



    .ma_c3s2 {

        padding: 60px 0 120px;

    }

    .ma_c3s2 .swiper-pagination {

        bottom: 65px;

    }



    .ma_c3s2m_tbox {

        margin-bottom: 40px;

    }



    .ma_c3d2_txt p {

        font-size: 16px;

    }



    .ma_c3d2_txt img {

        width: 50px;

        margin-bottom: 14px;

    }



    .ma_c3d2t_p {

        margin-bottom: 25px;

    }



    .ma_c3d2_txt a span {

        font-size: 16px;

    }



    .ma_d1s1 {

        padding: 50px 0 80px;

    }



    .ma_d1s1_li a {

        padding: 32px 0;

    }



    .ma_d1s1_ul {

        margin-bottom: 70px;

    }



    .ma_d1s1l_l {

        font-size: 22px;

        width: 190px;

    }



    .ma_d1s1l_c {

        width: calc(100% - 225px);

    }

    .ma_d1s1l_l::before {
        right: 3px;
    }



    .ma_d2s1 {

        padding: 50px 0 90px;

    }



    .ma_d2s1m1l_p1 {

        font-size: 42px;

    }



    .ma_d2s1m1l_p1 img {

        width: 14px;

    }



    .ma_d2s1m1l_p2 {

        font-size: 16px;

    }



    .ma_d2s1m1l_p1 span {

        font-size: 18px;

    }



    .ma_d2s1m1_r {

        padding: 45px 40px 35px;

    }



    .ma_d2s1m2_t {

        font-size: 26px;

    }



    .ma_d3s1 {

        padding: 50px 0 110px;

    }



    .ma_d3s1m1ll_r a {

        margin-right: 40px;

    }



    .ma_d3s1m1ll_l {

        width: 20px;

        bottom: 0px;

    }



    .ma_d3s1m1ll_r {

        width: calc(100% - 20px);

        padding-left: 16px;

    }



    .ma_d3s1m1l_li {

        padding-bottom: 20px;

    }



    .ma_d3s1m1_list {

        padding: 0 30px;

    }



    .ma_d3s1_m1 {

        margin: 0 -30px 60px;

    }



    .ma_d3s1_m2 {

        padding: 50px 50px 60px;

    }



    .ma_d3s1m2_p1 {

        margin-bottom: 40px;

    }



    .ma_d3s1m2_a a {

        padding: 50px 0;

    }



    .ma_d4s1 {

        padding: 50px 0 80px;

    }



    .ma_d4s1m_btn {

        width: 140px;

    }



    .ma_d4s1m_btn a {

        line-height: 45px;

        font-size: 16px;

    }



    .ma_d4s1m_t {

        margin-bottom: 50px;

    }



    .ma_d4s1m_li {

        margin-bottom: 40px;

    }



    .ma_d4s1m_ul {

        margin: 0px -65px 40px;

    }



    .ma_e1s1 {

        padding: 50px 0 70px;

    }



    .ma_e1s1_p p {

        margin-bottom: 20px;

    }



    .ma_e1s1_p {

        margin-bottom: 40px;

    }



    .ma_c1s1l_num p {

        font-size: 36px;

    }



    .ma_e1s1_ul .ma_c1s1l_img img {

        width: 40px;

    }



    .ma_e1s1_ul .ma_c1s1_li {

        width: 22%;

    }



    .ma_e1s1_p {

        margin-bottom: 30px;

    }



    .ma_e1s2 {

        max-height: 620px;

    }



    .ma_e1s3 {

        padding: 60px 0 110px;

    }



    .ma_e1s1m_t h3 {

        font-size: 32px;

    }



    .ma_e1s1m_t {

        margin-bottom: 40px;

    }



    .ma_e1s3l_t {

        font-size: 38px;

        margin-bottom: 26px;

    }



    .ma_e1s3 .swiper-slide {

        width: 280px;

    }



    .ma_e1s3_list {

        padding-left: 22px;

        padding-right: 10px;

    }



    .ma_e1s3 .swiper-slide.swiper-slide-active {

        width: 360px;

    }



    .ma_e1s3 .swiper-pagination-progressbar {

        bottom: -70px;

    }



    .ma_e1s4 {

        padding: 80px 0 0;

    }



    .ma_e1s4_bg {

        width: 1320px;

    }



    .ma_e1s4ml_d {

        padding: 70px 0 550px;

    }



    .ma_e1s4mld_m1 p {

        font-size: 26px;

    }



    .ma_e1s4mld_m1::before {

        bottom: -24px;

        width: 38px;

    }



    .ma_e2s1 {

        padding: 50px 0 80px;

    }



    .ma_e2s2 {

        padding: 80px 0 70px;

    }



    .ma_e2s2 .ma_d1s1l_r {

        width: 50px;

    }



    .ma_e2s2 .ma_d1s1_ul {

        margin-bottom: 60px;

    }



    .ma_e3s1 {

        padding-top: 125px;

    }



    .ma_e3s1m_t h3 {

        font-size: 22px;

    }



    .ma_e3s1m_t {

        padding-bottom: 20px;

    }



    .ma_e3s1m_lift {

        margin-bottom: 25px;

    }



    .ma_e3s1ml_list {

        margin-right: 30px;

    }



    .ma_e3s1m_p p {

        margin-bottom: 20px;

    }



    .ma_e3s1m_p {

        margin-bottom: 80px;

    }



    .ma_e4s1 {

        padding: 50px 0 70px;

    }



    .ma_e4s1_li {

        margin-bottom: 40px;

    }



    .ma_in1s3m2ld_a {

        padding-top: 16px;

    }



    .ma_e4s1_ul {

        margin: 0 -15px 25px;

    }



    .ma_e5s1 {

        padding: 130px 0 80px;

    }



    .ma_e5s1m_p1 {

        font-size: 26px;

    }



    .ma_e5s1m_p2 {

        margin-top: 20px;

    }



    .ma_f1s1 {

        padding: 50px 0 80px;

    }



    .ma_f1s1ml_p p {

        margin-bottom: 20px;

    }



    .ma_f1s2_main::before {

        width: calc(100vw - 130px);

    }



    .ma_f1s2m_t {

        margin-bottom: 40px;

        font-size: 22px;

    }



    .ma_f1s2m_bg {

        right: -35px;

        width: 470px;

    }



    .ma_f1s3 {

        padding: 80px 0 100px;

    }



    .ma_f1s3m1ld_p2 {

        font-size: 26px;

    }



    .ma_f1s3m1ld_img {

        top: 150px;

        right: -10px;

        width: 130px;

    }



    .ma_f1s3m1l_d {

        padding: 35px 30px 260px;

    }



    .ma_f1s3m1 {

        margin-bottom: 70px;

    }



    .ma_f1s3m2_t {

        font-size: 22px;

        margin-bottom: 30px;

    }



    .ma_f1s2m_r p {

        font-size: 30px;

    }



    .ma_f1s2m_c {

        padding-top: 30px;

        width: 376px;

    }



    .ma_f1s2_main {

        padding: 40px 0 70px;

    }



    .ma_f1s2m_c3 {

        left: -9px;

    }



    .ma_f1s2m_c4 {

        left: 17px;

    }



    .ma_f1s2m_c5 {

        left: -7px;

    }



    .ma_f1s3m2 {

        padding-bottom: 70px;

    }



    .ma_f1s3m3 {

        padding-top: 60px;

    }



    .ma_f1s2_main {

        padding: 30px 0 50px;

    }



    .ma_f2s1 {

        padding: 50px 0 80px;

    }



    .ma_f2s1_sou {

        width: 320px;

        margin-bottom: 24px;

    }



    .ma_f2s1mlc_list span {

        line-height: 65px;

    }



    .ma_f2s1ml_l p {

        line-height: 65px;

        height: 65px;

    }



    .ma_f2s1ml_r {

        height: 65px;

    }



    .ma_f2s1ml_r::before {

        width: 12px;

    }



    .ma_f2s1ml_r::after {

        height: 12px;

    }



    .ma_f2s1m_ul {

        margin-bottom: 65px;

    }



    .ma_f2s1ml_btm {

        padding: 26px 30px;

    }



    .ma_f2s1mlbl_t {

        margin-bottom: 20px;

    }



    .ma_f2s1mlb_l {

        margin-bottom: 26px;

    }



    .ma_f2s1mlb_a {

        width: 160px;

    }



    .ma_f2s1mlb_a a {

        line-height: 40px;

    }



    .ma_f2s1mlb_a a img {

        right: 28px;

    }



    .ma_g1s1 {

        padding: 50px 0 100px;

    }



    .ma_g1s1mt_p1 {

        font-size: 22px;

        margin-bottom: 12px;

    }



    .ma_g1s1m_t {

        margin-bottom: 45px;

    }



    .ma_g1s1ma_l {

        padding: 80px 0;

    }



    .ma_g1s1m_add {

        margin-bottom: 50px;

    }



    .ma_g1s1mld_d1 p {

        font-size: 22px;

    }



    .ma_g1s1mld_p1 {

        margin-bottom: 14px;

    }



    .ma_g1s1mld_d1 img {

        width: 20px;

    }



    .ma_g1s1mld_d1 {

        margin-bottom: 10px;

    }



    .ma_g1s1ml_d {

        padding: 30px 45px 60px;

    }



    .ma_g1s2ml_p1 {

        font-size: 22px;

        margin-bottom: 10px;

    }



    .ma_g1s2ml_p2 {

        margin-bottom: 40px;

    }



    .ma_g1s2mlf_box {

        margin: 0 -9px 30px;

    }



    .ma_g1s2 {

        padding: 90px 0 150px;

    }



    .ma_g1s2m_r {

        right: -124px;

        width: 500px;

    }



    .ma_g1s2mlflb_btn {

        width: 150px;

    }



    .ma_g1s3_main #container {

        height: 460px;

    }

    .ma_b1s1_t {
        margin-bottom: 40px;
    }

    .ma_in1s1m_bg1 {
        left: 50px;
    }
    /* 2024.03.15 - start */
    .home_pro_cry_top .ma_fs60 {
        margin-bottom: 46px;
    }
    .hpct_scroll {
        margin-top: 42px;
    }
    .hpcb_list_item {
        --jian1: 28px;
    }
    .hpcb_list_item:nth-of-type(3) {
        --left1: 20.416667%;
    }
    .hpcb_list .ma_in1s1ld_t {
        font-size: 22px;
    }
    .pmli_link {
        padding: 30px 32px 30px;
    }
    .pmli_link_title {
        padding-top: 18px;
    }
    .pmli_link_title_font {
        font-size: 22px;
        padding-bottom: 2px;
    }
    .pro_main_list_item {
        padding: 0px 15px;
        margin-bottom: 40px;
    }
    .pro_main_list {
        margin: 0 -15px;
        margin-bottom: 22px;
    }
    .ma_in1s4l_d {
        width: 200px;
        height: 200px;
    }
    /* 2024.03.15 - end */
}
@media screen and (max-width:1366px) {

    .ma_in1s1m_bg2 {

        width: 480px;

    }



    .ma_pchdm_loginbox::before {

        left: 575px;

    }
    /* 2024.03.15 - start */
    .home_pro_cry_top .ma_fs60 {
        margin-bottom: 42px;
    }
    .hpcb_list_item:nth-of-type(2) {
        --width1: 286px;
        --zong: 59.25%;
    }
    .hpcb_list_item:nth-of-type(3) {
        --left1: 17%;
        --zong: 54.33%;
    }
    .pmli_link_title_font {
        background-size: 1px 1px;
    }
    
    /* 2024.03.15 - end */
}
@media screen and (max-width:1280px) {

    .ma_wid1660 {

        width: 1100px;

    }



    .ma_pchdm_loginbox::before {

        left: 441px;

    }



    .ma_pchdm_li2 {

        margin-bottom: 18px;

    }



    .ma_bantxtp1 {

        font-size: 38px;

    }



    .ma_banul_play {

        width: 34px;

    }



    .ma_banul_img {

        width: 1850px;

    }



    .ma_wid1200 {

        width: 950px;

    }



    .ma_fs60 {

        font-size: 34px;

    }



    .ma_in1s1 {

        padding: 68px 0 40px;

    }



    .ma_in1s1_t {

        margin-bottom: 60px;

    }



    .ma_in1s1ld_t {

        font-size: 24px;

        margin-bottom: 12px;

    }



    .ma_in1s1_li {

        padding: 0 30px;

        margin-bottom: 50px;

    }



    .ma_in1s1_ul {

        margin: 0 -30px;

    }



    .ma_pid120 {

        padding-left: 30px;

        padding-right: 30px;

    }



    .ma_in1s1ld_a img {

        width: 16px;

        margin-right: 4px;

    }



    .ma_in1s1ld_a span {

        font-size: 14px;

        line-height: 16px;



    }



    .ma_in1s1m_bg1 {

        width: 214px;
        left: 13px;

    }



    .ma_in1s2 {

        padding: 90px 0 80px;

    }



    .ma_in1s2m_p p {

        font-size: 24px;

    }



    .ma_in1s2m_p {

        margin-bottom: 30px;

    }



    .ma_in1s3 {

        padding: 60px 0;

    }



    .ma_in1s3m1ld_p {

        font-size: 20px;

    }



    .ma_in1s3m_m1 {

        padding: 0 40px;

    }



    .ma_in1s3m1_ul .slick-dots {

        bottom: -34px;

    }



    .slick-dots li {

        width: 30px;

        margin: 0 3px;

        height: 5px;

    }



    .ma_in1s3m_m1 {

        margin-bottom: 80px;

    }



    .ma_in1s3m2_ul {

        margin: 0px -8px 40px;

    }



    .ma_in1s3m2_li {

        padding: 0 8px;

    }



    .ma_in1s4 {

        padding: 70px 0 120px;

    }



    .ma_in1s4_p {

        padding: 0 40px;

    }



    .ma_in1s4_p p {

        font-size: 20px;

    }



    .ma_in1s4ld_img {

        width: 40px;

        margin-bottom: 10px;

    }



    .ma_in1s4ld_num p {

        font-size: 32px;

        margin-bottom: 6px;

    }



    .ma_in1s4l_d {

        width: 170px;

        height: 170px;

    }



    .ma_fttm_l {

        width: calc(100% - 90px);

    }



    .ma_fttml_li1 {

        padding: 0 16px;

    }



    .ma_fttml_ul1 {

        margin: 0 -16px;

    }



    .ma_fttml_li1 a:first-child {

        font-size: 18px;

        margin-bottom: 16px;

    }



    .ma_fttml_li1 a {

        margin-bottom: 3px;

    }



    .ma_ft_top {

        padding: 35px 0;

    }



    .ma_ft_btm {

        padding: 14px 0;

    }



    .ma_ftbox {
        height: 377px;
    }



    .ma_ftbmrt_ewm,

    .ma_pchdmlb_btm {

        width: 110px;

    }



    .ma_b1s1 {

        padding: 50px 0 60px;

    }



    .ma_fs36 {

        font-size: 28px;

    }



    .ma_title2 {

        margin-bottom: 40px;

    }



    .ma_b1s1ldt_btn {

        margin-top: 12px;

        height: 62px;

    }



    .ma_b1s1ldt_p2 {

        font-size: 16px;

    }



    .ma_b1s1ldt_p2box {

        height: 56px;

    }



    .ma_b1s1ldt_btn p {


        line-height: 26px;

    }



    .ma_b1s1ld_btn p {

        line-height: 40px;

    }



    .ma_b1s1_ul {

        margin: 0 -15px 20px;

    }

    .ma27_title2 {
        margin-bottom: 35px;
    }



    .ma_b1s1_li {

        padding: 0 15px;

    }



    .ma_b2s1 {

        padding: 120px 0 50px;

    }



    .ma_b2s1m_l {

        padding-right: 35px;

    }



    .ma_b2s1mr_t2 {

        font-size: 22px;

    }



    /* .ma_b2s1mr_li p {

        line-height: 45px;

        height: 45px;

    } */



    .ma_b2s1mr_ul {

        margin-bottom: 24px;

    }



    .ma_b2s1mr_btn a {

        line-height: 40px;

    }



    .ma_b2s1mr_btn {

        width: 130px;

    }



    .ma_b2s2 {

        padding: 60px 0 70px;

    }



    .ma_b2s2_main .slick-list {

        padding-bottom: 45px;

    }



    .ma_c1s1 {

        padding: 40px 0 60px;

    }



    .ma_title2 {

        margin-bottom: 30px;

    }



    .ma_c1s1l_num p {

        font-size: 34px;

    }



    .ma_c1s1l_img img {

        width: 40px;

    }



    .ma_c1s2 {

        padding: 70px 0;

    }



    .ma_c1s2ml_lbox {

        width: 350px;

    }



    .ma_c1s2mlr_t {

        font-size: 20px;

    }

    .ma_c1s2mlr_ts {
        font-size: 16px;
    }



    .ma_c1s2mlr_tbox {

        margin-bottom: 10px;

    }



    .ma_c1s2ml_r {

        width: calc(100% - 350px);

        padding: 0 30px 0 25px;

    }



    .ma_c1s3m_txt h2 {

        font-size: 24px;

    }



    .ma_c1s3m_txt {

        bottom: 35px;

        margin-bottom: 10px;

    }



    .ma_c1s4 {

        padding: 60px 0;

    }



    .ma_c1s4mm_img {

        width: 470px;

    }



    .ma_c1s4mm_ulbox {
        width: 346px;
        top: 70%;
    }



    .ma_c1s4mm_ul .slick-prev {

        left: -60px;

    }

    .ma_c1s4mm_ul .slick-next {
        right: -60px;
    }

    .ma_c1s4mm_ulbox {
        top: 60%;
    }

    .ma_c1s4mm_ul .slick-list {
        padding-bottom: 125px;
    }



    .ma_c1s4mml_p {

        bottom: -118px;

    }



    .ma_c1s4m_l {

        padding-top: 60px;

        margin-right: 30px;

    }



    .ma_c1s4m_r {

        width: 90px;

        padding-top: 0;

    }



    .ma_c1s4m_num {

        bottom: 15px;

        right: 118px;

    }



    .ma_c1s4m_num1 {

        font-size: 24px;

    }



    .ma_c1s4ml_t1 {

        font-size: 20px;

        margin-bottom: 16px;

    }







    .ma_c1s5 {

        padding: 60px 0 80px;

    }



    .ma_c1s5ml_r {

        width: 300px;

    }



    .ma_c1s5ml1_r {

        width: 300px;

    }



    .ma_c1s5m_li {

        margin-bottom: 20px;

    }



    .ma_c1s5_icon {

        width: 85px;

    }



    .ma_c1s5ml_l {

        padding-left: 35px;

        padding-right: 30px;

    }



    .ma_c1s5ml1_r {

        padding: 0 28px;

    }



    .ma_c1s6 {

        padding: 60px 0 80px;

    }



    .ma_c1s6m_ul .slick-dots {

        bottom: -30px;

    }



    .ma_c1s6mldt_p1 {

        font-size: 16px;

    }



    .ma_c1s6mld_txt {

        padding: 12px 24px 24px;

    }



    .ma_c1s3mt_p {

        width: 730px;

    }



    .ma_c1s3m_txt {

        bottom: 20px;

    }



    .ma_c2s2m_r {

        width: 650px;

    }



    .ma_c2s2m_l {

        width: calc(100% - 650px);

        padding: 0 50px 0 12px;

    }



    .ma_fs24 {

        font-size: 20px;

    }



    .ma_c2s2ml_li {

        margin-bottom: 10px;

    }



    .ma_c2s2mrlt_p1 {

        font-size: 18px;

        margin-bottom: 8px;

    }



    .ma_c2s2mrlt_p2 {

        font-size: 16px;

    }



    .ma_c2s2mlll_t {

        width: 80px;

    }



    .ma_c2s2mlll_p {

        width: calc(100% - 80px);

    }



    .ma_c2s2ml_ul::before {

        left: 58.5px;

        top: 8px;

    }



    .ma_c2s2mlll_t::after {

        right: 14px;

        width: 16px;

        height: 16px;

    }



    .ma_c2s2mlll_t::before {

        right: 19px;

        width: 6px;

        height: 6px;

    }



    .ma_c2 .ma_c1s1 {

        padding: 40px 0 50px;

    }



    .ma_c2s2 {

        padding: 50px 0 60px;

    }



    .ma_c2s2m_tab {

        width: 1200px;

    }

    .ma_c2s2m_m{

        display: flex;

    }

    .ma_c2s2m_mbox{

        overflow-x: auto;

        overflow-y: initial;

    }



    .ma_c3s1 {

        padding: 50px 0 100px;

    }



    .ma_c3d2_txt img {

        width: 45px;

        margin-bottom: 10px;

    }



    .ma_c3d2t_p {

        margin-bottom: 20px;

    }



    .ma_c3d2_txt a img {

        width: 18px;

        margin-right: 6px;

    }



    .ma_c3d2 {

        margin-bottom: 60px;

    }



    .ma_c3s2 {

        padding: 50px 0 100px;

    }



    .ma_c3s2 .swiper-pagination {

        bottom: 50px;

    }



    .ma_d1s1 {

        padding: 40px 0 70px;

    }



    .ma_d1s1_li a {

        padding: 26px 0;

    }



    .ma_d1s1_ul {

        margin-bottom: 60px;

    }



    .ma_d1s1l_c {

        font-size: 16px;

        height: 28px;

        width: calc(100% - 138px);

    }



    .ma_d1s1l_l {

        line-height: 28px;

    }



    .ma_d1s1l_r {

        width: 28px;

    }



    .ma_d1s1l_l::before {

        width: 40px;

    }



    .ma_d1s1l_l {

        font-size:20px;

        width: 160px;

    }



    .ma_d2s1_m2 {

        padding: 40px 90px 90px;

    }



    .ma_d2s1 {

        padding: 40px 0 80px;

    }



    .ma_d2s1m1_l {

        padding: 30px 40px 55px 50px;

    }



    .ma_d2s1m1_r {

        padding: 38px 26px 28px;

    }



    .ma_d2s1m1r_ul {

        margin-bottom: 47px;

    }



    .ma_d2s1m1rl_p1 {

        font-size: 26px;

        margin-bottom: 8px;

    }



    .ma_d2s1m1l_p1 {

        font-size: 38px;

    }



    .ma_d2s1m1l_p1 img {

        width: 12px;

    }



    .ma_d2s1_m2 {

        padding: 35px 60px 70px;

    }



    .ma_d2s1m2_t {

        font-size: 24px;

    }



    .ma_d3s1 {

        padding: 40px 0 90px;

    }



    .ma_d3s1m1ll_r a {

        font-size: 16px;

        margin-right: 25px;

    }



    .ma_d3s1m1llr_p1 {

        font-size: 16px;

    }

    .ma_d1s1l_c {
        width: calc(100% - 194px);
    }



    .ma_d3s1_m1 {

        margin: 0 -30px 50px;

    }

    .ma_d3s1m2_p1 {

        font-size: 16px;

        margin-bottom: 30px;

    }



    .ma_d3s1m2_a a {

        padding: 35px 0;

    }



    .ma_d3s1m2_a span {

        font-size: 16px;

    }



    .ma_d3s1m2_a img {

        margin-right: 8px;

        bottom: 2px;

    }



    .ma_d4s1 {

        padding: 40px 0 60px;

    }



    .ma_d4s1m_t {

        margin-bottom: 40px;

    }



    .ma_d4s1m_btn {

        width: 120px;

    }



    .ma_d4s1m_btn a {

        line-height: 40px;

    }



    .ma_d4s1m_li {

        padding: 0 30px;

    }



    .ma_d4s1m_ul {

        margin: 0px -30px 20px;

    }



    .ma_d4s1m_li {

        margin-bottom: 30px;

    }



    .ma_d4s1mld_img {

        margin-bottom: 10px;

    }



    .ma_d4tc_main {

        padding: 30px 35px;

        width: 530px;

    }



    .ma_d4tcm_p1 {

        font-size: 22px;

        margin-bottom: 10px;

    }



    .ma_d4tcm_p2 {

        margin-bottom: 10px;

    }



    .ma_e1s1 {

        padding: 40px 0 60px;

    }

    .ma_e1s1_p p {

        margin-bottom: 10px;

    }



    .ma_c1s1l_num p {

        font-size: 30px;

    }



    .ma_e1s1_ul .ma_c1s1l_img img {

        width: 36px;

    }



    .ma_e1s1_ul .ma_c1s1_li {

        width: 20%;

    }



    .ma_e1s1_p {

        margin-bottom: 25px;

    }



    .ma_e1s2 {

        max-height: 500px;

    }



    .ma_e1s3 {

        padding: 50px 0 80px;

    }



    .ma_e1s1m_t h3 {

        font-size: 28px;

    }



    .ma_e1s1m_t {

        margin-bottom: 30px;

    }



    .ma_e1s3l_t {

        font-size: 30px;

        margin-bottom: 20px;

    }



    .ma_e1s3l_ulbox {

        height: 345px;

    }



    .ma_e1s3::before {

        width: 300px;

    }



    .ma_e1s3 .swiper-pagination-progressbar {

        bottom: -45px;

    }



    .ma_e1s4 {

        padding: 60px 0 0;

    }



    .ma_e1s4mld_p {

        font-size: 20px;

    }



    .ma_e1s4mld_m1 p {

        font-size: 22px;

    }



    .ma_e1s4ml_d {

        padding: 70px 0 440px;

    }



    .ma_e1s4_bg {

        width: 1130px;

    }



    .ma_e2s1 {

        padding: 40px 0 70px;

    }



    .ma_e2s2 {

        padding: 70px 0 60px;

    }



    .ma_e2s2 .ma_d1s1l_r {

        width: 40px;

    }



    .ma_e2s2 .ma_d1s1l_c {

        width: calc(100% - 310px);

    }



    .ma_e3s1 {

        padding-top: 115px;

    }



    .ma_e3s1m_t h3 {

        font-size: 20px;

    }



    .ma_e3s1m_lift {

        margin-bottom: 20px;

    }



    .ma_e3s1m_p p {

        margin-bottom: 15px;

    }



    .ma_e3s1m_p {

        margin-bottom: 50px;

    }



    .ma_e4s1 {

        padding: 30px 0 60px;

    }



    .ma_e4s1_li {

        padding: 0 10px;

    }



    .ma_e4s1_ul {

        margin: 0 -10px 25px;

    }



    .ma_e4s1_li {

        margin-bottom: 30px;

    }



    .ma_e5s1 {

        padding: 130px 0 60px;

    }



    .ma_e5s1m_p1 {

        font-size: 24px;

    }



    .ma_e5s1m_p2 {

        margin-top: 10px;

    }



    .ma_d14vb_play {

        width: 34px;

    }



    .ma_d14_videobox2 iframe {

        min-width: 740px;

        min-height: 450px;

    }



    .ma_f1s1 {

        padding: 40px 0 70px;

    }



    .ma_f1s1m_l {

        width: 480px;

        padding-right: 20px;

    }



    .ma_f1s1ml_t {

        font-size: 22px;

        margin-bottom: 20px;

    }



    .ma_f1s1ml_p p {

        margin-bottom: 10px;

    }



    .ma_f1s2_main {

        padding: 30px 0 60px;

    }



    .ma_f1s2m_t {

        margin-bottom: 30px;

        font-size: 20px;

    }



    .ma_f1s2m_r p {

        font-size: 26px;

    }



    .ma_f1s2m_bg {

        right: -60px;

        width: 410px;

    }



    .ma_f1s2m_c {

        padding-top: 22px;

        width: 340px;

    }



    /* .ma_f1s2m_c1 {

        left: -11px;

    }



    .ma_f1s2m_c2 {

        left: -20px;

    }



    .ma_f1s2m_c3 {

        left: -8px;

    }



    .ma_f1s2m_c4 {

        left: 16px;

    } */



    .ma_f1s2_main {

        padding: 30px 0 40px;

    }



    .ma_f1s3 {

        padding: 70px 0 80px;

    }



    .ma_f1s3m1l_d {

        padding: 30px 20px 220px;

    }



    .ma_f1s3m1_li {

        padding: 0 20px;

    }



    .ma_f1s3m1_ul {

        margin: 0px -20px;

    }



    .ma_f1s3m1l_d::before {

        height: 65px;

    }



    .ma_f1s3m1ld_img {

        top: 130px;

        right: -12px;

        width: 100px;

    }



    .ma_f1s3m1ld_p2 {

        font-size: 22px;

    }



    .ma_f1s3m1ld_p1 {

        margin-bottom: 12px;

    }



    .ma_f1s3m1 {

        margin-bottom: 60px;

    }



    .ma_f1s3m2ld_img {

        width: 34px;

        margin-bottom: 10px;

    }



    .ma_f1s3m2l_d1 {

        padding: 8px 0 30px;

    }



    .ma_f1s3m2l_d2 {

        padding: 30px 0 8px;

    }



    .ma_f1s3m2_ulbox {

        padding: 24px 20px;

    }



    .ma_f1s3m2 {

        padding-bottom: 60px;

    }



    .ma_f1s3m3 {

        padding-top: 50px;

    }



    .ma_f1s3m3ld_l {

        width: 300px;

    }



    .ma_f1s3m3ld_r {

        width: calc(100% - 300px);

        padding-left: 60px;

        padding-top: 40px;

    }



    .ma_f1s3m3ldr_p1 {

        font-size: 22px;

        margin-bottom: 22px;

    }



    .ma_f1s3m3ldr_d {

        padding: 30px 46px 38px 0;

    }



    .ma_f1s3m3ldrd_p {

        margin-bottom: 34px;

    }



    .ma_f1s3m3_ul .slick-dots {
        width: 100%;
    }



    .ma_f1s3m3ldl_img {

        top: 18px;

        left: 18px;

    }



    .ma_f2s1 {

        padding: 50px 0 70px;

    }



    .ma_f2s1_sou {

        width: 300px;

        margin-bottom: 20px;

    }



    .ma_f2s1ml_l {

        width: 200px;

    }



    .ma_f2s1ml_c {

        width: calc(100% - 226px);

        padding-right: 14px;

    }



    .ma_f2s1mlc_list {

        width: 29%;

    }
    .ma_f2s1mlc_list:first-child{
        width: 20%;
    }

    .ma_f2s1mlc_list:nth-child(2){
        width: 22%;
    }



    .ma_f2s1m_ul {

        margin-bottom: 50px;

    }



    .ma_f2s1mlb_a {

        width: 135px;

    }



    .ma_f2s1mlb_a a img {

        right: 18px;

    }



    .ma_g1s1 {

        padding: 40px 0 80px;

    }



    .ma_g1s1mt_p1 {

        font-size: 20px;

    }



    .ma_g1s1m_t {

        margin-bottom: 35px;

    }



    .ma_g1s1ma_l {

        padding: 70px 0;

        width: 285px;

    }



    .ma_g1s1ma_r {

        padding-left: 20px;

        padding-right: 20px;

    }



    .ma_g1s1mar_ul {

        padding: 0 14px;

    }



    .ma_g1s1mar_li {

        padding: 0 5px;

    }



    .ma_g1s1marla_p1 {

        font-size: 16px;

        margin-bottom: 30px;

    }



    .ma_g1s1ma_l p {

        font-size: 16px;

    }



    .ma_g1s1m_add {

        margin-bottom: 40px;

    }



    .ma_g1s1mld_d1 p {

        font-size: 20px;

    }



    .ma_g1s1mld_p1 {

        margin-bottom: 15px;

        font-size: 18px;

    }



    .ma_g1s1mld_p2 {

        max-height: 56px;

        overflow: hidden;

    }



    .ma_g1s1ml_d {
        padding: 28px 25px 20px;
        height: 235px;
    }



    .ma_g1s2m_l {

        width: calc(100% - 310px);

    }



    .ma_g1s2m_r {

        right: -160px;

        width: 410px;

    }



    .ma_g1s2 {

        padding: 80px 0 110px;

    }



    .ma_g1s3_main #container {

        height: 430px;

    }



    .ma_g1s2ml_p1 {

        font-size: 20px;

    }

    .ma_b1s1_t {
        margin-bottom: 20px;
    }

    .ma_d2 .ma_title2::before {
        left: 280px;
    }

    .ma_d2 .ma_title2::after {
        width: calc(100% - 288px);
    }
    /* 2024.03.15 - start */
    .home_pro_cry_top .ma_fs60, 
    .home_pro_cry_top .std_text1 {
        width: 48%;
    }
    .hpcb_list_item {
        --jian1: 20px;
        --zong: 53.75%;
    }
    .hpcb_list .ma_in1s1ld_t {
        margin-bottom: 9px;
    }
    .hpcb_list .ma_in1s1ld_p {
        margin-bottom: 14px;
    }
    .hpcb_list_item:nth-of-type(2) {
        --width1: 250px;
        --zong: 60.25%;
    }
    .hpcb_list_item:nth-of-type(3) {
        --width1: 220px;
    }
    .pmli_link {
        padding: 25px 26px 27px;
    }
    .pmli_link_title {
        padding-top: 15px;
        padding-bottom: 21px;
    }
    .pro_main_list_item {
        padding: 0px 12px;
        margin-bottom: 36px;
    }
    .pro_main_list {
        margin: 0 -12px;
        margin-bottom: 20px;
    }
    .ma_in1s4_li {
        padding: 0 20px;
    }
    .ma_in1s4ld_txt p {
        font-size: 14px;
    }
    .ma_in1s4l_d {
        width: 180px;
        height: 180px;
    }
    .ma_in1s4ld_num p {
        margin-bottom: 10px;
    }
    /* 2024.03.15 - end */
}
@media screen and (max-width:1200px) {

    .ma_in1s1m_bg2 {
        width: 312px;
        top: -75px;
        right: -179px;
    }



    .ma_pchdm_loginbox::before {

        left: 401px;

    }



    .ma_f1s2_main::before {

        width: 100%;

    }

    .ma_f1s2_main{

        padding: 30px;

    }



    .ma_f1s2m_t {

        margin-bottom: 24px;

    }



    .ma_f1s2m_bg {

        right: -18px;

        width: 353px;

    }



    .ma_f1s2m_r p {

        font-size: 24px;

    }



    .ma_f2s1ml_l p {

        font-size: 14px;

        line-height: 60px;

        height: 60px;

    }



    .ma_f2s1mlc_list span {

        font-size: 14px;

        line-height: 60px;

    }



    .ma_f2s1ml_r {

        height: 60px;

    }

    /* 2024.03.15 - start */
    .home_pro_cry_top .ma_fs60 {
        margin-bottom: 38px;
    }
    .hpct_scroll {
        margin-top: 38px;
    }
    .pmli_link_title_font {
        font-size: 20px;
    }
    .pmli_link_label {
        font-size: 12px;
    }
    .pmli_link_title {
        padding-bottom: 19px;
    }
    .ma_pchdm_li1 a {
        padding: 0 20px;
    }

    /* 2024.03.15 - end */
}
@media screen and (max-width: 1199px){
    .ma_pc_hd{
        display: none;
    }
    .mc_ph_hd{
        display: block;
    }
    .ma_ban {
        margin-top: 64px;
    }
}
@media screen and (max-width:1024px) {

    .ma_wid1660 {

        width: 100%;

        padding: 0 20px;

    }



    .ma_pchdm_loginbox::before {

        left:317px;

    }



    .ma_pchdm_li1 a {

        padding: 0 20px;

    }



    .ma_b1s1ld_btn {

        opacity: 1;

    }



    .ma_b2s2 {

        padding: 50px 0 60px;

    }
    /* 2024.03.15 - start */
    .home_pro .ma_wid1200 {
        max-width: calc(100% - 80px);
    }
    .hpcb_list_item {
        --width1: 170px;
    }
    .hpcb_list .ma_in1s1ld_t {
        font-size: 20px;
    }
    .hpcb_list .ma_in1s1ld_p p {
        line-height: 1.5;
    }
    .ma_in1s1ld_p p {
        font-size: 14px;
    }
    .ma_in1s1ld_a span {
        top: 1px;
    }
    .hpcb_list .ma_in1s1ld_t {
        margin-bottom: 6px;
    }
    .hpcb_list_item:nth-of-type(2) {
        --width1: 206px;
    }
    .hpcb_list_item:nth-of-type(3) {
        --width1: 180px;
        --left1: 15%;
        --zong: 53.33%;
    }
    .pro_main .ma_b1s1_main{
        max-width: calc(100% - 80px);
    }
    .home_pro_img img {
        max-width: 56vw;
    }
    .ma_pchdm_li1 a {
        padding: 0 14px;
    }
    .home_pro_img{
        width: 56vw;
    }
    .home_pro_img img {
        max-width: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    /* 2024.03.15 - end */
}
@media screen and (max-width:950px) {

    .ma_bantxtp1 {

        font-size: 34px;

    }



    .ma_banul_img {

        width: 1400px;

    }



    .ma_banul_play {

        width: 30px;

        top: 58%;

    }



    .ma_banul_num {

        bottom: 70px;

        right: 20px;

    }




    .ma_in1s1 {

        padding: 50px 0 40px;

    }



    .ma_fs60 {

        font-size: 30px;

    }



    .ma_in1s1ld_t {

        font-size: 22px;

        margin-bottom: 8px;

    }



    .ma_in1s1_t {

        margin-bottom: 48px;

    }



    .ma_pid120 {

        padding-left: 0;

        padding-right: 0;

    }



    .ma_wid1200 {

        width: 100%;

        padding: 0 20px;

    }



    .ma_in1s1_li {

        padding: 0 20px;

        margin-bottom: 40px;

    }



    .ma_in1s1_ul {

        margin: 0 -20px;

    }



    .ma_in1s1m_bg1 {

        width: 185px;

    }



    .ma_in1s2 {

        padding: 80px 0 70px;

    }



    .ma_in1s2m_p p {

        font-size: 22px;

    }



    .ma_in1s3 {

        padding: 50px 0;

    }



    .ma_in1s3m_m1 {

        padding: 0;

    }



    .ma_in1s3m1ld_p {

        font-size: 18px;

    }



    .ma_in1s3m_m1 {

        margin-bottom: 70px;

    }



    .ma_in1s3m2lda_p {

        font-size: 16px;

    }



    .ma_in1s3m2ld_a {

        padding-top: 16px;

    }



    .ma_in1s3m2_ul {

        margin: 0px -8px 30px;

    }



    .ma_in1s4 {

        padding: 60px 0 90px;

    }



    .ma_in1s4_t {

        margin-bottom: 22px;

    }



    .ma_in1s4_p p {

        font-size: 18px;

    }



    .ma_in1s4_p {

        padding: 0;

    }



    .ma_in1s4_p {

        margin-bottom: 40px;

    }



    .ma_in1s4ld_num p {

        font-size: 28px;

    }



    .ma_in1s4ld_img {

        width: 34px;

    }



    .ma_fttml_li1 {

        padding: 0 10px;

    }



    .ma_fttml_ul1 {

        margin: 0 -10px;

    }



    .ma_ft_top {

        padding: 30px 0;

    }



    .ma_ftbox {

        height: auto;

        opacity: 1 !important;

    }



    .ma_ft {

        position: initial;

        bottom: auto;

        left: auto;

    }

    .ma_pc_hd{

        display: none;

    }

    .mc_ph_hd{

        display: block;

    }



    .ma_ban {

        margin-top: 64px;

    }



    .ma_bantxt {

        top: 40%;

    }



    .ma_banul_play {

        width: 26px;

        top: 54%;

    }



    .ma_ftbmrt_ewm {

        left: auto;

        right: 0;

        transform: translateX(0);

    }



    .ma_b1s1 {

        padding: 50px 0 30px;

    }



    .ma_banul_img {

        bottom: -83px;

    }

    .ma_inbanul_img{

        bottom: -60px;

    }



    .ma_fs36 {

        font-size: 26px;

    }



    .ma_title2::before {

        left: 170px;

    }



    .ma_title2::after {

        width: calc(100% - 177px);

    }



    .ma_title2 {

        margin-bottom: 30px;

    }

    .mc_pcfy{

        display: none;

    }

    /* .mc_phfy li a {
        display: none;
    } */



    .ma_b1s1_ul {

        margin: 0 -15px 30px;

    }



    .ma_b2s1 {

        padding: 100px 0 50px;

    }



    .ma_b2s1mr_t2 {

        font-size: 20px;

    }



    .ma_b2s1mr_ul {

        margin-bottom: 20px;

    }



    .ma_b2s2 {

        padding: 40px 0 50px;

    }



    .ma_b2s2_main .slick-list {

        padding-top: 0;

    }



    .ma_b2s2 .ma_b1s1_ul {

        margin: 0 -15px;

    }



    .ma_b2s2m_t h3 {

        font-size: 18px;

    }



    .ma_b2s2m_qhbox {

        width: 6px;

    }



    .ma_b2s2m_qh::before {

        height: 12px;

    }



    .ma_c1s1 {

        padding: 40px 0 50px;

    }



    .ma_title2 {

        margin-bottom: 25px;

    }



    .ma_c1s1_p {

        margin-bottom: 25px;

    }



    .ma_c1s1l_num p {

        font-size: 30px;

    }



    .ma_c1s2 {

        padding: 50px 0;

    }



    .ma_c1s2ml_lbox {

        width: 320px;

    }



    .ma_c1s2mlr_t {

        font-size: 18px;

    }

    .ma_c1s2mlr_ts {
        font-size:14px;
    }



    .ma_c1s2mlr_tbox {

        margin-bottom: 7px;

    }



    .ma_c1s2ml_r {

        width: calc(100% - 320px);

        padding: 0 20px 0 25px;

    }



    .ma_c1s3mt_p {

        width: 100%;

    }



    .ma_c1s3m_txt h2 {

        font-size: 22px;

        margin-bottom: 10px;

    }



    .ma_c1s4 {

        padding: 50px 0;

    }



    .ma_c1s4m_l {

        padding-top: 50px;

    }



    .ma_c1s4m_num {

        bottom: 20px;

        right: 135px;

    }



    .ma_c1s5 {

        padding: 50px 0;

    }



    .ma_c1s5mll_p1 {

        font-size: 20px;

        margin-bottom: 12px;

    }



    .ma_c1s5ml_r {

        width: 250px;

    }



    .ma_c1s5ml1_r {

        width: 250px;

    }



    .ma_c1s5_icon {

        width: 70px;

    }



    .ma_c1s6 {

        padding: 50px 0 70px;

    }



    .ma_c1s6m_t h4 {

        font-size: 20px;

    }



    .ma_c1s6m_tbox {

        margin-bottom: 0;

    }



    .ma_c2s2m_r {

        width: 560px;

    }



    .ma_c2 .ma_c1s1 {

        padding: 40px 0 20px;

    }



    .ma_c2s2 {

        padding: 50px 0;

    }

    .ma_c3s1 {

        padding: 50px 0 80px;

    }



    .ma_c3d2_txt img {

        width: 40px;

        margin-bottom: 8px;

    }



    .ma_c3d2 {

        margin-bottom: 50px;

    }



    .ma_c3d3_ul .slick-dots {

        bottom: -40px;

    }



    .ma_c3s2 {

        padding: 50px 0 80px;

    }



    .ma_c3s2 .swiper-pagination {

        bottom: 38px;

    }



    .ma_c3s2m_tbox {

        margin-bottom: 26px;

    }



    .ma_d1s1 {

        padding: 40px 0 30px;

    }



    .ma_d1s1_li a {

        padding: 16px 0;

    }



    .ma_d1s1_ul {

        margin-bottom: 30px;

    }



    .mc_fybtn {

        padding: 0;

    }



    .ma_d2s1 {

        padding: 40px 0 50px;

    }



    .ma_d2s1m1l_p1 {

        font-size: 34px;

    }



    .ma_d2s1m1l_p1 span {

        font-size: 16px;

    }



    .ma_d2s1m1rl_p1 {

        font-size: 24px;

        margin-bottom: 6px;

    }



    .ma_d2s1m1r_ul {

        margin-bottom: 34px;

    }



    .ma_d2s1m1_l {

        padding: 30px 40px 42px 40px;

    }



    .ma_d2s1_m1 {

        margin-bottom: 30px;

    }



    .ma_d2s1_m2 {

        padding: 35px 50px 60px;

    }



    .ma_d3s1 {

        padding: 40px 0 50px;

    }



    .ma_d3s1_t::before {

        left: 232px;

    }



    .ma_d3s1_t::after {

        width: calc(100% - 241px);

    }



    .ma_d3s1_m1 {

        margin: 0 -30px 35px;

    }



    .ma_d3s1_m2 {

        padding: 45px 45px 50px;

    }



    .ma_d3s1m2_p1 {

        font-size: 16px;

        margin-bottom: 24px;

    }



    .ma_d3s1m2_a a {

        padding: 30px 0;

    }



    .ma_d4s1 {

        padding: 40px 0 30px;

    }



    .ma_d4s1m_btn {

        width: 115px;

    }



    .ma_d4s1m_t {

        margin-bottom: 30px;

    }



    .ma_d4s1m_li {

        padding: 0 15px;

    }



    .ma_d4s1m_ul {

        margin: 0px -15px;

    }



    .ma_d4s1mldt_p1 {

        font-size: 16px;

        height: 28px;

    }



    .ma_d4s1m_li {

        margin-bottom: 20px;

    }



    .ma_d4s1mld_img {

        margin-bottom: 6px;

    }



    .ma_d4tc_main {

        padding: 30px 25px;

        width: 415px;

    }



    .ma_d4tcm_p1 {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .ma_e1s1 {

        padding: 40px 0;

    }



    .ma_c1s1l_num p {

        font-size: 28px;

    }



    .ma_e1s1_ul .ma_c1s1l_img img {

        width: 32px;

    }



    .ma_c1s1l_num {

        margin-bottom: 8px;

    }



    .ma_e1s2 {

        max-height: 420px;

    }



    .ma_e1s3 {

        padding: 40px 0 60px;

    }



    .ma_e1s1m_t h3 {

        font-size: 24px;

    }



    .ma_e1s3l_t {

        font-size: 24px;

        margin-bottom: 14px;

    }



    .ma_e1s3 .swiper-slide.swiper-slide-active {

        width: 300px;

    }



    .ma_e1s3 .swiper-slide {

        width: 228px;

    }



    .ma_e1s3 .swiper-pagination-progressbar {

        bottom: -35px;

        left: 20px;

    }



    .ma_e1s3::before {

        width: 164px;

    }



    .ma_e1s4 {

        padding:40px 0 0;

    }



    .ma_e1s4ml_d {

        padding: 40px 0 414px;

    }



    .ma_e1s4mld_m1 {

        top: 135px;

    }



    .ma_e1s4mld_m1::before {

        bottom: -20px;

        width: 34px;

    }



    .ma_e1s4mld_p {

        font-size: 18px;

    }



    .ma_e1s4mld_m1 p {

        font-size: 20px;

    }



    .ma_e1s4mld_m2 {

        bottom: 30px;

        width: 300px;

    }



    .ma_e1s4_bg {

        width: 100%;

        bottom: 200px;

    }



    .ma_e2s1 {

        padding: 40px 0 50px;

    }



    .ma_e2s2 {

        padding: 50px 0 30px;

    }



    .ma_e2s2 .ma_d1s1l_r {

        width: 32px;

    }



    .ma_e2s2lc_p1 {

        margin-bottom: 6px;

    }



    .ma_e2s2 .ma_d1s1l_c {

        width: calc(100% - 230px);

    }



    .ma_e2s2 .ma_d1s1_ul {

        margin-bottom: 30px;

    }



    .ma_e3s1 {

        padding: 90px 0 30px;

    }



    .ma_e3s1ml_list {

        margin-right: 24px;

    }



    .ma_e3s1m_t {

        padding-bottom: 16px;

    }



    .ma_e3s1m_lift {

        padding: 10px 0;

        margin-bottom: 16px;

    }

    .ma_e3s1m_p {

        margin-bottom: 25px;

    }

    .ma_e3s1fy_main{

        display: none;

    }

    .ma_e3s1_fy{

        padding: 0 20px;

    }



    .ma_e4s1 {

        padding: 30px 0 50px;

    }



    .ma_e4s1_li {

        margin-bottom: 20px;

    }



    .ma_e4s1_ul {

        margin: 0 -10px 10px;

    }



    .ma_e4s1 {

        padding: 30px 0;

    }



    .ma_e5s1 {

        padding: 100px 0 50px;

    }



    .ma_e5s1m_p1 {

        font-size: 22px;

    }



    .ma_d14_videobox2 iframe {

        min-width: 100%;

        min-height: 340px;

    }



    .ma_f1s1 {

        padding: 40px 0 50px;

    }



    .ma_f1s1ml_t {

        font-size: 20px;

        margin-bottom: 16px;

    }



    .ma_f1s1ml_p p {

        margin-bottom: 6px;

    }

    .ma_f1s2{

        padding: 0 20px;

    }



    .ma_f1s2_main {

        padding: 30px 20px;

    }



    .ma_f1s2m_r p {

        font-size: 22px;

    }



    .ma_f1s2m_bg {

        right: -20px;

        width: 320px;

        top: 50%;

    }



    .ma_f1s3 {

        padding: 50px 0;

    }



    .ma_f1s3m1l_d::before {

        height: 62px;

    }



    .ma_f1s3m1ld_p2 {

        font-size: 20px;

    }



    .ma_f1s3m1ld_img {

        top: 100px;

        right: -12px;

        width: 80px;

    }



    .ma_f1s3m1l_d {

        padding: 24px 20px 170px;

    }



    .ma_f1s3m1 {

        margin-bottom: 50px;

    }



    .ma_f1s3m2ld_img {

        width: 30px;

    }



    .ma_f1s3m2l_d2 {

        padding: 20px 0 8px;

    }



    .ma_f1s3m2l_d1 {

        padding: 8px 0 20px;

    }



    .ma_f1s3m2 {

        padding-bottom: 50px;

    }



    .ma_f1s3m3 {

        padding-top: 40px;

    }



    .ma_f2s1 {

        padding: 50px 0 30px;

    }



    .ma_f2s1mlbl_t {

        font-size: 16px;

        margin-bottom: 15px;

    }



    .ma_f2s1mlb_a {

        width: 125px;

    }



    .ma_f2s1m_li {

        margin-bottom: 16px;

    }



    .ma_f2s1s_input {

        height: 40px;

    }



    .ma_f2s1s_btn {

        width: 40px;

        height: 40px;

    }



    .ma_f2s1s_btn button {

        line-height: 40px;

    }



    .ma_f2s1s_btn button img {

        width: 14px;

    }



    .ma_f2s1m_ul {

        margin-bottom: 30px;

    }



    .ma_g1s1 {

        padding: 40px 0 50px;

    }



    .ma_g1s1m_t {

        margin-bottom: 30px;

    }



    .ma_g1s1ma_l {

        width: 230px;

    }



    .ma_g1s1mld_d1 p {

        font-size: 18px;

    }



    /* .ma_g1s1ml_d {

        padding: 25px 20px 46px;

    } */



    .ma_g1s2 {

        padding: 50px 0;

    }



    .ma_g1s2ml_p2 {

        margin-bottom: 30px;

    }



    .ma_g1s2mlflb_in {

        height: 45px;

        padding: 0 20px;

    }



    .ma_g1s2mlflb_in2 {

        height: 228px;

        padding: 16px 20px;

    }



    .ma_g1s2mlflbi3_yzm {

        line-height: 45px;

    }



    .ma_g1s2mlflb_btn button {

        line-height: 45px;

        font-size: 14px;

    }



    .ma_g1s2mlflb_btn {

        width: 130px;

    }



    .ma_g1s2m_r {

        right: -80px;

        width: 360px;

        top: 50%;

    }



    .ma_g1s3_main #container {

        height: 360px;

    }

    .mc_phfy {
        display: block;
    }

    /* .ma_c1s6m_li {
        padding: 0 5px;
    }

    .ma_c1s6m_ul {
        margin: 0 -5px;
    }

    */.ma_f1s3m3_ul .slick-dots {
        width: 104%;
    }

    .ma_g1s3_btn {
        bottom: 40px;
        right: 40px;
        line-height: 35px;
        font-size: 14px;
    }
    /* 2024.03.15 - start */
    .home_pro_img {
        width: 56.875%;
        height: auto;
    }
    .home_pro_img img {
        height: auto;
        width: 100%;
    }
    .home_pro_cry_top .ma_fs60, .home_pro_cry_top .std_text1 {
        width: 58%;
    }
    .home_pro_cry_top .ma_fs60 {
        margin-bottom: 34px;
    }
    .hpct_scroll {
        margin-top: 35px;
    }
    .home_pro_cry_top{
        height: calc(100vh - 64px);
    }
    .home_pro .ma_wid1200 {
        max-width: 100%;
    }
    .hpcb_list_item {
        --width1: 160px;
        --jian1: 18px;
        --zong: 59.75%;
    }
    .hpcb_list_item:nth-of-type(2) {
        --width1: 190px;
        --zong: 64.25%;
    }
    .hpcb_list_item:nth-of-type(3) {
        --width1: 170px;
        --left1: 14%;
        --zong: 59.33%;
    }
    .pro_main .ma_b1s1_main {
        max-width: 100%;
    }
    .pro_main_list_item {
        padding: 0px 10px;
        margin-bottom: 28px;
    }
    .pro_main_list {
        margin: 0 -10px;
        margin-bottom: 15px;
    }
    .ma_in1s4l_d {
        width: 170px;
        height: 170px;
    }
    .ma_in1s4_li {
        padding: 0 5px;
    }
    /* 2024.03.15 - end */
    .home_pro_cry_top {
        height: auto;
        padding-top: 18vw;
        padding-bottom: 6vw;
    }
    .home_pro_cry_bot {
        min-height: auto;
        padding-bottom: 80px;
    }

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

    .ma_pcban{

        display: none;

    }

    .ma_phban{

        display: block;

    }



    .ma_bantxtp1 {

        font-size: 26px;

    }



    .ma_banul_img {

        width: 1700px;

    }



    .ma_banul_num1 {

        font-size: 24px;

    }



    .ma_in1s1 {

        padding: 40px 0;

    }



    .ma_fs60 {

        font-size: 26px;

    }



    .ma_in1s1ld_t {

        font-size: 20px;

    }



    .ma_in1s1ld_p p {

        font-size: 14px;

        height: 73px;

    }



    .ma_in1s1ld_p {

        margin-bottom: 14px;

    }



    .ma_in1s1_t {

        margin-bottom: 35px;

    }



    .ma_in1s1_li:nth-child(2) {

        margin-top: -30px;

    }



    .ma_in1s1m_bg1 {

        width: 170px;

    }



    .ma_in1s2 {

        padding: 60px 0;

    }



    .ma_in1s2m_p p {

        font-size: 18px;

    }



    .ma_in1s2m_a a {

        line-height: 35px;

    }



    .ma_in1s2m_a {

        width: 120px;

    }



    .ma_in1s2m_p {

        margin-bottom: 20px;

    }



    .ma_in1s3 {

        padding: 40px 0;

    }



    .ma_in1s3m1ld_p {

        font-size: 16px;

    }



    .ma_in1s3m1_ul .slick-dots {

        bottom: -25px;

    }



    .ma_in1s3m_m1 {

        margin-bottom: 60px;

    }



    .ma_in1s3m2lda_p {

        font-size: 14px;

    }



    .ma_in1s3m2lda_pbox {

        height: 49px;

    }



    .ma_in1s4 {

        padding: 50px 0;

    }



    .ma_in1s4_t {

        margin-bottom: 20px;

    }



    .ma_in1s4_p p {

        font-size: 16px;

    }



    .ma_in1s4_p {

        margin-bottom: 25px;

    }



    .ma_in1s4l_d {

        width: 130px;

        height: 130px;

        padding: 24px 0;

    }



    .ma_in1s4ld_img {

        width: 30px;

        margin-bottom: 6px;

    }



    .ma_in1s4ld_num p {

        font-size: 24px;

    }



    .ma_in1s4_li {

        padding: 0 10px;

    }



    .ma_in1s4ld_txt p {

        font-size: 14px;

    }



    .ma_fttm_l {

        width: calc(100% - 36px);

    }



    .ma_fttml_li1 a:first-child {

        font-size: 16px;

        margin-bottom: 10px;

    }



    .ma_b1s1 {

        padding: 40px 0 30px;

    }



    .ma_fs36 {

        font-size: 22px;

    }



    .ma_title2::before {

        left: 135px;

    }



    .ma_title2::after {

        width: calc(100% - 143px);

    }



    .ma_b1s1ld_btn p {

        line-height: 35px;

    }



    .ma_b1s1_li {

        padding: 0 10px;

    }



    .ma_b1s1_ul {

        margin: 0 -10px 30px;

    }



    .ma_b2s1mr_li p {

        font-size: 14px;

    }



    .ma_b2s1mr_li p {

        height: 49px;

    }



    .ma_b2s1mr_btn a {

        line-height: 35px;

    }



    .ma_b2s1mr_btn {

        width: 120px;

    }



    .ma_b2s1m_l {

        padding-top: 34px;

    }



    .ma_b2s1 {

        padding: 100px 0 40px;

    }



    .ma_b2s2 {

        padding: 40px 0;

    }



    .ma_c1s1 {

        padding: 40px 0;

    }



    .ma_title2 {

        margin-bottom: 20px;

    }



    .ma_c1s1_p {

        margin-bottom: 20px;

    }



    .ma_c1s1l_num p {

        font-size: 26px;

    }



    .ma_c1s2 {

        padding: 40px 0;

    }



    .ma_c1s2ml_lbox {

        width: 260px;

    }



    .ma_c1s2mlr_t {

        font-size: 16px;

    }



    .ma_c1s2mlr_t2 {

        font-size: 14px;

    }



    .ma_c1s3m_txt h2 {

        font-size: 20px;

    }



    .ma_c1s4 {

        padding: 40px 0;

    }



    .ma_c1s4m_l {

        padding-top: 0;

        width: 100%;

        margin-bottom: 20px;

    }



    .ma_c1s4ml_t1 {

        margin-bottom: 12px;

    }








    .ma_c1s5 {

        padding: 40px 0;

    }



    .ma_c1s5ml_r {

        width: 215px;

    }



    .ma_c1s5mll_p1 {

        font-size: 18px;

        margin-bottom: 6px;

    }



    .ma_c1s5ml1_r {

        padding: 0 20px;

    }



    .ma_c1s6 {

        padding: 40px 0 50px;

    }



    .ma_c1s6m_ul {

        margin: 0 -8px;

    }



    .ma_c1s6m_li {

        padding: 0 8px;

    }



    .ma_c1s6mldt_p1box {

        padding-bottom: 0;

        margin-bottom: 6px;

    }



    .ma_c1s6mld_txt {

        padding: 12px 20px 20px;

    }



    .ma_c1s6m_ul .slick-dots {

        bottom: -20px;

    }

    .ma_c2s2m_l,

    .ma_c2s2m_r{

        width: 100%;

        float: none;

    }

    .ma_c2s2mlll_t,

    .ma_c2s2mlll_p {

        width: 100%;

        float: none;

        text-align: center;

    }

    .ma_c2s2mlll_t{

        margin-bottom: 20px;

    }



    .ma_c2s2ml_li {

        width: 25%;

    }



    .ma_c2s2mlll_t::before {

        right: auto;

        left: 50%;

        transform: translateX(-50%);

        top: auto;

        transform: translateY(0);

        bottom: -12px;

    }



    .ma_c2s2mlll_t::after {

        right: auto;

        left: 46.5%;

        transform: translateX(-50%);

        top: auto;

        transform: translateY(0);

        bottom: -17px;

    }



    .ma_c2s2ml_ul::before {

        width: 100%;

        height: 1px;

        top: 32%;

        transform: translateY(-50%);

        left: 0;

    }



    .ma_c2s2mrlt_p1 {

        font-size: 16px;

    }



    .ma_c2 .ma_c1s1 {

        padding: 40px 0;

    }



    .ma_c2s2 {

        padding: 40px 0;

    }



    .ma_c2s2m_l {

        padding: 0;

    }



    .ma_c3s1 {

        padding: 40px 0 70px;

    }



    .ma_c3d2_txt p {

        font-size: 14px;

    }



    .ma_c3d2t_p {

        margin-bottom: 12px;

    }



    .ma_c3d2_txt img {

        width: 38px;

    }



    .ma_c3d2_txt a span {

        font-size: 14px;

    }



    .ma_c3d2 {

        margin-bottom: 40px;

    }



    .ma_c3d3_ul .slick-dots {

        bottom: -37px;

    }



    .ma_c3s2 {

        padding: 40px 0 70px;

    }



    .ma_c3s2 .swiper-pagination {

        bottom: 32px;

    }



    .ma_d1s1l_l {
        font-size: 18px;
        width: 136px;
    }



    .ma_d1s1l_l::before {

        width: 30px;

    }



    .ma_d1s1l_c {
        width: calc(100% - 165px);
    }



    .ma_d2s1m1_l {

        width: 225px;

    }



    .ma_d2s1m1_r {

        width: calc(100% - 225px);

    }



    .ma_d2s1m1l_p1 {

        font-size: 30px;

    }



    .ma_d2s1m1l_p1 img {

        width: 9px;

    }



    .ma_d2s1m1rl_p1 {

        font-size: 22px;

    }



    .ma_d2s1m1rl_p2 {

        font-size: 14px;

    }



    .ma_d2s1m1_r {

        padding: 32px 22px 24px;

    }



    .ma_d2s1m1r_ul {

        margin-bottom: 25px;

    }



    .ma_d2s1m1_l {

        padding: 22px 26px 31px 30px;

    }



    .ma_d2s1m2_t {

        font-size: 20px;

    }



    .ma_d2s1_m2 {

        padding: 30px 35px 40px;

    }



    .ma_d2s1 {

        padding: 40px 0;

    }



    .ma_d3s1_t::before {

        left: 232px;

    }



    .ma_d3s1_t::after {

        width: calc(100% - 241px);

    }



    .ma_title2 {

        margin-bottom: 30px;

    }



    .ma_d3s1m1ll_r a {

        margin-right: 17px;

    }



    .ma_d3s1m1ll_l {

        width: 18px;

        bottom: 1px;

    }



    .ma_d3s1m1_list {

        padding: 0 10px;

    }



    .ma_d3s1_m1 {

        margin: 0 -10px 30px;

    }



    .ma_d3s1_m2 {

        padding: 35px 35px 40px;

    }



    .ma_d3s1m2_a a {

        padding: 26px 0;

    }



    .ma_d3s1m2_p1 {

        margin-bottom: 14px;

    }



    .ma_d3s1 {

        padding: 40px 0;

    }



    .ma_d4s1m_btn a {

        line-height: 35px;

        font-size: 14px;

    }



    .ma_d4s1m_btn {

        width: 100px;

    }



    .ma_d4s1m_li {

        padding: 0 12px;

    }



    .ma_d4s1m_ul {

        margin: 0px -12px;

    }



    .ma_e1s1_p p {

        margin-bottom: 6px;

    }



    .ma_c1s1l_num p {

        font-size: 24px;

    }



    .ma_c1s1l_p p {

        font-size: 14px;

    }



    .ma_e1s2 {

        max-height: 360px;

    }



    .ma_e1s1m_t h3 {

        font-size: 22px;

    }



    .ma_e1s3l_t {

        font-size: 22px;

        margin-bottom: 12px;

    }



    .ma_e1s3l_ulbox {

        height: 290px;

    }



    .ma_e1s4mld_m2 {

        padding: 0 20px;

        width: 100%;

    }



    .ma_e2s2 .ma_d1s1l_c {

        width: calc(100% - 120px);

    }



    .ma_e2s2lc_p1 {

        font-size: 16px;

        height: 24px;

    }



    .ma_e4s1_li {

        width: 50%;

    }



    .ma_in1s3m2ld_a {

        padding-top: 12px;

    }



    .ma_e5s1m_p1 {

        font-size: 20px;

    }



    .ma_e5s1 {

        padding: 100px 0 35px;

    }

    .ma_f1s1m_l,

    .ma_f1s1m_r{

        width: 100%;

        float: left;

        padding: 0;

    }

    .ma_f1s1m_l{

        margin-bottom: 20px;

    }



    .ma_f1s1ml_t {

        font-size: 18px;

        margin-bottom: 14px;

    }

    .ma_f1s1 {

        padding: 40px 0;

    }



    .ma_f1s2m_t {

        font-size: 18px;

    }



    .ma_f1s2m_c {

        padding-top: 18px;

        width: 275px;

    }



    .ma_f1s2m_bg {

        width: 260px;

    }



    .ma_f1s2m_r p {

        font-size: 20px;

    }



    /* .ma_f1s2m_c1 {

        left: -8px;

    }



    .ma_f1s2m_c2 {

        left: -15px;

    }



    .ma_f1s2m_c3 {

        left: -6px;

    }



    .ma_f1s2m_c4 {

        left: 13px;

    }



    .ma_f1s2m_c5 {

        left: -5px;

    } */



    .ma_f1s3m1_li {

        padding: 0 10px;

    }



    .ma_f1s3m1_ul {

        margin: 0px -10px;

    }



    .ma_f1s3m1l_d {

        padding: 24px 20px 150px;

    }



    .ma_f1s3m1l_d::before {

        height: 54px;

    }



    .ma_f1s3m1ld_p2 {

        font-size: 18px;

    }



    .ma_f1s3m1ld_img {

        top: 90px;

        right: -8px;

        width: 66px;

    }



    .ma_f1s3m1 {

        margin-bottom: 40px;

    }



    .ma_f1s3m2ld_img {

        margin-bottom: 6px;

    }



    .ma_f1s3m2ld_txt {

        font-size: 14px;

    }



    .ma_f1s3m2_li {

        width: 25%;

    }



    .ma_f1s3m2l_d{

        padding: 14px 0;

        border: none;

    }



    .ma_f1s3m2 {

        padding-bottom: 40px;

    }



    .ma_f1s3m3ld_l {

        width: 240px;

    }



    .ma_f1s3m3ld_r {

        width: calc(100% - 260px);

        padding-left: 30px;

        padding-top: 20px;

    }



    .ma_f1s3m3ldr_p1 {

        font-size: 20px;

        margin-bottom: 18px;

    }



    .ma_f1s3m3ldr_d {

        padding: 20px 20px 20px 0;

    }



    .ma_f1s3m3ldrd_p {

        margin-bottom: 20px;

    }



    .ma_f1s3m3ldrd_p p {

        font-size: 14px;

        height: 84px;

    }



    .ma_f1s3m3ldr_p2 {

        font-size: 14px;

    }



    .ma_f1s3m3_ul .slick-dots {
        width: 111%;
        bottom: 8px;
    }



    .ma_f1s3m3ldl_img {

        top: 14px;

        left: 14px;

    }



    .ma_f2s1_sou {

        width: 245px;

    }



    .ma_f2s1ml_l {

        width: calc(100% - 20px);

        padding-left: 20px;

        padding-right: 20px;

        float: none;

    }



    .ma_f2s1ml_c {

        width: calc(100% - 20px);

        padding-left: 20px;

    }



    .ma_f2s1ml_r {

        width: 20px;

    }



    .ma_f2s1ml_t::before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 1px;

        height: 100%;

        background: #1057a4;

    }



    .ma_f2s1ml_l::before {

        display: none;

    }



    .ma_f2s1ml_r {

       float: none;

       position: absolute;

       top: 0;

       right: 0;

       height: 100%;

    }



    .ma_f2s1ml_l p {

        line-height: 40px;

        height: 40px;

    }



    .ma_f2s1mlc_list span {

        line-height: 40px;

    }



    .ma_f2s1ml_btm {

        padding: 22px 20px;

    }



    .ma_f2s1mlbl_t {

        margin-bottom: 10px;

    }



    .ma_f2s1mlb_l {

        margin-bottom: 20px;

    }



    .ma_f2s1mlb_a {

        width: 120px;

    }



    .ma_f2s1mlb_a a img {

        right: 15px;

    }



    .ma_g1s1 {

        padding: 40px 0;

    }



    .ma_g1s1m_t {

        margin-bottom: 20px;

    }



    .ma_g1s1ma_l {

        width: 220px;

    }



    .ma_g1s1ma_r {

        padding-left: 10px;

        padding-right: 10px;

    }



    .ma_g1s1marla_p2 {

        line-height: 1.75;

    }



    .ma_g1s1marla_p1 {

        margin-bottom: 16px;

    }



    .ma_g1s1ma_r::before {

        top: 41%;

    }



    .ma_g1s1m_add {

        margin-bottom: 30px;

    }



    .ma_g1s1mld_p2 {

        max-height: 49px;

    }

   .ma_g1s1mld_p2 {
        font-size: 14px;
        height: auto;
    }



    .ma_g1s1ml_d {

        padding: 20px 20px 10px;
        height: 225px;

    }



    .ma_g1s2m_l {

        width: calc(100% - 220px);

    }



    .ma_g1s2m_r {

        right: -42px;

        width: 256px;

    }



    .ma_g1s2 {

        padding: 40px 0;

    }



    .ma_g1s3_main #container {

        height: 310px;

    }

    .ma_d2 .ma_title2::before {
        left: 220px;
    }

    .ma_d2 .ma_title2::after {
        width: calc(100% - 228px);
    }

    .ma27_title2 p {
        font-size: 14px;
    }

    .ma27_title2 {
        margin-bottom: 20px;
    }
    /* 2024.03.15 - start */
    .ma_in1s4l_d {
        width: 160px;
        height: 160px;
    }
    /* 2024.03.15 - end */
}
@media screen and (max-width:767px) {

    .ma_bantxtp1 {

        font-size: 24px;
        line-height: 1.5;

    }



    .ma_banul_img {

        width: 1800px;

    }



    .ma_ban_ul .slick-dots li {

        width: 10px;

        height: 10px;

    }



    .ma_in1s1 {

        padding: 30px 0;

    }



    .ma_fs60 {

        font-size: 20px;

    }



    .ma_in1s1ld_t {

        font-size: 16px;

    }



    .ma_in1s1_li:nth-child(2) {

        margin-top: 0;

    }



    .ma_in1s1_li {

        float: none;

        width:100%;

        margin-bottom: 25px;

    }

    .ma_in1s1_li:last-child{

        margin-bottom: 0;

    }



    .ma_in1s1m_bg1 {

        z-index: 1;

        left: auto;

        right: 0;

    }

    .ma_in1s1_ul{

        position: relative;

        z-index: 2;

    }



    .ma_in1s1_t {

        margin-bottom: 24px;

    }



    .ma_in1s1m_bg2 {

        width: 324px;

    }



    .ma_in1s1ld_p {

        margin-bottom: 8px;

    }



    .ma_in1s2 {

        padding: 35px 0;

    }



    .ma_in1s2m_p p {

        font-size: 16px;

    }



    .ma_in1s2m_a a {

        line-height: 32px;

        font-size: 14px;

    }



    .ma_in1s2m_a {

        width: 114px;

    }



    .ma_in1s3 {

        padding: 30px 0;

    }



    .ma_in1s3m1ld_p {

        font-size: 14px;

    }



    .slick-dots li {

        width: 20px;

        height: 3px;

    }



    .ma_in1s3m1ld_t {

        font-size: 16px;

    }



    .ma_in1s3m_m1 {

        margin-bottom: 50px;

    }



    .ma_in1s3m2_li {

        float: none;

        width: 100%;

        margin-bottom: 20px;

    }

    .ma_in1s3m2_li:last-child{

        margin-bottom: 0;

    }



    .ma_in1s3m2ld_a {

        padding-top: 12px;

    }



    .ma_in1s3m2_ul {

        margin: 0px -8px 26px;

    }



    .ma_in1s4_t {

        margin-bottom: 16px;

    }



    .ma_in1s4_p p {

        font-size: 14px;

    }



    .ma_in1s4 {

        padding: 40px 0 30px;

    }



    .ma_in1s4_li {

        padding: 0;

        width: 50%;

        margin-bottom: 10px;

    }



    .ma_in1s4l_d {

        width: 120px;

        height: 120px;

        padding: 20px 0;

    }



    .ma_in1s4ld_num p {

        font-size: 20px;

    }



    .ma_fttml_li1 {

        width: 50%;

        margin-bottom: 20px;

    }



    .ma_ft_top {

        padding: 30px 0 10px;

    }

    .mc_ft_copyright,

    .ma_ftbm_r{

        width: 100%;

        float: none;

    }

    .mc_ft_copyright{

        margin-bottom: 10px;

    }



    .ma_ftbmr_btm a {

        text-align: left;

    }



    .ma_ftbmrt_ewm {

        right: auto;

        left: 50%;

        transform: translateX(-50%);

    }



    .ma_b1s1_li {

        width: 100%;

        float: none;

    }



    .mc_fybtn {

        padding: 0;

    }



    .ma_fs36 {

        font-size: 20px;

    }



    .ma_title2::before {

        left: 118px;

    }



    .ma_title2::after {

        width: calc(100% - 127px);

    }



    .ma_b1s1 {

        padding: 30px 0;

    }

    .ma_b2s1m_l,

    .ma_b2s1m_r{

        width: 100%;

        float: none;

        padding: 0;

    }

    .ma_b2s1m_l{

        margin-bottom: 20px;

    }



    .ma_b2s1mr_t2 {

        font-size: 18px;

    }



    .ma_b2s1 {

        padding: 85px 0 30px;

    }



    .ma_b2s2 {

        padding: 30px 0;

    }



    .ma_b2s2 .ma_b1s1_li {

        float: left;

    }



    .ma_b2s1ml_li2 {

        width: 33.333333%;

    }



    .ma_c1s1 {

        padding: 30px 0;

    }



    .ma_title2 {

        margin-bottom: 14px;

    }



    .ma_c1s1_p {

        margin-bottom: 16px;

    }



    .ma_c1s1_li {

        float: left;

        width: 25%;

        text-align: center;

    }



    .ma_c1s1l_num p {

        font-size: 22px;

    }



    .ma_c1s1l_img img {

        width: 36px;

    }



    .ma_c1s1l_p p {

        font-size: 14px;

    }



    .ma_c1s2 {

        padding: 30px 0;

    }



    .ma_c1s2ml_l,

    .ma_c1s2ml_r {

        display: block;

        vertical-align: auto;

        width: 100%;

        padding: 0;

    }



    .ma_c1s2ml_lbox {

        width: 100%;

    }

    .ma_c1s2ml_r{

        padding: 20px;

    }



    .ma_c1s3m_txt {

        position: relative;

        z-index: 2;

        bottom: auto;

        left: auto;

        transform: translateX(0);

        padding: 30px 20px;

        margin-bottom: 0;

    }

    .ma_c1s3m_img{

        position: absolute;

        top: 50%;

        left: 50%;

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

        z-index: 1;

        width: calc(100% + 300px);

    }

    .ma_c1s3_main::before{

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        z-index: 2;

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

    }

    .ma_c1s3{

        overflow: hidden;

    }



    .ma_c1s4 {

        padding: 30px 0;

    }



    .ma_c1s4mm_img {

        width: 100%;

    }



    .ma_c1s4mm_ulbox {

        width: 170px;

    }



    .ma_c1s4mm_ul .slick-next {

        right: -70px;

    }



    .ma_c1s4mm_ul .slick-prev {

        left: -70px;

    }



    .ma_c1s4mm_ul .slick-prev,

    .ma_c1s4mm_ul .slick-next {

        width: 32px;

    }



    .ma_c1s4mml_p {

        font-size: 14px;

        bottom: -86px;

    }



    .ma_c1s4m_r {

        width: 100%;

    }

    .ma_c1s4mr_ul{

        overflow: hidden;

        margin: 0 -5px;

    }



    .ma_c1s4mr_li {

        margin-bottom: 0;

        float: left;

        padding: 0 5px;

        width: 33.333333%;

    }



    .ma_c1s4m_num {
        bottom: 115px;
        right: 20px;
    }



    .ma_c1s4m_l {

        margin-right: 0;

    }



    .ma_c1s4m_c {

        margin-bottom: 20px;

    }



    .ma_c1s4mm_ul .slick-list {

        padding-bottom: 127px;

    }



    .ma_c1s4m_num1 {

        font-size: 22px;

    }



    .ma_c1s5m_li {

        display: block;

    }



    .ma_c1s5ml_l,

    .ma_c1s5ml_r,

    .ma_c1s5ml1_l,

    .ma_c1s5ml1_r {

        display: block;

        vertical-align: auto;

        width: 100%;

        padding: 0;

    }

    .ma_c1s5ml_l,

    .ma_c1s5ml1_r {

        padding: 20px;

    }



    .ma_c1s5mll_p1 {

        font-size: 16px;

    }



    .ma_c1s5_icon {

        bottom: 20px;

        right: 20px;

        width: 60px;

    }



    .ma_c1s5 {

        padding: 30px 0;

    }



    .ma_c1s6 {

        padding: 30px 0 45px;

    }



    .ma_c1s6m_li {

        width: 100%;

    }



    .ma_c2s2mlll_t::after {

        left: 47%;

    }



    .ma_fs24 {

        font-size: 18px;

    }



    .ma_c2s2 {

        padding: 30px 0;

    }



    .ma_c2 .ma_c1s1 {

        padding: 30px 0;

    }



    .ma_c3s1 {

        padding: 30px 0 65px;

    }



    .ma_c3d2 {

        display: block;

    }



    .ma_c3d2_img,

    .ma_c3d2_txt {

        display: block;

        vertical-align: auto;

        width:100%;

    }

    .ma_c3d2_txt{

        padding: 20px 0;

    }



    .ma_c3d2t_p {

        margin-bottom: 0px;

    }



    .ma_c3d3_ul .slick-dots {

        bottom: -34px;

    }



    .ma_c3s2 {

        padding: 30px 0 65px;

    }



    .ma_c3s2 .swiper-pagination {

        bottom: 27px;
        display: none;

    }



    .ma_c3s2m_tbox {

        margin-bottom: 20px;

    }



    .ma_d1s1 {

        padding: 30px 0;

    }



    .ma_d1s1l_l {

        font-size: 16px;

        width: 70px;

    }



    .ma_d1s1l_l::before {

        width: 19px;

    }



    .ma_d1s1l_c {

        font-size: 14px;

        height: 24px;

    }



    .ma_d1s1l_l {

        line-height: 22px;

    }



    .ma_d1s1l_r {

        width: 24px;

    }



    .ma_d1s1_li a {

        padding: 14px 0;

    }



    .ma_d2s1m1_l,

    .ma_d2s1m1_r {

        width: 100%;

        float: left;

    }



    .ma_d2s1m1r_li {

        width: 50%;

        margin-bottom: 14px;

    }



    .ma_d2s1m1r_ul {

        margin-bottom: 8px;

    }



    .ma_d2s1m1_r {

        padding: 26px 22px 24px;

    }



    .ma_d2s1m1_l {

        padding: 22px 23px 17px 22px;

    }



    .ma_d2s1m1l_p1 {

        font-size: 28px;

    }



    .ma_d2s1m1rl_p1 {

        font-size: 20px;

    }



    .ma_d2s1 {

        padding: 30px 0;

    }



    .ma_d2s1_m2 {

        padding: 25px 24px 30px;

    }



    .ma_d2s1m2_t {

        font-size: 18px;

    }



    .ma_d3s1 {

        padding: 30px 0;

    }



    .ma_d3s1_t::before {

        left: 190px;

    }



    .ma_d3s1_t::after {

        width: calc(100% - 198px);

    }



    .ma_d3s1m1_list {

        float: none;

        width: 100%;

        margin-bottom: 20px;

    }

    .ma_d3s1m1_list:last-child{

        margin-bottom: 0;

    }



    .ma_title2 {

        margin-bottom: 25px;

    }



    .ma_d3s1m1l_li {

        padding-bottom: 14px;

    }



    .ma_d3s1m1ll_r a {

        font-size: 14px;

    }



    .ma_d3s1_m2 {

        padding: 26px 20px 30px;

    }



    .ma_d3s1m2_p1 {

        font-size: 14px;

    }



    .ma_d3s1m2_a span {

        font-size: 14px;

    }



    .ma_d3s1m2_a img {

        width: 18px;

        margin-right: 4px;

    }



    .ma_d3s1m2_a a {

        padding: 22px 16px;

    }



    .ma_d4s1 {

        padding: 30px 0;

    }



    .ma_d4s1m_btn {

        margin: 0 4px;

    }



    .ma_d4s1m_t {

        margin-bottom: 26px;

    }



    .ma_d4s1m_li {

        width: 50%;

    }



    .ma_d4s1m_li {

        margin-bottom: 17px;

    }



    .ma_d4tcm_p1 {

        font-size: 18px;

    }



    .ma_d4tc_main {

        padding: 25px 20px;

    }



    .ma_e1s1 {

        padding: 30px 0;

    }



    .ma_e1s1_ul .ma_c1s1_li {

        width:25%;

    }



    .ma_e1s1_p {

        margin-bottom: 16px;

    }



    .ma_e1s1m_t h3 {

        font-size: 20px;

    }



    .ma_e1s1m_t {

        margin-bottom: 20px;

    }



    .ma_e1s3l_t {

        font-size: 20px;

        margin-bottom: 12px;

    }



    .ma_e1s3ll_p1 {

        margin-bottom: 6px;

    }



    .ma_e1s3::before {

       display: none;

    }



    .ma_e1s3_main .swiper-container {

        width: 100%;

    }



    .ma_e1s3l_ulbox {

        height: 300px;
        max-height: 80vh;

    }



    .ma_e1s3 .swiper-pagination-progressbar {

        width: 90%;

    }



    .ma_e1s3_list .mCSB_inside>.mCSB_container {

        margin-right: 0;

    }



    .ma_e1s3_list {

        padding-left: 0;

        padding-right: 0;

        border-right: none;

    }



    .ma_e1s3 .swiper-pagination-progressbar {

        bottom: -18px;

    }

    .ma_e1s4m_li{

        float: none;

        width: 100%;

        height: 18%;

    }



    .ma_e1s4m_li.act {

        width: 100%;

        height: 64%;

    }



    .ma_e1s4ml_d {

        padding: 34px 0;

        height: 100%;

    }



    .ma_e1s4mld_m1 {

        top: 80px;

    }



    .ma_e1s4mld_m1::before {

        bottom: -16px;

        width: 30px;

    }



    .ma_e1s4mld_m1 p {

        font-size: 18px;

    }

    .ma_e1s4m_ul{

        height: 500px;

    }



    .ma_e1s4ml_bg {

        width: 100%;

        height: 320px;

    }



    .ma_e1s4_bg {

        bottom: auto;

        top: 45%;

    }



    .ma_e2s2 .ma_d1s1l_c {

        width: calc(100% - 102px);

    }



    .ma_e2s1 {

        padding: 30px 0;

    }



    .ma_e2s2 {

        padding: 30px 0;

    }



    .ma_e3s1m_t h3 {

        font-size: 18px;

    }

    .ma_e3s1ml_list{

        width: 100%;

        display: block;

        margin-bottom: 10px;

    }

    .ma_e3s1ml_list:last-child{

        margin-bottom: 0;

    }



    .ma_e3s1ml_list img {

        width: 14px;

        margin-right: 2px;

    }



    .ma_e4s1_li {

        width: 100%;

    }



    .ma_e4s1_li {

        margin-bottom: 14px;

    }



    .ma_e5s1m_p1 {

        font-size: 18px;

    }



    .ma_e5s1 {

        padding: 100px 0 25px;

    }



    .ma_d14_videobox2 iframe {

        min-height: 180px;

    }



    .ma_f1s1 {

        padding: 30px 0;

    }



    .ma_f1s1ml_p p {

        margin-bottom: 4px;

    }



    .ma_f1s1m_l {

        margin-bottom: 14px;

    }

    .ma_f1s2m_l,

    .ma_f1s2m_c,

    .ma_f1s2m_r{

        width: 100%;

        float: none;

    }

    .ma_f1s2m_c{

        margin-bottom: 20px;

    }



    .ma_f1s2m_t {

        margin-bottom: 20px;

    }

    .ma_f1s2m_r{

        margin-bottom: 10px;

    }

    .ma_f1s2m_bg{

        position: initial;

        top: auto;

        right: auto;

        transform: translateY(0);

        width: 100%;

    }



    .ma_f1s3m1_li {

        width: 50%;

        padding: 0 6px;

        margin-bottom: 15px;

    }



    .ma_f1s3m1_ul {

        margin: 0px -6px;

    }



    .ma_f1s3m1l_d {

        padding: 20px 20px 125px;

    }



    .ma_f1s3m1l_d::before {

        height: 48px;

    }



    .ma_f1s3m1 {

        margin-bottom: 20px;

    }



    .ma_f1s3 {

        padding: 30px 0 50px;

    }



    .ma_f1s3m2_li {

        width: 50%;

    }



    .ma_f1s3m2_t {

        font-size: 20px;

        margin-bottom: 24px;

    }



    .ma_f1s3m2_ulbox {

        padding: 20px;

    }



    .ma_f1s3m2 {

        padding-bottom: 30px;

    }



    .ma_f1s3m3 {

        padding-top: 30px;

    }

    .ma_f1s3m3ld_r,

    .ma_f1s3m3ld_l{

        float: none;

        width: 100%;

        padding: 0;

    }



    .ma_f1s3m3ldr_d {

        padding: 20px;

    }



    .ma_f1s3m3ldr_d::before {

        width: 100%;

    }



    .ma_f1s3m3ldl_img {

        top: 0;

        left: 0;

    }



    .ma_f1s3m3_ul .slick-dots {

        width: 100%;

        bottom:-14px;

    }



    .ma_f2s1mlc_list span {

        line-height: 28px;

    }



    .ma_f2s1ml_t {

        padding: 10px 0;

    }



    .ma_f2s1mlb_a a img {

        right: 12px;

    }



    .ma_g1s1 {

        padding: 30px 0;

    }



    .ma_g1s1mt_p1 {

        font-size: 18px;

    }



    .ma_g1s1mt_p2 {

        font-size: 14px;

    }



    .ma_g1s1ma_l,

    .ma_g1s1ma_r {

        width: 100%;

        display: block;

    }



    .ma_g1s1ma_l {

        padding: 50px 0;

    }



    .ma_g1s1ma_r {

       padding: 20px;

    }



    .ma_g1s1mar_li {

        float: none;

        width: 100%;

        margin-bottom: 20px;

    }

    .ma_g1s1mar_li:last-child{

        margin-bottom: 0;

    }



    .ma_g1s1ma_r::before {

        display: none;

    }



    .ma_g1s1marla_p1 {

        margin-bottom: 10px;

    }



    .ma_g1s1mar_ul {

        padding: 0;

    }



    .ma_g1s1m_li {

        float: none;

        width: 100%;

    }



    .ma_g1s1mld_p2 {

        font-size: 14px;

        height: auto;

    }

    .ma_g1s2m_l{

        float: none;

        width: 100%;

        margin-bottom: 20px;

    }



    .ma_g1s2 {

        padding: 30px 0;

    }



    .ma_g1s2ml_p1 {

        font-size: 18px;

    }



    .ma_g1s2m_r {

        position: initial;

        right: auto;

        width: 100%;

        top: auto;

        transform: translateY(0);

    }

    .ma_g1s2mlf_l,

    .ma_g1s2mlf_r{

        float: none;

        width: 100%;

    }

    .ma_g1s2mlf_l{

        margin-bottom: 12px;

    }



    .ma_g1s2mlflb_in {

        margin-bottom: 12px;

    }



    .ma_g1s2ml_p2 {

        margin-bottom: 20px;

    }



    .ma_g1s2mlf_box {

        margin: 0 -9px 12px;

    }



    .ma_g1s2mlflb_btn button {

        line-height: 40px;

    }



    .ma_g1s2mlflb_btn {

        width: 110px;

    }



    .ma_g1s3_main #container {

        height: 270px;

    }



    .ma_g1s2mlflb_in2 {

        height: 100px;

    }

    .ma_b1s1_ul {
        padding-top: 0;
    }
    .ma_c1s4mr_li::before{
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        background: #1057a4;
        height: 1px;
        z-index: 3;
        opacity: 0;
    }
    .ma_c1s4mr_li.slick-current::before {
        opacity: 1;
    }
    .ma_d2 .ma_title2::before {
        left: 190px;
    }

    .ma_d2 .ma_title2::after {
        width: calc(100% - 198px);
    }

    .ma_in1s1m_bg2 {
        top: -102px;
    }

    .ma_f2s1mlc_list {
        width: 100% !important;
    }

    .ma_g1s1ml_d {
        height: auto;
        padding: 20px;
    }

    .ma_g1s1mld_p2 {
        max-height: none;
    }
    .ma_video{
        min-width: auto;
        min-height: auto;
        width: 100%;
        height: 100%;
    }
    .ma_in1s4m_video{
        min-width: auto;
        min-height: auto;
        width: 100%;
        height: 100%;
    }
    .ma_in1s4m_video video{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ma_in1s4m_img {
        display: block;
        
        width: 100%;
        height: 100%;
    }
    .ma_in1s4m_img img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .ma_in1s4m_video video{
        display: none;
    }

    .ma_c1s4mml_p {
        font-size:14px;
        white-space: normal;
        line-height: 1.75;
        height: 49px;
    }

    .ma_c1s4mm_ulbox {
        top: 50%;
    }


    /* 767e */
    .ma_c2s2m_m{
        display: block;
    }

    .ma_d4s1m_t {
        text-align: left;
    }

    .ma_d4s1m_btn{
        width: auto;
        margin: 0 4px 8px;
    }

    .ma_d4s1m_btn a{
        padding: 0 10px;
    }

    .ma_b2s1mr_li p {
        height: auto;
        padding-bottom: 10px;
    }
    .ma_b2s1mr_li{
        padding-top: 10px;
    }

    .ma_b1s1ldt_p2box {

        height: auto;

    }

    .ma_video {
        display: none;
    }



    .ma_e1s3l_ulbox .mCSB_scrollTools .mCSB_draggerContainer{
        right: -14px;
    }
   
    .ma_e1s3_main .swiper-container{
        width: calc(100% + 20px);
        margin-left: -10px;
    }
  
    .ma_e1s3 .swiper-slide{
        padding: 0 10px;
    }
    /* 2024.03.15 - start */
    .ma_in1s2_main{
        --shu1: 70px;
    }
    .std_text1, .std_text1 p {
        font-size: 14px;
    }
    .home_pro_cry_top .ma_fs60 {
        margin-bottom: 24px;
    }
    .hpct_scroll_icon {
        width: 28px;
        margin-right: 6px;
    }
    .hpct_scroll_font {
        font-size: 14px;
    }
    .hpct_scroll {
        margin-left: -4px;
        margin-top: 26px;
    }
    .hpcb_list_item {
        --width1: 120px;
        --jian1: 15px;
        --zong: 71%;
    }
    .hpcb_list_item:nth-of-type(2) {
        --width1: 125px;
        --zong: 79.25%;
    }
    .hpcb_list_item:nth-of-type(3) {
        --width1: 122px;
        --left1: 9%;
        --zong: 91%;
    }
    .home_pro_cry_top {
        height: auto;
        padding-top: 50px;
    }
    .home_pro_cry_bot {
        min-height: auto;
        padding-top: 40px;
    }
    .hpcb_list_item {
        --zong: 100%;
    }
    .hpcb_list_item:nth-of-type(2) {
        --zong: 100%;
    }
    .home_pro_img {
        max-width: 260px;
    }
    .pro_main_list_item {
        width: 100%;
    }    
    .pmli_link {
        padding: 20px 20px 22px;
    }
    .pmli_link_title_font {
        font-size: 18px;
    }
    .pmli_link_title {
        padding-top: 11px;
        padding-bottom: 15px;
    }
    .pro_main_list_item {
        margin-bottom: 20px;
    }
    .pro_main_list_item:nth-of-type(2n) {
        animation-delay: .3s;
    }
    .ma_in1s4l_d {
        width: 160px;
        height: 160px;
    }
    /* 2024.03.15 - end */
    .home_pro_cry_top {
        padding-bottom: 0;
    }
    .home_pro_cry_bot {
        padding-bottom: 40px;
    }
    .ma_title2::after {
        width: calc(100% - 144px);
    }
    .ma_title2::before {
        left: 136px;
    }
}
@media screen and (max-width:416px) {

    .ma_banul_img {

        width: 1000px;

        height: 126px;

    }

    .ma_c1s4mm_ulbox {
        width: 235px;
    }

    .ma_c1s4mm_ul .slick-next {
        right: -43px;
    }

    .ma_c1s4mm_ul .slick-prev {
        left: -42px;
    }

    .ma_c1s4mm_ul .slick-list {
        padding-bottom: 108px;
    }

    .ma_d1s1l_l {
        width: 114px;
    }

    .ma_d1s1l_c {
        width: calc(100% - 140px);
    }

    .ma_g1s3_btn {
        bottom: 30px;
        right: 20px;
    }

    .ma_fttml_li1:nth-child(odd){
        clear: left;
    }
    /* 2024.03.15 - start */
    .ma_in1s2_main {
        --shu1: 20px;
    }
    .home_pro_cry_top .ma_fs60 {
        margin-bottom: 18px;
    }
    .hpct_scroll {
        margin-top: 18px;
    }
    .home_pro_cry_top .ma_fs60, .home_pro_cry_top .std_text1 {
        width: 67%;
    }
    .home_pro_cry_top {
        height: auto;
        padding-top: 50px;
        padding-bottom: 0;
    }
    .hpcb_list_item {
        --width1: 120px;
        --jian1: 13px;
        --zong: 100%;
    }
    .hpcb_list_item:nth-of-type(2) {
        --width1: 124px;
        --zong: 100%;
    }
    .hpcb_list_item:nth-of-type(3) {
        --width1: 120px;
        --left1: 6%;
        --zong: 94%;
    }
    .home_pro_cry_bot {
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .pmli_link {
        padding: 16px 17px 16px;
    }
    .pmli_link_title {
        padding-top: 9px;
        padding-bottom: 12px;
    }
    .pmli_link_title_font {
        padding-bottom: 1px;
    }
    .pro_main_list_item {
        margin-bottom: 16px;
    }
    .ma_in1s4l_d {
        width: 130px;
        height: 130px;
        padding: 20px 14px;
    }
    /* 2024.03.15 - end */
}
@media screen and (max-width:360px) {
    /* 2024.03.15 - start */

    /* 2024.03.15 - end */
}