@media screen and (max-width: 1550px) { .con_text_01 .context_left .new_ban_t { font-size: 2rem; } .con_text_01 .context_left .new_ban_b { font-size: 1.5rem; } .banner .con-text { width: 84%; left: 8%; } .con_text_01 .context_left .new_ban_c { width: 70%; } .con_text_02 .context_left .new_ban_t { font-size: 2.6rem; } .con_text_02 .context_left .new_ban_b { font-size: 1.2rem; } .con_text_02 .context_left .new_ban_c span{ font-size: 1rem; padding: 0.4rem 2.2rem; margin-top: 0.8rem; } .index_new03_con_linew{ width:calc(33.33% - ((1.25rem * 2) / 3)); margin-left: 1.25rem; margin-top: 1.1rem; } .index_new03_con_linew .text .t { font-size: 1rem; } .index_new03_con_linew .text .b { font-size: 0.8rem; margin-top: 0.1rem; margin-bottom: 0.4rem; } .index_new03_con_linew .text .c .cli { font-size: 0.7rem; margin-top: 0.2rem; } .index_new03_con_linew .text .c .cli img { height: 0.35rem; margin-right: 0.4rem; } .index_new03_con_linew .text .a a { width: 6.5rem; height: 2rem; font-size: 0.7rem; margin-top: 0.6rem; } .index_new03_con_linew:hover .text { bottom: 15px; } header { padding-left: 2%; padding-right: 2%; } } @media screen and (max-width: 1366px) { .new_pro_tab{ padding:2.5rem 0; } .new_pro_tab a{ font-size:16px; } .index_new01_in { padding: 4rem 0; } .index_new01_left .t01 { font-size: 1.8rem; } .index_new01_left .b01 { font-size: 1rem; } .index_new01_left .c01 { font-size: 0.75rem; } .index_new01_left .a01 { font-size: 0.75rem; } .index_new01_left .d01 .d01_li { margin-top: 2rem; } .index_new01_left .d01 .d01_li .d01_t { font-size: 2.6rem; } .index_new01_left .d01 .d01_li .d01_t em { font-size: 2.2rem; margin-left: 0.5rem; } .index_new01_left .d01 .d01_li .d01_b { font-size: 0.7rem; } .index_new02_left { font-size: 1.6rem; } .index_new02_right .swiper-slide { padding: 1.3rem 0; } .index_new02_right .swiper-slide img { height: 4.3rem; } .index_new02_right .swiper-slide .index_new02_text { font-size: 0.8rem; margin-top: 0.9rem; } .index_new02_right_show { padding-bottom: 1.8rem; } .index_new02_right .swiper-pagination-bullets { bottom: 1rem; left: 0; } .index_new02_right .swiper-pagination-bullets .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; margin: 0 0.3rem; } .index_new02_in { padding: 4rem 0; } .index_new03_in { padding: 4rem 0; } .index_new03_t01 { font-size: 1.8rem; } .index_new03_tab a .t03 { font-size: 1.1rem; } .index_new03_tab a .b03 { font-size: 0.7rem; } .index_new03_tab a { height: 4.5rem; } .index_new03_tab a.active::after { border-width: 0.8rem 0.8rem 0; bottom: -0.77rem; } .solve .solve-con .box h2 { font-size: 2rem; } .index_new04 .solve .solve-con.active h3 { font-size: 1rem; margin:0.2rem 0 1.6rem; } .index_new04_tab_in a { font-size: 0.9rem; padding: 0.8rem 3rem; } .index_new05_in { padding: 4rem 0; } .index_new05_con { margin: 2rem 0; } .index_new07{ margin-bottom:4rem; } .index_new07_con{ margin:2rem 0; margin-top:-8rem; } .index_new05_con a { width: calc(33.33% - ((2rem * 2) / 3)); padding: 0.8rem; margin-left: 2rem; } .index_new05_con a .index_new05_text { padding: 0 0.8rem; } .index_new05_con a .index_new05_t { font-size: 1rem; } .index_new05_con a .index_new05_b { font-size: 0.7rem; margin: 0.2rem 0 0.8rem; } .index_new05_con a .index_new05_c { font-size: 0.7rem; } .index_new05_to a { font-size: 0.9rem; width: 8rem; height: 2.3rem; line-height: 2.2rem; } .index_new06_text .index_new06_t { font-size: 2rem; } .index_new06_text .index_new06_b { font-size: 1.2rem; margin-top: 0.6rem; } .index_new07_con a { width: calc(33.33% - ((2rem * 2) / 3)); margin-left: 2rem; } .index_new07_con a .index_new07_text { padding: 0.8rem 1.2rem; } .index_new07_con a .index_new07_t { font-size: 1.2rem; } .index_new07_con a .index_new07_b { font-size: 0.9rem; } .index_new07_con a .index_new07_c { font-size: 0.75rem; } .index_new07_con a .index_new07_img .toshow img { width: 3rem; } .index_new07_con a .index_new07_img .toshow div div { font-size: 0.8rem; margin-top: 0.6rem; } .con_text_01 .context_left .new_ban_t { font-size: 1.8rem; } .con_text_01 .context_left .new_ban_b { font-size: 1.4rem; } .con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t { font-size: 1.6rem; } .con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_b { font-size: 0.65rem; } .banner .con-text { width: 84%; left: 8%; } .con_text_01 .context_left .new_ban_c { width: 70%; } .con_text_02 .context_left .new_ban_t { font-size: 2.4rem; } .con_text_02 .context_left .new_ban_b { font-size: 1.1rem; } .con_text_02 .context_left .new_ban_c span{ font-size: 0.9rem; padding: 0.4rem 2.2rem; margin-top: 0.8rem; } } @media screen and (max-width: 1024px) { header.notop .right .login a, header.header_black .right .login a, header.headerhover .right .login a{ background:none; } footer .con .bottom{ flex-wrap: wrap; } footer .con .bottom ul{ width: 100%; } footer .con .bottom > ul > li { width: 100%; } footer .con .bottom > ul > li > ul { margin-top: 0rem; } footer .con .bottom > ul > li::before { color: #252b3a; } footer .con .bottom > ul > li > ul li a{ opacity:1; } footer .con .bottom > ul > li:last-child{ display: block; width: 100%; } footer .pc_new_contact_02{ width: 100%; margin-left: 0; margin-top: 15px; margin-bottom: 15px; } footer .pc_new_contact_02 .bt02 { font-size: 16px; } footer .pc_new_contact_02 .bb02 { color: #849199; margin-top: 5px; font-size: 13px; line-height: 2; } footer .pc_new_contact_02 .bb02 span{ font-size: 13px; } footer .pc_new_contact_03{ width: 100%; } footer .pc_new_contact_03 img { width: 20%; border: 10px solid #fff; margin: 0 auto; } footer .con .bottom .mobile-share { position: relative; z-index: 2; width: 100%; } footer .con .bottom .mobile-share h3,footer .con .bottom .mobile-share h2 { color: #252b3a; } footer .con .bottom .mobile-share .share a{ margin: 2rem 0 0; } footer .copy .left p { font-size: 0.9rem; } footer .pc_new_contact{ display:none; } footer .copy .copy_in { padding-top: 1.5rem; padding-bottom: 1.5rem; } .new_pro_tab a{ font-size:14px; } #introduce .con-top img { width: 130%; margin-left:-15%; } .prodiv_list{ padding:1.2rem;width:calc(33.33% - (1.8rem * 2) / 3); margin-left:1.8rem; margin-top:1.5rem; } .prodiv_list .pro_n_c span { font-size: 0.65rem; padding: 5px 10px; margin: 0.4rem 0; margin-right: 10px; } .banner_product_new{ padding:3rem 3%; } .banner_product_new .new_t01{ font-size:2rem; } .banner_product_new .new_t02{ font-size:1rem; margin:0.3rem 0 1.0rem; } .banner_product_new .new_con input{ width:14rem; height:2.5rem; line-height:2.5rem; border-radius:0.4rem; margin-right:1.1rem; font-size:0.9rem; } .banner_product_new .new_con button{ width:9rem; height:2.5rem; line-height:2.5rem; font-size:1.1rem;border-radius:0.4rem; } .index_new { padding: 0 3%; } .banner .con-text { width: 94%; left: 3%; } .banner{ margin-top: 5.5rem; } } @media screen and (max-width: 768px) { footer .pc_new_contact_03 img { width: 30%; border: 5px solid #fff; } footer .copy .left p{ text-align: left; } footer .copy .left p a{ display: block; } .com_title { padding: 1rem 0 1rem; } .com_title h2 { font-size: 20px; } .com_title h2:before { font-size: 20px; } .com_title h2:after { font-size: 20px; } .benefit_new .text_new { font-size: 13px; line-height: 32px; padding: 6px 20px; margin-bottom: 15px; } .customcase_new{ padding:2rem 0; } .new_pro_tab{ padding:1rem 10px; flex-wrap:wrap; } .new_pro_tab a{ font-size:13px; text-align:center; width:33.33%; } .new_pro_tab a::after{ height:3px; } .new_pro_tab a.active::after, .new_pro_tab a:hover::after{ width:calc(100% + 10px); left:-5px; height:3px; } #introduce .con-top img { width: 160%; margin-left:-30%; } .product-show .show-con .show-ban .text{ transform:unset; } .prodiv_list{ padding:1rem; width:100%; margin-left:0rem; margin-top:2rem; } .prodiv_list:nth-child(3n+1){ margin-left:0px; } .prodiv_list:nth-child(-n+3){ margin-top:2rem; } .prodiv_list:first-child{ margin-top:0rem; } .prodiv_list .pro_n_t{ font-size:1.4rem; } .prodiv_list .pro_n_b{ font-size:1.1rem; margin-top:0.5rem; margin-bottom:0.5rem; } .prodiv_list .pro_n_c span{ font-size:0.9rem; padding:4px 10px; margin:0.5rem 0; margin-right:10px; } .prodiv_list .pro_n_a { margin-top: 0.5rem; } .prodiv_list .pro_n_a a{ font-size:0.9rem; } .banner_product_new .new_con input { width: 11rem; height: 3rem; line-height: 3rem; margin-right: 0.5rem; font-size: 1rem; padding:0 10px; } .banner_product_new .new_con button { width: 8rem; height: 3rem; line-height: 3rem; font-size: 0.8rem; border-radius: 0.4rem; } .honor_new_left_l01{ margin-top:0.7rem; } .honor_new_left_l02{ font-size:1.4rem; width:4.2rem; margin:0 1rem; } .honor_new_left_l03{ width:calc(100% - (0.7rem + 1rem * 2 + 4.2rem)); font-size:0.8rem; margin-top: 1rem; padding-top: 0.6rem; } .index_new01_in { padding: 3rem 0; } .index_new01_left { width: 100%; } .index_new01_right { width: 100%; margin-top:1rem; } .index_new02_in { padding: 3rem 0; } .index_new02_left { font-size: 1.4rem; width: 8rem; } .index_new02_right{ width:calc(100% - 8rem); } .index_new02_right .swiper-slide { padding: 1rem 0; } .index_new02_right .swiper-slide img { height: 6rem; } .index_new02_right .swiper-slide .index_new02_text { font-size: 1.1rem; margin-top: 1rem; } .index_new03_in { padding: 3rem 0; } .solve .solve-con { left: 0; top: 8%; width: 100%; } .solve .solve-con .box h2 { font-size: 1.5rem; } .index_new04 .solve .solve-con.active h3 { font-size: 1.2rem; margin: -1.2rem 0 0.6rem; } .solve .solve-con .more a { font-size: 13px; line-height: 2.5rem; } .index_new04_tab_in a { font-size: 0.8rem; padding: 0.6rem 2rem; } .index_new05_in { padding: 3rem 0; } .index_new05_con { margin: 1.5rem 0; } .index_new07{ margin-bottom:3rem; } .index_new07_con{ margin:1.5rem 0; margin-top:-6rem; } .index_new05_con a{ width:100%; margin-top:1rem; padding:0.5rem; margin-left:0rem; } .index_new05_con a:nth-child(1){ margin-top:0px; } .index_new05_con a .index_new05_t { font-size: 1.5rem; } .index_new05_con a .index_new05_b { font-size: 1rem; margin: 0.4rem 0 1rem; } .index_new05_con a .index_new05_c { font-size: 1rem; } .index_new07_con a{ width:100%; margin-top:1rem; padding:0.5rem; margin-left:0rem; } .index_new07_con a:nth-child(1){ margin-top:0px; } .index_new07_con a .index_new07_t { font-size: 1.5rem; } .index_new07_con a .index_new07_b { font-size: 1rem; } .index_new07_con a .index_new07_c { font-size: 0.9rem; } .index_new06_midbanner > img { width: 250%; margin-left: -75%; } header.notop .right .login a:hover, header.header_black .right .login a:hover, header.headerhover .right .login a:hover{ background:none; } .con_text_01 .context_left .new_ban_c { width: 100%; } .banner .con-text{ width: 100%; left: 0; } .banner .con-text.con_text_01{ top: 10%; transform: translateY(0); } .banner .con-text.con_text_02{ flex-wrap:wrap; top: 10%; transform: translateY(0); height: 90%; flex-direction: column; } .swiper-slide-active .con_text_02 .context_left{ width: 100%; } .swiper-slide-active .con_text_02 .context_right{ width: 100%; } .con_text_02 .context_right img { width: 75%; margin: 0 auto 10%; } .con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t { font-size: 2rem; } .con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_b { font-size: 0.8rem; } .index_new03_con_linew{ width:calc(50% - ((20px * 1) / 2)); margin-left: 15px; margin-top: 15px; } .index_new03_con_linew:nth-child(3n+1){ margin-left: 15px; } .index_new03_con_linew:nth-child(-n+3){ margin-top: 20px; } .index_new03_con_linew:nth-child(2n+1){ margin-left: 0; } .index_new03_con_linew:nth-child(-n+2){ margin-top: 0; } .index_new03_con_linew .text { padding: 0 10px; bottom: -55%; } .index_new03_con_linew:hover .text{ bottom: 10px; } .index_new03_con_linew .text .a a { width: 5.4rem; height: 1.6rem; font-size: 0.65rem; margin-top: 0.55rem; } .index_new03_con_linew .img { padding-bottom: 90%; } }