@charset "utf-8"; /* pc */ @media screen and (max-width: 1520px) { .mc_cont1400 { width: 100%; padding: 0 60px; } .mc_a1s4_r { font-size: 9px; } } /* 重要 间距75%左右 字体调小2-4号 */ @media screen and (max-width: 1440px) { .s_jian1 { padding-bottom: 75px; } .s_e1s1new_igbox .slick-prev { left: -680px; } .s_e1s1new_igbox .slick-next { right: -80px; } .mc_title24 { font-size: 22px; } /* .mc_title20 { font-size: 18px; } */ .s_e1s2topli a { padding-top: 20px; padding-bottom: 3px; } .s_e1s2bot { padding-top: 55px; } .s_e1s2botlist { margin-bottom: 45px; } .s_e1s2botliwz { padding: 20px 40px 10px 25px; } .s_e1s2botlinr { margin-bottom: 40px; } .mc_inban_title { font-size: 40px; } .mc_h1s1_title { font-size: 38px; } .mc_title36 { font-size: 32px; } .mc_inner_head h3 { font-size: 30px; } .mc_title30 { font-size: 26px; } .mc_title28 { font-size: 24px; } .s_e2s1 { padding-top: 17px; } .s_e2s1l1 { padding-bottom: 16px; } .s_e2s1l_au span { padding: 0 10px; } .s_e2s1l_au { margin: 0 -10px; } .s_e2s1l2 { margin-top: 18px; margin-bottom: 23px; } .s_e2s1l_sharenr { width: 35px; height: 35px; } .s_e2s1l_shareig { width: 19px; } .s_e2s1l_sharebox span { margin-top: 3px; margin-right: 5px; } .s_e2s1newnr { margin-top: 0px; } .s_e2s1new a { padding-top: 10px; padding-bottom: 15px; } .s_e2s1rtit { margin-bottom: 10px; } .s_e2s1l3 { padding-bottom: 55px; } .s_g1s1_content p { margin-bottom: 16px; } .s_g1s1 { padding-bottom: 180px; } .s_g1s2 { margin-top: -105px; } .s_g1s2nr { padding-top: 30px; padding-bottom: 50px; } .s_g1s3 { padding-top: 40px; padding-bottom: 92px; } .s_g1s3nr p { margin-bottom: 0; } .s_g1s3nr { padding-bottom: 25px; margin-bottom: 20px; } .s_g1s3nr p:first-child { padding-left: 0; margin-bottom: 8px; } .s_g1s2_bg { width: 90px; } .s_g1s2_c2 a { font-size: 16px; } .s_g1s2_c1 { margin-bottom: 6px; } .s_g1s3bg { width: 470px; } .s_g1s1bg { width: 1560px; } .s_e1s1new_igbox .slick-prev { left: -610px; } .s_e1s1new_igbox .slick-next { right: -70px; } .s_e1s1new_igbox .slick-prev, .s_e1s1new_igbox .slick-next { width: 45px; height: 45px; } .mc_search_btn .iconfont, .mc_logo a, .mc_nav_a, .mc_language a { line-height: 70px; } .mc_search_dropdown { top: 70px; } .mc_nav_li { padding: 0 20px; } .mc_search { padding-left: 20px; } .mc_search_btn .iconfont { font-size: 16px; } .mc_secnav_title, .mc_drnav_a { font-size: 14px; } .mc_drnav_li:not(:last-child) { margin-bottom: 6px; } .mc_secnav_li { width: 220px; padding: 0 20px; } .mc_nav_dropdown2, .mc_nav_dropdown1 { padding: 30px 0; } .mc_nav_dropdown2 .mc_drnav { width: 640px; } .mc_nav_dropdown3 { padding: 20px 20px; } .mc_search_dropdown { padding: 80px 20px; } .mc_search_input { font-size: 18px; } .mc_ban_title { font-size: 48px; } .mc_pad110 { padding: 70px 0 80px; } .mc_pad100 { padding: 65px 0 75px; } .mc_title_box { font-size: 8px; } .mc_a1s1_content { width: 62%; } .mc_a1s1_decrate { width: 600px; transform: translateX(10%); max-width: 100%; bottom: -20px; } .mc_a1s1_imgbox { width: 60px; } .mc_a1s1_li { padding: 0 25px; } .mc_a1s1_list { margin: 0 -25px; } .mc_a1s1_arrow2, .mc_a1s1_arrow1 { width: 80px; } .mc_a1s1_arrow3 { width: 64px; } .mc_a1s1_btn img { width: 16px; } .mc_a1s2_titlebox img { width: 45px; } .mc_a1s2_content { font-size: 8px; } .mc_a1s2_content { width: 800px; } .mc_more_btn { font-size: 12px; } .mc_a1s2_dots { font-size: 14px; } .mc_a1s3_fenhao { font-size: 96px; } .mc_a1s3_lisbox { padding-top: 48px; } .mc_a1s3_company { font-size: 8px; } .mc_a1s3c_name { font-size: 20px; } .mc_a1s3_company { margin-top: 30px; } .mc_a1s4_more { margin-top: 48px; } .mc_txt1836, .mc_txt1836 p { font-size: 16px; } .mc_a1s4_r { font-size: 8px; } .mc_a1s4_earth { width: 55%; } .mc_a1s4_li { margin-left: 10em; } .mc_a1s4_li1 { margin-left: 14em; } .mc_a1s4_l { width: 38%; } .mc_a1s4_r { width: 62%; } .mc_a1s4_r::before { height: 240px; } .mc_a1s5_l { width: 400px; } .mc_a1s5_r { width: calc(100% - 400px); } .mc_ban_scroll { width: 18px; } .mc_a1s5_l .mc_a1s5_txtbox { padding-top: 25px; } .mc_a1s5_l .mc_a1s5li_title { margin-top: 15px; } .mc_a1s5r_li .mc_a1s5_lisbox { padding: 34px 0 25px; } .mc_aside { font-size: 8px; min-height: 206px; } .mc_mleave_content { width: 900px; } .mc_mleavel_title { font-size: 22px; padding: 0 40px; } .mc_mleave_r { font-size: 8px; } .mc_mleave_submitbtn { font-size: 14px; } .mc_mleave_verify_imgbox img, .mc_mleave_input { height: 38px; } .mc_ft_top { padding-top: 60px; } .mc_ftnav_li p { padding: 8px 0; } .mc_ftgz_li { font-size: 18px; } .mc_ft_bottom { padding: 25px 0; } .mc_a1s3_list { font-size: 8px; } .mc_page_f1 .mc_section_box { font-size: 8px; } .mc_f1s1_txt { padding-bottom: 35px; margin-bottom: 48px; } .mc_f1s1li_top { font-size: 28px; } .mc_f1s2_container { font-size: 8px; } .mc_f1s2_title { width: 420px; } .mc_f1s2_content { width: calc(100% - 420px); } .mc_f1s3top_slick { margin-bottom: 30px; } .mc_f1s3b_l { font-size: 88px; } .mc_arrow_style2 .slick-arrow, .mc_arrow_style1 .slick-arrow { font-size: 8px; } .mc_f1s3_bg { width: 1600px; } .mc_f1s4_l { font-size: 8px; } .mc_f1s4_r { width: 800px; } .mc_f1s5hd_li { font-size: 14px; } .mc_f1s5_slick .slick-prev { left: 0; } .mc_f1s5_slick .slick-next { right: 0; } .mc_f1s5_slick { padding: 0 25px; } .mc_pad80 { font-size: 8px; } .mc_inner_head { padding-bottom: 20px; margin-bottom: 35px; } .mc_inner_head.mc_b1s1_title { margin-bottom: 30px; } .mc_inner_head p { font-size: 16px; line-height: 1.5; margin-top: 10px; } .mc_b1s3_lisbox::before { left: 40px; } .mc_b1s3_lisbox { padding: 40px; } .mc_b1s3_icon { width: 54px; height: 54px; } .mc_b1s3_icon { margin-bottom: 20px; } .mc_b1s3_top { padding-bottom: 25px; } .mc_b1s3_txt1 { padding-bottom: 30px; } .mc_b1s3_more .iconfont { font-size: 12px; } .mc_case_lisbox { padding: 45px 40px 100px; } .mc_case_bg::after { height: 55px; } .mc_case_txt { margin: 12px 0 32px; } .mc_b2s1_lisbox { font-size: 8px; } .mc_b2s1_txt { margin: 15px 0 40px; } .mc_b2s1_fixed { padding-top: 35px; } .mc_b2s2_iconbox { width: 50px; margin-bottom: 18px; } .mc_b3s1.mc_pad80 { padding-bottom: 0 !important; } .mc_b3s2_iconbox { font-size: 9px; } .mc_b3s2_li { padding: 0 60px; } .mc_b3s2_list .slick-list { margin: 0 -60px; } .mc_b3s2_list .slick-track .mc_b3s2_li { padding: 0; display: flex !important; justify-content: center; } .mc_b3s3_lisbox { font-size: 8px; } .mc_b3s3_txt { padding-top: 18px; margin-top: 18px; } .mc_b3s4_li { font-size: 8px; } .mc_b3s4l_icon { width: 50px; } .mc_b3s5_icon { width: 36px; } .mc_b3s5_bfb { margin-top: 15px; } .mc_b3s5li_title { padding-top: 15px; margin-top: 20px; } .mc_b3s2_index span { font-size: 16px; } .mc_b4s3li_title span { font-size: 4em; } .mc_b4s3li_title { padding: .64em 0; } .mc_b4s4tab_hdli { font-size: 14px; } .mc_page_c1 .mc_try { padding: 100px 0; } .mc_d1_navbox { padding: 20px 0 25px; } .mc_d1_imgbox { width: 180px; margin-bottom: 20px; } .nc_h1s1_btn { font-size: 18px; } .mc_h1s2_txt { margin: 15px 0 30px; } .mc_h1s2b_imgbox { width: 125px; } .mc_h1s2b_icon { font-size: 22px; } .mc_h1s1_qrcode { top: calc(100% + 2em); width: 110px; } .mc_h1s2b_lisbox { font-size: 9px; } .mc_b1s3_txt2 p:not(:last-child) { margin-bottom: 5px; } /* 1440e */ } @media screen and (max-width: 1366px) { .mc_arrow_pos1 .slick-prev { left: -4.2em; } .mc_arrow_pos1 .slick-next { right: -4.2em; } .mc_b3s2_list { padding: 0 50px; } .mc_b4s3_list { padding: 0 30px; } } /* 992~1200 */ @media screen and (max-width: 1279px) { .mc_cont1200 { width: 100%; padding: 0 40px; } .s_e1s1new_igbox { padding-left: 50px; } .s_e1s1new_tit h4 { font-size: 18px; } .s_e1s1new_tit { margin-top: 3px; margin-bottom: 10px; height: 31.5px; } .s_e1s1new_wzp p { font-size: 14px; } .s_e1s1new_wzp { height: 84px; } .s_e1s1new_time { font-size: 16px; } .s_e1s1new_wz a { padding-top: 10px; } .s_e1s2bot { padding-top: 55px; } .mc_title24 { font-size: 20px; } .mc_title20 { font-size: 18px; } .s_e1s2botlist { padding: 0 10px; } .s_e1s2botnr { margin: 0 -10px; } .s_e1s2botliwz { padding: 20px 20px 10px 20px; } .s_e1s2botlinr { margin-bottom: 35px; } .s_e1s2topli { margin: 0 35px; } .mc_title36 { font-size: 28px; } .mc_inner_head h3 { font-size: 26px; } .mc_title30 { font-size: 24px; } .mc_title28 { font-size: 22px; } .s_e2s1l { padding-right: 45px; } .s_e2s1newnr p { font-size: 14px; } .s_e2s1new .s_e1s2botlitime { font-size: 14px; } .s_e2s1newnr { height: 49px; } .s_e1s1new_igbox .slick-prev { left: -460px; } .s_e1s1new_igbox .slick-next { right: -60px; } .s_e1s1 .mc_cont1400 { padding-left: 80px; padding-right: 80px; } .mc_a1s4_r { font-size: 7px; } .mc_ftnav_li { padding: 0 10px; } .mc_ft_nav { padding: 0 50px; } .mc_f1s2_content { width: 500px; } .mc_f1s2_title { width: calc(100% - 500px); } .mc_f1s5_slick .slick-arrow { top: 40%; } .mc_f1s5_slick .slick-prev { left: 10px; } .mc_f1s5_slick .slick-next { right: 10px; } .mc_arrow_pos1 { width: calc(100% - 40px); margin: 0 auto; } .mc_b3s2_li { padding: 0 20px; } .mc_b3s2_list .slick-list { margin: 0; } .mc_b3s2_list { padding: 0; } /* 1279e */ } @media screen and (max-width: 1024px) { .mc_ph_hd { display: block; } .mc_pc_hd { display: none; } /* 分页 */ .mc_pcfy { display: none; } .mc_phfy { display: block !important; } .s_e2s1l_sharebox { display: none; } .mc_aside_li:not(.mc_aside_leave) { display: none; } .mc_aside { font-size: 6px; min-height: auto; top: auto; bottom: 0; } .mc_aside_imgbox { width: 2.5em; } .s_main_e2 { padding-top: 0; } /* 1024e */ } /* 768~991 */ /* 重要 */ @media screen and (max-width: 991px) { /* 移动端banner */ .mc_ban_pc { display: none; } .mc_ban_ph { display: block; } .mc_banner_bg { height: unset; } .mc_cont1200 { width: 100%; padding: 0 20px; } .s_jian1 { padding-bottom: 55px; } .s_e1s1new_igbox { padding-left: 30px; } .s_e1s2bot { padding-top: 35px; } .mc_title24 { font-size: 18px; } .s_e1s2topli { margin: 0 20px; } .mc_txt1632, .mc_txt1632 p { font-size: 14px; } .s_e1s2botliwz { padding: 18px 15px 10px 15px; } .s_e1s2botlinr { height: 56px; margin-bottom: 25px; } .s_e1s2botlist { margin-bottom: 25px; } .s_e1s1new_tit { margin-top: 1px; margin-bottom: 5px; } .mc_title36 { font-size: 26px; } .mc_inner_head h3 { font-size: 24px; } .mc_title30 { font-size: 22px; } .mc_title28 { font-size: 20px; } .s_e2s1l_sharenr { width: 30px; height: 30px; } .s_e2s1l_shareig { width: 14px; } .s_e2s1r { margin-top: 40px; width: 100%; } .s_e2s1newnr { height: auto; } .s_e2s1l { width: 100%; padding-right: 0px; } .s_e2s1l3 { padding-bottom: 27px; } .s_e2s1l1 { padding-bottom: 10px; } .s_e2s1l2 { margin-top: 10px; margin-bottom: 15px; } .s_g1s1bg { width: 1400px; } .s_g1s1 { padding-bottom: 100px; } .s_g1s2 { margin-top: -70px; } .s_g1s3 { padding-top: 20px; padding-bottom: 65px; } .s_g1s3nr a { font-size: 14px; } .s_g1s3tit { font-size: 16px; } .s_g1s3nr { padding-bottom: 15px; margin-bottom: 10px; } .s_g1s1_content p { margin-bottom: 10px; } .s_e1s1 .mc_cont1400 { padding-left: 20px; padding-right: 20px; } .s_e1s1new_igbox .slick-prev, .s_e1s1new_igbox .slick-next { display: none; } .s_e2s1l4nrl { width: 56px; } .s_e2s1l4nrr { width: calc(100% - 56px); height: auto; } .mc_ban_title { font-size: 32px; } .mc_cont1400 { width: 100%; padding: 0 20px; } .mc_pad110 { padding: 50px 0; } .mc_inban_title { font-size: 30px; } .mc_h1s1_title { font-size: 28px; } .mc_title_box { font-size: 6px; } .mc_a1s1_content { width: 100%; } .mc_a1s1_imgbox { width: 50px; } .mc_a1s1_decrate { position: relative; width: 480px; margin: 20px auto 0; transform: none; bottom: 0; } .mc_page_index .mc_title_box { margin-bottom: 5em; } .mc_a1s1_txtbox .mc_a1s1_txt1 { display: none; } .mc_a1s1_txt2 { opacity: 1; } .mc_a1s1_arrow2, .mc_a1s1_arrow1 { width: 60px; } .mc_a1s1_arrow3 { width: 50px; } .mc_a1s2_content { font-size: 6px; } .mc_a1s2::before { height: 52%; } .mc_more_btn { width: 12em; line-height: 3em; } .mc_more_btn .iconfont { margin-left: 1em; } .mc_txt1624, .mc_txt1624 p { font-size: 14px; } .mc_txt1628, .mc_txt1628 p { font-size: 14px; } .mc_txt1630, .mc_txt1630 p { font-size: 14px; } .mc_a1s2_arrow { font-size: 14px; } .mc_a1s3_list { font-size: 6px; } .mc_a1s3_li { padding: 0 20px; } .mc_a1s3_list { margin: 0 -20px; } .mc_a1s3c_name { font-size: 18px; } .mc_a1s3_company { font-size: 6px; } .mc_a1s3c_type { font-size: 14px; } .mc_a1s3_fenhao { font-size: 72px; } .mc_a1s3_lisbox { padding-top: 30px; } .mc_a1s4_l { width: 100%; } .mc_a1s4_r { width: 100%; padding: 0; margin-top: 30px; font-size: 6px; } .mc_a1s4_txt { min-height: auto; } .mc_a1s4_more { margin-top: 25px; } .mc_a1s4_li { margin: 0 20px 20px 0 !important; } .mc_a1s4_textbox::before, .mc_a1s4_r::before { display: none; } .mc_a1s5_l { width: 320px; } .mc_a1s5_r { width: calc(100% - 320px); padding-left: 30px; } .mc_a1s5_l .mc_a1s5_txtbox { padding-top: 20px; } .mc_a1s5_l .mc_a1s5li_title { font-size: 16px; line-height: 26px; height: 52px; margin-top: 10px; } .mc_a1s5_date { font-size: 16px; } .mc_a1s5li_title { line-height: 24px; height: 24px; } .mc_a1s5_more { font-size: 14px; } .mc_a1s5r_li .mc_a1s5_lisbox { padding: 22px 0; } .mc_subtitle { font-size: 16px; } .mc_ftnav_li:nth-child(n+5) { display: none; } .mc_ftnav_libox .mc_ftnav_li { display: block; margin-bottom: 10px; } .mc_page_f1 .mc_section_box { font-size: 6px; } .mc_f1s1, .s_e2s1, .s_e1s1 { padding-top: 15px; } .mc_txt1636, .mc_txt1636 p { font-size: 14px; line-height: 2; } .mc_f1s1_txt { padding-bottom: 20px; margin-bottom: 25px; } .mc_f1s1li_top { font-size: 24px; } .mc_f1s2_container { display: block; padding: 40px 30px; } .mc_f1s2_content { max-width: 100%; margin: 0 auto; } .mc_f1s2_title.mc_title_box { width: 100%; margin-bottom: 4.8em; text-align: center; } .mc_f1s2_title.mc_title_box::before { left: 50%; transform: translateX(-50%); } .mc_f1s2_icon { width: 40px; } .mc_f1s2li_title { font-size: 14px; } .mc_pad100 { padding: 50px 0; } .mc_f1s3t_dian { font-size: 8px; } .mc_f1s3top_slick { margin-bottom: 10px; } .mc_f1s3b_r { width: 60%; padding-left: 30px; padding-right: 20px; } .mc_f1s3b_l { width: 40%; font-size: 66px; } .mc_f1s4_l { width: 55%; padding: 30px; } .mc_f1s4_list { height: 336px; } .mc_f1s4li_title { font-size: 16px; } .mc_f1s4_r { width: 70%; margin-top: 0; } .mc_f1s5hd_r { margin-bottom: 30px; } .mc_f1s5_li { padding: 30px 15px; } .mc_f1s5_slick { margin: -30px -15px; } .mc_f1s5_imgbox .mc_list_img { box-shadow: 4px 6px 15px rgba(48, 52, 60, .06); } .mc_f1s6_l { float: none; width: 100%; padding: 0; } .mc_f1s6_r { float: none; margin: 0 auto; margin-top: 20px; width: 500px; max-width: 100%; } .mc_f1s6_li { padding: 0 20px; margin-bottom: 25px; } .mc_f1s6_slick { margin: 0 -20px; } .mc_f1s5hd_li { padding: 0 1.5em; } .mc_arrow_style2 .slick-arrow, .mc_arrow_style1 .slick-arrow { font-size: 6px; } .mc_f1s5_slick { padding: 0 30px; } .mc_g1s1_title, .mc_f1s1_title, .mc_page_index .mc_a1s4_title { margin-bottom: 25px; } .mc_f1s3b_r.mc_txt1632 p { font-size: 16px; } .mc_a1s1_decrate, .mc_a1s1_li, .mc_a1s3_li, .s_e1s2botlist, .mc_f1s6_r { animation-delay: .3s !important; } .mc_h1s1.mc_pad80, .mc_c2s1.mc_pad80, .mc_b4s1.mc_pad80, .mc_b3s1.mc_pad80, .mc_b2s1.mc_pad80, .mc_b1s1.mc_pad80 { padding: 15px 0 50px; } .mc_b1s1_container { flex-wrap: wrap; } .mc_b1s1_l { width: 100%; padding-right: 0; margin-bottom: 20px; } .mc_b1s1_r { padding-top: 0; width: 100%; } .mc_inner_head { padding-bottom: 16px; margin-bottom: 30px; } .mc_b1s4 .mc_inner_head, .mc_inner_head.mc_b1s1_title { margin-bottom: 25px; } .mc_pad80 { padding: 50px 0; } .mc_b1s3_lisbox::before { left: 20px; width: 40px; } .mc_b1s3_lisbox { padding: 30px 20px; } .mc_b1s3_icon { width: 40px; height: 40px; margin-bottom: 10px; } .mc_b1s3_top { padding-bottom: 10px; } .mc_b1s3_txt1 p:not(:last-child) { margin-bottom: 0; } .mc_b1s3_txt1 { padding: 10px 0 20px; } .mc_b1s3_list { margin: 0 -10px; } .mc_b1s3_li { padding: 0 10px; } .mc_inner_head p { font-size: 14px; } .mc_case_lisbox { padding: 30px 20px 80px; } .mc_case_txt { margin: 10px 0 20px; } .mc_more_btn1 { font-size: 14px; } .mc_case_txt.mc_txt1630 p { line-height: 1.5; height: 4.5em; } .mc_case_bg::after { height: 45px; } .mc_b2s1_fixed { padding-top: 10px; } .mc_b2s1_container { flex-wrap: wrap; } .mc_b2s1_l { width: 230px; } .mc_b2s1_r { width: calc(100% - 230px); } .mc_b2s1_txt { margin: 10px 0 20px; } .mc_b2s1_lisbox { padding: 30px 0px 30px 20px; } .mc_b2s1_icon { width: 100px; } .mc_b2s1_txtbox { padding-right: 20px; } .mc_b2s2_lisbox { font-size: 6px; } .mc_b2s2_iconbox { width: 44px; margin-bottom: 15px; } .mc_b3s2_iconbox { font-size: 7px; } .mc_b3s2li_title { margin-top: 15px; } .mc_b3s3_lisbox { padding: 30px 20px; } .mc_b3s3_txt { padding-top: 12px; margin-top: 12px; } .mc_b3s3_li { width: 50%; } .mc_b3s2_index span { font-size: 14px; } .mc_b3s4_li { flex-wrap: wrap; } .mc_b3s4_l { width: 40%; margin-bottom: 25px; } .mc_b3s4_r { width: 60%; } .mc_b3s4l_icon { width: 40px; } .mc_b3s4_li { font-size: 6px; } .mc_b3s5_li { font-size: 6px; } .mc_b3s5_lisbox { padding: 30px 20px; } .mc_b4s3_list .slick-list { margin: 0 -20px; } .mc_b4s3_li { padding: 20px 20px; } .mc_b4s4tab_bd { padding-top: 15px; } .mc_b4s4tab_hdli { min-width: 9em; } .mc_b4s3_txt p { line-height: 1.5; } .mc_c1nav_title, .mc_c1nav_li { font-size: 14px; } .mc_c1_navbox { padding-bottom: 10px; } .mc_page_c1 .mc_try { padding: 50px 0; } .mc_c2s2_li { width: 50%; } .mc_d1_navbox { padding: 15px 0; } .mc_d1s1.mc_pad80 { padding: 50px 0; } .mc_page_d1 .s_fenye { padding-top: 30px; } .mc_d1nav_li { min-width: 20%; } .mc_d1_imgbox { width: 140px; margin-bottom: 15px; } .mc_d1nav_li a { font-size: 14px; } .nc_h1s1_btn { width: 8em; line-height: 3em; margin-right: .6em; } .mc_h1s1_join { display: flex; margin-top: 40px; } .mc_h1s2b_lisbox { font-size: 6px; } .mc_h1s2b_title { padding: 0 20px; } .mc_h1s2b_imgbox { width: 100px; } .mc_h1s2_bot { margin-top: 50px !important; } .mc_h1s1.mc_pad110 { padding-top: 20px; } .mc_h1s1_container { display: block; } .mc_h1s1_txtbox { width: 100%; padding-right: 0; } .mc_h1s1.mc_pad110 { padding: 40px 0; } /* 991e */ } /* <767 */ /* 重要 */ @media screen and (max-width: 767px) { .s_e1s1new_wzbox { width: 100%; padding-top: 10px; } .s_e1s1new_igbox { width: 100%; padding-left: 0px; } .s_e1s1new_time { font-size: 14px; } .s_e1s1new_tit h4 { font-size: 16px; } .s_e1s1new_tit { height: auto; } .s_e1s1new_wzp { height: auto; } .mc_title24 { font-size: 18px; } .s_e1s2botlist { width: 100%; } .s_e1s2botlinr { height: auto; margin-bottom: 10px; } .s_e1s2botlist { margin-bottom: 25px; } .s_jian1 { padding-bottom: 40px; } .s_e1s2bot { padding-top: 25px; } .s_e2s1l2 { display: inherit; } .s_e2s1l3 p { margin-bottom: 5px; } .s_e2s1l3 { padding-bottom: 18px; } .s_g1s1_title { width: 100%; } .s_g1s1_content { width: 100%; } .s_g1s2_bg { width: 50px; } .s_g1s2_c2 a { font-size: 14px; } .s_g1s2nr { padding-bottom: 30px; } .s_g1s3nr p { margin-bottom: 0; } .s_g1s3bg { width: 60%; } .s_g1s3 { padding-top: 20px; padding-bottom: 36px; } .s_g1s1 { padding-bottom: 36px; } .s_g1s2 { margin-top: 0; } .s_g1s3::after { height: 128%; } .mc_a1s1_list { display: block; } .mc_a1s1_li { width: 100%; margin-bottom: 25px; } .mc_pad100, .mc_pad110 { padding: 40px 0; } .mc_a1s1_btn { padding: 5px 0; } .mc_a1s1_btn div { flex: auto; padding-left: .5em; } .mc_a1s1_btn .iconfont { font-size: 12px; } .mc_a1s2_lisbox { display: block; } .mc_a1s2_txtbox { width: 100%; padding: 20px 20px 25px; } .mc_a1s2_imgbox { width: 100%; margin-top: 0; } .mc_a1s2_titlebox img { width: 40px; } .mc_title36 { font-size: 24px; } .mc_inner_head h3 { font-size: 24px; } .mc_title30 { font-size: 22px; } .mc_title28 { font-size: 20px; } .mc_a1s2_title { padding-left: 10px; } .mc_a1s2_txt { height: auto; } .mc_a1s2_arrowbox { position: static; justify-content: center; margin-top: 15px; } .mc_a1s2_dots { margin: 0 1em; } .mc_a1s2_titlebox { margin-bottom: 10px; } .mc_a1s3_li { width: 100%; } .mc_a1s4_earth { width: 65%; } .mc_a1s5_l { width: 100%; padding-bottom: 60px; } .mc_a1s5_r { width: 100%; padding-left: 0; } .mc_a1s5r_li .mc_a1s5_lisbox { padding: 15px 0; padding-left: 5px; } .mc_ft_nav { display: none; } .mc_ft_top { padding: 30px 0 15px; } .mc_ft_box { margin-bottom: 20px; } .mc_ft_bottom { padding: 15px 0; } .mc_ft_gz { display: flex; align-items: center; } .mc_mleave_l { display: none; } .mc_mleave_r { width: 100%; padding: 20px 15px; } .mc_mleave_formgroup2 { margin: 0; } .mc_mleave_formgroup2 .mc_mleave_inputbox { width: 100%; padding: 0; } .mc_mleave_submit { text-align: center; } .mc_mleave_submitbtn { font-size: 12px; } .mc_ban_title { font-size: 28px; } .mc_inban_title { font-size: 26px; } .mc_h1s1_title { font-size: 24px; } .mc_ban_scroll { bottom: 20px; } .s_e2s1 { padding-top: 0; } .s_e1s3 { padding-top: 15px; } .s_e2s1, .s_g1s1, .mc_f1s1, .s_e1s1 { padding-top: 40px; } .mc_f1s1_textbox { float: none; width: 100%; } .mc_f1s1_imgbox { float: none; width: 260px; margin: 0 auto; max-width: 100%; padding: 0; margin-top: 30px; } .mc_f1s1li_top { font-size: 20px; } .mc_f1s1_txt { padding-bottom: 15px; margin-bottom: 15px; } .mc_f1s1 { padding-bottom: 40px; } .mc_f1s2_bg { width: 59px; } .mc_f1s2_container { padding: 30px 15px 40px; } .mc_f1s2_icon { width: 24px; } .mc_f1s2li_title { font-size: 12px; margin-top: 5px; } .mc_f1s3top_li { width: 33.333333%; } .mc_f1s3top_slick { margin-bottom: 0; } .mc_f1s3bot_slick { margin-top: -10px; } .mc_f1s3b_l { font-size: 32px; width: 100%; margin-bottom: 15px; } .mc_f1s3b_r { width: 100%; padding: 0; } .mc_f1s3b_txtbox .mc_f1s3b_title { margin-bottom: .3em; } .mc_f1s3b_txtbox { height: 16.4em; } .mc_f1s4_l { position: relative; width: 100%; } .mc_f1s4_l { padding: 30px 20px; padding-right: 0; } .mc_f1s4_r { width: 100%; margin-top: 20px; } .mc_f1s5_hd { display: block; } .mc_f1s5hd_li { margin-left: 0; margin-right: 15px; } .mc_f1s5li_title { margin-top: 15px; } .mc_f1s5_li { width: 100%; } .mc_f1s5hd_li { box-shadow: 0px 0 15px 0 rgba(48, 52, 60, 0.06); } .mc_f1s5hd_r { margin-bottom: 20px; } .mc_f1s6_li { margin-bottom: 20px; padding: 0 10px; } .mc_f1s6_slick { margin: 0 -10px; } .mc_f1s6_lisbox { background: #fff; box-shadow: 0px 7px 14px 1.08px rgb(25 17 64 / 4%); } .mc_a1s1_btn { font-size: 14px; } .mc_a1s1_txt1 p::before { transform: scale(.8); } .s_g1s1 { margin-top: 0; } .mc_a1s1_btn { padding: 12px 15px; background: #fff; box-shadow: 0px 2px 5px rgb(48 52 60 / 6%); margin-bottom: 10px; } .mc_a1s4_more { margin-top: 15px; } .mc_a1s4_r { margin-top: 25px; } .mc_a1s5r_li .mc_a1s5li_title { height: auto; max-height: 48px; } .mc_f1s3_bg { width: 1380px; } .s_g1s3 { padding-top: 40px; } .mc_breadnav { display: none; } .mc_f1s3b_txt p::before { transform: scale(.8); } .mc_a1s1_txt2 { margin: 0; } .mc_case_li { width: 100%; } .mc_case_lisbox { padding: 20px 15px 80px; } .mc_case_txt { margin: 10px 0 15px; } .mc_h1s1.mc_pad80, .mc_c2s1.mc_pad80, .mc_b4s1.mc_pad80, .mc_b3s1.mc_pad80, .mc_b2s1.mc_pad80, .mc_b1s1.mc_pad80 { padding: 40px 0; } .mc_pad80 { padding: 40px 0; } .mc_b1s1_videobtn { font-size: 40px; } .mc_b1s3_li { width: 100%; animation-delay: .3s !important; margin-bottom: 20px; } .mc_b1s3_lisbox::before { left: 15px; } .mc_b1s3_lisbox { padding: 20px 15px; } .yxedr_active p { font-size: 14px; margin-bottom: 5px; } .mc_b2s1_l { width: 100%; margin-bottom: 25px; } .mc_b2s1_fixed { padding-top: 0; } .mc_b2s1_r { width: 100%; } .mc_b2s1_lisbox { flex-wrap: wrap; padding: 25px 15px; } .mc_b2s1_txtbox { width: 100%; } .mc_b2s1_txt p { line-height: 1.5; } .mc_b2s1_icon { width: 70px; margin-top: 15px; } .mc_b2s2_li { width: 50%; } .mc_arrow_pos1 { width: calc(100% - 50px); margin: 0 auto; } .mc_arrow_pos1 .slick-prev { left: -5em; } .mc_arrow_pos1 .slick-next { right: -5em; } .mc_b3s4_list .mc_b3s4_li>.mc_b3s4_l { padding: 0; text-align: center; animation-name: fadeInUps; } .mc_b3s4_list .mc_b3s4_li>.mc_b3s4_r { margin: 0 auto; max-width: 100%; animation-name: fadeInUps; } .mc_b3s4l_icon { margin: 0 auto; } .mc_b3s4_l { width: 100%; padding: 0 !important; } .mc_b3s4_r { width: 100%; } .mc_b3s2_li { width: 50%; } .mc_b3s2_iconbox { font-size: 6px; } .mc_b3s2li_title { padding-left: 0; } .mc_b3s3_li { width: 100%; } .mc_b3s4_li { font-size: 3px; } .mc_b3s3_lisbox { padding: 25px 15px; } .mc_b3s4r_txt p:not(:last-child) { margin-bottom: 5px; } .mc_b3s4r_lisbox { position: relative; z-index: 1; padding: 4em 4.5em 6em; background: #fff; box-shadow: 0px 3px 20px 2.52px rgba(25, 17, 64, 0.09); } .mc_b3s4_l { margin-bottom: 15px; } .mc_b3s4_li:not(:last-child) { margin-bottom: 30px; } .mc_b3s4r_txt p, .mc_b3s4l_txt p { line-height: 1.5; } .mc_b3s5_li { width: 100%; } .mc_try_container { flex-wrap: wrap; } .mc_try_l { width: 100%; text-align: center; margin-bottom: 20px; } .mc_try_r { width: 100%; text-align: center; } .mc_b3s5_icon { width: 32px; } .mc_b3s5_lisbox { padding: 20px 15px; } .mc_b4s3_lisbox { padding-bottom: 20px; } .mc_b4s3_li { width: 100%; padding: 0; } .mc_b4s3_li:not(:last-child)::before { display: none; } .mc_b4s3_list .slick-list { margin: 0; } .mc_b4s3li_title { padding: .8em 0; } .mc_b4s3li_title span { font-size: 3em; top: -0.1em; } .mc_b4s4tab_hdli { flex: none; min-width: auto; } .mc_b4s4tab_hd { flex-wrap: nowrap; justify-content: flex-start; overflow: auto; } .mc_c1_nav { display: block; } .mc_c1nav_dt { width: 80px; margin-bottom: 10px; } .mc_c1_navbox { padding: 10px 0; } .mc_c1_nav { padding: 20px 0 15px; } .mc_c1nav_dd { padding-left: 0; } .mc_c1nav_li { min-width: 25%; margin-bottom: 0; } .mc_case_li { animation-delay: .3s !important; } .mc_page_c1 .s_fenye { padding-top: 15px; } .mc_page_c1 .mc_try { padding: 40px 0; } .mc_try_txt { font-size: 16px; } .mc_c2s2_li { width: 100%; } .mc_c2s2_icon { width: 32px; } .mc_inner_head.mc_c2s4_title { margin-bottom: 25px; } .mc_d1_navbox { padding: 30px 0; } .mc_d1nav_li { margin-bottom: 0; } .mc_d1nav_li { min-width: 25%; } .mc_d1s1.mc_pad80 { padding: 40px 0; } .mc_d1_li { width: 50%; animation-delay: .3s !important; } .mc_h1s1_join { margin-top: 20px; } .nc_h1s1_btn { font-size: 14px; } .mc_h1s1_imgbox { width: 100%; margin-top: 25px; } .mc_h1s1_title { text-align: center; } .mc_h1s1_join { justify-content: center; } .nc_h1s1_btn1 { margin-right: 0; } .mc_h1s1_btnbox { margin: 0 10px; } .mc_h1s1_txtbox { animation-name: fadeInUps; } .mc_h1s1_imgbox { animation-name: fadeInUps; } .mc_h1s1_qrcode { top: calc(100% + 20px); padding: 3px; } .mc_h1s2_top { flex-flow: column-reverse; } .mc_h1s2_imgbox { width: 100%; } .mc_h1s2_txtbox { padding: 0; width: 100%; margin-bottom: 20px; } .mc_h1s2_txt { margin: 10px 0 20px; } .mc_h1s2_bot { flex-wrap: wrap; } .mc_h1s2b_li { width: 100%; } .mc_h1s2b_li:first-child { margin-bottom: 15px; } .mc_h1s2b_icon { font-size: 16px; } .mc_b1s3_txt2{ padding: 15px 0; } /* 767e */ } @media screen and (max-width: 480px) { .mc_b2s2_li { width: 100%; } }