@media all and (min-width:320px) and (max-width:1366px){ :root { --border-radius: 20px; } .w_common{ width:1100px; } .mt40{ margin-top:30px; } .mb95{ margin-bottom:80px; } .pt65{ padding-top:50px; } .pb65{ padding-bottom:50px; } .pt85{ padding-top:70px; } .pb85{ padding-bottom:70px; } .pt95{ padding-top:80px; } .pb95{ padding-bottom:80px; } #noneheader{ height:62px; } .header .inheader{ height:62px; } .header .inheader .menu > li{ height:62px;line-height:62px; } .index_banner { margin-top: 62px; } .header .inheader .menu > li { padding: 0 35px; font-size: 16px; } .header .inheader .menu li > a { font-size: 14px; } .header .inheader .logo img { height: 26px; } .search_show .keywords { width: 180px; height: 30px; line-height: 30px; padding: 0 14px; font-size: 14px; } .search_show button { height: 30px; width: 15px; padding-right: 20px; background-size: 15px auto; } .search_show { margin: 0 25px 0 0; } .header_lang_in { font-size: 14px; } .header_lang_in span img { height: 6px; margin-left: 7px; transform: translateY(7px); } .header_lang_show { font-size: 14px; bottom: -63px; } .header_lang_show a{ padding: 8px 0; } .header .inheader .menu li > a span::after{ bottom: 15px; } .com_title .t { font-size: 34px; } .com_title .b { font-size: 14px; margin-top: 20px; } .com_title .b span{ font-size: 0.95em; } .index_01 { margin-top: -40px; } .index_01_con { padding: 65px 50px 35px; } .index_01_con_top .text { font-size: 16px; } .index_01_con_bottom { margin-top: 35px; } .index_01_con_bli .t { font-size: 42px; } .index_01_con_bli .b { font-size: 14px; margin-top: 15px; } .index_02_con .swiper-slide .text { padding: 50px 30px 0; } .index_02_con .swiper-slide .text .t_t { font-size: 22px; } .index_02_con .swiper-slide .text .t_b { font-size: 16px; margin: 30px 0; } .t_a { width: 130px; font-size: 14px; padding: 10px 0; } .t_a img { margin-left: 6px; transform: translateY(6px); height: 5px; } .index_02_con .swiper_pagination_01 { right: 50px !important; bottom: 28px !important; } .swiper_pagination_spe .swiper-pagination-bullet { width: 80px; height: 5px; margin-left: 15px; } .right_div{ width:calc(100% - 22.1% - 22.1% - 20px - 20px - 30px - 45px); margin-left:45px; } .left_li { margin-left: 20px; } .left_li .text { margin-top: 25px; } .index_03_con { padding: 50px 0 35px; } .index_03_list { width: calc(33.33% - (25px * 2) / 3); margin-left: 25px; margin-bottom: 50px; } .index_03_list .text { font-size: 13px; padding: 0 20px; } .index_03_list .text span { transform: translateY(-6px); } .index_05_list { width: 17.15%; margin-left: calc((100% - (17.15% * 5)) / 4); margin-top: 35px; } .index_04_con{ font-size: 16px; } .footer_t{ padding:40px 0 25px; } .footer_t_l_t img{ height:40px; } .footer_t_l_b_l img{ width:90px; } .footer_t_l_b_l .t{ font-size:14px; margin-top:8px; } .footer_t_l_b_r{ margin-left:30px; } .footer_t_l_b_r .t{ font-size: 18px; margin:3px 0 20px; } .footer_t_l_b_r .b{ font-size: 20px; } .footer_t_r_li{ margin-left:30px; } .footer_t_r_li_b{ width: 95px; } .footer_t_r_li:nth-child(2) .footer_t_r_li_b{ width: 190px; } .footer_t_r_li .t{ font-size: 20px; margin-bottom:18px; } .footer_t_r_li .b{ font-size: 14px; line-height: 2.5; } .footer_b{ padding:30px 0 20px; font-size:14px; } .index_banner_swiper .text .text_t { font-size: 36px; } .index_banner_swiper .text .text_b { width: 86px; height: 4px; margin-top: 20px; } .index_banner_swiper .text .text_c { margin-top: 20px; font-size: 14px; } .index_banner_swiper.index_banner_swiper_index .text .text_t{ font-size: 30px; } .index_banner_swiper.index_banner_swiper_index .text .text_c{ font-size: 13px; width: 40%; } .p_s_01_c_in_t a { padding: 10px 0; font-size: 18px; } .p_s_01_c_in_t_c .text .t { font-size: 30px; } .p_s_01_c_in_t_c .text .b { font-size: 18px; margin: 30px 0 65px; } .t_a_02{ width:160px; font-size:16px; padding:12px 0; } .t_a_02 img{ margin-left:6px; transform:translateY(5px); height:5px; } .pro_style01_03_list { width: calc(33.33% - (40px * 2) / 3); margin-left: 40px; margin-top: 55px; padding: 30px 40px 100px; } .pro_style01_03_list .t { font-size: 20px; } .pro_style01_03_list .b { font-size: 16px; margin-top: 18px; } .pro_style01_04_list{ width:calc(20% - (30px * 4) / 5); margin-left:30px; margin-top:35px; } .pro_style02_01_list{ width:calc(33.33% - (50px * 2) / 3); margin-left:50px; } .pro_style02_01_list .img .b{ font-size:18px; } .pro_style02_01_list .img .b .bin { padding:15px 30px; } .pro_style02_01_list .text{ padding:20px 30px; } .pro_style02_01_list .text .tt{ font-size:20px; } .pro_style02_01_list .text img{ height:6px; margin-top:8px; } .pro_style03_01_list{ width:calc(50% - (25px * 1) / 2); margin-left:25px; margin-top:25px; } .pro_style03_01_list:nth-child(3n+1){ margin-left:25px; } .pro_style03_01_list:nth-child(2n+1){ margin-left:0px; } .pro_style03_01_list:nth-child(-n+2){ margin-top:0px; } .pro_style0402_01_list{ width:calc(50% - (35px * 1) / 2); margin-top:40px; } .pro_style0402_01_list:nth-child(4){ margin-left:0px; } .pro_style0402_01_list:nth-child(5){ margin-left:35px; } .pro_style05_01_list{ width:calc(33.33% - (25px * 2) / 3); margin-left:25px; margin-top:25px; } .case_01_con { padding: 180px 0; } .case_01_con_t { font-size: 24px; } .case_01_con_b { font-size: 50px; margin: 30px 0 65px; } .case_01_con_c { font-size: 18px; } .case_02_list{ width:calc(16.66% - (20px * 5) / 6); margin-left:20px; margin-top:30px; } .case_03_right_con .text_list { width: calc(100% - 52px - 52px); } .case_03_right_con .text_list .img img { height: 44px; } .case_03_right_con .text_list .t { font-size: 18px; margin: 10px 0 40px; } .case_03_right_con .text_list .b { font-size: 16px; margin-bottom: 35px; } .case_03_right_con .img_list { width: 52px; } .case_03_right_con .img_list .img { margin-top: 15px; } .case_03_right_con { padding: 25px 60px; padding-right: 70px; } .case_04_con .case_04_list .case_04_t { font-size: 24px; padding-left: 15px; } .case_04_con .case_04_list .case_04_t::before { width: 4px; } .case_04_cli { width: calc(25% - (35px * 3) / 4); margin-left: 35px; margin-bottom: 35px; border-radius: 12px; } .case_04_cli .t, .case_04_cli .b, .case_04_cli .c { padding: 0 15px; } .case_04_cli .t { font-size: 16px; margin: 10px 0; } .case_04_cli .b { padding-bottom: 10px; } .case_04_cli .b span { padding: 4px 6px; font-size: 12px; border-radius: 4px; margin-left: 10px; } .case_04_cli .c { padding-top: 15px; padding-bottom: 15px; } .case_04_c .mySwiper_08{ padding:25px 0; } .case_04_cli .c span { width: 120px; height: 44px; } .case_04_cli .c a { padding: 0 40px 0 12px; height: 30px; line-height: 30px; font-size: 12px; margin-top: calc((44px - 30px) / 2); } .case_04_cli .c a img { height: 20px; right: calc((30px - 20px) / 2); } .case_04_a { padding-top: 30px; } .case_04_a a { font-size: 13px; padding: 8px 20px; } .case_show_01_con { width: calc(100% - 140px); padding: 32px; } .case_show_01_con .img { width: 130px; height: 130px; } .case_show_01_con .text { margin-left: 28px; } .case_show_01_con .text .tt { font-size: 26px; } .case_show_01_con .text .tt span { font-size: 16px; margin-left: 15px; } .case_show_01_con .text .tb { font-size: 18px; margin-top: 22px; } .case_show_02_con { padding: 30px 0; } .case_show_02_list .tt { font-size: 40px; } .case_show_02_list .tb { font-size: 18px; margin-top: 15px; } .case_show_03_con_bigt { font-size: 24px; } .cs03list_t { font-size: 26px; } .cs03list_b { font-size: 18px; margin-top: 30px; } .cs03list_cli_wai { width: calc(33.33% - (80px * 2) / 3); margin-left: 80px; } .cs03list_cli { padding: 55px 25px 25px; border-radius: 8px; } .cs03list_cli .cs03list_cli_t { font-size: 20px; } .cs03list_cli .cs03list_cli_line { width: 54px; height: 4px; margin: 18px 0 8px; } .cs03list_cli .cs03list_cli_b { font-size: 16px; } .cs03list_cli_wai > img { width: 22px; margin: 10px auto 0; } .cs03list_cli_wai:nth-child(2) > img { margin: 18px auto 0; } .cs03list_cli_wai:nth-child(3) > img { margin: 32px auto 0; } .cs03list_d{ margin-top:50px; } .cs03list_dli { width: calc(50% - (25px * 1) / 2); padding: 30px 20px; margin-top: 25px; margin-left: 25px; border-radius: 8px; } .cs03list_dli .cs03list_dli_t { font-size: 20px; } .cs03list_dli .cs03list_dli_b { font-size: 16px; margin-top: 16px; } .cs03list_dli > img { height: 80px; bottom: 22px; right: 30px; } .mySwiper_04 .swiper-slide { border-radius: 12px; } .mySwiper_04 .swiper-slide .text .logo { width: 74px; height: 74px; left: 25px; } .mySwiper_04 .swiper-slide .t { font-size: 18px; padding: 40px 25px 0; } .mySwiper_04 .swiper-slide .b { padding: 22px 25px; margin-top:15px; } .mySwiper_04 .swiper-slide .b span { padding: 10px 10px; font-size: 15px; margin-left: 10px; } .header .inheader .drop-down.drop-down-product .left > ul { padding: 20px 40px 0 0; padding-bottom: 80px; } .header .inheader .drop-down.drop-down-product .right .masonry-nav { padding-bottom:80px; } .header .inheader .drop-down.drop-down-product .right .masonry-nav::after{ height:80px; background-size:auto 36px; background-position: right calc((80px - 36px) / 2); right:15px; } .header .inheader .drop-down.drop-down-product .left > ul > li { font-size: 16px; padding-right: 30px; margin-top: 26px; } .header .inheader .drop-down.drop-down-product .left > ul > li::before { width: 8px; top: 2px; height: 14px; } .header .inheader .drop-down.drop-down-product .right .masonry-nav .item .itemin { padding: 30px 15px 0; } .header .inheader .drop-down.drop-down-product .right .masonry-nav .item h2 { font-size: 16px; } .header .inheader .drop-down.drop-down-product .right .masonry-nav .item h2 img { height: 17px; margin-left: 12px; transform: translateY(2px); } .header .inheader .drop-down.drop-down-product .right .masonry-nav .item h3 { font-size: 12px; padding: 12px 0; } .header .inheader .drop-down.drop-down-product .right .masonry-nav .item ul > li a { font-size: 14px; line-height: 2.2; } .page_div{ padding-top:35px; font-size:14px; } .page_div li a,.page_div li span{ width:42px; height:42px; line-height:42px; font-size:14px; margin:0 6px; } .us_tab{ padding:15px 0; } .us_tab_con a{ padding:0 35px; font-size:16px; } .us_01_01_con { font-size: 16px; } .us_01_01 .us_01_01_text_top{ font-size: 26px; } .us_01_01_huadongx { top: calc(50% + 70px); } .us_01_01_huadongx img { width: 18px; } .us_01_02_con { font-size: 16px; margin: 15px auto 25px; } .us_01_03_list { width: calc(33.33% - (25px * 2) / 3); margin-left: 25px; margin-top: 35px; padding: 25px 0; border-radius: 12px; } .us_01_03_list .img img { width: 60px; } .us_01_03_list .t { font-size: 20px; margin: 25px 0 18px; } .us_01_03_list .b { font-size: 16px; } .us_01_04_tab_li { width: calc(33.33% - (40px / 3)); padding: 15px 0; } .us_01_04_tab_li:nth-child(2) { margin: 0 calc(40px / 2); } .us_01_04_tab_li .t{ font-size:18px;line-height:calc(18px * 2); height:calc(18px * 2); } .us_01_04_tab_li.active .t { font-size: 22px; } .us_01_04_tab_li .b { font-size: 12px; line-height: calc(12px * 2); height: calc(12px * 2); } .us_01_04_con01_tab { margin-top: 35px; } .us_01_04_con01_tab_li { margin: 0 60px; } .us_01_04_con01_tab_li .t { font-size: 20px; margin-bottom: 10px; height: 22px; line-height: 22px; } .us_01_04_con01_tab_li .p img { width: 14px; } .us_01_04_con01_tab::before { bottom: 9px; } .us_01_04_con01_con_list { width: calc(50% - (100px * 1) / 2); margin-top: 40px; padding: 30px 45px; border-radius: 12px; } .us_01_04_con01_con_list .b{ height: 200px; padding-right: 10px; } .us_01_04_con01_con_list .t { font-size: 20px; } .us_01_04_con01_con_list .t img { height: 25px; margin-right: 10px; } .us_01_04_con01_con_list .b .bli div { font-size: 16px; } .us_01_04_con01_con_list .b .bli { margin-top: 4px; } .us_01_04_con01_con_list .b .bli img { width: 10px; margin-right: 10px; margin-top: 10px; } .nav_sec{ padding: 30px 0 100px; } .nav_sec::after{ height:80px; background-size:auto 36px; background-position: right calc((80px - 36px) / 2); right:15px; } .nav_sec .nav_sec_t{ font-size:21px; margin-bottom:28px; } .nav_sec .nav_sec_t span{ font-size:17px; margin-left:17px; } .nav_sec_cli{ margin-left:80px; } .nav_sec_c_new01 .nav_sec_cli{ margin: 12px 0; } .nav_sec_cli .nav_sec_cli_t{ font-size:17px; margin-bottom:17px; } .nav_sec_cli .nav_sec_cli_b{ font-size:15px; } .news_tab a{ margin:0 50px; padding:15px 35px; font-size:20px; } .news_list{ width:calc(33.33% - (40px * 2) / 3); margin-left:40px; margin-top:60px; } .news_list .text{ padding:32px; padding-top:12px; } .news_list .text .t{ font-size:18px; } .news_list .text .b{ font-size:14px; margin-top:10px; } .news_conshow_left .news_conshow_t{ font-size: 36px; } .news_conshow_left .news_conshow_b{ font-size: 15px; margin:32px 0; } .news_conshow_left .news_conshow_b span{ margin:0 7px; } .news_conshow_left .news_conshow_c{ padding:20px 30px; font-size: 17px; line-height:2; } .news_conshow_d a{ width:calc(50% - 15px); padding:16px 18px; } .news_conshow_d a .t{ padding-bottom:7px; margin-bottom:14px; } .news_conshow_d a .t img{ height:18px; margin-right:6px; } .news_conshow_d a .t span{ font-size: 16px;line-height:18px; } .news_conshow_d a .b{ font-size: 16px; } .news_conshow_right .n_c_r_t{ font-size: 20px; padding-bottom:15px; margin-bottom:5px; } .n_c_r_c01 a.n_c_r_c01_list{ margin-top:20px; } .n_c_r_c01 a.n_c_r_c01_list .text .t{ font-size: 16px; } .n_c_r_c01 a.n_c_r_c01_list .text .b{ font-size: 14px; } .n_c_r_c02 > div{ font-size: 16px; padding:10px; margin-top:10px; margin-right:20px; } .us_03_01_t { font-size: 16px; } .us_03_02_list { border-radius: 52px 0px 52px 0px; } .us_03_02_list .text .logo img { height: 30px; } .us_03_02_list .text .t { font-size: 20px; margin: 25px 0 75px; } .us_03_02_list .text .bli { margin-bottom: 30px; } .us_03_02_list .text .bli span img { height: 20px; margin-right: 6px; } .us_03_02_list .text .bli div { font-size: 16px; line-height: 20px; } .us_03_02_list .text { padding-left: 50px; } .mySwiper_05 .us_03_02_list .text .ttop { font-size: 26px; } .mySwiper_05 .us_03_02_list .text { padding-left: 70px; } .mySwiper_05 .us_03_02_list .text .bli { margin-bottom: 20px; } .mySwiper_05 { border-radius: 52px 0px 52px 0px; } .us_03_04_list { width: calc(33.33% - (35px * 2) / 3); margin-left: 35px; margin-top: 35px; padding: 25px; } .us_03_04_list .text .t { font-size: 16px; } .us_03_04_list .text .b { font-size: 14px; margin-top: 10px; } .mySwiper_06 .swiper-slide .img .img_in { height: 36px; } .mySwiper_06 .swiper-slide .t { font-size: 16px; margin: 12px 0 15px; line-height: 1.6; height: calc(16px * 1.6 * 2); } .mySwiper_06 .swiper-slide .b { font-size: 14px; line-height: 1.6; height: calc(14px * 1.6 * 10); } .mySwiper_06 .swiper-slide .a{ margin-top:18px; } .mySwiper_06 .swiper-slide .a a{ padding:7px 20px; font-size: 13px; } .mySwiper_06{ padding:20px 0 !important; width:calc(100% + 30px); margin-left:-15px !important; } .mySwiper_06 .swiper-slide{ padding:0 15px; } .mySwiper_06 .swiper-slide .swiperslide_in{ border: 3px solid #fff; border-radius: 12px; padding: 22px 20px; } .us_04_01{ padding:80px 0; } .us_04_01_list{ padding:55px 0; padding-left:45px; width:calc(50% - 80px / 2); border-radius: 8px; } .us_04_01_list .t{ font-size: 28px; } .us_04_01_list .b{ font-size: 16px; margin-top:40px; } .mySwiper_07{ width:calc(100% + 50px); margin-left:-25px !important; padding:20px 0 !important; } .mySwiper_07 .swiper-slide{ padding:0 25px; } .mySwiper_07 .swiper-slide .left_img{ border:12px solid #fff; } .mySwiper_07 .swiper-slide .right_img .right_img_list{ border:12px solid #fff; } .mySwiper_07 .swiper-slide .img_in .t{ font-size:28px; padding:10px 20px; border-radius: 20px 0px 0px 0px; } .us_04_03_list .t{ font-size:20px; padding:25px 0; } .us_04_04_list{ width:calc(20% - (15px * 4) / 5); margin-left:15px; padding:50px 20px 60px; } .us_04_04_list .img img{ width:70px; } .us_04_04_list .t{ font-size:20px; margin:12px 0 25px; } .us_04_04_list .b{ font-size: 16px; } .solution_01_list{ width:calc(25% - (50px * 4) / 5); margin-left:50px; } .solution_01_list:nth-child(4n+1){ margin-left:0px; } .solution_01_list .text .icon img{ width:70px; } .solution_01_list .text .t{ font-size:20px; margin:10px 0 20px; } .solution_01_list .text .b{ font-size: 15px; padding:0 25px; } .solution_02_list:nth-child(3), .solution_02_list:nth-child(4){ margin-top:40px; margin-bottom:40px; } .solution_02_list .t{ width:74%; padding:18px 0; } .solution_02_list .t img{ height:22px; margin-right:10px; } .solution_02_list .t div{ font-size:20px; } .solution_02_list .b{ font-size: 14px; margin-top:20px; } .solution_03_con{ font-size: 16px; } .solution_04_left_li{ margin:10px 0; } .solution_04_left_li span{ width:10px; height:10px; margin-right:7px; margin-top:13px; } .solution_04_left_li div{ padding:9px 18px; font-size:16px; } .solution_04_right_li{ border-radius: 8px; padding:60px 30px; } .solution_04_right_li .text .t{ font-size:20px; } .solution_04_right_li .text .b{ font-size: 16px; margin:20px 0 30px; } .solution_04_right_li .text .a a{ padding:12px 28px; margin-right:30px; font-size: 15px; } .new_index_01_tab a{ padding:20px 0; font-size:16px; } .new_index_01_text_con{ padding:55px 0 25px 25px; } .new_index_01_text_con .t img{ height:30px; margin-top:calc((34px - 30px) / 2); } .new_index_01_text_con .t div{ font-size: 34px; } .new_index_01_text_con .t i{ margin:0 12px; } .new_index_01_text_con .b{ font-size: 14px; margin:15px 0 20px; } .new_index_01_text_con .a a{ font-size: 16px; padding:10px 22px; margin:15px 15px 0 0; } .new_index_02_list{ width:calc(20% - (30px * 4) / 5); margin-left:30px; margin-top:35px; border-radius: 8px; } .new_index_02_list:nth-child(5n+1){ margin-left:0px; } .new_index_02_list:nth-child(-n+5){ margin-top:0px; } .new_index_02_list .text{ padding:22px 0 0 22px } .new_index_02_list .text .icon img{ height:40px; } .new_index_02_list .text .t{ font-size: 20px; margin-top:12px; } .mySwiper_09{ padding:12px 0 !important; width:calc(100% + 44px); margin-left:-22px !important; } .mySwiper_09 .swiper-slide{ padding:0 22px; } .mySwiper_09 .swiper-slide .new_index_03_list{ border-radius: 8px; } .mySwiper_09 .swiper-slide .text{ padding:22px; } .mySwiper_09 .swiper-slide .text .logo img{ max-height:40px; } .mySwiper_09 .swiper-slide .text .t{ font-size: 16px; margin:10px 0; line-height:1.9; height:calc(16px * 1.9 * 3); } .mySwiper_09 .swiper-slide .text .a a{ padding:7px 18px; font-size: 14px; } .new_index_04_tli .t .counter{ font-size:70px; } .new_index_04_tli .t .span01{ font-size:26px; } .new_index_04_tli .b{ font-size: 14px; margin:15px auto 0; width:70%; } .new_index_04_bli{ padding:0 25px 15px; font-size: 12px; width:calc(16.66% - (20px * 5) / 6); margin-left:20px; } .new_index_04_bli:nth-child(6n+1){ margin-left:0px; } .new_index_04_bli .line{ width:90%; height:1px; margin:4px auto 8px; } .new_index_05_list{ padding:30px 0; } .new_index_05_list .img{ height:80px; } .new_index_05_list .img img{ max-height:80px; } .new_index_05_list .t{ font-size: 15px; margin:20px auto 0; } .mess_incon{ width:45.85%; padding: 25px 40px; top: -115%; } .mess_div.show .mess_incon{ top: 15%; } .mess_top span{ font-size: 26px; } .mess_top img{ width:24px; height: 24px; margin-top: 1px; margin-right: -18px; } .mess_list{ margin-top: 20px; width: calc(100% - 18px); } .mess_list span{ font-size: 16px; width: 16px; } .mess_list input,.mess_list textarea{ width: calc(100% - 16px); height: 38px; line-height: 38px; font-size: 15px; padding: 0 15px; } .mess_list textarea{ padding:10px 15px; line-height: 1.5; height: 130px; } .us_01_04_con .swiper_pagination_spe .swiper-pagination-bullet{ width: 50px; } .new_pro_tab .swiper-slide { font-size: 16px; } .new_pro_tab .swiper-button-next::after, .new_pro_tab .swiper-button-prev::after { font-size: 18px !important; } .p_s_01_c_in_t_c .img img.mainimg{ border-radius: 20px; border: 8px solid #fff; } .index_banner img, .index_banner video { width: 109%; margin-left: -4.5%; } .index_banner_swiper .text { } .index_banner_swiper .text .text_a a { padding: 6px 12px; font-size: 12px; } .index_banner_swiper .text .text_a a span { margin-right: 4px; } .index_banner_swiper .text .text_a a img { height: 3px; } .pro_style01_00_con_in { font-size: 16px; padding: 20px; } }