@charset "utf-8";

/* web端 */
/* 重要1920px 1440px 1366px */
/* pc */
@media screen and (max-width: 1680px) {
    .ma_count1680 {
        width: 1440px;
    }

    .ma_ban_ul .slick-next {
        right: 157px;
    }

    .ma_ban_ul .slick-prev {
        left: 157px;
    }

    .ma_fs60 {
        font-size: 54px;
        margin-bottom: 20px;
    }

    .ma_bantxt_p {
        width: 780px;
        margin-bottom: 50px;
    }

    .ma_bantxt_btn a {
        padding: 0 14px 0 24px;
        line-height: 40px;
    }

    .ma_bantxt_btn {
        width: 175px;
    }

    .ma_bantxt_btn img {
        width: 36px;
        margin-left: 13px;
    }

    .ma_in1s1 {
        padding: 60px 0;
    }

    .ma_in1s1_title {
        margin-bottom: 80px;
    }

    .ma_in1s1m_ul .slick-dots {
        bottom: -65px;
    }

    .ma_in1s1m_ul {
        margin-bottom: 130px;
    }

    .ma_title2_h3 {
        font-size: 32px;
    }

    .ma_in1s2m_title {
        margin-bottom: 10px;
        height: 48px;
    }

    .ma_in1s2m_font1 {
        margin-bottom: 14px;
    }

    .ma_in1s2m_font2 {
        margin-bottom: 18px;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 36px;
        left: 310px;
    }

    .ma_in1s2_mian {
        padding: 56px 60px 108px;
        width: 552px;
        left: 290px;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 48px;
        left: 417px;
    }

    .ma_in1s3 {
        padding: 104px 0 80px;
    }

    .ma_index .ma_main::before {
        left: 158px;
    }

    .ma_in1s3_title {
        margin-bottom: 54px;
    }

    .ma_in1s2mli {
        width: 358px;
    }

    .ma_in1s2m_centerbox {
        width: 725px;
    }

    .ma_in1s2mc_a {
        width: calc(100% - 120px);
    }

    .ma_in1s4_title {
        margin-bottom: 50px;
    }

    .ma_in1s4m_main {
        padding: 180px 0 150px;
    }

    .ma_in1s4mmb_ul .slick-dots {
        bottom: -60px;
    }

    .ma_title4_h2 {
        font-size: 36px;
    }

    .ma_in1s4m_title {
        margin-bottom: 30px;
    }

    .ma_in1s4mmb_font {
        margin-bottom: 70px;
    }

    .ma_in1s2_ul2 .slick-prev {
        left: 158px;
    }

    .ma_in1s2_ul2 .slick-next {
        right: 158px;
    }

    .ma_count1560 {
        width: 1366px;
    }

    .ma_in1s1ml_main {
        /* height: 154px;
        line-height: 154px; */
        margin-bottom: 16px;
    }

    .ma_in1s1mlm_img {
        width: 64px;
    }

    .ma_ftm1_c {
        padding: 0 80px;
    }

    .ma_ftm1c_li {
        width: 165px;
        margin-left: 75px;
    }

    .ma_ft_mainbox1 {
        padding: 50px 0 40px;
    }

    /* .mc_protitle_container {
        padding: 40px 0 50px;
    } */

    .mc_b1s1 {
        padding: 50px 0 95px;
    }

    .mc_b1_content {
        margin-top: 40px;
    }

    .mc_b1_lisbox:not(:last-child) {
        margin-bottom: 60px;
    }

    .mc_b2s1 {
        padding: 60px 0 75px;
    }

    .ma_ny3top {
        padding: 56px 0 70px;
    }

    .ma_title5_h2 {
        font-size: 44px;
    }

    .ma_c1s1b_main {
        width: 450px;
        padding: 90px 40px;
    }

    .ma_c1s1bm_t {
        margin-bottom: 20px;
    }

    .ma_c1s1bm_t2 {
        margin-bottom: 50px;
    }

    .ma_c1s1bm_p {
        margin-bottom: 30px;
    }

    .ma_c1s1_box {
        margin-bottom: 60px;
    }

    .ma_c1s1 {
        padding-bottom: 90px;
    }

    .ma_ny1 {
        margin-top: -350px;
    }

    .ma_n2s1m_main {
        padding: 65px 70px 90px;
    }

    .ma_n2s1m_p {
        margin-bottom: 80px;
    }

    .ma_n1s1 {
        padding-bottom: 94px;
    }

    .ma_d1s1 {
        padding: 70px 0 100px;
    }

    .ma_d1s1ml_li p {
        line-height: 60px;
        font-size: 18px;
    }

    .ma_d1s1mr_li {
        padding: 60px 75px;
        margin-bottom: 56px;
    }
    .ma_e1s1m_main {
        padding: 60px 95px 120px;
    }
    .ma_tc_main {
        width: 1440px;
        padding: 60px 100px 40px;
    }
    .ma_f1s1 {
        padding: 60px 0 0;
    }
    .ma_videoplay {
        width: 105px;
    }
    .ma_f1s1d1 {
        margin-bottom: 60px;
    }
    .ma_f1s1d2 {
        padding: 120px 0 110px;
    }
    .ma_f1s2 {
        padding: 65px 0 135px;
    }
    .ma_f1s3 {
        padding: 40px 0 120px;
    }
    .ma_f1s4 {
        padding: 60px 0 100px;
    }
    .ma_count1600 {
        width: 1440px;
    }
    .ma_sbtmm_l p {
        font-size: 120px;
    }
    .ma_sbtmm_l {
        width: 300px;
    }
    .ma_sbtmm_r {
        width: calc(100% - 300px);
        padding-left: 50px;
    }

    .ma_n1s1_top {
        margin: 0 -10px 50px;
    }
    .ma_n1s1m_ul {
        margin-bottom: 40px;
    }
    .ma_f4s1 {
        padding: 50px 0 95px;
    }

    .ma_l1s1_f3 {
        width: 180px;
    }
    .ma_f4s1ml_btmbox {
        margin-bottom: 20px;
    }
    .ma_f4s1m_ul {
        margin-bottom: 70px;
    }
    .ma_l1s1l_mainbox {
        padding: 45px;
    }
    .ma_l1s1l_main::before {
        right: -45px;
    }
    .ma_l1s1l_main {
        height: 330px;
    }
    #container {
        height: 460px;
    }
    .ma_l1s2 {
        padding: 82px 0 70px;
    }
    .ma_l1s1_f2 {
        margin-bottom: 64px;
    }
    .ma_d1s1mrl_pbox {
        padding-right: 40px;
    }







}

@media screen and (max-width: 1560px) {
    .ma_ban_ul .slick-prev {
        left: 94px;
    }

    .ma_ban_ul .slick-next {
        right: 94px;
    }

    .ma_index .ma_main::before {
        left: 98px;
    }

    .ma_in1s2_ul2 .slick-prev {
        left: 98px;
    }

    .ma_in1s2_ul2 .slick-next {
        right: 98px;
    }

    .mc_b1s1 {
        padding: 50px 0 85px;
    }

    .ma_count1600 {
        width: 1280px;
    }

    /* .mc_protitle_container {
        padding: 50px 0 60px;
    } */

    .ma_n2s1m_main {
        padding: 60px 50px 80px;
    }

    .ma_n2s1mp_t {
        margin-bottom: 24px;
    }

    .ma_d1s1mr_li {
        padding: 40px 60px;
        margin-bottom: 50px;
    }

    .ma_d1s1mrl_img {
        width: 100px;
        top: 20px;
        left: 25px;
    }

    .ma_d1s1m_l {
        width: 300px;
    }

    .ma_d1s1m_lbox {
        width: 300px;
    }

    .ma_d1s1m_r {
        width: calc(100% - 300px);
        padding-left: 60px;
    }
    .ma_e1s1m_main {
        padding: 50px 85px 100px;
    }
    .ma_e1s1m_t {
        margin-bottom: 35px;
    }
    .ma_in1s2_mian {
        padding: 56px 60px 74px;
    }
    .ma_prev {
        left: 108px;
    }
    .ma_next {
        right: 108px;
    }
    .ma_in1s2_ul3box {
        left: 260px;
    }
    .ma_in1s2_ul1 .slick-dots {
        bottom: 48px;
        left: 315px;
    }
    .ma_pchdm_nav {
        width: calc(100% - 480px);
    }
    .ma_videobox {
        width: 620px;
    }
}

