@charset "utf-8"; /* web绔 */ @media screen and (max-width: 1920px) { .prod_cont_aside { top: 240px; } } /* 閲嶈1920px 1440px 1366px */ /* pc */ @media screen and (max-width: 1680px) { .misc_box_label_input { height: 44px; } .misc_ri_text p { line-height: 44px; padding: 0 22px; font-size: 18px; } .ys_cont1400 { width: 82.5%; } .sstc_le { padding-right: 80px; } .sear_list_cont { padding: 55px 60px 50px; } .mc_nav_li { padding: 0 30px; } .mc_search { margin-left: 100px; } .misc_box_label_input input { padding: 0 20px; font-size: 16px; } .misc_box_label_input input::placeholder{ font-size: 16px; } .misc_box_label_input { height: 42px; } .misp_cont_ul_li p{ font-size: 16px; } .sear_list_cont { padding: 55px 50px 50px; } .mod_text24 { font-size: 22px; } .std_padd140_top { padding-top: 120px; } .hmdeat_firs_cont_ri { padding-left: 100px; } .hfcr_word { margin-bottom: 30px; } .hfcr_ul_li { padding: 0 45px; margin-bottom: 40px; } .hfcr_ul { margin: 0 -45px; } .hfcr_ul_li_text { margin-top: 5px; } .hmdeat_seco h2 { margin-bottom: 40px; } .hscu_li { padding: 25px 35px; } .hmdeat_seco { padding-top: 80px; } .hscu_li_text { margin-bottom: 12px; } .hmdeat_seco_cont_ul { padding: 25px 20px; } .hmdeat_seco_cont_ul::after { top: 59%; } .hmdeat_seco_cont_ul::before { top: 29%; } .hpcu_li { padding: 0 40px; } .hmdeat_prod_cont_ul { margin: 0 -40px; } .hpcu_li_textbox { margin-top: 30px; } .hmdeat_prod h2 { margin-bottom: 50px; } .arrows_icon { width: 40px; } .hmdeat_btn .arrows_prev { left: -70px; } .hmdeat_btn .arrows_next { right: -70px; } .mnls_cont { padding: 50px 80px 50px; } .mnls_cont_ul_li { width: 200px; margin: 0 40px; } .std_padd100_bot { padding-bottom: 90px; } .std_padd100_top{ padding-top: 90px; } .mod_text40 { font-size: 36px; } .mc_nav_li { padding: 0 30px; } .mc_nav_li_fir .mnls_cont { padding: 30px 35px 30px; } .mc_subnav_li { margin-bottom: 16px; } .mcul_tp { padding-bottom: 10px; margin-bottom: 20px; } .std_padd110_top{ padding-top: 100px; } .std_padd120_bot { padding-bottom: 100px; } .std_padd120{ padding: 100px 0; } .home_adv_cont_sec { padding-top: 120px; } .hacs_le { top: 75px; } .ybdl_line { width: 300px; } .home_bran_cont_tpul .mc_morered_btn { padding: 0 58px; line-height: 46px; } .pbul_box_le { padding-right: 190px; padding-left: 120px; margin-top: -100px; } .prod_bran_ul { padding: 60px 0 55px; } .prod_bran_ul_li:nth-child(2n) .pbul_box_le { padding-right: 120px; padding-left: 159px; margin-top: 0px; } .prod_cont_aside { width: 95px; left: 26px; top: 400px; } .mod_text34 { font-size: 32px; } .prod_posi_cont { padding: 190px 0 120px; } .ppct_box_le { margin-right: 140px; } .prod_posi_cont_btm { padding-left: 265px; } .ppcb_ul_li_box { padding: 10px 60px 30px 40px; } .prod_posi_cont_tp { margin-bottom: 90px; } .pgcb_le_box { padding: 0 50px; } .pcau_li { margin-bottom: 10px; } .pgcb_le_box_logo { width: 150px; margin-bottom: 28px; } .pgcb_le_box_img { width: 110px; margin-bottom: 30px; } .prul_box_icon { width: 54px; margin-bottom: 20px; } .prul_box { padding: 0 50px; } .prod_slide_cont { padding: 90px 0 0px; } .pscs_sec { padding-bottom: 120px; } .plbu_li { transform: scale(0.85); } .prod_slide_cont_tpul { margin: 0 -15px; margin-top: 15px; margin-bottom: 42px; } .psct_li { padding: 0 15px; } .pcbt_ul_li_box { padding: 20px 80px 20px 80px; } .prod_bran_video { top: 36.2%; } } @media screen and (max-width: 1560px) { .mc_search { margin-left: 80px; } .mc_inban_sear { top: 70%; } .misc_ri_text p { line-height: 42px; padding: 0 20px; font-size: 16px; } .mc_nav_li_fir .mnls_cont { padding: 28px 28px 30px; } .mc_subnav_li { margin-bottom: 14px; padding-right: 0px; } .mnls_cont { background: #fff; padding: 40px 60px 50px; } .mnls_cont_ul_li { margin: 0 35px; } .mc_nav_xl.mc_nav_li_sec{ right: 0%; } .prod_posi_cont { padding: 140px 0 100px; } .ppcb_ul_li_box { padding: 10px 40px 26px 30px; } .prod_posi_cont_tp { margin-bottom: 70px; } .ppct_box_le { margin-right: 110px; } .prod_posi_cont_btm { padding-left: 240px; } .prod_bran_video { top: 35.8%; } } @media screen and (max-width: 1440px) { .mc_banner_cotainer p { font-size: 18px; } .mc_ban_title2 { font-size: 40px; line-height: 1.2; margin: 15px 0; } .mc_more_btn { padding: 0 50px; line-height: 44px; } .mc_ban_more { margin-top: 50px; } .mc_ban_videobtn { top: 66%; width: 60px; } .mc_videom_content { width: 800px; } .mc_title { font-size: 30px; } .mc_a1s1li_title { font-size: 22px; padding-bottom: 15px; } .mc_a1s2 { padding-top: 125px; } .mc_a1s2_title { font-size: 22px; } .mc_a1s2_titlebox { padding-bottom: 5px; } .mc_a1s3, .mc_a1s4 { padding: 60px 0; } .mc_subtitle { margin-bottom: 5px; } .mc_a1s3_hd { margin-bottom: 40px; } .mc_a1s3_xtbbox { width: 60px; } .mc_a1s3_txtbox { width: calc(100% - 60px); } .mc_txt1632 p { line-height: 1.75; } .mc_morered_btn { padding: 0 50px; line-height: 44px; } .mc_a1s4_txt { margin-bottom: 60px; } .mc_a1s5t_list { margin-bottom: 30px; } .mc_aside_li { width: 60px; height: 51px; } .mc_aside_xtb { width: 25px; } .mc_aside_zk { line-height: 50px; } .mc_container_hd { padding-left: 40px; padding-right: 20px; } .mc_nav_li { padding: 0 15px; } .mc_nav_line { transform: translateX(15px); } .mc_msc_submit { font-size: 22px; } .mc_language { margin-left: 30px; } .mc_search { margin-left: 20px; } .mc_ft_logo { margin-bottom: 20px; } .mc_a1s2_bgbox::before { height: 90px; } .mc_b1t1_txtbox { padding: 40px; } .mc_b1t_box1 { margin-bottom: 50px; } .mc_b1t2_list, .mc_arrowlist { padding: 0 30px; } .mc_b1t2_list .slick-prev, .mc_arrowlist .slick-prev { left: 0; } .mc_b1t2_list .slick-next, .mc_arrowlist .slick-next { right: 0; } .mc_b1t2_list .slick-arrow, .mc_arrowlist .slick-arrow, .mc_f2s5_arrowbox .mc_f2s5_arrow { width: 36px; height: 36px; } .mc_f2s4_imgwrap { margin-left: 15px; } .mc_inner_a { font-size: 18px; padding: 0 40px; } .mc_inner_nav { padding: 20px 0 20px; } .mc_b1bnav_a { padding: 0 22px; line-height: 44px; } .mc_b1b_lisbox { padding: 20px 25px; } .mc_b1b_name, .mc_b1b_type { font-size: 16px; line-height: 26px; height: 26px; } .mc_b1bli_txt { margin: 10px 0; } .mc_b1bli_txt p { font-size: 14px; line-height: 24px; } .mc_b1bli_txt { height: 96px; } .mc_more_xtb { width: 24px; height: 24px; line-height: 24px; } .mc_more_txt { line-height: 24px; margin-left: 10px; } .mc_inban_title { font-size: 36px; } .mc_b2t_txtbox { padding: 30px 35px 0 40px; } .mc_b2t_title { font-size: 24px; line-height: 30px; padding-bottom: 15px; margin-bottom: 20px; } .mc_c1_title { font-size: 30px; padding-bottom: 30px; margin-bottom: 30px; } .mc_c1aside_li { padding: 30px 20px; } .mc_txt1836 p { font-size: 16px; line-height: 1.75; } .mc_c1_txt { margin-bottom: 30px; } .mc_c1_btn { padding: 0 20px; line-height: 44px; } .mc_c1 .mc_navbar { padding: 5px 0; } .mc_c1_btnli { margin-bottom: 15px; } .fp-tableCell .mc_cont1200 { margin-top: 40px; } .mc_c1aside { width: 280px; } .mc_title30 { font-size: 26px; line-height: 36px; margin-bottom: 20px; } .mc_c2s1_shop { margin-top: 40px; } .mc_c2s2_box:not(:last-child) { margin-bottom: 40px; } .mc_c2s2_container { padding: 50px 60px; } .mc_title24 { font-size: 22px; padding-bottom: 15px; } .mc_c2s3_title{ margin-bottom: 25px; } .mc_c2s3 { padding-bottom: 60px; } .mc_b2t_shopbtn { padding: 0 15px; line-height: 44px; font-size: 14px; } .mc_icon_1688 { margin-right: 5px; } .mc_c2s1_txtbox { padding-right: 40px; } .mc_c2_sectionbox { margin-top: 35px; } .mc_title30 { font-size: 20px; line-height: 28px; margin-bottom: 15px; } .mc_inban2 .mc_ban_pc { height: 620px; } .mc_d1_title { font-size: 22px; } .mc_d1_num { font-size: 70px; } .mc_d1_txt { margin-bottom: 30px; } .mc_d1_li { padding: 50px 0; } .mc_d2s1_txt { margin-bottom: 30px; } .mc_b2tjli_title { line-height: 1.75; height: 56px; } .mc_d2s1_list .mc_b2tj_li { margin-bottom: 30px; } .mc_b2tj_txt p { line-height: 24px; max-height: 72px; } .mc_d3s1_title { font-size: 22px; } .mc_d3s1_txtbox { padding-left: 50px; } .mc_d3s1_title::before { width: 60px; } .mc_d3s3_list { padding-bottom: 0; } .mc_e1_hd { margin-bottom: 30px; } .mc_e1_title { font-size: 22px; } .mc_e2s1 { padding: 60px 0; } .mc_e2li_hd { padding: 20px 30px; } .mc_e2li_bd { padding: 25px 30px 20px; } .mc_e3s1 { padding: 60px 0; } .mc_icon_dl { width: 36px; height: 36px; } .mc_e3_title { line-height: 1.75; max-height: 56px; } .mc_e3m_box_title { font-size: 20px; margin-bottom: 20px; } .mc_e3m_txt p:not(:last-child) { margin-bottom: 15px; } .mc_e3li_l { height: 86px; } .mc_f1s1_top { padding: 60px 0; } .mc_f1s1t_titlebox { padding-bottom: 20px; margin-bottom: 25px; } .mc_f1s1t_txt1 p { font-size: 18px; line-height: 28px; } .mc_f1s1t_bg { width: 380px; } .mc_f1s1t_txt1 { margin-bottom: 25px; } .mc_f1s1_bot { padding: 60px 0; } .mc_f1s1b_txt { margin-bottom: 40px; } .mc_f1s1gs_hd { padding: 20px 30px; font-size: 16px; } .mc_f1s1gs_li { margin: 10px 0; margin-right: 30px; } .mc_f1s1_bot { min-height: 600px; } .mc_f1s2 { padding: 60px 0; } .mc_f1s2_bgyear { font-size: 200px; } .mc_f1s2_top { position: relative; z-index: 1; min-height: 230px; padding-top: 90px; padding-bottom: 40px; } .mc_f1s3 { padding: 60px 0; } .mc_f1s3_li { padding: 25px 0 20px; } .mc_f1s3_bg { font-size: 140px; } .mc_f1s4 { padding: 60px 0; } .mc_f2s1 { padding: 60px 0; } .mc_f2s1_titlebox { margin-bottom: 20px; } .mc_num_txtbox:not(:last-child) { margin-bottom: 15px; } .mc_f2s1_li:not(:last-child) { margin-bottom: 40px; } .mc_f2s2 { padding-bottom: 10px; } .mc_f2s3_titlebox { margin-bottom: 20px; } .mc_f2s2_titlebox { margin-bottom: 40px; } .mc_f2s4_titlebox::before { width: 144px; height: 120px; } .mc_f2s4 { padding: 90px 0 60px; } .mc_f2s5 { padding: 60px 0; } .mc_f2s5_content { margin-bottom: 40px; } .mc_f2s5_dots_now { font-size: 26px; } .mc_f2s3 { padding: 60px 0; } .mc_f2s4_txtbox { padding-left: 150px; } .mc_g1s1 { padding-top: 60px; } .mc_g1s1_date { font-size: 22px; margin-bottom: 12px; } .mc_g1s1li_title { font-size: 20px; line-height: 32px; max-height: 64px; margin-bottom: 10px; } .mc_g1s2_day { font-size: 26px; } .mc_g1s2_txtbox { padding-right: 60px; } .mc_g2s1{ padding: 60px 0; } .mc_g2_title{ font-size: 26px; } .mc_g2r_top{ margin-bottom: 5px; } .mc_h1s1{ padding: 60px 0 40px; } .mc_h1s2p1{ margin-bottom: 40px; } .mc_h1s2p2{ margin-bottom: 50px; } .mc_h1s2{ padding-bottom: 60px; } .mc_h1s1r_qr { width: 120px; } .mc_h2s1{ padding: 60px 0 40px; } .mc_h2s1_titlebox{ margin-bottom: 30px; } .mc_h2s1_bg{ width: 380px; } .mc_h2s1_title{ font-size: 22px; margin-bottom: 30px; } .mc_h2s1b_li{ margin-bottom: 20px; } .mc_h2s2_td{ padding: 20px 30px; } .mc_h2s2_bd { padding: 30px 30px; } .mc_h2s2_more { padding: 0px 30px; line-height: 44px; } .mc_h2s2_morebox{ margin-top: 20px; } .mc_h2s1b_list{ margin: 0 -15px; } .mc_h2s1b_li{ padding: 0 15px; } .mc_h2s1b_txt{ font-size: 14px; line-height: 20px; padding-right: 0; padding-left: 10px; } .mc_navxl_title{ font-size: 20px; } .mc_nav_xlbox>div { display: table-cell; padding: 40px 30px 50px; } .mc_navxl_r{ width: 290px; } .mc_nav_xlbox{ width: 530px; } .mc_subnav_a{ font-size: 14px; line-height: 20px; } .mc_navxl_bg{ width: 200px; } .mc_a1s2_list .slick-arrow{ width: 36px; height: 36px; } .mc_a1s2_list .slick-prev { left: -10px; } .mc_a1s2_list .slick-next { right: -10px; } .mc_mbx_a { font-size: 14px; } /* 1440e */ .sstc_le { padding-right: 60px; } .std_padd80 { padding: 70px 0; } .slcu_li { padding: 0 15px; margin-bottom: 20px; } .sear_list_cont_ul { margin: 0 -15px; } .sear_list_cont { padding: 50px 45px 45px; } .slcu_li_box_tit { margin: 8px 0 4px; } .mc_nav_li { padding: 0 25px; } .mc_search { margin-left: 70px; } .std_padd140_top { padding-top: 100px; } .hmdeat_firs_cont_ri { padding-left: 80px; } .hmdeat_firs h2 { margin-bottom: 24px; } .hfcr_word { margin-bottom: 26px; } .hfcr_ul_li { padding: 0 35px; margin-bottom: 35px; } .hfcr_ul { margin: 0 -35px; } .mod_text40 { font-size: 32px; } .hfcr_ul_li_box { padding-bottom: 8px; } .hmdeat_firs h2::after { width: 70px; } .hmdeat_seco { padding-top: 70px; } .mod_text20 { font-size: 18px; } .hscu_li_text { margin-bottom: 10px; } .hscu_li { padding: 25px 20px; } .mod_text24 { font-size: 20px; } .hmdeat_prod { padding-top: 80px; } .hpcu_li { padding: 0 30px; } .hmdeat_prod_cont_ul { margin: 0 -30px; } .arrows_icon { width: 34px; } .mc_nav_li_fir .mnls_cont_ul_li { width: 100px; margin: 0; } .mc_nav_xl.mc_nav_li_fir { left: 50%; transform: translateX(-50%); } .mnls_cont_ul_li { width: 175px; margin: 0 30px; } .mnls_cont { padding: 40px 60px 45px; } .home_textbox h2 { line-height: 1.6; margin-bottom: 10px; } .home_adv_cont_sec { padding-top: 100px; } .hacs_le { top: 60px; } .hlul_icon { width: 78px; margin-bottom: 16px; } .hlul_box { padding: 50px 20px 45px 30px; } .std_padd110_top { padding-top: 80px; } .std_padd120_bot { padding-bottom: 80px; } .std_padd120{ padding: 80px 0; } .ybdl_line { width: 270px; } .hbct_textbox_word { width: 45%; margin-bottom: 50px; } .home_bran_cont_tpul .mc_morered_btn { padding: 0 50px; line-height: 44px; } .prod_main .ys_cont1400{ padding: 0 40px; } .prod_bran_video { width: 280px; top: 39%; } .pbul_box_le { padding-right: 140px; padding-left: 80px; margin-top: -100px; } .prod_bran_ul_li:nth-child(2n) .pbul_box_le { padding-right: 80px; padding-left: 110px; margin-top: 0px; } .prod_bran_ul { padding: 50px 0 40px; } .pbul_box_le h2 { margin-bottom: 8px; } .mod_text34 { font-size: 30px; } .ppct_box_le { margin-right: 80px; } .prod_posi_cont_tp { margin-bottom: 60px; } .prod_posi_cont_btm { padding-left: 200px; } .pulb_text { margin: 12px 0 8px; } .ppcb_ul_li_box { padding: 10px 30px 22px 30px; } .prod_posi_cont { padding: 110px 0 90px; } .pgcb_le { padding: 90px 0 100px; } .pgcb_le_box { padding: 0 35px; } .pgcb_le_box_logo { width: 120px; margin-bottom: 20px; } .pgcb_le_box_img { width: 95px; margin-bottom: 20px; } .pgcb_ri_ul_li { padding: 90px 0 100px; } .prul_box { padding: 0 35px; } .prul_box_icon { width: 50px; margin-bottom: 14px; } .prod_guar_textbox_word { margin: 12px 0 30px; } .pcbt_ul_li_box { padding: 20px 70px; } .pcbb_box { padding: 25px 40px 25px 70px; } .pcbb_box_ri_img { width: 110px; } .plbu_li_box_text { padding: 25px 25px; } .yx_rotate15_dots .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 8px; } .yx_rotate15_dots .swiper-pagination { bottom: -45px; } .mc_subnav_a { font-size: 16px; line-height: 20px; } .mc_nav_xl.mc_nav_li_fir { transform: inherit; } } /*2023.10.19*/ @media screen and (max-width: 1360px) { .misc_ri_text p { line-height: 42px; padding: 0 15px; font-size: 16px; } .prul_box { padding: 0 30px; } .pgcb_le { padding: 80px 0 80px; } .pgcb_ri_ul_li { padding: 80px 0 90px; } .prod_bran_video { top: 38.9%; } } @media screen and (max-width: 1280px) { .mc_a1s2_list .slick-arrow{ width: 32px; height: 32px; } .mc_a1s2_list .slick-prev { left: 10px; } .mc_a1s2_list .slick-next { right: 10px; } .mc_a1s2_list .slick-arrow::before{ width: 14px; height: 14px; } /* 1280e */ } @media screen and (max-width: 1240px) { .mc_cont1200 { width: 100%; padding: 0 60px; } .mc_ft1_l { width: 300px; } .mc_ft_address { margin-bottom: 20px; } .mc_ft_qrbox { width: 100px; margin-right: 30px; } .mc_ft1_m { width: 270px; } .mc_ft1_r { width: calc(100% - 570px); } .mc_ft_nav p { padding: 0 15px; } .mc_ft_nav { margin: 0 -15px; } .mc_a1s1li_txtbox { padding: 20px 25px; } .mc_a1s1li_txtbox { overflow: auto; } .mc_ft_tel { margin-bottom: 5px; } .mc_d1_imgbox { width: 46.5%; } .mc_d1_txtbox { width: 53.5%; padding-right: 40px; } .mc_d1_li:nth-child(even) .mc_d1_txtbox { padding-left: 40px; } .mc_d1_title { padding-top: 20px; } .mc_h1s1_l{ width: calc(100% - 360px); } .mc_h1s1_r{ width: 360px; } .mc_h1s1b_l { padding-right: 30px; } .mc_h1s2p2_li { padding: 30px 25px; } .mc_f2s3{ width: calc(100% - 120px); } /* 1200e */ .misp_cont_ul_li { margin-bottom: 10px; } .misc_box_label_input { height: 40px; } .misc_box_label_input input { padding: 0 18px; font-size: 16px; } .misc_ri_text p { line-height: 40px; padding: 0 14px; font-size: 16px; } .misp_cont { padding: 20px; } .std_padd80 { padding: 60px 0; } .sear_list_cont { padding: 45px 40px 40px; } .slcu_li { padding: 0 10px; margin-bottom: 20px; } .sear_list_cont_ul { margin: 0 -10px; } .mod_text18, .mod_text18 p { font-size: 16px; } .mod_text16, .mod_text16 p { font-size: 14px; } .mod_text24 { font-size: 20px; } .sstc_le_text p { font-size: 12px; } .std_padd140_top { padding-top: 80px; } .hmdeat_firs_cont_le { padding: 30px 25px; } .hmdeat_firs_cont_ri { padding-left: 60px; } .hmdeat_firs h2 { margin-bottom: 20px; } .hfcr_word { margin-bottom: 20px; } .mod_text40 { font-size: 28px; } .hfcr_ul_li_text { margin-top: 0px; } .hfcr_ul_li { padding: 0 30px; margin-bottom: 30px; } .hfcr_ul { margin: 0 -30px; } .hmdeat_seco h2 { margin-bottom: 30px; } .hmdeat_prod h2 { margin-bottom: 40px; } .hpcu_li { padding: 0 20px; } .hmdeat_prod_cont_ul { margin: 0 -20px; } .hpcu_li_textbox_tit { margin-bottom: 12px; } .hpcu_li_textbox { margin-top: 26px; } .hmdeat_prod { padding-top: 70px; } .hmdeat_seco { padding-top: 60px; } .std_padd100_bot { padding-bottom: 80px; } .std_padd100_top{ padding-top: 80px; } .mc_nav_li { padding: 0 20px; } .mc_search { margin-left: 60px; } .mnls_cont { padding: 35px 40px 35px; } .mnls_cont_ul_li { width: 160px; margin: 0 25px; } .home_adv_cont_sec { padding-top: 80px; } .hacs_le { top: 45px; } .hacs_le_ul_li { padding: 0 10px; } .hacs_le_ul { margin: 0 -10px; } .hlul_icon { width: 70px; margin-bottom: 16px; } .hlul_box { padding: 40px 20px 45px 25px; } .home_adv_bg { bottom: 110px; width: 35%; } .std_padd110_top { padding-top: 70px; } .std_padd120_bot { padding-bottom: 70px; } .std_padd120{ padding: 70px 0; } .ybdl_line { width: 230px; } .home_bran_cont_tpul .mc_morered_btn { padding: 0 45px; line-height: 38px; font-size: 14px; } .prod_bran_bg { top: 46%; } .pbul_box_le { padding-right: 120px; padding-left: 60px; margin-top: -75px; } .prod_bran_ul_li:nth-child(2n) .pbul_box_le { padding-right: 60px; padding-left: 80px; margin-top: 0px; } .mod_text34 { font-size: 28px; } .prod_posi_cont_tp { margin-bottom: 50px; } .ppct_box_le { margin-right: 70px; } .ppct_box_ri_tit { margin-bottom: 4px; } .prod_posi_cont_btm { padding-left: 185px; } .pulb_icon { width: 30px; margin-bottom: 18px; } .pgcb_le_box_img { width: 80px; margin-bottom: 20px; } .pgcb_le_box_logo { width: 110px; margin-bottom: 20px; } .pgcb_le_box { padding: 0 20px; } .prul_box { padding: 0 25px; } .pgcb_le { padding: 80px 0 70px; } .pgcb_ri_ul_li { padding: 80px 0 80px; } .prul_box_icon { width: 44px; margin-bottom: 10px; } .pcau_li::after { top: 20px; left: 8px; height: 16px; } .prod_cont_aside { width: 90px; left: 20px; top: 360px; } .pcbt_ul_li_box { padding: 20px 60px; } .pcbb_box { padding: 20px 36px 20px 60px; } .prod_bran_video { top: 38.4%; } } /*2023.10.19*/ @media screen and (max-width: 1200px) { .ys_cont1400 { width: 100%; padding: 0 40px; } .ys_cont900 { width: 100%; padding: 0 40px; } .hmdeat_btn { width: 7%; top: -62px; right: 0; } .hmdeat_btn .arrows_prev { left: 0; } .hmdeat_btn .arrows_next { right: 0; } .arrows_icon { width: 30px; } .mc_nav_li { padding: 0 15px; } .mc_search { margin-left: 50px; } .mc_subnav_li { margin-bottom: 12px; padding-right: 0px; } .prod_main .ys_cont1400 { padding: 0 120px; } } @media screen and (max-width: 1024px) { .mc_ph_hd { display: block; } .mc_pc_hd { display: none; } .mc_banner { margin-top: 63px; } /* 鍒嗛〉 */ .mc_pcfy { display: none; } .mc_phfy { display: block !important; } .mc_ft_nav { display: none; } .mc_inban_container { top: 50%; } .mc_inban_mbx { display: none !important; } .fp-tableCell .mc_cont1200 { margin-top: 0; } .fp-section:not(.fp-auto-height) { padding-top: 64px; } .mc_c2main { padding-top: 64px; } /* 1024e */ .misc_ri_text p{ font-size: 14px; } .misc_le { width: 80%; } .misc_ri { width: 20%; } .misp_cont_ul_li p { font-size: 14px; } .sear_list_cont_paging { margin-top: 20px; } .sear_list_cont_paging .mc_phfy{ margin: 0 -15px; } .mod_text20 { font-size: 16px; } .hscu_li_text { margin-bottom: 8px; } .hscu_li { padding: 20px 15px; } .hmdeat_seco_cont_ul { padding: 20px 15px; } .mod_text24 { font-size: 18px; } .hmdeat_firs_cont_ri { padding-left: 40px; } .mod_text40 { font-size: 26px; } .hfcr_ul_li { padding: 0 25px; margin-bottom: 22px; } .hfcr_ul { margin: 0 -25px; } .hmdeat_seco { padding-top: 50px; } .hmdeat_prod h2 { margin-bottom: 30px; } .std_padd100_bot { padding-bottom: 70px; } .std_padd100_top{ padding-top: 70px; } .std_padd140_top { padding-top: 70px; } .std_padd110_top { padding-top: 60px; } .std_padd120_bot { padding-bottom: 60px; } .std_padd120{ padding: 60px 0; } .hlul_icon { width: 60px; margin-bottom: 15px; } .hlul_tit { line-height: 1.6; margin-bottom: 5px; } .hlul_box { padding: 30px 20px 35px 20px; } .home_adv_bg { bottom: 80px; width: 32%; } .home_bran_cont_tpul .mc_morered_btn { padding: 0 40px; line-height: 36px; } .hbct_textbox_word { width: 50%; margin-bottom: 40px; } .ybdl_line { width: 200px; } .prod_cont_aside { display: none; } .prod_main .ys_cont1400 { padding: 0 40px; } .mod_text34 { font-size: 26px; } .prod_bran_video { width: 260px; top: 41%; } .prod_bran_ul { padding: 40px 0 30px; } .prod_posi_cont_btm { padding-left: 175px; } .ppcb_ul_li_box { padding: 10px 25px 20px 22px; } .prod_bran_video { top: 38%; } } /* 骞虫澘绔栧睆 */ @media screen and (max-width: 991px) { .mc_title { font-size: 20px; line-height: 30px; } .mc_a1s2_title { font-size: 18px; line-height: 24px; } .mc_cont1200 { width: 100%; padding: 0 20px; } .mc_asidebox { display: none !important; } .mc_ban_title2 { font-size: 30px; margin: 5px 0; } .mc_more_btn { padding: 0 30px; line-height: 40px; } .mc_ban_videobtn { top: 64%; width: 50px; } .mc_ban_more { margin-top: 30px; } .mc_banner_cotainer p { font-size: 16px; } .mc_a1s1 { padding-top: 35px; } .mc_txt1632 p { font-size: 14px; } .mc_a1s1_hd { margin-bottom: 25px; } .mc_a1s1_l, .mc_a1s1_r { width: 100%; } .mc_a1s1_imgbox .mc_list_img { display: none; } .mc_a1s1_imgbox .mc_list_under { display: none; } .mc_list_img.mc_a1s1_phimg { position: static; height: auto; display: block; } .mc_a1s1li_title { font-size: 18px; } .mc_a1s2_bgbox::before { height: 50px; } .mc_a1s2 { padding: 80px 0 35px; } .mc_a1s1_rt { margin-top: 2.22%; } .mc_a1s2_hd { margin-bottom: 30px; } .mc_a1s2_li { padding: 0 20px; } .mc_a1s2_list { margin: 0 -20px; } .mc_subtitle { margin-bottom: 0; } .mc_a1s2_txtbox { padding-top: 20px; } .mc_a1s3, .mc_a1s4 { padding: 35px 0; } .mc_a1s3 { padding-bottom: 0; } .mc_a1s3_container { width: 100%; } .mc_a1s3_bgbox { width: 100%; position: relative; height: 300px; } .mc_a1s4_container { width: 100%; padding-right: 0; } .mc_a1s4_imgbox { float: right; width: 500px; max-width: 100%; } .mc_a1s4_txt { margin-bottom: 20px; } .mc_morered_btn { padding: 0 30px; line-height: 40px; } .mc_a1s4_hd { margin-bottom: 15px; } .mc_a1s5 { padding: 35px 0; } .mc_a1s5t_list { margin-bottom: 20px; } .mc_a1s5t_txtbox { padding: 0 15px 10px; } .mc_a1s5b_txt, .mc_a1s5b_date { font-size: 14px; line-height: 24px; } .mc_a1s5b_xtb { width: 24px; height: 24px; line-height: 22px; } .mc_ft_href { margin-left: 20px; } .mc_a1s5b_lisbox { padding: 15px 20px; } .mc_inban_title { font-size: 24px; } .mc_inban_subtitle { font-size: 16px; } .mc_inner_a { font-size: 16px; } .mc_b1t1_imgbox { width: 60%; } .mc_b1t1_txtbox { width: 40%; } .mc_inner_navbox { margin-bottom: 35px; } .mc_b1t1_txtbox { padding: 20px 15px; } .mc_b1t1_hd .mc_titlebox { margin-bottom: 10px; } .mc_b1t_box1 { margin-bottom: 35px; } .mc_b1_top { padding-bottom: 35px; } .mc_b1bnav_a { padding: 0 20px; line-height: 40px; } .mc_b1bsubnav_li { margin-right: 40px; } .mc_b1b_nav { padding-bottom: 0; } .mc_b1b_li { width: 50%; } .mc_b1_bot { padding-bottom: 35px; } .mc_b2_top { padding: 35px 0; } .mc_b2t_imgbox { width: 260px; } .mc_b2t_txtbox { width: calc(100% - 260px); } .mc_b2t_txtbox { padding: 20px 25px 0; } .mc_b2t_title { font-size: 18px; line-height: 24px; padding-bottom: 15px; margin-bottom: 15px; } .mc_b2t_title::before { width: 50px; } .mc_b2t_txt { min-height: auto; } .mc_b2t_shopbtn { padding: 0 22px; line-height: 44px; } .mc_icon_1688, .mc_icon_tb { margin-right: 5px; } .mc_b2t_shopbox { margin-bottom: 10px; } .mc_b2_tab .mc_tabhd_li { padding: 10px 0; } .mc_title24 { font-size: 18px; padding-bottom: 15px; } .mc_b2_tab .mc_tabbd_lisbox { padding: 25px 0 35px; } .mc_b2td_title { font-size: 16px; padding-left: 10px; } .mc_b2ly_lisbox p { font-size: 14px; line-height: 20px; height: 20px; margin-top: 10px; } .mc_b2ly_list { margin: 0 -10px; } .mc_b2ly_li { padding: 0 10px; margin-bottom: 20px; } .mc_b2t_txt { margin-bottom: 15px; } .mc_b2_xg { padding-bottom: 35px; } .mc_b2tj_txt p { line-height: 20px; max-height: 60px; } .mc_b2tjli_title { line-height: 24px; max-height: 48px; height: auto; } .mc_b2tj_list { margin: 0 -10px; } .mc_b2tj_li { padding: 0 10px; } .mc_b2tj_title { margin-bottom: 25px; } .mc_b2_tj { padding-bottom: 35px; } .mc_b2xg_title { margin-bottom: 25px; } .mc_c1aside { width: 200px; } .mc_c1aside_li { padding: 20px 20px; } .mc_c1s1_box { width: calc(100% - 250px); } .mc_c1_title { font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; } .mc_c1_title::before { width: 1.5em; } .mc_c1_btn { padding: 0 15px; line-height: 40px; } .mc_c1aside_a { font-size: 16px; } .mc_c2s1_shop { margin-top: 20px; } .mc_c2s2_container { padding: 35px 20px 25px; } .mc_c2s2_box:not(:last-child) { margin-bottom: 30px; } .mc_d1_txtbox { width: 100%; padding: 15px 0 0 !important; } .mc_d1_imgbox { width: 100%; } .mc_d1_num { font-size: 40px; } .mc_d1_title { font-size: 18px; padding-top: 10px; } .mc_d1_mb { margin-bottom: 10px; } .mc_d1_li { padding: 35px 0; } .mc_d1_txt { margin-bottom: 20px; } .mc_d2s1 { padding-top: 35px; padding-bottom: 35px; } .mc_d2s1_list { padding-bottom: 20px; } .mc_d2 .mc_d1_txt { margin-bottom: 0; } .mc_d2s1_nav { margin-bottom: 10px; } .mc_d3s1 { padding: 35px 0; } .mc_d3s1_title { font-size: 18px; } .mc_d3s1_txtbox { padding-top: 10px; padding-left: 30px; } .mc_d3s1_title::before { width: 40px; right: calc(100% + 10px); } .mc_d3s2 { padding: 35px 0; } .mc_d3s3 { padding: 35px 0; } .mc_e1s1 { padding: 35px 0; } .mc_e1_hd { margin-bottom: 20px; } .mc_e1_box1 img { margin: 20px 0; } .mc_e1_title { font-size: 18px; margin-bottom: 20px; } .mc_e1_box1 { padding-bottom: 15px; } .mc_e1b2li_title { font-size: 16px; line-height: 1.75; margin-bottom: 5px; } .mc_e1_box3 { margin-bottom: 35px; } .mc_e1b2_li { width: 100%; margin-bottom: 20px; } .mc_e1b2li_title { font-size: 14px; } .mc_e1_title { margin-bottom: 15px; } .mc_e1b2_list { padding-bottom: 10px; } .mc_e2s1 { padding: 35px 0; } .mc_e2_hd { margin-bottom: 25px; } .mc_e2li_hd { padding: 20px 15px; } .mc_e2li_m { padding: 0 15px; } .mc_e2li_bd { padding: 25px 15px 20px; } .mc_e2libd_r { padding-left: 15px; } .mc_txt1428 p { line-height: 1.75; } .mc_e2_list { margin-bottom: 40px; } .mc_icon_xl { width: 20px; height: 20px; } .mc_e2li_r { width: 20px; line-height: 24px; } .mc_e2li_m p { font-size: 14px; line-height: 20px; padding: 2px 0; } .mc_e3s1 { padding: 35px 0; } .mc_e3_hd { margin-bottom: 25px; } .mc_e3_lisbox { padding: 20px 20px; } .mc_icon_dl { width: 32px; height: 32px; } .mc_e3li_r { width: 32px; } .mc_e3li_l { width: calc(100% - 32px); padding-right: 32px; overflow: hidden; } .mc_e3_list { padding-bottom: 20px; } .mc_e3_modal .mc_modal_content { width: 520px; padding: 50px 30px 40px; } .mc_e3m_box_title { font-size: 18px; margin-bottom: 10px; } .mc_e3m_txt p::before { width: 20px; height: 20px; } .mc_e3m_txt p { font-size: 14px; line-height: 20px; padding-left: 30px; } .mc_e3m_r { width: 120px; } .mc_e3m_txt p:not(:last-child) { margin-bottom: 10px; } .mc_e3m_qrbox { padding: 10px; } .mc_f1s1t_txtbox { width: 100%; padding-right: 0; padding-bottom: 10px; } .mc_f1s1_top { padding: 35px 0; } .mc_f1s1t_titlebox { padding-bottom: 10px; margin-bottom: 15px; } .mc_f1s1t_txt1 p { font-size: 16px; line-height: 26px; } .mc_f1s1t_txt1 { margin-bottom: 15px; } .mc_f1s1t_xtbbox { width: 40px; height: 40px; line-height: 40px; left: 50%; } .mc_f1s1t_xtbbox img { width: 16px; } .mc_f1s1t_videobox::before, .mc_f1s1t_videobox::after { display: none; } .mc_f1s1b_txtbox { width: 100%; } .mc_f1s1_bot { padding: 35px 0; } .mc_f1s1b_txt { margin-bottom: 20px; } .mc_f1s1_bot { min-height: auto; } .mc_f1s1b_imgbox { position: static; height: auto; margin-top: 20px; text-align: center; } .mc_f1s1b_imgpc { display: none; } .mc_f1s1b_imgph { display: inline-block; } .mc_f1s1gs_hd { font-size: 16px; padding: 15px 20px; } .mc_f1s1gs_bd { padding: 12px 20px; } .mc_f1s1gs_li { margin: 8px 0; margin-right: 20px; font-size: 14px; line-height: 20px; padding-left: 30px; } .mc_f1s1gs_list { margin-right: -20px; } .mc_f1s1gs_li::before { width: 20px; height: 20px; } .mc_f1s2 { padding: 35px 0; } .mc_f1s2_bgyear { font-size: 140px; } .mc_f1s2_top { min-height: 140px; padding-top: 60px; padding-bottom: 35px; } .mc_f1s2_txt p { line-height: 1.2; } .mc_f1s3_bg { font-size: 80px; } .mc_f1s3_txtbox { width: 100%; padding-left: 0; } .mc_f1s3, .mc_f1s4 { padding: 35px 0; } .mc_f1s3_xtbbox { width: 30px; } .mc_f1s3li_txtbox { width: calc(100% - 30px); padding-left: 20px; } .mc_f1s3li_title { font-size: 16px; margin-bottom: 10px; } .mc_f1s3_li:not(:last-child)::before { width: 40px; } .mc_f1s3_titlebox { margin-bottom: 5px; } .mc_f1s3_imgbox { width: 300px; margin-top: 15px; } .mc_f1s4_l { width: 100%; padding-right: 0; } .mc_f1s4_titlebox { margin-bottom: 15px; } .mc_f1s4_r { margin-top: 20px; max-width: 100%; } .mc_f1s2_li { width: 33.333333%; } .mc_f2s1 { padding: 35px 0; } .mc_f2s1_l { width: 100%; } .mc_f2s1_r { width: 100%; padding: 0 !important; margin-bottom: 20px; } .mc_f2s1_imgbox { max-width: 570px; } .mc_title18 { font-size: 16px; } .mc_f2s1_titlebox { margin-bottom: 15px; } .mc_num_txtbox:not(:last-child) { margin-bottom: 10px; } .mc_num_title { margin-bottom: 5px; } .mc_f2s1_li:not(:last-child) { margin-bottom: 35px; } .mc_f2s2 { padding: 35px 0 0; } .mc_f2s2_titlebox { margin-bottom: 25px; } .mc_f2s4_txtbox { padding-left: 0; } .mc_f2s4_titlebox::before { width: 96px; height: 80px; } .mc_f2s4 { padding: 50px 0 35px; } .mc_f2s4_top { margin-bottom: 30px; } .mc_f2s4_imgwrap { margin-left: 5px; } .mc_f2s4_li { width: 33.333333%; } .mc_f2s5 { padding: 35px 0; } .mc_f2s5_titlebox { margin-bottom: 15px; } .mc_f2s5_content { margin-bottom: 20px; } .mc_f2s5_dots_now { font-size: 20px; } .mc_f2s5_l { width: 100%; padding-right: 0; margin-bottom: 20px; } .mc_f2s5_r { width: 100%; } .mc_f2s5_dots { margin-bottom: 20px; } .mc_g1s1 { padding-top: 35px; } .mc_g1s1_titlebox { margin-bottom: 25px; } .mc_g1s1_content { padding: 35px 0; } .mc_g1s1_date { font-size: 18px; } .mc_g1s1li_title { font-size: 16px; line-height: 24px; max-height: 48px; } .mc_g1s1_txtli { padding-right: 50px; } .mc_g1s1_txt { margin-bottom: 20px; } .mc_g1s2_txt p { line-height: 20px; max-height: 40px; } .mc_g1s2 { padding: 35px 0; } .mc_g1s2_txtbox { padding: 0; padding-right: 40px; } .mc_g1s2_day { font-size: 20px; margin-top: 5px; } .mc_g2_l{ width: 100%; padding-right: 0; margin-bottom: 35px; } .mc_g2s1{ padding: 35px 0; } .mc_g2_title{ font-size: 20px; margin-bottom: 15px; } .mc_g2_hd{ padding-bottom: 15px; } .mc_g2_txtbox p{ line-height: 1.75; } .mc_g2_txtbox{ padding: 20px 0 30px; } .mc_g2_r{ width: 100%; } .mc_g2_rbox { padding: 30px 15px; } .mc_h1s1{ padding: 35px 0; } .mc_h1s1_titlebox{ margin-bottom: 25px; } .mc_h1s1_l{ width: 100%; } .mc_h1s1_inputbox label{ font-size: 14px; } .mc_h1s1_inputbox{ margin-bottom: 15px; } .mc_h1s1_r{ width: 100%; padding: 15px 0 0; } .mc_h1s1r_txt1{ margin-bottom: 20px; } .mc_h1s1r_qr{ width: 100px; } .mc_h1s1r_txt2{ padding-left: 20px; } .mc_h1s2_titlebox{ margin-bottom: 20px; } .mc_h1s2p1_list{ margin: 0 -20px; } .mc_h1s2p1_li{ padding: 0 20px; } .mc_h1s2p2_li{ padding: 25px 20px; } .mc_h1s2p2_xtb{ width: 48px; } .mc_h1s2p2_txtbox { width: calc(100% - 48px); padding-right: 20px; } .mc_h1s2p1{ margin-bottom: 30px; } .mc_h1s2p2{ margin-bottom: 30px; } .mc_h1s2p3_li{ width: 33.333333%; } .mc_h1s2{ padding-bottom: 35px; } .mc_h1s2p3_list{ margin: 0 -10px; } .mc_h1s2p3_li{ padding: 0 10px 30px; } .mc_h2s1{ padding: 35px 0 20px; } .mc_h2s1_l{ width: 100%; padding-right: 0; } .mc_h2s1_titlebox{ margin-bottom: 15px; } .mc_h2s1_bg{ display: none; } .mc_h2s1_r{ float: left; margin: 20px 0 35px; max-width: 100%; } .mc_h2s1_title{ font-size: 18px; } .mc_h2s1b_li{ width: 25%; } .mc_h2s1b_xtb{ width: 36px; height: 36px; line-height: 36px; } .mc_h2s1b_xtb img{ width: 18px; } .mc_h2s1b_xtb::before{ width: 26px; height: 26px; } .mc_h2s1b_li{ margin-bottom: 15px; } .mc_h2s2{ padding: 35px 0; } .mc_h2s2_thead .mc_h2s2_td, .mc_h2s2_td1{ font-size: 16px; } .mc_h2s2_td{ padding: 15px 15px; } .mc_h2s2_td4 { width: 60px; } .mc_h2s2_td3 { width: 120px; } .mc_h2s2_td2 { width: 120px; } .mc_h2s2_more { padding: 0px 20px; line-height: 40px; } .mc_h2s2_bd { padding: 30px 15px 15px; } .mc_f1s1t_videobox{ max-width: 100%; } .mc_a1s2_list .slick-arrow{ top: 50%; } .mc_a1s2_list { padding-left: 30px; padding-right: 30px; } .mc_a1s3{ padding-top: 0; } .mc_a1s3_bgbox{ margin-bottom: 20px; } .mc_e1b2_lisbox{ padding: 20px 25px; } .mc_e1_box1{ margin-bottom: 15px; } .mc_a1s3_list{ padding-right: 0; } .mc_a1s3_li{ width: 50%; } .mc_a1s3{ padding: 40px 0; } .mc_a1s3_imgbox { padding: 20px 0 0; max-width: 100%; } /* 9.22 */ .mc_a1s4_imgbox1, .mc_a1s4_imgbox2{ width: 100%; max-width: 550px; float: left; } .mc_a1s4_imgbox{ float: left; width: 100%; max-width: 100% !important; margin-top: 30px !important; } .mc_a1s3_imgbox{ width: 100%; max-width: 550px; } .mc_f2s3{ width: calc(100% - 40px); } .mc_f2s3 { padding: 40px 0; } /* 991e */ .mc_inban_sear_cont { width: 40%; } .hpcu_li { padding: 0 10px; } .hmdeat_prod_cont_ul { margin: 0 -10px; } .hmdeat_prod h2 { margin-bottom: 26px; } .arrows_icon { width: 24px; } .hmdeat_btn { width: 8%; top: -54px; right: 0; } .hmdeat_prod { padding-top: 50px; } .hmdeat_firs_cont_ri { padding-left: 30px; } .hmdeat_firs h2::after { width: 60px; } .mod_text40 { font-size: 24px; } .std_padd140_top { padding-top: 60px; } .hacs_ri { width: 100%; margin-top: 20px; } .hacs_le { width: 100%; position: static; } .home_adv_cont_sec { padding-top: 36px; flex-flow: column; } .home_textbox { width: 100%; } .ys_cont1400 { width: 100%; padding: 0 20px; } .ya_ban_dots { bottom: 120px; } .ybdl_line { width: 150px; } .home_bran_cont_tpul .mc_morered_btn { padding: 0 34px; line-height: 32px; } .hbct_textbox_word { width: 50%; margin-bottom: 30px; } .prod_bran_video { width: 60%; margin: 0 auto; position: static; transform: inherit; } .prod_bran_bg { display: none; } .pbul_box_le { padding-right: 50px; padding-left: 20px; margin-top: 0; } .prod_bran_ul_li:nth-child(2n) .pbul_box_le { padding-right: 20px; padding-left: 50px; margin-top: 0px; } .prod_bran_ul_li { margin-bottom: 42px; } .prod_main .ys_cont1400 { padding: 0 20px; } .prod_posi_cont_btm { padding-left: 0; } .prod_posi_cont { padding: 80px 0; } .prod_posi_cont_tp { margin-bottom: 45px; } .ppcb_ul_li_box { padding: 10px 16px 20px; } .ppcb_ul_li:first-child{ border-left: solid 1px transparent; } .prul_box { padding: 0 15px; } .pgcb_le_box_logo { width: 90px; margin-bottom: 16px; } .pgcb_le_box_img { width: 70px; margin-bottom: 15px; } .pcbb_box_ri_img { width: 90px; } .pcbb_box { padding: 20px 30px; } .pcbt_ul_li_box { padding: 20px 30px; } .plbu_li { transform: scale(1); } .plbt_word p { height: auto; -webkit-line-clamp: inherit; } .ys_cont900 { padding: 0 20px; } .plbu_li_box_text { padding: 25px 15px; } } /* 鎵嬫満妯睆 */ @media screen and (max-width: 767px) { /* 鎵嬫満绔痓anner */ .mc_ban_pc { display: none; } .mc_ban_ph { display: block; } .mc_banner_bg { height: unset; } .mc_ban_title2 { font-size: 22px; margin: 10px 0; } .mc_banner_cotainer p { font-size: 14px; line-height: 20px; } .mc_more_btn { font-size: 14px; padding: 0 25px; line-height: 32px; } .mc_banner_cotainer { top: 40%; } .mc_ban_more { margin-top: 20px; } .mc_ban_videobtn { left: 19%; top: 66%; width: 36px; } .mc_a1s1li_txtbox { position: static; width: 100%; height: auto; padding: 20px 15px; } .mc_a1s1_imgbox { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; } .mc_a1s1_lisbox { min-height: 150px; margin-bottom: 15px; } .mc_list_img.mc_a1s1_phimg { width: 100%; height: 100%; object-fit: cover; } .mc_a1s1rb_li { width: 100%; padding: 0; } .mc_a1s1_rt { margin: 0; } .mc_a1s1_rb { margin: 0; } .mc_a1s1_list .slick-dots { bottom: 25px; transform: translate(-15px); } .mc_a1s2_bgbox::before { height: 7vw; } .mc_a1s2 { padding-top: calc(35px + 7vw); } .mc_a1s2_list { padding-bottom: 30px; } .mc_a1s2_list .slick-dots li.slick-active, .mc_ban_slick .slick-dots li.slick-active { width: 20px; } .mc_a1s2_hd { margin-bottom: 25px; } .mc_a1s2_titlebox { margin-bottom: 10px; } .mc_a1s3_li { width: 100%; } .mc_a1s3_list { padding-right: 0; } .mc_a1s3_hd { margin-bottom: 25px; } .mc_a1s3_xtbbox { width: 50px; } .mc_a1s3_txtbox { width: calc(100% - 50px); } .mc_txt1424 p { line-height: 20px; } .mc_a1s3_bgbox { height: 78vw; max-height: 300px; } .mc_a1s4_hd { margin-bottom: 10px; } .mc_morered_btn { font-size: 14px; padding: 0 25px; line-height: 32px; } .mc_a1s4_imgbox { margin-top: 20px; max-width: 90%; } .mc_a1s4_bgbox { width: 800px; left: -50vw; } .mc_a1s5t_li { width: 100%; } .mc_a1s5t_li:not(:last-child) { margin-bottom: 20px; } .mc_a1s5_hd { margin-bottom: 25px; } .mc_a1s5b_txt, .mc_a1s5b_date { width: 100%; padding-right: 0; } .mc_a1s5b_date { margin: 5px 0; } .mc_a1s5b_fg { margin: 0 5px; } .mc_ft1 { padding: 30px 0; } .mc_ft_logo { width: 70px; margin-bottom: 15px; } .mc_ft_address p { line-height: 20px; max-width: none; } .mc_ft_dt { margin-bottom: 5px; } .mc_ft_tel { width: 100%; font-size: 14px; line-height: 20px; margin-right: 0; } .mc_ft_contact img { width: 18px; margin-right: 8px; } .mc_ft_address { margin-bottom: 15px; } .mc_ft1_l, .mc_ft1_m, .mc_ft1_r { width: 100%; } .mc_ft1_m { padding-top: 15px; } .mc_ft_qrbox { width: auto; margin-right: 20px; } .mc_ft1_r { padding-top: 20px; } .mc_ft_hrefbox { text-align: left; } .mc_ft_href { margin-left: 0; margin-right: 10px; } .mc_ft_hrefbtn { display: block; width: 40px; height: 40px; line-height: 38px; } .mc_ft2 { padding: 15px 0; } .mc_ft_copyright p a, .mc_ft_copyright p span { width: 100%; text-align: center; margin: 0; } .mc_pby { margin-left: 0 !important; } .mc_ft_qrbox img { width: 70px; } .mc_ft_copyright p { font-size: 12px; } .mc_b1t1_imgbox { width: 100%; } .mc_b1t1_txtbox { width: 100%; } .mc_b1t1_hd { margin-bottom: 0; } .mc_b1t2_li { width: 100%; } .mc_b1t2_list .slick-arrow, .mc_arrowlist .slick-arrow, .mc_f2s5_arrowbox .slick-arrow { width: 30px; height: 30px; } .mc_b1t2_list .slick-next::before, .mc_b1t2_list .slick-prev::before { width: 12px; height: 12px; } .mc_arrowlist .slick-next::before, .mc_arrowlist .slick-prev::before { width: 12px; height: 12px; } .mc_f2s5_arrowbox .mc_f2s5_prev::before, .mc_f2s5_arrowbox .mc_f2s5_next::before { width: 12px; height: 12px; } .mc_a1s2_li { width: 100%; } .mc_inner_nav { padding: 15px 0; } .mc_inner_a { padding: 0 20px; } .mc_innav_line span { width: 70px; } .mc_b1bnav_a { padding: 0 16px; line-height: 32px; } .mc_b1bnav_li { min-width: 50%; padding: 0 10px; margin-bottom: 15px; } .mc_b1bsubnav_a { font-size: 14px; } .mc_b1bsubnav_li { font-size: 14px; margin-right: 25px; margin-bottom: 15px; } .mc_b1b_txt { margin-bottom: 20px; } .mc_b1b_li { width: 100%; } .mc_b1bli_txt { height: auto; margin-bottom: 20px; } .mc_b1b_li { animation-delay: .3s !important; } .mc_b2t_imgbox { width: 100%; } .mc_b2t_txtbox { width: 100%; } .mc_b2t_txtbox { padding: 20px 0 0; } .mc_b2_tab .mc_tabhd_li { width: 33.333333%; line-height: 20px; } .mc_b2ly_li { width: 50%; } .mc_b2xg_list { padding-bottom: 0; } .mc_b2tj_li { width: 100%; } .mc_c1s1_box { width: 100%; } .mc_c1aside { width: 120px; } .mc_c1aside_a { font-size: 14px; padding-left: 25px; } .mc_c1aside_li { padding: 15px 15px; } .mc_c1aside_a::before { width: 15px; } .mc_txt1836 p { font-size: 14px; } .mc_c1_btn { font-size: 14px; line-height: 32px; } .mc_c1_btnli { min-width: none; } .mc_c1aside { transform: translateX(100%); transition: transform .36s; } .mc_c1aside.act { transform: translateX(0); } .mc_c1aside::before { content: ""; position: absolute; right: 100%; top: 100px; width: 40px; height: 40px; background: url(../images/arr_prev_w.png) center / 20px no-repeat; background-color: rgba(37, 58, 89, .8); } .mc_c1_txt { margin-bottom: 20px; } .mc_c2s1_txtbox { width: 100%; padding-right: 0; } .mc_inban .mc_ban_ph::after { content: ""; position: absolute; left: 0; top: 0; z-index: 4; width: 100%; height: 100%; background: url(../images/inban_modal.png) center / cover no-repeat; } .mc_inban2 .mc_ban_ph::after { content: ""; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: url(../images/c2ban_modal.png) center / cover no-repeat; opacity: .9; } .mc_inban2 .mc_ban_pc::before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .mc_inban2 .mc_ban_ph::before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .mc_icon_1688, .mc_icon_tb { width: 20px; height: 20px; } .mc_c2s1_imgbox { width: 100%; max-width: 480px; padding-top: 20px; } .mc_c2s2_container { margin-top: 35px; } .mc_c2s2 { margin-bottom: 35px; } .mc_c2s3_li { width: 100%; } .mc_c2s3_txtbox { padding-left: 40px; } .mc_c2s3li_title::before { content: ""; position: absolute; right: calc(100% + 15px); top: 50%; margin-top: -1px; width: 15px; height: 2px; background: #e60011; } .mc_c2s3li_title { margin-bottom: 10px; } .mc_c2s3 { padding-bottom: 35px; } .mc_ban_ph .mc_ban_img { object-fit: cover; } .mc_d1_titlebox .mc_d1_subtitle { font-size: 12px; line-height: 18px; } .mc_d2s1_list .mc_b2tj_li { animation-delay: .3s !important; } .mc_d3s1_imgbox { width: 100%; } .mc_d3s1_txtbox { width: 100%; } .mc_d3s1_txtbox { padding: 20px 0 0; } .mc_d3s1_title::before { display: none; } .mc_d3s1_title { font-size: 16px; margin-bottom: 10px; } .mc_d3s2_txtbox:not(:last-child) { margin-bottom: 25px; } .mc_e3_li { width: 100%; } .mc_e3li_r { line-height: 70px; } .mc_e3li_l { padding-right: 25px; height: auto; } .mc_e3_title { font-size: 14px; line-height: 20px; max-height: 40px; } .mc_f1s3_bg { font-size: 48px; } .mc_f1s2_li { width: 100%; } .mc_f1s2_bgyear { font-size: 90px; } .mc_f1s2_top { min-height: 90px; padding-top: 35px; padding-bottom: 20px; } .mc_f1s2b_txt p { font-size: 14px; line-height: 20px; } .mc_f1s2_year { margin: 30px 0 10px; } .mc_f2s2_li { width: 100%; margin-bottom: 25px; } .mc_f2s3_titlebox { margin-bottom: 15px; } .mc_f2s4_titlebox { width: 100%; margin-bottom: 15px; } .mc_f2s4_txtbox { width: 100%; } .mc_f2s5_li { width: 50%; } .mc_f2s4_li { width: 100%; } .mc_f2s5_slicktool { display: none; margin-top: 15px; } .mc_f2s5_content { margin-bottom: 0; } .mc_f2s5_dots { margin-bottom: 15px; } .mc_g1s1_l { width: 100%; } .mc_g1s1_r { width: 100%; margin-top: 0; } .mc_g1s1_imglist { padding-left: 0; padding-bottom: 0; margin-bottom: 20px; } .mc_g1s1_txtli { padding-right: 0; } .mc_g1s1_imglist .slick-dots { bottom: 10px; width: 100%; transform: none; } .mc_g1s2_imgbox { float: left; width: 100%; margin-bottom: 20px; } .mc_g1s2_txtbox { width: 100%; padding: 0; } .mc_g1s2_date { width: 70px; padding-right: 15px; } .mc_g1s2_txtwrap { width: calc(100% - 70px); padding-left: 30px; } .mc_g1s2_li.mc_g1s2_noimg .mc_g1s2_txtbox { width: 100%; } .mc_g1s2_txtwrap::before { left: -3px; top: 12px; width: 20px; } .mc_g1s2_title { line-height: 24px; max-height: 48px; height: auto; } .mc_g1s2_list { margin-bottom: 40px; } .mc_g2mes_li{ margin: 0 5px; } .mc_g2mes_li .bshare-custom{ display: none; } .mc_g2_txtbox p{ font-size: 14px; } .mc_g2_prevbtn span:not(:first-child){ display: none; } .mc_g2_nextbtn span:not(:first-child){ display: none; } .mc_h1s1_inputli{ width: 100%; } .mc_h1s1b_l{ width: 100%; padding-right: 0; } .mc_h1s1b_r{ width: 100%; } .mc_h1s1b_btn input{ height: 40px; } .mc_h1s1_r{ padding-top: 30px; } .mc_h1s2p1_li{ width: 100%; } .mc_h1s2p1_li:not(:last-child){ margin-bottom: 20px; } .mc_h1s2p2_list{ display: block; } .mc_h1s2p2_li{ display: block; width: 100%; margin-bottom: 5px; } .mc_h1s2p3_li{ width: 50%; padding-bottom: 0; } .mc_h2s1b_li{ width: 50%; } .mc_h2s2_more img{ width: 20px; } .mc_h2s2_more { padding: 0px 20px; font-size: 14px; line-height: 36px; } .mc_h2s2_thead .mc_h2s2_td, .mc_h2s2_td1{ font-size: 14px; } .mc_h2s2_td{ font-size: 14px; padding: 15px 10px; } .mc_h2s2_td4 { width: 40px; } .mc_h2s2_td2, .mc_h2s2_td3 { width: 78px; } .mc_h2s2_thead, .mc_h2s2_hd{ padding: 0 5px; } .mc_h2s2_hd{ box-shadow: 0 6px 12px rgba(0, 0, 0, .06); } .mc_h2s2_bd { padding: 20px 15px 15px; } .mc_h2s2_bd h3{ font-size: 14px; } /* .mc_h2s2_thead{ display: none; } .mc_h2s2_hd{ position: relative; display: block; padding: 15px 15px; padding-right: 30px; } .mc_h2s2_td1{ font-size: 16px; } .mc_h2s2_td{ font-size: 14px; display: block; padding: 5px 0; } .mc_h2s2_td4{ width: auto; position: absolute; right: 15px; top: 15px; } */ .mc_c2s3_list{ margin: 0; } .mc_e3m_l{ width: 100%; padding: 0; } .mc_e3m_r { padding-top: 20px; width: 88px; margin: 0 auto; } .mc_e3m_qrbox { padding: 5px; } .mc_e3_modal .mc_modal_content{ padding: 30px 20px; } .mc_f1s1t_bg{ right: 0; } .mc_f1s3_imgbox{ width: 260px; } .mc_f2s5_slicktool { text-align: center; } .mc_f2s5_arrowbox { display: inline-block; } .mc_a1s2_subtitle{ line-height: 20px; margin: 6px 0; } .mc_a1s3_bgbox{ margin-bottom: 20px; } .mc_inner_nav { display: flex; flex-wrap: nowrap; overflow: auto; padding-top: 0; } .mc_inner_a{ white-space: nowrap; } .mc_inner_a{ padding-top: 15px; padding-bottom: 15px; } .mc_innav_line{ bottom: 15px; } .mc_inner_navbox{ position: relative; border-bottom: 0; } .mc_inner_navbox::before{ content: ""; position: absolute; left: 0; bottom: 12px; width: 100%; height: 1px; background: #d3d3d3; } .mc_b1t1{ display: block; padding-top: 20px; overflow: hidden; } .mc_inner_navbox{ margin-bottom: 20px; } .mc_b1bnav_a { padding: 0 10px; font-size: 14px; } .mc_a1s2_list .slick-arrow{ display: none !important; } .mc_a1s2_list { padding-left: 0; padding-right: 0; } .mc_e1b2_lisbox{ padding: 20px 15px; } .mc_a1s3_imgbox{ width: 100%; max-width: 480px; } .mc_d3s3_list{ padding-bottom: 20px; } .mc_d3s3_list .slick-dots li.slick-active { width: 15px; } .mc_c1s1{ position: relative; height: 100vh; } .mc_c1s1_box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 20px; } .mc_c1_title, .mc_c1_txt, .mc_c1_btnbox { opacity: 1; } /* 767e */ .inside_add .mc_inban .mc_ban_ph::after{ content: none; } .inside_add .mc_inban .mc_ban_ph::before{ content: ""; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 13.65%, rgba(0, 0, 0, 0.00) 43.88%); } .mc_inban_sear { top: 55%; } .sstc_ri { width: 100%; margin-top: 30px; } .sstc_le { width: 100%; padding-right: 0px; } .sear_sele_tp_cont { flex-wrap: wrap; } .slcu_li { width: 50%; } .sear_list_cont { padding: 30px 20px 40px; } .sear_list_cont_paging { margin-top: 10px; } .slcu_li:nth-child(4n-3) { animation-delay: .1s; } .slcu_li:nth-child(4n-2) { animation-delay: .1s; } .slcu_li:nth-child(4n-1) { animation-delay: .1s; } .slcu_li:nth-child(4n) { animation-delay: .1s; } .slcu_li:nth-child(2n){ animation-delay: .2s; } .ys_cont1400 { width: 100%; padding: 0px 20px; } .ys_cont900 { width: 100%; padding: 0 20px; } .hscu_li { width: 33.333333%; padding: 20px 20px; border-bottom: dashed 1px #d7d7d7; } .hscu_li:nth-last-child(-n+3) { border-bottom: dashed 1px transparent; } .hmdeat_seco_cont_ul::before, .hmdeat_seco_cont_ul::after { content: none; } .hmdeat_seco_cont_ul { padding: 0; } .hmdeat_firs_cont { flex-wrap: wrap; } .hmdeat_firs_cont_le { width: 100%; padding: 20px 18px; } .hmdeat_firs_cont_ri { padding-left: 0; width: 100%; margin-top: 30px; } .std_padd140_top { padding-top: 50px; } .hmdeat_seco { padding-top: 40px; } .std_padd100_bot { padding-bottom: 50px; } .std_padd100_top{ padding-top: 50px; } .hmdeat_prod { padding-top: 40px; } .std_padd110_top { padding-top: 50px; } .std_padd120_bot { padding-bottom: 50px; } .std_padd120{ padding: 50px 0; } .hacs_le_ul{ flex-wrap: wrap; } .hacs_le_ul_li{ width: 50%; margin-bottom: 20px; } .hbct_textbox_word { width: 100%; margin-bottom: 30px; } .hbct_textbox { width: 100%; padding: 0px 20px; position: static; transform: inherit; padding: 60px 20px; } .hbct_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hbct_img img{ width: 100%; height: 100%; object-fit: cover; } .hbct_textbox h2 { margin-bottom: 10px; } .ya_ban_dots { bottom: 100px; } .ya_ban_dots_ul { justify-content: center; } .ybdl_line { width: 60px; } .ybdu_li { margin: 0 10px; } .pbul_box_le { width: 100%; padding-right: 0; padding-left: 0; margin-top: 0; } .pbul_box { flex-wrap: wrap; } .prod_bran_ul_li:nth-child(2n) .pbul_box { flex-direction: column; } .prod_bran_ul_li:nth-child(2n) .pbul_box_le { padding-right: 0; padding-left: 0; margin-top: 0px; } .pbul_box_ri { width: 100%; margin-top: 26px; } .pbul_box_le h2 { margin-bottom: 5px; } .mod_text34 { font-size: 22px; } .prod_posi_cont { padding: 50px 0; } .pcbt_ul { margin: 0 -10px; flex-wrap: wrap; } .pcbt_ul_li { width: 100%; padding: 0 10px; margin-bottom: 20px; } .prod_ctact_box_tp { margin-bottom: 0; } .pcbb_box { padding: 20px 30px; flex-wrap: wrap; } .pcbb_box_le{ width: 100%; } .pcbb_box_ri { margin-top: 20px; display: flex; } .pcbb_box_le_word { margin-top: 18px; margin-bottom: 8px; } .pcbb_box_le_ul { flex-wrap: wrap; } .prod_slide_cont { padding: 50px 0 0px; } .pscs_sec { padding-bottom: 80px; } .hacs_le_ul { display: block; padding-bottom: 20px; } .hacs_le_ul .slick-dots li.slick-active { background: #e5000e; } .pscb_li_box { overflow: visible !important; width: 80%; } .pscb_li { position: relative; width: 70%; margin: 0 auto; overflow: hidden; padding-bottom: 80px; } .pscb_li .swiper-container-horizontal>.swiper-scrollbar { width: 100%; } } /*2023.10.19*/ @media screen and (max-width: 480px) { .slcu_li { width: 100%; } .slcu_li:nth-child(2n){ animation-delay: .1s; } .mc_inban_sear_cont { width: 85%; } .mc_inban_sear { top: 60%; } .hscu_li { width: 50%; padding: 16px 16px; border-bottom: dashed 1px #d7d7d7; } .hscu_li:nth-last-child(-n+3) { border-bottom: dashed 1px #d7d7d7; } .hscu_li:nth-last-child(-n+1) { border-bottom: dashed 1px transparent; } .hmdeat_seco h2 { margin-bottom: 22px; } .std_padd140_top { padding-top: 40px; } .std_padd100_bot { padding-bottom: 40px; } .std_padd100_top{ padding-top: 40px; } .mod_text40 { font-size: 22px; } .hmdeat_seco { padding-top: 32px; } .hmdeat_prod { padding-top: 32px; } .arrows_icon { width: 20px; } .hmdeat_btn { width: 16%; top: -50px; right: 0; } .hmdeat_seco_cont_tit{ font-size: 16px; } .std_padd110_top { padding-top: 40px; } .std_padd120_bot { padding-bottom: 40px; } .std_padd120{ padding: 40px 0; } .hacs_le_ul_li{ width: 100%; } .mod_text34 { font-size: 20px; } .prod_bran_video { width: 100%; } .prod_bran_ul { padding: 30px 0 0px; } .ppct_box { flex-wrap: wrap; } .ppct_box_le { width: 100%; margin-right: 0; margin-bottom: 12px; } .ppct_box_ri{ width: 100%; } .ppcb_ul { flex-wrap: wrap; } .ppcb_ul_li { width: 100%; margin-bottom: 20px; border-left: solid 1px transparent; } .ppcb_ul_li:last-child{ margin-bottom: 0px; } .ppcb_ul_li_box{ border-left: solid 1px transparent; } .ppcb_ul_li_box { padding: 0; } .pulb_icon { width: 28px; margin-bottom: 10px; } .pulb_text { margin: 0px 0 6px; } .prod_posi_cont_tp { margin-bottom: 28px; } .prod_posi_cont { padding: 40px 0; } .prod_guar_cont_box { flex-direction: column; } .pgcb_le { width: 100%; padding: 32px 0; } .pgcb_ri { width: 100%; } .pgcb_ri_ul .slick-track{ width: 100%; } .pgcb_ri_list { display: none; } .pgcb_ri_ul { flex-wrap: wrap; position: relative; } .pgcb_ri_ul::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.5); } .pgcb_ri_ul_li { width: 50%; padding: 15px 10px; border-bottom: solid 1px rgba(255, 255, 255, 0.5); border-left: solid 1px rgba(255, 255, 255, 0.5); } .prul_box { padding: 0; } .prul_box_tp { transform: translateY(0%); } .prul_box_word { margin-top: 10px; } .prul_box_line { display: none; } .prul_box_btm { opacity: 1; } .pgcb_le::after { content: none; } .pgcb_ri_ul_li::after { content: none; } .pgcb_ri::after { content: none; } .prod_guar_cont_box{ position: relative; } .prod_guar_cont_box::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: -1; } .prul_box_word p { color: #fff; opacity: 0.9; } .pcbt_ul_li_box { padding: 20px 12px; } .pcbb_box { padding: 20px 12px; } .pcbb_box_le_word { margin-top: 14px; margin-bottom: 6px; } .pblu_li::after { content: none; } .prod_ctact_box { padding: 40px 0; } .prod_slide_cont { padding: 40px 0 0px; } .pscs_sec { padding-bottom: 60px; } .yx_rotate15_dots .swiper-pagination { bottom: -30px; } .hbct_textbox_word { margin-bottom: 18px; } .hbct_textbox { padding: 0px 20px; padding: 40px 20px 80px; } .ybdl_line { margin-top: 6px; } .hscu_li:nth-last-child(-n+1) { border-bottom: dashed 1px #d7d7d7; } .pscb_li_box { width: 90%; } .pscs_sec{ overflow: visible; padding-bottom: 0px; } .pscs_btn .arrows_prev { left: -10px; } .pscs_btn .arrows_next { right: -10px; } .pscb_li { width: 95%; overflow: visible; } .pscb_li { padding-bottom: 60px; } .pscb_li .swiper-container-horizontal>.swiper-scrollbar { bottom: -30px; } } /* 鎵嬫満绔栧睆 */ /* 320px-416px */ @media screen and (max-width: 416px) {}