@media screen and (max-width: 1440px) {
    .ma_count1680 {
        width: 1280px;
    }

    /* .ma_pchdm_ul23box {
        min-width: 500px;
    } */

    .ma_pchdm_ul3box {
        padding: 40px 45px;
    }

    .ma_pchdm_a2 {
        line-height: 40px;
    }

    .ma_pchdm_r {
        line-height: 40px;
    }

    .ma_pchdm_li2 {
        padding: 0 35px;
    }

    /* .ma_pchdm_ul2 {
        width: 225px;
    } */

    .ma_pchdm_ul3box {
        padding: 30px 25px;
    }

    .ma_pchdm_ul23box {
        /* min-width: 458px; */
        top: 105px;
    }

    .ma_pchdm_li3 {
        margin-bottom: 26px;
    }

    .ma_pchdm_a2 {
        font-size: 14px;
    }

    .ma_pchdm_ul23box::before {
        border-bottom: 10px solid #0a5fbb;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
    }

    .ma_fs60 {
        font-size: 42px;
        margin-bottom: 16px;
    }

    .ma_bantxt_p p {
        font-size: 16px;
    }

    .ma_bantxt_p {
        width: 790px;
        margin-bottom: 35px;
    }

    .ma_count1560 {
        width: 1200px;
    }

    .ma_bantxt,
    .ma_in1s4m_mainbox {
        width: 1000px;
    }

    .ma_ban_ul .slick-prev,
    .ma_ban_ul .slick-next {
        width: 16px;
        height: 30px;
    }

    .ma_bantxt_btn {
        width: 160px;
    }

    .ma_bantxt_btn a {
        padding: 0 10px 0 20px;
    }

    .ma_in1s1_title {
        margin-bottom: 60px;
    }

    .ma_in1s1m_li {
        padding: 0px 30px;
    }

    .ma_in1s1ml_main {
        /* height: 160px;
        line-height: 148px; */
    }

    .ma_in1s1m_ul {
        margin-bottom: 100px;
    }

    .ma_in1s1m_ul .slick-dots {
        bottom: -50px;
    }

    .ma_in1s1m_ul .slick-dots li {
        margin: 0 8px;
    }

    .ma_in1s1mlm_font p {
        font-size: 18px;
        height: 31px;
    }

    .ma_index .ma_main::before {
        left: 121px;
    }

    .ma_in1s2_ul2 .slick-prev {
        left: 121px;
    }

    .ma_in1s2_ul2 .slick-prev,
    .ma_in1s2_ul2 .slick-next {
        width: 16px;
        height: 30px;
    }

    .ma_title_h2 {
        font-size: 26px;
    }

    .ma_title {
        padding-left: 20px;
    }

    .ma_title2_h3 {
        font-size: 28px;
    }

    .ma_in1s2m_title {
        height: 42px;
    }

    .ma_in1s2m_font1 p {
        font-size: 16px;
    }

    .ma_in1s2m_font1 {
        margin-bottom: 14px;
        height: 28px;
    }

    .ma_in1s2_mian {
        padding: 40px 48px 67px;
        width: 430px;
        left: 290px;
    }

    .ma_in1s2m_btn img {
        width: 17px;
        margin-right: 3px;
        bottom: 1px;
    }

    .ma_in1s2m_btn span {
        font-size: 14px;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 36px;
        left: 332px;
    }

    .ma_in1s3 {
        padding: 84px 0 70px;
    }

    .ma_in1s2m_centerbox {
        width: 610px;
    }

    .ma_in1s2mli {
        width: 318px;
    }

    .ma_in1s2m_centerbox {
        width: 646px;
    }

    .ma_in1s2mli_font p {
        font-size: 18px;
    }

    .ma_in1s2mli_font {
        width: 85px;
        padding: 8px 0;
    }

    .ma_in1s2mca_c {
        width: calc(100% - 120px);
        padding: 12px 24px 20px;
    }

    .ma_in1s2mca_l,
    .ma_in1s2mca_r {
        width: 60px;
        line-height: 93px;
    }

    .ma_in1s2mca_l img {
        width: 26px;
    }

    .ma_in1s2mca_r img {
        width: 20px;
    }

    .ma_in1s4_title {
        margin-bottom: 40px;
    }

    .ma_in1s3_title {
        margin-bottom: 44px;
    }

    .ma_in1s4m_main {
        padding: 110px 0 130px;
    }

    .ma_title4_h2 {
        font-size: 32px;
    }

    .ma_in1s4m_title {
        margin-bottom: 20px;
    }

    .ma_in1s4mmb_font {
        margin-bottom: 60px;
    }

    .ma_ft_font1 span {
        font-size: 18px;
    }

    .ma_ftm1_li {
        margin-bottom: 14px;
    }

    .ma_ftm1_li:first-child {
        margin-bottom: 24px;
    }

    .ma_ftm1cli_li:first-child {
        padding-bottom: 16px;
        margin-bottom: 20px;
    }

    .ma_ftm1_c {
        padding: 0 55px;
    }

    .ma_ftm1c_li {
        width: 150px;
        margin-left: 60px;
    }

    .ma_ft_mainbox2 {
        padding: 12px 0;
    }

    .ma_ftm1_r {
        width: 120px;
    }

    .ma_ftf2_d a {
        padding: 0 14px;
        line-height: 30px;
    }

    .ma_ftf2_d span {
        font-size: 14px;
    }

    .ma_pchdm_ul23box::before {
        top: -20px;
    }

    .ma_pchdm_ul23box {
        top: 100px;
    }

    .mc_protitle_container {
        padding: 25px 0;
    }

    .mc_pro_title {
        font-size: 24px;
    }

    .mc_proarr_btn {
        width: 40px;
        height: 40px;
        line-height: 38px;
    }

    .mc_b1s1 {
        padding: 40px 0 75px;
    }

    .mc_b1nav_li {
        line-height: 40px;
        min-width: 200px;
        font-size: 16px;
    }

    .mc_b1_content {
        margin-top: 30px;
    }

    .mc_title28_line {
        font-size: 26px;
    }

    .mc_b1li_title {
        margin-bottom: 30px;
    }

    .mc_b1_lisbox:not(:last-child) {
        margin-bottom: 50px;
    }

    .mc_b2s1dl_lisbox {
        padding: 20px 50px;
    }

    .mc_b2s1dl_lisbox>div {
        font-size: 18px;
    }

    .mc_b2s1 {
        padding: 50px 0 65px;
    }

    .mc_title20 {
        font-size: 18px;
    }

    .ma_ny3top {
        padding: 45px 0 50px;
    }

    .ma_title5_h2 {
        font-size: 40px;
    }

    .ma_c1s1b_main {
        padding: 70px 35px;
        width: 400px;
    }

    .ma_c1s1bm_t {
        padding: 0;
    }

    .ma_c1s1bm_t {
        margin-bottom: 15px;
    }

    .ma_c1s1bm_t2 p {
        font-size: 18px;
    }

    .ma_c1s1bm_t2 {
        margin-bottom: 35px;
    }

    .ma_c1s1bm_p {
        margin-bottom: 25px;
    }

    .ma_c1s1_box {
        margin-bottom: 50px;
    }

    .ma_c1s1 {
        padding-bottom: 80px;
    }

    .ma_ny3top_t {
        margin-bottom: 35px;
    }

    .ma_ny1 {
        margin-top: -270px;
    }

    .ma_n2s1m_main {
        padding: 50px 45px 70px;
    }

    .ma_c2s1mp_t::before {
        width: 60px;
        height: 3px;
    }

    .ma_n2s1mp_t .ma_title2_h3 {
        padding-bottom: 12px;
    }

    .ma_n2s1mp_t {
        margin-bottom: 18px;
    }

    .ma_n2s1mp_font .ma_n2s1mpf_p2 {
        margin-bottom: 16px;
    }

    .ma_c2s1mp_font {
        margin-bottom: 30px;
    }

    .ma_n2s1m_p {
        margin-bottom: 60px;
    }

    .ma_n1s1 {
        padding-bottom: 80px;
    }

    .ma_d1s1 {
        padding: 60px 0 80px;
    }

    .ma_d1s1ml_li p {
        line-height: 50px;
        font-size: 16px;
    }

    .ma_title6_h2 {
        font-size: 22px;
    }

    .ma_d1s1mrl_t {
        margin-bottom: 12px;
    }

    .ma_d1s1mr_li {
        padding: 30px 50px;
        margin-bottom: 40px;
    }

    .ma_d1s1ml_li p {
        line-height: 45px;
    }

    .ma_d1s1m_l {
        width: 260px;
    }

    .ma_d1s1m_lbox {
        width: 260px;
    }

    .ma_d1s1m_r {
        width: calc(100% - 260px);
        padding-left: 45px;
    }

    .ma_d1s1mrl_img {
        width: 90px;
        top: 12px;
        left: 18px;
    }

    .ma_d1s1mrl_p p {
        margin-bottom: 10px;
    }

    .ma_d1s1mr_li2 .ma_d1s1mrl_p {
        padding-right: 30px;
    }
    .ma_e1s1m_main {
        padding: 40px 75px 80px;
        background: #fff;
    }
    .ma_e1s1m_t::before {
        left: -20px;
    }
    .ma_e1s1m_t {
        padding: 0;
    }
    .ma_e1s1m_t {
        margin-bottom: 25px;
    }
    .ma_e1s1f_d1,
    .ma_e1s1f_d21 {
        padding: 0 30px;
        height: 45px;
        margin-bottom: 20px;
    }
    .ma_e1s1fd1_icon {
        width: 16px;
        line-height: 45px;
    }
    .ma_e1s1fd1_p p {
        line-height: 45px;
    }
    .ma_e1s1fd1n_c {
        line-height: 45px;
        width: 50px;
    }
    .ma_e1s1fd1n_jia,
    .ma_e1s1fd1n_jian {
        line-height: 45px;
    }
    .ma_e1s1f_d4{
        height: auto;
    }
    .ma_e1s1fd1_in2 {
        height: 240px;
    }
    .ma_e1s1fd5_in {
        width: 300px;
        height: 45px;
        padding: 0 30px;
        margin-right: 80px;
    }
    .ma_e1s1fd5_img {
        width: 118px;
        height: 45px;
    }
    .ma_l1s1_f3 {
        width: 170px;
    }
    .ma_l1s1_f3 button,
    .ma_l1s1_f3 p {
        padding: 16px 0;
    }
    .ma_e1s1fd1_in input {
        font-size: 14px;
    }
    .ma_e1s1fd1_img {
        line-height: 45px;
    }
    .ma_e1s1f_d31xl {
        top: 46px;
        padding: 16px 28px;
    }
    .ma_tc_main {
        width: 1200px;
        padding: 50px 85px 35px;
    }
    .ma_tcmmt_h3 {
        font-size: 22px;
    }
    .ma_tcmm_p p {
        font-size: 18px;
    }
    .ma_tcs1m_t::before{
        left: -20px;
    }
    .ma_tcs1m_t {
        margin-bottom: 35px;
    }
    .ma_tcmm_t {
        margin-bottom: 12px;
    }
    .ma_tcmm_p {
        margin-bottom: 30px;
    }
    .ma_tcmm_imgbox {
        margin-bottom: 35px;
    }
    .ma_tcmm_img {
        margin: 0 60px;
    }
    .ma_tcmm_img:first-child {
        transform: translateY(-13px);
    }
    .ma_tcmm_img .ma_tcmmim_btm button {
        padding: 12px 0;
        font-size: 16px;
    }
    .ma_tcmmim_btm .ma_l1s1_f3 {
        width: 140px;
    }
    .ma_tcmmim_btm span {
        font-size: 18px;
        line-height: 40px;
    }
    .ma_tcmmim_btm img {
        width: 20px;
        margin-right: 20px;
    }
    .ma_tc_c {
        height: 20px;
        width: 20px;
    }
    .ma_tcmmi_m{
        width: 160px;
    }
    .ma_tcmm_p3{
        margin-bottom: 0;
    }
    .ma_videoplay {
        width: 95px;
        left: 68%;
    }
    .ma_f1s1 {
        padding: 50px 0 0;
    }
    .ma_f1s1ml_p p {
        font-size: 20px;
    }
    .ma_f4s1m_t {
        margin-left: 20px;
    }
    .ma_f4s1m_t::before {
        left: -20px;
    }
    .ma_f1s1m_l {
        width: 450px;
    }
    .ma_f1s1m_r {
        width: calc(100% - 450px);
    }
    .ma_f1s1m_r p {
        margin-bottom: 15px;
    }
    .ma_f1s1d1 {
        margin-bottom: 50px;
    }
    .ma_f1s1d2 {
        padding: 110px 0 100px;
    }
    .ma_f1s1d2m_li .ma_f1s1d2ml_num {
        font-size: 44px;
    }
    .ma_f1s1d2m_li {
        padding: 0 40px;
    }
    .ma_f1s2 {
        padding: 55px 0 115px;
    }
    .ma_f4s1m_t {
        margin-bottom: 25px;
    }
    .ma_f1s1m_l .ma_f4s1m_t {
        margin-bottom: 10px;
    }
    .ma_f1s2_li {
        padding: 0 10px;
    }
    .ma_f1s2l_img {
        margin-bottom: 18px;
    }
    .ma_f1s3 {
        padding: 40px 0 90px;
    }
    .ma_sbtmm_l p {
        font-size: 100px;
    }
    .ma_sbtmm_l {
        width: 260px;
    }
    .ma_sbtmm_r {
        width: calc(100% - 260px);
        padding-left: 30px;
    }
    .ma_sbtmmrl_l p {
        font-size: 18px;
        line-height: 1.5;
    }
    .ma_sbtmmrl_l {
        width: 100px;
    }
    .ma_sbtmmrl_r {
        width: calc(100% - 100px);
        padding-left: 20px;
    }
    .ma_f1s3_main .ma_swiper_top {
        margin-bottom: 40px;
    }
    .ma_f1s3_main .ma_f4s1m_t {
        margin-bottom: 40px;
    }
    .ma_f1s3::after {
        top: 120px;
    }
    .ma_swiper_top .swiper-button-next,
    .ma_swiper_top .swiper-button-prev {
        width: 25px;
        height: 25px;
    }
    .ma_f1s3be {
        top: 120px;
    }
    .ma_swiper_top p {
        font-size: 18px;
    }
    .ma_sbtmm_l p {
        font-size: 80px;
    }
    .ma_sbtmm_l {
        width: 206px;
    }
    .ma_sbtmm_r {
        width: calc(100% - 206px);
    }
    .ma_sbtmmr_li {
        margin-bottom: 16px;
    }
    .ma_f1s4 {
        padding: 50px 0 80px;
    }
    .ma_f1s4_main .ma_f4s1m_t {
        margin-bottom: 50px;
    }
    .ma_f1s3be {
        width: 50vw
    }
    .ma_n1s1_title {
        margin-bottom: 35px;
    }
    .ma_n1s1_top {
        margin: 0 -10px 40px;
    }
    .ma_n1s1l_box a {
        padding: 0 54px;
        line-height: 40px;
        font-size: 16px;
    }
    .ma_n1s1m_ul {
        margin: 0 -14px 30px;
    }
    .ma_n1s1m_li {
        padding: 0 14px;
        margin-bottom: 30px;
    }
    .ma_n1s1mlb_font {
        padding: 16px 16px 20px;
    }
    .ma_n1s1mlbf_t .ma_title3_h2 {
        height: 64px;
        font-size: 16px;
    }
    .ma_n2s1mpfv_bf {
        width: 60px;
    }
    .ma_f4s1mlt_l p {
        font-size: 16px;
        height: 28px;
    }
    .ma_f4s1mlt_l {
        padding: 12px 35px;
    }
    .ma_f4s1mlt_r {
        height: 54px;
    }
    .ma_f4s1ml_btm {
        padding: 20px 40px;
    }
    .ma_f4s1ml_btmbox {
        width: calc(100% - 500px);
    }
    .ma_f4s1m_ul {
        margin-bottom: 60px;
    }
    .ma_l1s1l_mainbox {
        padding: 35px;
    }
    .ma_l1s1l_main::before {
        right: -35px;
    }

    .ma_l1s1lm_img {
        width: 60px;
        margin-bottom: 16px;
    }
    .ma_l1s1lm_li:first-child p {
        font-size: 16px;
    }
    .ma_l1s1lm_li {
        margin-bottom: 4px;
    }
    #container {
        height: 400px;
    }
    .ma_l1s2 {
        padding: 72px 0 60px;
    }

    .ma_l1s1_f {
        margin: 0 -15px 25px;
    }
    .ma_l1s1_f2 {
        margin-bottom: 50px;
    }
    .ma_l1s1fl_m {
        height: 45px;
        padding: 0 36px;
    }
    .ma_l1s1flm_font {
        width: 60px;
        line-height: 45px;
    }
    .ma_l1s1fl_m input {
        width: calc(100% - 65px);
    }
    .ma_l1s1flm_font2 {
        width: 90px;
    }
    .ma_l1s1_f2 {
        padding: 20px 36px;
        height: 210px;
    }
    .ma_l1s1_f2 {
        margin-bottom: 40px;
    }
    .ma_bantxt_btn img {
        width: 32px;
        margin-left: 10px;
    }
    .ma_l1s1flm_font2::before {
        right: 18px;
    }
    .ma_in1s2_ul3box {
        width: 480px;
        left: 290px;
    }
    .ma_f1s1ml_a {
        min-width: 140px;
    }
    .ma_pchdm_a1 {
        padding: 0 20px;
    }
    .ma_pchdm_li1:last-child a{
        padding-right: 0;
    }
    .ma_ftf2_d img {
        width: 60px;
    }
    .ma_ftm1_l .ma_ftf2_d a {
        width: 120px;
    }
    .mc_b2s1_txtwrap p {
        padding-right: 310px;
    }
    .ma_bantxt_h2{
        font-size: 40px;
    }
    .ma_copyright a {
        float: none;
    }
    .ma_e1s1f_d3 .ma_e1s1f_d31box label .ma_e1s1fd1_in {
        height: 45px;
    }
    .ma_e1s1fd1_infind {
        line-height: 45px;
    }
    .ma_l1s1_ul .slick-prev,
    .ma_l1s1_ul .slick-next {
        width: 16px;
        height: 30px;
    }
    .ma_l1s1l_main {
        height: 300px;
    }
    .ma_videobox {
        right: 20px;
        width: 577px;
    }
    .ma_nyban3_p {
        width: 620px;
    }
    .ma_weixinbox img {
        width: 165px;
    }

 


}

@media screen and (max-width: 1366px) {
    .ma_index .ma_main::before {
        left: 83px;
    }

    .ma_in1s2_ul2 .slick-prev {
        left: 84px;
    }

    .ma_in1s2_ul2 .slick-next {
        right: 84px;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 22px;
    }
    .ma_in1s2_ul3box {
        width: 430px;
        left: 260px;
    }
    .ma_in1s2_mian {
        padding: 30px 40px 56px;
    }
    .ma_in1s2_ul1 .slick-dots {
        left: 292px;
    }
    .ma_prev,
    .ma_next {
        width: 16px;
    }
    .ma_in1s1ml_mainbox a::before{
        right: -25%;
    }
    .ma_videobox {
        width: 548px;
    }
}

@media screen and (max-width: 1280px) {
    .ma_count1680 {
        width: 1200px;
    }

    .ma_pchdm_a1 {
        font-size: 16px;
    }

    .ma_pchdm_r {
        line-height: 35px;
    }

    .ma_pchdm_a2 {
        line-height: 35px;
    }

    .ma_pchdm_li2 {
        padding: 0 30px;
    }

    .ma_pchdm_ul3box {
        padding: 30px 28px;
    }

    /* .ma_pchdm_ul2 {
        width: 200px;
    } */

    /* .ma_pchdm_ul23box {
        min-width: 418px;
    } */

    .ma_pchdm_a1 {
        padding: 0 20px;
    }

    .ma_fs60 {
        font-size: 38px;
        margin-bottom: 12px;
    }

    .ma_bantxt_p {
        width: 816px;
        margin-bottom: 20px;
    }

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

    .ma_ban_ul .slick-next {
        right: 42px;
    }

    .ma_bantxt_btn span {
        font-size: 14px;
    }

    .ma_bantxt_btn img {
        width: 32px;
        margin-left: 7px;
    }

    .ma_bantxt_btn a {
        padding: 0 10px 0 15px;
        line-height: 36px;
    }

    .ma_bantxt_btn {
        width: 152px;
    }

    .ma_bantxt_btn a:hover img {
        transform: translateX(10px);
    }

    .ma_in1s1 {
        padding: 50px 0;
    }

    .ma_title_h2 {
        font-size: 24px;
    }

    .ma_index .ma_main::before {
        left: 42px;
    }

    .ma_in1s1_title {
        margin-bottom: 40px;
    }

    .ma_in1s1m_ul {
        margin-bottom: 80px;
    }

    .ma_in1s1m_ul .slick-dots {
        bottom: -40px;
    }

    .ma_in1s2_mian {
        padding: 30px 40px 50px;
        width: 390px;
        left: 251px;
    }

    .ma_title2_h3 {
        font-size: 24px;
    }

    .ma_in1s2m_title {
        height: 36px;
    }

    .ma_in1s2m_font2 {
        margin-bottom: 14px;
    }

    .ma_in1s2m_font1 {
        margin-bottom: 8px;
    }

    .ma_in1s2_ul1 .slick-dots {
        left: 285px;
    }

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

    .ma_in1s2_ul2 .slick-next {
        right: 42px;
    }

    .ma_in1s3 {
        padding: 74px 0 60px;
    }

    .ma_in1s3_title {
        margin-bottom: 34px;
    }

    .ma_in1s2mli {
        width: 298px;
    }

    .ma_in1s2m_centerbox {
        width: 605px;
    }

    .ma_in1s2mca_c {
        width: calc(100% - 92px);
        padding: 12px 16px 16px;
    }

    .ma_in1s2mca_l,
    .ma_in1s2mca_r {
        width: 46px;
        line-height: 89px;
    }

    .ma_in1s2mca_l img {
        width: 22px;
    }

    .ma_in1s2mca_r img {
        width: 18px;
    }

    .ma_title3_h2 {
        font-size: 16px;
    }

    .ma_in1s2mc_a {
        width: calc(100% - 90px);
        bottom: 40px;
    }

    .ma_in1s2mli_font p {
        font-size: 16px;
    }

    .ma_in1s2mli_font {
        width: 80px;
    }

    .ma_in1s4_title {
        margin-bottom: 30px;
    }

    .ma_in1s4m_main {
        padding: 70px 0 110px;
    }

    .ma_title4_h2 {
        font-size: 26px;
    }

    .ma_in1s4m_title {
        margin-bottom: 14px;
    }

    .ma_in1s4mmb_font {
        margin-bottom: 40px;
    }

    .ma_count1600 {
        width: 1200px;
    }

    /* .mc_protitle_container {
        padding: 30px 0 40px;
    } */

    .mc_pro_title {
        font-size: 20px;
    }

    .mc_proarr_btn {
        width: 35px;
        height: 35px;
        line-height: 32px;
    }

    .mc_b1s1 {
        padding: 30px 0 65px;
    }

    .mc_title28_line {
        font-size: 24px;
    }

    .mc_b2s1 {
        padding: 45px 0 60px;
    }

    .mc_b2s1_title {
        margin-bottom: 25px;
    }

    .mc_b2s1_title2 {
        margin-bottom: 10px;
    }

    .mc_b2s1_txtbox {
        margin-bottom: 20px;
    }

    .mc_b2s1dl_lisbox {
        padding: 14px 25px;
    }

    .mc_b2s1dl_lisbox>div {
        font-size: 16px;
        line-height: 26px;
    }

    .mc_b2s1dl_wjtb,
    .mc_b2s1dl_dl img {
        width: 26px;
    }

    .ma_title5_h2 {
        font-size: 36px;
    }

    .ma_ny3top_t {
        margin-bottom: 30px;
    }

    .ma_ny3top {
        padding: 40px 0 45px;
    }

    .ma_c1s1b_main {
        padding: 60px 30px;
        width: 400px;
    }

    .ma_c1s1bm_t .ma_title_h2 {
        height: 36px;
    }

    .ma_c1s1bm_t2 {
        margin-bottom: 25px;
    }

    .ma_c1s1bm_p {
        margin-bottom: 20px;
    }

    .ma_c1s1_box {
        margin-bottom: 40px;
    }

    .ma_c1s1 {
        padding-bottom: 70px;
    }

    .ma_ny1 {
        margin-top: -230px;
    }

    .ma_n2s1m_main {
        padding: 40px 40px 60px;
    }

    .ma_n2s1m_p {
        margin-bottom: 50px;
    }

    .ma_n1s1 {
        padding-bottom: 70px;
    }

    .ma_d1s1ml_li p {
        line-height: 40px;
    }

    .ma_title6_h2 {
        font-size: 20px;
    }

    .ma_d1s1mrl_t {
        margin-bottom: 10px;
    }

    .ma_d1s1mr_li {
        padding: 26px 40px;
        margin-bottom: 30px;
    }

    .ma_d1s1mrl_img {
        width: 80px;
        top: 12px;
        left: 14px;
    }

    .ma_d1s1 {
        padding: 50px 0 70px;
    }
    .ma_e1s1m_main {
        padding: 40px 65px 70px;
    }
    .ma_e1s1m_t {
        padding-left:20px;
    }
    .ma_e1s1m_t::before {
        left: 0;
    }
    .ma_tc_main {
        width: 1000px;
        padding: 50px 85px 35px;
    }
    .ma_tc_main {
        width: 1000px;
        padding: 40px 60px 35px;
    }
    .ma_tcs1m_t::before {
        left: 0;
    }
    .ma_tcs1m_t {
        margin-bottom: 20px;
    }
    .ma_tcmmt_h3 {
        font-size: 20px;
    }
    .ma_tcmm_p p {
        font-size: 16px;
    }
    .ma_tcmm_t {
        margin-bottom: 6px;
    }
    .ma_tcmm_p {
        margin-bottom: 20px;
    }
    .ma_tcmm_p3 {
        margin-bottom: 0;
    }
    .ma_tcmm_imgbox {
        margin-bottom: 25px;
    }
    .ma_tcmmi_m {
        width: 130px;
    }
    .ma_tcmmim_t {
        padding: 8px;
        margin-bottom: 14px;
    }
    .ma_tcmm_img .ma_tcmmim_btm button {
        padding: 8px 0;
        font-size: 14px;
    }
    .ma_tcmmim_btm .ma_l1s1_f3 {
        width: 110px;
    }
    .ma_tcmmim_btm span {
        font-size: 14px;
        line-height: 30px;
    }
    .ma_tcmmim_btm img {
        width: 16px;
        margin-right: 12px;
    }
    .ma_tcmmim_btm {
        height: 30px;
    }
    .ma_tcmm_img:first-child {
        transform: translateY(-10px);
    }
    .ma_tcmm_img {
        margin: 0 30px;
    }
    .ma_tcmm_imgbox {
        margin-bottom: 20px;
    }
    .ma_tc_c {
        height: 16px;
        width: 16px;
    }
    .ma_videoplay {
        width: 85px;
        left: 70%;
    }
    .ma_f1 .ma_n1s1_title {
        margin-bottom: 35px;
    }
    .ma_f1s1ml_p p {
        font-size: 18px;
    }
    .ma_f4s1m_t {
        margin-left: 0;
    }
    .ma_f4s1m_t::before {
        left: 0;
    }
    .ma_f1s1ml_p {
        padding-left: 22px;
    }
    .ma_f1s1m_l {
        width: 355px;
    }
    .ma_f1s1m_r {
        width: calc(100% - 370px);
    }
    .ma_f1s1m_r p {
        margin-bottom: 10px;
    }
    .ma_f1s1d2 {
        padding: 90px 0 80px;
    }
    .ma_f1s1d2m_li .ma_f1s1d2ml_num {
        font-size: 40px;
    }
    .ma_f1s2 {
        padding: 50px 0 100px;
    }
    .ma_f1s2_ulqh {
        bottom: 60px;
    }
    .ma_swiper_top .swiper-button-next,
    .ma_swiper_top .swiper-button-prev {
        top: 75%;
    }
    .ma_swiper_btm {
        width: calc(100% - 345px);
    }
    .ma_f1s3 {
        padding: 40px 0 80px;
    }
    .ma_f1s4 {
        padding: 50px 0 70px;
    }
    .ma_f1s4_main .ma_f4s1m_t {
        margin-bottom: 40px;
    }
    .ma_f1s3_main .ma_swiper_top {
        margin-bottom: 30px;
    }
    .ma_n1s1_title {
        margin-bottom: 30px;
    }
    .ma_n1s1l_box a {
        padding: 0 40px;
    }
    .ma_n1s1_top {
        margin: 0 -10px 30px;
    }
    .ma_n2s1mpf_ve {
        width: 100%
    }
    #container {
        height: 360px;
    }
    .ma_l1s2 {
        padding: 60px 0 50px;
    }
    .ma_d1s1mrl_pbox {
        padding-right: 20px;
        width: calc(100% - 160px);
    }
    .ma_d1s1mrlp_ul {
        width: 160px;
    }
    .gm-login-nr {
        margin-bottom: 18px;
    }
    .gm-loginfl {
        padding: 30px 40px 46px 40px;
    }
    .gm-res-fr a {
        line-height: 40px;
    }
    .gm-res-fr {
        width: 150px;
    }
    .gm-res-fl input {
        margin-bottom: 18px;
    }
    .ma_in1s2_ul1 .slick-dots {
        left: 294px;
    }

    .ma_in1s2_ul2 .slick-dots li {
        margin: 0 6px;
    }
    .ma_prev {
        left: 45px;
    }
    .ma_next {
        right: 45px;
    }
    .ma_f1s1ml_a {
        left: 18px;
    }
    .ma_f1s1ml_p {
        margin-bottom: 20px;
    }
    .ma_dg {
        width: 90px;
    }
    .ma_dg a span {
        font-size: 16px;
    }
    .ma_dg a img {
        width: 18px;
        margin-right: 8px;
        bottom: 1px;
    }
    .ma_e1s1fd1_infind {
        line-height: 45px;
        font-size: 14px;
    }
    .ma_e1s1f_d1,
    .ma_e1s1f_d21 {
        padding: 0 20px;
    }
    .ma_e1s1fd1_in {
        padding: 0 14px;
    }
    .ma_l1s1_ul .slick-next {
        right: -20px;
    }

    .ma_l1s1_ul .slick-prev {
        left: -20px;
    }
    .ma_videobox {
        width: 514px;
    }
}

@media screen and (max-width: 1200px) {
    .ma_count1680 {
        width: 1100px;
    }

    .ma_pchdm_a1 {
        padding: 0 16px;
    }

    .ma_pchdm_nav {
        width: calc(100% - 238px);
    }

    .ma_pchdm_logo {
        width: 120px;
    }

    .ma_pchdm_li3 {
        margin-bottom: 20px;
    }

    .ma_count1560 {
        width: 950px;
    }

    .ma_bantxt,
    .ma_in1s4m_mainbox {
        width: calc(100% - 350px);
    }

    .ma_fs60 {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .ma_ban_ul .slick-prev {
        left: 124px;
    }

    .ma_ban_ul .slick-next {
        right: 124px;
    }

    .ma_in1s1 {
        padding: 45px 0;
    }

    .ma_in1s1_title {
        margin-bottom: 30px;
    }

    .ma_in1s1m_li {
        padding: 0px 20px;
    }

    .ma_in1s1ml_main {
        height: 80px;
        line-height: 80px;
        /* border: 4px solid #93bcdd; */
        margin-bottom: 10px;
    }

    .ma_in1s1mlm_img {
        width: 58px;
    }

    .ma_in1s1mlm_font p {
        font-size: 16px;
        height: 28px;
    }

    .ma_in1s1m_ul .slick-dots {
        bottom: -35px;
        width: 89%;
    }

    .ma_in1s1m_ul {
        margin-bottom: 70px;
    }

    .ma_index .ma_main::before {
        left: 126px;
    }

    .ma_in1s2_ul2 .slick-prev {
        left: 126px;
    }

    .ma_in1s2_ul2 .slick-next {
        right: 126px;
    }

    .ma_in1s2_mian {
        padding: 20px 34px 38px;
        width: 464px;
        left: 220px;
    }

    .ma_title2_h3 {
        font-size: 22px;
    }

    .ma_in1s2m_title {
        height: 33px;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 20px;
        left: 238px;
    }

    .ma_in1s3 {
        padding: 60px 0;
    }

    .ma_in1s3_title {
        margin-bottom: 30px;
    }

    .ma_in1s2mli {
        width: 274px;
    }

    .ma_in1s2m_centerbox {
        width: 556px;
    }

    .ma_in1s2mcac_title {
        margin-bottom: 5px;
    }

    .ma_in1s2mca_l,
    .ma_in1s2mca_r {
        width: 42px;
        line-height: 84px;
    }

    .ma_in1s2mca_c {
        width: calc(100% - 84px);
    }

    .ma_in1s4m_main {
        padding: 60px 0 90px;
    }

    .ma_title4_h2 {
        font-size: 24px;
    }

    .ma_in1s4mmb_font {
        margin-bottom: 30px;
    }

    .ma_in1s4mmb_ul .slick-dots {
        bottom: -43px;
    }

    .ma_in1s4mmb_ul .slick-dots li {
        margin: 0 8px;
    }

    .ma_ftm1_c {
        padding: 0 35px;
    }

    .ma_ftm1_r {
        width: 110px;
    }

    .ma_ftm1_l {
        width: 355px;
    }

    .ma_ftm1c_li {
        width: 99px;
        margin-left: 36px;
    }

    .ma_ftm1cli_li {
        margin-bottom: 6px;
    }

    .ma_copyright {
        float: none;
        width: 100%;
    }

    .ma_main2_r {
        float: none;
        width: 100%;
    }

    .ma_ft_font1 span {
        font-size: 16px;
    }

    .ma_ftm1cli_li:first-child {
        padding-bottom: 12px;
        margin-bottom: 16px;
    }

    .ma_ftm1_li:first-child {
        margin-bottom: 18px;
    }

    .ma_ft_font2 span,
    .ma_ft_font2 a {
        font-size: 14px;
    }

    .ma_count1600 {
        width: 950px;
    }

    .mc_pro_mbxbox {
        padding: 14px 0;
    }

    .mc_protitle_container {
        padding: 26px 0 36px;
    }

    .mc_pro_title .sup {
        font-size: 1.75em;
    }

    .mc_pro_title {
        font-size: 22px;
    }

    .mc_b1_content {
        margin-top: 24px;
    }

    .ma_n2s1m_main {
        padding: 35px 30px 50px;
    }

    .ma_c2s1mp_font {
        margin-bottom: 20px;
    }

    .ma_c2s1mpb_t {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .ma_n2s1m_p {
        margin-bottom: 40px;
    }

    .ma_n1s1 {
        padding-bottom: 60px;
    }

    .ma_d1s1mrlp_ul {
        width: 160px;
    }

    .ma_d1s1mrlp_li {
        margin-bottom: 20px;
    }

    .ma_d1s1mr_li2 .ma_d1s1mrl_p {
        width: calc(100% - 160px);
        padding-right: 16px;
    }

    .ma_videoplay {
        width: 75px;
        left: 85%;
    }
    .ma_f1 .ma_n1s1_title {
        margin-bottom: 25px;
    }
    .ma_f1s1 {
        padding: 40px 0 0;
    }
    .ma_f1s1d1 {
        margin-bottom: 40px;
    }
    .ma_f1s1m_l {
        width: 335px;
    }
    .ma_f1s1m_r {
        width: calc(100% - 350px);
    }
    .ma_f1s1d2 {
        padding: 80px 0 70px;
    }
    .ma_f1s1d2m_ul {
        padding: 0 60px;
    }
    .ma_f1s1d2m_li .ma_f1s1d2ml_num {
        font-size: 36px;
    }
    .ma_f1s2 {
        padding: 40px 0 90px;
    }
    .ma_f1s2l_font p {
        font-size: 14px;
    }
    .ma_f1s2_ulqh {
        bottom: 40px;
    }
    .ma_f1s2_ul .slick-dots {
        bottom: -36px;
    }

    .ma_f1s3_main .ma_f4s1m_t {
        margin-bottom: 35px;
    }

    .ma_f1s3::after {
        top: 112px;
    }
    .ma_f1s3be {
        top: 112px;
    }
    .ma_swiper_top .swiper-button-next,
    .ma_swiper_top .swiper-button-prev {
        top: 69%;
    }
    .ma_sbtmm_l p {
        font-size: 70px;
    }
    .ma_sbtmm_l {
        width: 180px;
    }
    .ma_sbtmm_r {
        width: calc(100% - 180px);
    }
    .ma_sbtmmrl_r p {
        font-size: 14px;
        height: 42px;
    }
    .ma_sbtmmrl_l p {
        font-size: 16px;
    }
    .ma_sbtmmrl_l {
        width: 90px;
    }
    .ma_sbtmmrl_r {
        width: calc(100% - 90px);
    }
    .ma_swiper_btm {
        width: calc(100% - 240px);
    }
    .ma_f1s3 {
        padding: 40px 0 50px;
    }
    .ma_f1s4 {
        padding: 40px 0 60px;
    }
    .ma_f1s4_main .ma_f4s1m_t {
        margin-bottom: 30px;
    }
    .ma_f1s2_ul {
        transform: translateX(120px);
    }
    .ma_n1s1l_box a {
        padding: 0 35px;
        line-height: 35px;
    }
    .ma_n1s1m_li {
        padding: 0 10px;
        margin-bottom: 25px;
    }
    .ma_n1s1m_ul {
        margin: 0 -10px 20px;
    }
    .ma_f4s1 {
        padding: 40px 0 85px;
    }
    .ma_f4s1ml_btmbox {
        width: calc(100% - 250px);
    }
    .ma_f4s1mlt_l {
        padding: 10px 35px;
    }
    .ma_f4s1mlt_r {
        height: 50px;
    }
    .ma_f4s1ml_btm {
        padding: 15px 40px;
    }
    .ma_f4s1mlt_r::before {
        height: 14px;
    }
    .ma_f4s1mlt_r::after {
        width: 14px;
    }
    .ma_l1s1_f3 {
        width: 140px;
    }
    .ma_f4s1fd5_btn .ma_l1s1_f3 a{
        padding: 12px 0;
        font-size: 14px;
    }
    .ma_l1s1l_mainbox {
        padding: 30px;
    }
    .ma_l1s1l_main::before {
        right: -30px;
    }
    .ma_l1s1lm_ul {
        margin-bottom: 16px;
    }

    .ma_l1s1lm_li {
        margin-bottom: 0;
    }
    .ma_l1s1lm_img {
        width: 56px;
        margin-bottom: 8px;
    }
    .ma_l1s1lm_li:first-child {
        margin-bottom: 2px;
    }

    .ma_l1s1l_main {
        height: 288px;
    }
    .ma_l1s2 {
        padding: 50px 0 40px;
    }
    .ma_l1s1_f2 {
        margin-bottom: 25px;
    }
    .ma_l1s1_f2 {
        height: 160px;
    }
    .ma_in1s2_ul2 .slick-dots li {
        margin: 0 6px;
    }
    .ma_in1s2_ul1 .slick-dots {
        left: 292px;
    }
    .ma_prev {
        left: 128px;
    }
    .ma_next {
        right: 128px;
    }
    .ma_in1s2_ul3box {
        width: 350px;
        left: 252px;
    }
    .ma_in1s1ml_mainbox a::before{
        right: -15%;
    }
    .ma_pchdm_nav {
        width: calc(100% - 335px);
    }
    .ma_pchdmsli {
        padding: 0 25px;
    }
    .ma_pchdmsli .ma_pchdmssbox::before {
        width: 70px;
    }
    .ma_e1s1f_d3 .ma_e1s1f_d21 {
        padding-right: 8px;
    }
    .ma_e1s1fd1n_c {
        width: 28px;
    }
    .ma_videobox {
        width: 480px;
    }
    .ma_nyban3_p {
        width: 505px;
    }
}

@media screen and (max-width: 1024px) {
    .ma_index .ma_main::before {
        left: 38px;
    }

    .ma_in1s2_ul2 .slick-prev {
        left: 38px;
    }

    .ma_in1s2_ul2 .slick-next {
        right: 38px;
    }

    .ma_ban_ul .slick-prev {
        left: 40px;
    }

    .ma_ban_ul .slick-next {
        right: 40px;
    }

    .ma_bantxt,
    .ma_in1s4m_mainbox {
        width: calc(100% - 200px);
    }

    .ma_bantxt_p {
        width: 100%;
    }

    .ma_count1680 {
        width: 950px;
    }

    .ma_ny1 {
        margin-top: -180px;
    }
    .ma_in1s2m_font2 {
        margin-bottom: 20px;
        height: 112px;
    }
    .ma_l1s1lm_ewm {
        opacity: 1;
    }
    .ma_prev {
        left: 45px;
    }
    .ma_next {
        right: 45px;
    }
    .ma_in1s2_ul3box {
        left: 164px;
    }
    .ma_in1s2_ul1 .slick-dots {
        left: 195px;
    }
    .ma_pchdmsli {
        padding: 0 16px;
    }
    
    .ma_pchdmsli .ma_pchdmssbox::before {
        width: 55px;

    }
    .ma_pchdm_a1 {
        padding: 0 12px;
    }
    .ma_pchdm_nav {
        width: calc(100% - 315px);
    }
    .ma_e1s1fd1_icon {
        width: 14px;
        line-height: 40px;
    }

    .ma_e1s1fd1_p p {
        font-size: 14px;
        line-height: 40px;
    }
    .ma_e1s1f_d3 .ma_e1s1f_d31box label .ma_e1s1fd1_in {
        height: 40px;
    }
    .ma_e1s1f_d1,
    .ma_e1s1f_d21 {
        height: 40px;
    }
    .ma_e1s1f_d4 {
        height: auto;
    }
    .ma_e1s1fd1_in2 {
        height: 240px;
    }
    .ma_e1s1fd1n_c {
        line-height: 40px;
        margin: 0 5px;
        width: 40px;
    }
    .ma_e1s1fd1n_jia,
    .ma_e1s1fd1n_jian {
        line-height: 40px;
    }
    .ma_e1s1f_d31box .ma_e1s1fd1_p1 {
        width: auto;
    }
    .ma_e1s1fd1_p {
        margin-left: 20px;
    }
    .ma_videobox {
        width: 412px;
    }

}

/* 平板竖屏 */
@media screen and (max-width: 950px) {
    .ma_pc_hd {
        display: none;
    }

    .mc_ph_hd {
        display: block;
    }

    .ma_ban {
        margin-top: 64px;
    }

    .ma_count1560 {
        width: 100%;
        padding: 0 20px;
    }

    .ma_fs60 {
        font-size: 28px;
        margin-bottom: 6px;
    }

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

    .ma_ban_scroll {
        width: 50px;
    }

    .ma_in1s1 {
        padding: 40px 0;
    }

    .ma_title_h2 {
        font-size: 22px;
    }

    .ma_in1s1_title {
        margin-bottom: 25px;
    }

    .ma_in1s1m_li {
        padding: 0px 16px;
    }

    .ma_in1s1mlm_img {
        width: 50px;
    }

    .ma_in1s1mlm_font p {
        font-size: 14px;
        height: 24px;
    }

    .ma_in1s1m_ul {
        margin-bottom: 60px;
    }

    .ma_in1s2_mian {
        padding: 20px 30px 38px;
        width: 580px;
        left: 90px;
    }

    .ma_title2_h3 {
        font-size: 20px;
    }

    .ma_in1s2m_title {
        margin-bottom: 4px;
    }

    .ma_in1s2m_font1 {
        margin-bottom: 4px;
    }

    .ma_in1s2m_font2 {
        height: 112px;
        margin-bottom: 10px;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 16px;
        left: 112px;
    }

    .ma_count1680 {
        padding: 0 20px;
        width: 100%;
    }

    .ma_in1s3_main {
        padding: 0 20px;
        width: 100%;
    }

    .ma_index .ma_main::before {
        left: 20px;
    }

    .ma_in1s2_ul2 .slick-prev {
        left: 20px;
    }

    .ma_in1s2_ul2 .slick-next {
        right: 20px;
    }

    .ma_in1s2mli {
        width: 226px;
    }

    .ma_in1s2m_centerbox {
        width: 458px;
    }

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

    .ma_in1s2mli_font {
        width: 70px;
    }

    .ma_in1s2mc_a {
        width: calc(100% - 60px);
        bottom: 30px;
    }

    .ma_in1s2mcac_title {
        margin-bottom: 0px;
    }

    .ma_in1s2mca_l,
    .ma_in1s2mca_r {
        width: 38px;
        line-height: 79px;
    }

    .ma_in1s2mca_c {
        width: calc(100% - 76px);
    }

    .ma_in1s4_title {
        width: 96%;
    }

    .ma_in1s4m_main {
        padding: 50px 0 80px;
    }

    .ma_title4_h2 {
        font-size: 22px;
    }

    .ma_in1s4m_title {
        margin-bottom: 10px;
    }

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

    .ma_in1s4mmb_font {
        margin-bottom: 20px;
    }

    .ma_in1s4mmb_ul .slick-dots {
        bottom: -34px;
    }

    .ma_ftm1_l {
        width: 300px;
    }

    .ma_ftm1_c {
        width: calc(100% - 430px);
    }

    .ma_ft_mainbox2 {
        padding: 10px 0;
    }

    .ma_ftf2_d {
        margin-right: 12px;
    }

    .ma_in1s2m_main {
        padding: 0;
    }

    .ma_count1600 {
        width: 100%;
        padding: 0 20px;
    }

    .mc_pro_next {
        right: 20px;
    }

    .mc_pro_prev {
        left: 20px;
    }

    .mc_product {
        padding-top: 64px;
    }

    .mc_ph_hd {
        box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    }

    .mc_b1s1 {
        padding: 25px 0 55px;
    }

    .mc_b1_content {
        margin-top: 20px;
    }

    .mc_title28_line {
        font-size: 22px;
    }

    .mc_b1li_title {
        margin-bottom: 24px;
    }

    .mc_b1_lisbox:not(:last-child) {
        margin-bottom: 35px;
    }

    .ma_mbxbox {
        display: none;
    }

    .mc_title28_line {
        padding-left: 20px;
    }

    .mc_b2s1_txtwrap {
        padding-left: 20px;
    }

    .mc_b2s1 {
        padding: 40px 0 55px;
    }

    .mc_b2s1_title {
        margin-bottom: 20px;
    }

    .mc_b2s1_title2 {
        margin-bottom: 4px;
    }

    .mc_b2s1_txtbox {
        margin-bottom: 16px;
    }

    .mc_b2s1dl_txt {
        padding: 0 35px;
    }

    .ma_ny3top {
        padding: 30px 20px 20px;
    }

    .mc_b1nav_cont {
        padding: 0;
    }

    /* .mc_b1_nav.mc_fixed {
        padding: 10px 20px;
    } */
    .ma_c1s1b_main {
        padding: 40px 25px;
        width: 360px;
    }

    .ma_c1s1bm_t .ma_title_h2 {
        height: 34px;
    }

    .ma_title5_h2 {
        font-size: 34px;
    }

    .ma_ny3mbxbox {
        display: none;
    }

    .ma_c1s1bm_t2 {
        margin-bottom: 20px;
    }

    .ma_c1s1 {
        padding-bottom: 60px;
    }

    .ma_n2s1m_main {
        padding: 30px 30px 30px;
    }

    .ma_n2s1mp_t {
        margin-bottom: 14px;
    }

    .ma_c2s1mpb_t {
        margin-bottom: 16px;
    }

    .ma_n1s1 {
        padding-bottom: 50px;
    }

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

    .ma_pcfy {
        display: none;
    }

    .mc_phfy {
        display: block;
    }

    .ma_n2s1m_p {
        margin-bottom: 30px;
    }

    .ma_d1s1m_l {
        width: 260px;
        float: none;
        position: fixed;
        top: 250px;
        left: -260px;
        z-index: 20;
        transition: all 0.36s;
    }

    .ma_d1s1m_l.on {
        left: 0;
    }

    .ma_d1s1m_l::before {
        content: ">";
        font-size: 26px;
        width: 30px;
        height: 30px;
        position: absolute;
        color: #fff;
        top: 0;
        right: -30px;
        background: rgba(0, 0, 0, 0.3);
    }

    .ma_d1s1m_r {
        width: 100%;
        padding-left: 0;
        float: none;
    }

    .ma_txt {
        left: 20px;
    }

    .ma_d1s1m_lbox {
        background: #fff;
    }

    .ma_d1s1 {
        padding: 40px 0 50px;
    }

    .ma_d1s1mr_li {
        padding: 24px 34px;
        margin-bottom: 26px;
    }

    .ma_d1s1mrl_p p {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .ma_d1s1mrlp_ul {
        width: 130px;
    }

    .ma_d1s1mr_li2 .ma_d1s1mrl_p {
        width: calc(100% - 130px);
        padding-right: 16px;
    }
    .ma_e1s1m_main {
        padding: 40px 45px 40px;
    }
    .ma_e1s1f_d1,
    .ma_e1s1f_d21 {
        padding: 0 20px;
        height: 40px;
        margin-bottom: 17px;
    }
    /* .ma_e1s1fd1_icon {
        width: 14px;
        line-height: 40px;
    }
    .ma_e1s1fd1_p p {
        font-size: 14px;
        line-height:40px;
    } */
    .ma_e1s1m_t {
        margin-bottom: 20px;
    }
    .ma_e1s1fd1_img {
        width: 10px;
        line-height: 40px;
    }
    .ma_e1s1fd1_p {
        margin-left: 20px;
    }
    .ma_e1s1fd1_p::before {
        left: -12px;
        font-size: 14px;
    }
    /* .ma_e1s1f_d3 .ma_e1s1fd1_p {
        width: calc(100% - 44px);
    } */
    .ma_e1s1f_d31box .ma_e1s1fd1_p1 {
        width: auto;
    }
    /* .ma_e1s1fd1n_c {
        line-height:40px;
        margin: 0 5px;
        width:45px;
    } */
    .ma_e1s1fd1n_jia,
    .ma_e1s1fd1n_jian {
        line-height: 40px;
        width: 8px;
    }
    .ma_e1s1f_d4 {
        height: auto;
    }
    .ma_e1s1fd1_in2 {
        height: 160px;
        padding: 12px;
    }
    .ma_e1s1f_d31xl {
        top: 41px;
        padding: 13px 22px;
    }
    .ma_e1s1f_d31xl p {
        font-size: 14px;
    }
    .ma_e1s1f_d3 {
        margin: 0 -5px;
    }
    .ma_e1s1f_d31box {
        padding: 0 5px;
    }
    .ma_e1s1fd5_in {
        width: 200px;
        height: 40px;
        padding: 0 20px;
        margin-right: 30px;
    }
    .ma_e1s1fd5_img {
        width: 110px;
        height: 40px;
    }
    .ma_l1s1_f3 a,
    .ma_l1s1_f3 p,
    .ma_l1s1_f3 button {
        font-size: 14px;
        padding: 13px 0;
    }
    .ma_l1s1_f3 {
        width: 140px;
    }
    .ma_e1s1fd1_in {
        width: calc(100% - 62px);
    }
    .ma_e1s1f_d4 .ma_e1s1fd1_in {
        width: calc(100% - 90px);
    }
    .ma_tc_main {
        padding: 40px 60px 35px;
    }
    .ma_tc_main {
        padding: 30px 40px 25px;
    }
    .ma_tcs1m_t {
        margin-bottom: 16px;
    }
    .ma_tcmmt_h3 {
        font-size: 18px;
    }
    .ma_tcmm_p {
        margin-bottom: 14px;
    }
    .ma_tcmm_p3 {
        margin-bottom: 0;
    }
    .ma_tcmmi_m {
        width: 120px;
    }
    .ma_tcmm_img {
        margin: 0 22px;
    }
    .ma_f1s1m_l{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .ma_f1s1m_r {
        width: 100%;
        float: none;
    }
    .ma_f1s1ml_p {
        padding-left: 0;
    }
    .ma_f1s1m_r p {
        margin-bottom: 6px;
    }
    .ma_f1s1d2 {
        padding: 70px 0 60px;
    }
    .ma_f1s1d2m_ul {
        padding: 0 50px;
    }
    .ma_f1s1d2m_li .ma_f1s1d2ml_num {
        font-size: 32px;
    }
    .ma_f1s1d2m_li p {
        margin-bottom: 10px;
    }
    .ma_f1s1d2m_li p:last-child {
        margin-top: 10px;
    }
    .ma_f1s2 {
        padding: 40px 0 80px;
    }
    .ma_f1s2_ul {
        transform: translateX(60px);
    }
    .ma_f1s3::after {
        top: 108px;
    }
    .ma_f1s3be {
        top: 108px;
    }
    .ma_sbtmm_l p {
        font-size: 60px;
    }
    .ma_sbtmm_l {
        width: 160px;
    }
    .ma_sbtmm_r {
        width: calc(100% - 160px);
    }
    .ma_swiper_btm {
        width: calc(100% - 170px);
    }
    .ma_f1s3 {
        padding: 40px 0;
    }
    .ma_n1s1m_li {
        width: 33.333333%;
    }
    .mc_pcfy{
        display: none;
    }
    .ma_n1s1m_ul {
        margin: 0 -10px 10px;
    }
    .ma_n1 .ma_n1s1 {
        padding-bottom: 30px;
    }
    .ma_n2s1mp_lifts {
        margin: 0 45px;
        
    }
    .ma_n2s1mp_lift {
        margin-bottom: 25px;
    }
    .ma_f4 .ma_f4s1 {
        padding: 40px 0 30px;
    }

    .ma_f4s1m_ul {
        margin-bottom: 30px;
    }
    .ma_f4s1ml_btmbox {
        width: 100%;
    }
    .ma_f4s1ml_btm {
        padding: 15px 25px;
    }
    .ma_f4s1mlt_l {
        padding: 10px 24px;
    }
    .ma_f4s1mltl_p1 {
        width: 360px;
    }
    .ma_f4s1mltl_p2 {
        width: calc(100% - 410px);
    }
    .ma_onbanner {
        margin-top: 64px;
    }
    .ma_l1s1lm_ewm {
        opacity: 1;
    }
    .ma_l1s1l_main {
        height: auto;
        overflow: initial;
    }
    .ma_l1s2 {
        padding: 40px 0 30px;
    }
    .ma_l1s1fl_m {
        height: 40px;
        padding: 0 30px;
    }
    .ma_l1s1flm_font {
        width: 50px;
        line-height: 40px;
    }
    .ma_l1s1fl_m input {
        width: calc(100% - 55px);
    }
    .ma_l1s1flm_font2 {
        width: 85px;
    }
    .ma_l1s1fl_m .ma_l1s1flm_input2 {
        width: calc(100% - 90px);
    }
    .ma_l1s1_f2 {
        padding: 20px 30px;
        height: 140px;
    }
    .ma_l1s1flm_font::before {
        right: -16px;
    }
    .ma_l1s1flm_font2::before {
        right: 18px;
    }
    .ma_l1s1flm_font {
        font-size: 14px;
    }
    .ma_prev {
        left: 20px;
    }
    .ma_next {
        right: 20px;
    }
    .ma_in1s2_ul1 .slick-dots {
        bottom: 16px;
        left: 190px;
    }
    .mc_b1nav_li{
        float: none;
        min-width: auto;
        width: 120px;
        line-height: 30px;
        left: 0;
    }
    .ma_f1s1ml_p {
        margin-bottom: 14px;
    }
    .ma_f1 .ma_video {
        right: 20px;
    }
    .ma_ftf2_d img {
        width: 55px;
    }
    .ma_ftm1_l .ma_ftf2_d a {
        width: 100px;
    }
    .mc_b2s1_txtwrap p {
        padding-right: 170px;
    }
    .ma1_e1s1fd1_in{
        width: calc(100% - 90px);
    }
    .ma1_e1s1fd1_in.on {
        width: calc(100% - 16px);
    }
    .ma_l1s1_li{
        height: 323px;
    }
    .ma_l1s1_ul .slick-next {
        right: 0;
    }
    .ma_l1s1_ul .slick-prev {
        left: 0;
    }
    .ma_videobox {
        width: 380px;
    }
    .ma_weixinbox img {
        width: 135px;
    }



}

@media screen and (max-width: 768px) {
    .ma_pcban {
        display: none;
    }

    .ma_phban {
        display: block;
    }

    .ma_fs60 {
        font-size: 26px;
    }

    .ma_ban_ul .slick-prev {
        left: 20px;
    }

    .ma_ban_ul .slick-next {
        right: 20px;
    }

    .ma_title_h2 {
        font-size: 20px;
    }

    .ma_in1s1m_li {
        padding: 0px 13px;
    }

    .ma_in1s1mlm_img {
        width: 44px;
    }

    .ma_in1s2m_title {
        height: 27px;
    }

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

    .ma_in1s2m_font1 {
        height: 24px;
    }

    .ma_in1s2_mian {
        padding: 20px 23px 38px;
        width: 603px;
        left: 70px;
    }

    .ma_in1s2m_font2 {
        height: 84px;
        margin-bottom: 6px;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 10px;
        left: 87px;
    }

    .ma_in1s2_ul2 .slick-prev,
    .ma_in1s2_ul2 .slick-next {
        width: 12px;
        height: 24px;
    }

    .ma_ban_ul .slick-prev,
    .ma_ban_ul .slick-next {
        width: 12px;
        height: 24px;
    }

    .ma_in1s3 {
        padding: 40px 0;
    }

    .ma_in1s2m_ul {
        overflow: hidden;
    }

    .ma_in1s2mli {
        width: 25%;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        float: left;
    }

    .ma_in1s2m_centerbox {
        width: 100%;
    }

    .ma_in1s4_title {
        width: 95%;
    }

    .ma_in1s4_title {
        margin-bottom: 25px;
    }

    .ma_in1s4m_main {
        padding: 30px 0 70px;
    }

    .ma_bantxt,
    .ma_in1s4m_mainbox {
        width: 95%;
    }

    .ma_title4_h2 {
        font-size: 20px;
    }

    .ma_in1s4m_title {
        margin-bottom: 6px;
    }

    .ma_ftm1_l {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .ma_ftm1_c {
        width: 100%;
        float: none;
        padding: 0;
    }

    .ma_ft_main1 {
        position: relative;
    }

    .ma_ftm1_r {
        position: absolute;
        top: 0;
        right: 20px;
    }

    .ma_ftm1c_li {
        width: 20%;
        margin-left: 36px;
    }

    .ma_ft_mainbox1 {
        padding: 40px 0 30px;
    }

    .ma_ftm1cli_li {
        margin-bottom: 4px;
    }

    .ma_ftm1_l .ma_ftm1_li {
        overflow: hidden;
        margin-bottom: 8px;
    }

    .ma_ftm1cli_li:first-child {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .ma_bantxt,
    .ma_in1s4m_mainbox {
        width: 84%;
    }

    .mc_proarr_btn {
        width: 30px;
        height: 30px;
        line-height: 26px;
    }

    .mc_pro_title .sup {
        font-size: 1.5em;
    }

    .mc_b1nav_li {
        line-height: 35px;
        min-width: 130px;
        font-size: 14px;
    }

    .mc_b1s1 {
        padding: 20px 0 50px;
    }

    .mc_b1_navbox {
        height: 55px;
    }

    .mc_title28_line {
        font-size: 20px;
    }

    .mc_pro_title {
        font-size: 26px;
    }

    .mc_b2s1 {
        padding: 40px 0 50px;
    }

    .mc_b2s1dl_lisbox {
        padding: 12px 20px;
    }

    .mc_b2s1dl_txt {
        padding: 0 22px;
    }

    .mc_b2s1dl_dl img {
        margin-right: 20px;
    }

    .mc_b2s1dl_dl {
        width: 85px;
    }

    .mc_b2s1dl_lisbox>div {
        font-size: 14px;
        line-height: 26px;
    }

    .mc_b2s1dl_wjtb,
    .mc_b2s1dl_dl img {
        width: 24px;
    }

    .ma_title5_h2 {
        font-size: 30px;
    }

    .ma_ny3top_t {
        margin-bottom: 15px;
    }

    .ma_c1s1b_main {
        padding: 30px 25px;
        width: 330px;
    }

    .ma_c1s1bm_t .ma_title_h2 {
        height: 32px;
    }

    .ma_c1s1bm_t {
        margin-bottom: 6px;
    }

    .ma_c1s1bm_t2 p {
        font-size: 16px;
    }

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

    .ma_c1s1bm_t2 {
        margin-bottom: 10px;
    }

    .ma_c1s1_box {
        margin-bottom: 35px;
    }

    .ma_c1s1 {
        padding-bottom: 45px;
    }

    .ma_pcfyabox a {
        font-size: 14px;
    }

    .ma_pcfyabox img {
        width: 7px;
    }

    .ma_n2s1m_p {
        margin-bottom: 30px;
    }

    .ma_n2s1m_main {
        padding: 30px 30px 40px;
    }

    .ma_n2s1mp_font p {
        margin-bottom: 4px;
    }

    .ma_n2s1mp_font .ma_n2s1mpf_p2 {
        margin-bottom: 10px;
    }

    .ma_n1s1 {
        padding-bottom: 40px;
    }
    .ma_e1s1m_main {
        padding: 30px 30px 40px;
    }
    .ma_e1s1f_d31box{
        width: 50%;
    }
    .ma_e1s1fd1n_c {
        margin: 0 10px;
        width: 70px;
    }
    .ma_e1s1fd1_in {
        padding: 0 14px;
    }
    .ma_e1s1fd1_num{
        float: left;
        margin-left: 14px;
    }
    .ma_e1s1f_d4 .ma_e1s1fd1_in {
        width: calc(100% - 90px);
        padding: 14px;
    }
    .ma_tcmmt_h3 {
        font-size: 16px;
    }
    .ma_tcmm_p p {
        font-size: 14px;
    }
    .ma_tcmm_imgbox {
        margin-bottom: 0px;
    }
    .ma_tcmm_img .ma_tcmmim_btm button {
        padding: 8px 0;
        font-size: 12px;
    }
    .ma_tc_main {
        padding: 30px 30px 25px;
    }
    .ma_nyban3_p {
        width: 97%;
    }
    .ma_videoplay {
        width: 70px;
        left: 45%;
        top: 45%;
    }
    .ma_f1 .ma_n1s1_title {
        margin-bottom: 20px;
    }
    .ma_f1s1 {
        padding: 30px 0 0;
    }
    .ma_f1s1m_r p {
        font-size: 14px;
    }
    .ma_f1s1ml_p p {
        font-size: 16px;
    }
    .ma_f1s1d1 {
        margin-bottom: 30px;
    }
    .ma_f1s1d2 {
        padding: 60px 0 50px;
    }
    .ma_f1s1d2m_ul {
        padding: 0;
    }
    .ma_f1s1d2m_li {
        padding: 0 30px;
    }
    .ma_f1s1d2m_li .ma_f1s1d2ml_num {
        font-size: 30px;
    }
    .ma_f1s2 {
        padding: 30px 0;
    }
    .ma_f4s1m_t {
        margin-bottom: 20px;
    }
    .ma_f1s2_ul .slick-dots {
        bottom: -30px;
    }
    .ma_f1s3 {
        padding: 35px 0;
    }
    .ma_sbtmm_l,
    .ma_sbtmm_r{
        width: 100%;
        float: none;
    }
    .ma_sbtmm_l{
        margin-bottom: 20px;
    }
    .ma_sbtmm_r{
        padding-left: 0;
    }
    .ma_sbtmm_l p {
        font-size: 46px;
    }
    .ma_sbtmmr_li {
        margin-bottom: 10px;
    }
    .ma_f1s3::after {
        top: 101px;
    }
    .ma_f1s3be {
        top: 101px;
    }
    .ma_f1s3_main .ma_swiper_top {
        margin-bottom: 20px;
    }
    .ma_f1s4 {
        padding: 35px 0 55px;
    }
    .ma_f1s4_main .ma_f4s1m_t {
        margin-bottom: 25px;
    }
    .ma_f1s1d2m_li span {
        font-size: 24px;
    }
    .ma_n1s1mlbf_t .ma_title3_h2 {
        height: 56px;
        font-size: 14px;
    }
    .ma_n1s1l_box a {
        font-size: 14px;
    }
    .ma_n1s1l_box a {
        padding: 0 30px;
    }
    .ma_n2s1mp_lifts {
        margin: 0px 30px;
    }
    .ma_n2s1mpfv_bf {
        width: 40px;
    }
    .ma_f4s1mltl_p1 {
        width: 280px;
    }
    .ma_f4s1mltl_p2 {
        width: calc(100% - 300px);
    }
    .ma_l1s1l_mainbox {
        padding: 20px;
    }
    .ma_l1s1l_main::before {
        right: -20px;
    }
    .ma_l1s1_f {
        margin: 0 -15px 20px;
    }
    .ma_l1s1flm_font {
        font-size: 14px;
    }
    .mc_phfy a{
        display: block;
        color: #333;
    }
    .mc_phfy{
        overflow: hidden;
    }
    .mc_phfy .rp{
        float: right;
    }
    .mc_phfy .lp {
        float: left;
    }
    .ma_f1s4_ul .slick-dots {
        bottom: -35px;
    }
    .ma_in1s2_mian {
        padding: 20px 23px 28px;
    }
    .ma_in1s2_ul1 .slick-dots {
        left: 186px;
    }
    .ma_f1 .ma_video {
        width: auto;
        height: 100%;
        right: auto;
    }
    .ma_ftf2_d img {
        width: 50px;
    }
    .ma_ftm1_l .ma_ftf2_d a {
        width: 90px;
    }
    .mc_b2s1_txtwrap p {
        padding-right: 0;
    }
    .ma_dg{
        position: initial;
        top: auto;
        left: auto;
    }
    .ma_dgbox{
        margin-bottom: 20px;
        padding-left: 20px;
    }
    .ma_dg a span {
        font-size: 14px;
    }
    .ma_dg a img {
        width: 16px;
        margin-right: 7px;
        bottom: 0px;
    }
    .ma_dg {
        width: 75px;
    }
    .ma_videobox {
        width: 100%;
        right: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 20px;
    }
    .ma_f1 .ma_video {
        width: 100%;
        opacity: 0;
        transition: all 0.36s;
    }
    .ma_f1 .ma_video.on{
        opacity: 1;
    }
    .ma_videoboximg {
        top: 38%;
        left: 65%;
        width: 35px;
        height: 35px;
    }


}

/* 手机横屏 */
@media screen and (max-width: 767px) {
    .ma_fs60 {
        font-size: 24px;
    }

    .ma_bantxt,
    .ma_in1s4m_mainbox {
        width: 78%;
    }

    .ma_bantxt_p {
        height: 50px;
    }

    .ma_in1s1m_ul .slick-dots {
        bottom: -35px;
        width: 73%;
    }

    .mc_b1_navbox {
        height: auto;
    }

    .mc_b1nav_li {
        /* float: none; */
        width: auto;
    }

    .mc_b1nav_li {
        line-height: 30px;
        padding: 0 15px;
        margin-right: 5px;
        min-width: auto;
        font-size: 12px;
        white-space: nowrap;
        width: auto;
        overflow: initial;
        float: none;
    }

    .mc_b1nav_cont {
        display: flex;
    }

    .mc_b1_nav {
        overflow-x: auto;
    }

    .mc_b1_nav.mc_fixed {
        padding: 10px 20px;
    }

    .ma_e1s1f_d21box{
        width: 100%;
    }
    .ma_e1s1f_d31box{
        width: 100%;
    }
    .ma_e1s1f_d4 .ma_e1s1fd1_in {
        width: 100%;
        padding: 0;
        padding-bottom: 14px;
    }
    .ma_e1s1fd5_in {
        width: 100%;
        margin-right: 0;
        margin-block-end: 10px;
    }
    .ma_e1s1fd5_btnc {
        width: 100%;
        margin-top: 20px;
    }
    .ma_e1s1fd1_in2 {
        height: 130px;
    }
    .ma_videoplay {
        width: 60px;
        left: 68%;
        top: 38%;
    }
    .ma_f1s1d2m_li {
        width: 33.333333%;
        margin-bottom: 20px;
    }
    .ma_f1s1d2 {
        padding: 50px 0 30px;
    }
    .ma_f1s1d2m_li .ma_f1s1d2ml_num {
        font-size: 26px;
    }
    .ma_f1s1d2m_li p {
        font-size: 14px;
    }
    .ma_f1s2_ul {
        margin: 0 -10px;
    }
    .ma_f1s2_ul {
        transform: translateX(50px);
    }
    .ma_f1s2qh_prev {
        margin-right: 10px;
    }
    .ma_f1s2_ulqhlist {
        width: 25px;
        height: 25px;
    }
    .ma_swiper_btm {
        width: 100%;
    }
    .ma_f1s3_main .ma_swiper_top {
        margin-bottom: 18px;
    }
    .ma_sbtmm_l p {
        font-size: 38px;
    }
    .ma_f1s4_ul .slick-dots {
        bottom: -30px;
    }
    .ma_n1s1m_li {
        width:100%;
    }
    .ma_n1s1_top {
        margin: 0 -5px 30px;
    }
    .ma_n1s1_li {
        float: left;
        padding: 0 5px;
    }

    .ma_n1s1l_box a {
        padding: 0 15px;
        line-height: 30px;
    }
    .ma_f4s1mlt_l p {
        display:block;
        width: 100%;
    }
    .ma_f4s1mltl_p1{
        margin-bottom: 2px;
    }
    .ma_f4s1mlt_r {
        height: 78px;
    }
    .ma_l1s1_li {
        float: none;
        width: 100%;
    }
    .ma_l1s1l_mainbox {
        padding: 20px 0;
    }
    .ma_l1s1l_main::before {
        right: auto;
        left: 0;
        top: -20px;
        width: 100%;
        height: 1px;
    }
    .ma_l1s1_li:last-child .ma_l1s1l_main::before {
        display: block;
    }
    .ma_l1s1_li:first-child .ma_l1s1l_main::before {
        display: none;
    }
    .ma_l1s2 {
        padding: 30px 0;
    }
    .ma_l1s1_fl{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .ma_n2s1mp_lifts {
        margin: 0px 8px;
    }
    .ma_in1s2_ul3box {
        position: absolute;
        width: 75%;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
    .ma_in1s2_mian {
        padding: 21px 25px;
    }
    .ma_f1s1ml_a{
        width: 120px;
    }
    .ma_f1s1ml_a a {
        font-size: 14px;
    }
    .ma_f1s2_ul {
        transform: translateX(0);
    }
    .ma_f1s2_ulqh {
        position: inherit;
    }
    .ma_f1s2_ulqhlist{
        position: absolute;
        bottom: 30px;
        
    }
    .ma_f1s2qh_prev{
        left: -50px;
    }
    .ma_f1s2qh_next {
        right: -50px;
    }
    .ma_in1s1mlm_img {
        width: 60px;
    }
    .ma_in1s1ml_mainbox a::before{
        display: none;
    }
    .ma_video{
        display: none;
    }
    .ma_f1 .ma_video{
        display: block;
    }
    .ma_videobox {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        right: auto;
        width: 100%;
        padding: 0 20px;
        height: 88%;
    }
    .ma_f1 .ma_video {
        width: 100%;
    }



}

/* 手机竖屏 */
/* 320px-416px */
@media screen and (max-width: 417px) {
    .ma_in1s1 {
        padding: 30px 0;
    }

    .ma_in1s1m_li {
        padding: 0px 4px;
    }

    .ma_in1s2_mian {
        margin: auto;
        padding: 16px 25px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
    }

    .ma_in1s2m_font2 {
        height: 120px;
    }

    .ma_in1s2m_font2 p {
        line-height: 1.75;
    }

    .ma_in1s2_ul1 .slick-dots {
        bottom: 18px;
        left: auto;
        right: 50px;
    }

    .ma_in1s2_ul1 .slick-dots li {
        margin: 0 8px;
    }

    .ma_in1s1m_ul .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .ma_in1s3 {
        padding: 30px 0;
    }

    .ma_in1s3_title {
        margin-bottom: 20px;
    }

    .ma_in1s2mli {
        width: 50%;
    }

    .ma_in1s2mc_a {
        width: calc(100% - 40px);
    }

    .ma_in1s4_title {
        width: 90%;
    }

    .ma_in1s4m_mainbox {
        width: 88%;
    }

    .ma_ftm1_r {
        position: inherit;
        top: auto;
        right: auto;
        float: none;
        margin-top: 20px;
    }

    .ma_bantxt {
        width: 74%;
    }

    .ma_ft_mainbox1 {
        padding: 30px 0;
    }

    .ma_ftm1c_li {
        width: 28%;
        margin-left: 20px;
    }

    .ma_main2r_l {
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }

    .ma_main2r_r {
        float: none;
        width: 100%;
    }

    .mc_b1nav_li:last-child {
        margin-bottom: 0;
    }

    .mc_title20 {
        font-size: 16px;
    }

    .mc_b2s1 {
        padding: 30px 0;
    }

    .mc_b2s1_title {
        margin-bottom: 16px;
    }

    .mc_b2s1dl_lisbox {
        padding: 10px 14px;
    }

    .mc_b2s1dl_txt {
        padding: 0 10px;
    }

    .mc_b2s1dl_dl img {
        margin-right: 10px;
    }

    .mc_b2s1dl_dl {
        width: 68px;
    }

    .ma_title5_h2 {
        font-size: 26px;
    }

    .ma_ny3top_t {
        margin-bottom: 10px;
    }

    .ma_c1s1b_main {
        padding: 20px 25px;
        width: 280px;
    }

    .ma_c1s1bm_t .ma_title_h2 {
        height: 30px;
    }

    .ma_c1 .ma_title_h2 {
        font-size: 18px;
    }

    .ma_ny3top {
        padding: 30px 20px 10px;
    }

    .ma_title2_h3 {
        font-size: 18px;
    }

    .ma_n2s1m_main {
        padding: 26px 25px 30px;
    }

    .ma_c2s1mpb_t {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .ma_n2s1m_p {
        margin-bottom: 20px;
    }

    .ma_n1s1 {
        padding-bottom: 30px;
    }
    .ma_d1s1m_l{
        display: none;
    }
    .ma_d1s1 {
        padding: 30px 0;
    }
    .ma_d1s1mr_li {
        padding: 24px 20px;
        margin-bottom: 22px;
    }
    .ma_d1s1mr_li2 .ma_d1s1mrl_p {
        width: 100%;
        padding-right: 0;
        float: none;
        margin-bottom: 10px;
    }
    .ma_d1s1mrlp_ul {
        float: none;
        overflow: hidden;
        width: auto;
    }
    .ma_d1s1mrlp_li{
        float: left;
        margin-bottom: 0;
        width: 48%;
    }
    .ma_d1s1mrlp_li:nth-child(even){
        float: right;
    }
    .ma_d1s1mrl_img {
        width: 70px;
        top: 10px;
        left: 10px;
    }
    .ma_tc_main {
        padding: 20px 25px;
    }
    .ma_tcmmim_t {
        margin-bottom: 10px;
    }
    .ma_tcmm_img:first-child {
        transform: none;
    }
    .ma_tcmm_p {
        margin-bottom: 12px;
    }
    .ma_tcmm_img {
        display: block;
        margin: 0;
        margin-bottom: 10px;
    }
    .ma_tcmm_img:last-child{
        margin-bottom: 0;
    }
    .ma_tcmmi_m {
        width: 110px;
        margin: 0 auto;
    }
    .ma_tcmm_imgbox {
        margin-bottom: 10px;
    }
    .ma_tcmm_p3 {
        margin-bottom: 0;
    }
    .ma_tc_c {
        top: 20px;
        right: 20px;
    }
    .ma_nyban3_p p {
        font-size: 14px;
    }
    .ma_n1s1l_box a {
        font-size: 14px;
    }
    .ma_n2s1mpfv_bf {
        width: 35px;
    }
    #container {
        height: 300px;
    }
    .ma_d1s1mrl_pbox{
        width: 100%;
        padding-right: 0;
    }
    .ma_d1s1mrlp_ul{
        width: 100%;
    }
    .ma_in1s2_mian {
        transform: translateX(0);
    }

}
@media screen and (max-width: 767px) {
    .mc_pro_title {
        font-size: 20px;
        line-height: 1.2;
        padding-top: 1.8em;
    }
    .ma_videoboximg {
        top: 84px;
        left: auto;
        right: 80px;
    }
    
    .ma_in1s2_ul3box{
        position: relative;
        width: 100%;
    }
    
    .ma_in1s2_mian.slick-slide{
        height: auto !important;
        min-height: 150px;
    }
    .ma_in1s2m_font1,
    .ma_in1s2m_font2{
        height: auto !important;
    }
    
    .ma_in1s2_mian::before {
        background: rgba(255, 255, 255, 0.7);
    }
    
    .ma_in1s2_ul1 .slick-dots{
        right: 50%;
        transform: translateX(50%);
    }
}

@media screen and (max-width: 360px) {
    .ma_in1s1ml_main {
        height: 102px;
        line-height: 95px;
    }

    .ma_in1s1m_ul {
        padding: 0 30px;
    }
    .ma_in1s1m_ul .slick-dots {
        width: 80%;
    }

    .ma_in1s2_li2 {
        height: 280px;
        overflow: hidden;
    }

    .ma_in1s2_li2 img {
        transform: scale(2);
    }

    .ma_in1s2_mian {
        padding: 26px 25px;
        width: 75%;
    }

    .ma_in1s2m_font2 {
        height: 144px;
        margin-bottom: 16px;
    }

    .ma_title4_h2 {
        font-size: 18px;
    }
    .ma_d1s1mrlp_li {
        float: none;
        margin-bottom: 10px;
        width: 100%;
    }
    .ma_d1s1mrlp_li:last-child{
        margin-bottom: 0;
    }
    .ma_videoplay {
        left: 75%;
    }
    .ma_f1s1d2m_li {
        padding: 0 5px;
    }
    .ma_f1s2l_img {
        margin-bottom: 10px;
    }
    .ma_in1s2_mian {
        padding: 21px 25px;
    }
    .mc_pro_title {
        font-size: 20px;
        line-height: 1.2;
        padding-top: 1.8em;
    }
    .mc_pro_title .sup {
        font-size: 1.2em;
    }
    .ma_weixinbox {
        left: 0;
        transform: translateX(0);
    }
    .ma_onbanner{
        margin-top: 64px;
    }
    .ma_l1s1_li{
        display: block !important;
    }
    .ma_videoboximg {
        top: 29%;
        left: 85%;
        width: 35px;
        height: 35px;
    }
    
    
}