@media all and (min-width:320px) and (max-width:1000px){ body.menushow { overflow: hidden; width: 100%; } :root { --border-radius: 12px; } .w_common{ width:100%; padding:0 15px; } .mt40{ margin-top:30px; } .mb95{ margin-bottom:60px; } .pt65{ padding-top:35px; } .pb65{ padding-bottom:35px; } .pt85{ padding-top:40px; } .pb85{ padding-bottom:40px; } .pt95{ padding-top:60px; } .pb95{ padding-bottom:60px; } #main { z-index: 113; } #noneheader{ height:62px; } .header .inheader{ height:62px; } .header .inheader .menu > li{ height:62px; line-height:62px; } .header_search .header_search_in { height: 62px; } .header .inheader .logo img { height: 32px; } .header .inheader .logo .logo_in .text .t { font-size: 14px; } .header .inheader .logo .logo_in .text .b { font-size: 12px; } .header .inheader .logo .logo_in .text { padding-left: 10px; margin-left: 10px; height: 90%; transform: translateY(5%); } .header .inheader .logo img:first-child, .header.yanse .inheader .logo img:first-child{ display:none; } .header .inheader .logo img:last-child, .header.yanse .inheader .logo img:last-child{ display:inline-block; } .header.show .logo img, .header.show .logo .logo_in .text { opacity: 0; } .header.show { background: #fff; } .menu_body{ display:block; } .header .menu_body { position: relative; width: 24px; height: 20px; display:block; top: 20px; float:right; cursor:pointer; } .header .nav_menu_item { width: 100%; height: 3px; background: #ac053d; position: absolute; -webkit-transition: .36s ease; -o-transition: .36s ease; -moz-transition: .36s ease; transition: .36s ease; border-radius:6px; } .header .menu_item_top { top: 0; } .header .menu_item_center { display: block; top: 8px; } .header .menu_item_bottom { bottom: 0; } .header .menu_body.show .menu_item_top { top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header .menu_body.show .nav_menu_item { height: 4px; } .header .menu_body.show .menu_item_center { opacity: 0; } .header .menu_body.show .menu_item_bottom { bottom: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .header .inheader .menu { position: fixed; width: 100%; height: calc(100vh - 60px); top: 60px; background:#fff; left:0px; padding: 0 15px; box-sizing: border-box; overflow:auto; overflow-x:hidden; margin-left:0px; } .header .inheader .menu > li { display: block; height: auto; width: 100%; text-align: left; padding: 0; box-sizing: border-box; border-top: 1px solid #f2f2f2; margin-left:0px; } .header .inheader .menu > li > a { display: block; line-height: 60px; padding-left: 15px; float: left; width: calc(100% - 60px); font-size: 18px; color: var(--com-color) !important; text-align:left; } .header .inheader .menu > li.active, .header .inheader .menu > li:hover { background: none; border-top: 1px solid #f2f2f2; } .header .inheader .menu{ display:none; } .menu li .icon-ctrl{ display: inline; position: absolute; right: 0; width: 60px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); text-align: center; line-height: 60px; } .menu li.hover > .icon-ctrl { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header .menu > li .subnav { position: static; opacity: 1; transform: translateY(0); visibility: visible; background: none; clear: both; padding:0px; display: none; transition: none; height:auto; width:100%; } .header .menu > li .subnav ul { transform: none; height: auto; width: 100%; display: block; overflow: hidden; } /*二级导航*/ .header .menu > li .subnav > ul > li { border-top: 1px solid #f2f2f2; border-bottom:0px; position:relative; margin:0px; float:none; } .header .menu > li .subnav > ul > li:first-child{ border:0px; } .header .menu > li .subnav > ul > li > h2{ display:flex; justify-content:space-between; font-size:16px; padding:0 25px; height: 50px; line-height: 50px; } .header .menu > li .subnav > ul > li > h2 .icon-ctrl{ width:50px; line-height:50px; height: 50px; padding:0px; right: 11px; top: 0; } .header .menu > li .subnav > ul > li.activeadd > h2 .icon-ctrl{ right: 7px; top: -4px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header .menu > li .subnav > ul > li > h2 > span, .header .menu > li .subnav > ul > li > h2 > a{ width:80%; text-align:left; } .header .menu > li .subnav > ul > li > h2 > span, .header .menu > li .subnav > ul > li > h2 > .icon-ctrl, .header .menu > li .subnav > ul > li > h2 > a{ color: var(--com-color); } .header .menu > li .subnav > ul > li:hover > h2 > span, .header .menu > li .subnav > ul > li:hover > h2 > .icon-ctrl, .header .menu > li .subnav > ul > li:hover > h2 > a, .header .menu > li .subnav > ul > li.active > h2 > span, .header .menu > li .subnav > ul > li.active > h2 > .icon-ctrl, .header .menu > li .subnav > ul > li.active > h2 > a{ color: var(--com-color-r); } .header .menu > li .subnav > ul > li .product-three{ display:none; } /*二级导航*/ /*三级导航*/ .header .menu > li .subnav > ul > li .product-three > li { border-top: 1px solid #f2f2f2; border-bottom:0px; position:relative; margin:0px; float:none; } .header .menu > li .subnav > ul > li .product-three > li > h2{ display:flex; justify-content:space-between; font-size:14px; padding:0 40px; height: 40px; line-height: 40px; } .header .menu > li .subnav > ul > li .product-three > li > h2 .icon-ctrl{ width:40px; line-height:40px; height: 40px; padding:0px; right: 30px; top: 0; } .header .menu > li .subnav > ul > li .product-three > li.activeadd > h2 .icon-ctrl{ right: 26px; top: -4px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header .menu > li .subnav > ul > li .product-three > li > h2 > span, .header .menu > li .subnav > ul > li .product-three > li > h2 > .icon-ctrl{ color: var(--com-color); } .header .menu > li .subnav > ul > li .product-three > li:hover > h2 > span, .header .menu > li .subnav > ul > li .product-three > li:hover > h2 > .icon-ctrl, .header .menu > li .subnav > ul > li .product-three > li.active > h2 > span, .header .menu > li .subnav > ul > li .product-three > li.active > h2 > .icon-ctrl{ color: var(--com-color-r); } .header .menu > li .subnav > ul > li .product-three > li .product-four{ display:none; } /*三级导航*/ /*四级导航*/ .header .menu > li .subnav > ul > li .product-three > li > .product-four > li{ border-top: 1px solid #f2f2f2; border-bottom:0px; position:relative; margin:0px; float:none; } .header .menu > li .subnav > ul > li .product-three > li > .product-four > li > a{ text-align:left; font-size:13px; padding:0 60px; font-weight:bold; height: 30px; line-height: 30px; color: var(--com-color); display:block; } .header .menu > li .subnav > ul > li .product-three > li > .product-four > li:hover > a, .header .menu > li .subnav > ul > li .product-three > li > .product-four > li.active > a{ color: var(--com-color-r); } /*四级导航*/ .header .inheader .menu > li:hover > a{ color:#ac053d; } .header .inheader .menu > li.active:after, .header .inheader .menu > li:hover:after { display:none; } .header .inheader .menu > li:nth-child(5){ margin-left:0px; } .header .inheader .menu li > a span { display: inline-block; padding:0px; } .header .inheader .menu li > a span:nth-child(2){ margin-top:0px; margin-left:15px; } .header .inheader .menu li.active > a { color: #ac053d !important; } .header .inheader .menu li.active > a { } .header .inheader .menu li > a span::after { bottom: 10px; } .index_banner { margin-top: 60px; } .search_show .keywords { width: 140px; height: 24px; line-height: 24px; padding: 0 15px; font-size: 12px; } .search_show button { height: 24px; width: 14px; padding-right: 15px; background-size: 14px auto; } .search_show { margin: 0 15px 0 0; } .header_lang { display:none; } .ullang{ display:block !important; } .com_title .t { font-size: 30px; line-height:1.5; } .com_title .b { font-size: 15px; margin-top: 15px; } .index_01 { margin-top:20px; } .index_01_con { padding: 30px 15px 20px; } .index_01_con_top .text { font-size: 14px; margin-top:15px; } .index_01_con_bottom { margin-top: 0px; } .index_01_con_bli{ width:calc(50% - (20px / 2)); margin-top:15px; } .index_01_con_bli .t { font-size: 28px; } .index_01_con_bli .b { font-size: 12px; margin-top: 10px; } .index_01_con_top .img,.index_01_con_top .text { width: 100%; } .index_02_con .swiper-slide .text { padding: 20px 15px; width: 100%; } .index_02_con .swiper-slide .img{ width: 100%; } .index_02_con .swiper-slide .text .t_t { font-size: 18px; } .index_02_con .swiper-slide .text .t_b { font-size: 14px; margin: 15px 0; } .index_02_con .swiper_pagination_01 { right: 0 !important; width:100% !important; text-align:center; justify-content: center; bottom: 15px !important; } .swiper_pagination_spe .swiper-pagination-bullet { width: 40px; height: 3px; margin-left: 8px; } .left_li { width:calc(50% - (45px / 2)); margin-left:15px; } .left_li .text { margin-top: 15px; } .right_div{ width:calc(100% - 30px); margin-left:15px; margin-top:30px; } .index_03_list{ width:calc(50% - (15px * 1) / 2); margin-left:15px; margin-bottom:20px; } .index_03_list:nth-child(3n+1){ margin-left:15px; } .index_03_list:nth-child(2n+1){ margin-left:0px; } .index_03_con { padding: 30px 0 20px; } .index_03_list .text { font-size: 14px; padding: 0 30px; } .index_03_list .text span { transform: translateY(-6px); } .index_05_list { width: 49%; margin-left: calc((100% - (49% * 2)) / 1); margin-top:20px; } .index_05_list:nth-child(5n+1){ margin-left: calc((100% - (49% * 2)) / 1); } .index_05_list:nth-child(2n+1){ margin-left:0px; } .index_05_list:nth-child(-n+5){ margin-top:20px; } .index_05_list:nth-child(-n+2){ margin-top:0px; } .footer_t{ padding:35px 0 15px; } .footer_t_l_t img{ height:36px; } .footer_t_l_b{ margin-bottom:35px; } .footer_t_l_b_l img{ width:80px; } .footer_t_l_b_l .t{ font-size:14px; margin-top:10px; } .footer_t_l_b_r{ margin-left:30px; } .footer_t_l_b_r .t{ font-size: 18px; margin:3px 0 15px; } .footer_t_l_b_r .b{ font-size: 20px; } .footer_t_r{ flex-wrap:wrap; } .footer_t_r_li{ margin-left:0px; width:25%; } .footer_t_r_li:nth-child(2){ width: calc(50% - 30px); margin: 0 15px; } .footer_t_r_li_b{ width: 100%; } .footer_t_r_li:nth-child(2) .footer_t_r_li_b{ width: 100%; } .footer_t_r_li:first-child{ margin-left:0px;; } .footer_t_r_li:last-child{ width:100%; margin-left:0px; margin-top:20px; } .footer_t_r_li .t{ font-size: 16px; margin-bottom:12px; } .footer_t_r_li .b{ font-size: 13px; line-height:2.2; } .footer_b{ padding:10px 0 ; font-size:13px; line-height:1.75; } .sidebar_b #backTop { padding: 10px 0; width: 55px; } .sidebar_b #backTop img { width: 18px; } .index_banner_swiper .text{ background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(2px); top: 0; } .index_banner_swiper .text.text_white{ background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(3px); } .index_banner_swiper .text .text_t { font-size: 16px; } .index_banner_swiper .text .text_b { width: 60px; height: 3px; margin-top: 10px; } .index_banner_swiper .text .text_c { margin-top: 10px; width: 100%; font-size: 12px; line-height: 1.5; } .p_s_01_c_in_t{ flex-wrap:wrap; justify-content: left; } .p_s_01_c_in_t a { margin: 15px 2.5% 0; padding: 10px 0; font-size: 16px; width: 45%; text-align: center; display: flex; justify-content: center; flex-direction: column; } .p_s_01_c_in_t a:nth-child(-n+2){ margin-top:0px; } .p_s_01_c_in_t_c{ flex-wrap:wrap; } .p_s_01_c_in_t_c .text,.p_s_01_c_in_t_c .img{ width:100%; } .p_s_01_c_in_t_c .text{ margin-bottom:20px; } .p_s_01_c_in_t_c .text .t { font-size: 22px; } .p_s_01_c_in_t_c .text .b { font-size: 15px; margin: 20px 0 30px; } .t_a_02{ width:120px; font-size:13px; padding:10px 0; } .t_a_02 img{ margin-left:6px; transform:translateY(5px); height:5px; } .pro_style01_03_con_in .swiper .swiper-slide{ align-items: flex-start; align-content: flex-start; } .pro_style01_03_list{ width:calc(50% - (15px * 1) / 2); margin-left:15px; margin-top:20px; padding:25px 15px 60px; width: 75%; margin-left:25%; } .pro_style01_03_list:nth-child(3n+1){ margin-left:25%; } .pro_style01_03_list:nth-child(-n+3){ margin-top:20px; } .pro_style01_03_list:nth-child(-n+1){ margin-top:0px; } .pro_style01_03_list:nth-child(2n+1){ margin-left:0; } .pro_style01_03_list .t { font-size: 16px; } .pro_style01_03_list .b { font-size: 14px; margin-top: 12px; } .pro_style01_04_list{ width:calc(50% - (15px * 1) / 2); margin-left:15px; margin-top:20px; } .pro_style01_04_list:nth-child(5n+1){ margin-left:15px; } .pro_style01_04_list:nth-child(-n+5){ margin-top:20px; } .pro_style01_04_list:nth-child(2n+1){ margin-left:0px; } .pro_style01_04_list:nth-child(-n+2){ margin-top:0px; } .pro_style02_01_list{ width:100%; margin-left:0; margin-top:20px; } .pro_style02_01_list .img .b .bin { padding:10px 20px; } .pro_style03_01_list .img { padding: 36% 0; } .pro_style02_01_list .img { padding: 36% 0; } .pro_style0401_01_list .img { padding: 36% 0; } .pro_style02_01_list .img .b { font-size: 14px; } .pro_style03_01_list{ width:100%; margin-left:0; margin-top:20px; } .pro_style03_01_list:nth-child(3n+1){ margin-left:0; } .pro_style03_01_list:nth-child(-n+2){ margin-top:20px; } .pro_style03_01_list:nth-child(-n+1){ margin-top:0px; } .pro_style0402_01_list{ width:100%; margin-left:0; margin-top:20px; } .pro_style0402_01_list:nth-child(4){ margin-left:0px; } .pro_style0402_01_list:nth-child(5){ margin-left:0; } .pro_style05_01_list{ width:100%; margin-left:0; margin-top:20px !important; } .pro_style05_01_list:nth-child(1){ margin-top:0 !important; } .case_01_con_t { font-size: 18px; } .case_01_con_b { font-size: 30px; margin: 15px 0 30px; line-height: 1.5; } .case_01_con_c { font-size: 15px; line-height: 1.75; } .case_01_con { padding: 70px 0; } .case_02_list { width: calc(33.33% - (15px * 2) / 3); margin-left: 15px; margin-top: 15px; } .case_02_list:nth-child(6n+1){ margin-left:15px; } .case_02_list:nth-child(-n+6){ margin-top:20px; } .case_02_list:nth-child(3n+1){ margin-left:0; } .case_02_list:nth-child(-n+3){ margin-top:0; } .case_03_left { width: 70%; margin: 0 auto; } .case_03_right { width: 100%; } .case_03_right_con{ border-radius: var(--border-radius); border-top-left-radius: 0px; border-top-right-radius: 0px; } .case_03_right_con .img_list { width: 100%; display:flex; justify-content:center; } .case_03_right_con .img_list .img { margin-top: 12px; width: 45px; height: 45px; padding:0px; margin-top:0px; margin-left:15px; } .case_03_right_con .img_list .img:first-child{ margin-left:0px; } .case_03_right_con .text_list { width: 100%; } .case_03_right_con { padding: 25px 25px; } .case_03_right_con .text_list .img img { height: 40px; } .case_03_right_con .text_list .t { font-size: 16px; margin: 10px 0 20px; } .case_03_right_con .text_list .text_con{ margin-top:15px; } .case_03_right_con .text_list .b { font-size: 13px; margin-bottom: 20px; } .case_04_con .case_04_list .case_04_t { font-size: 20px; padding-left: 12px; } .case_04_cli { width: 100%; margin-left: 0; border-radius: 10px; margin-bottom:20px; } .case_04_cli:nth-child(4n+1){ margin-left:0; } .case_04_cli:nth-child(-n+1){ margin-top:0; } .case_04_cli .t, .case_04_cli .b, .case_04_cli .c { padding: 0 15px; } .case_04_cli .t { font-size: 14px; margin: 15px 0; } .case_04_cli .b span { padding: 5px 7px; font-size: 13px; border-radius: 4px; margin-left: 10px; } .case_04_cli .b { padding-bottom: 15px; } .case_04_cli .c { padding-top: 15px; padding-bottom: 15px; } .case_04_c .mySwiper_08{ padding:15px 0; } .case_04_cli .c span { width: 100px; height: 40px; } .case_04_cli .c a { padding: 0 45px 0 12px; height: 32px; line-height: 32px; font-size: 13px; margin-top: calc((40px - 32px) / 2); } .case_04_cli .c a img { height: 20px; right: calc((32px - 20px) / 2); } .case_04_a { padding-top: 30px; } .case_04_a a { font-size: 12px; padding: 6px 16px; } .case_show_01_con { width: calc(100% - 30px); padding: 15px; } .case_show_01_con .img { width: 70px; height: 70px; } .case_show_01_con .text { margin-left: 15px; } .case_show_01_con .text .tt { font-size: 18px; line-height:1.6; } .case_show_01_con .text .tt span { font-size: 12px; margin-left: 0px; display:block; margin-top:8px; } .case_show_01_con .text .tb { font-size: 13px; margin-top: 8px; } .case_show_02_con { padding: 10pxpx 0; } .case_show_02_list{ width:50%; margin:10px 0; border-left: 1px solid #e4e4e4; } .case_show_02_list:nth-child(2n+1){ border:0px; } .case_show_02_list:nth-child(5){ margin-left:25%; } .case_show_02_list .tt { font-size: 28px; } .case_show_02_list .tb { font-size: 15px; margin-top: 10px; } .case_show_03_con_bigt { font-size: 18px; } .cs03list_t { font-size: 18px; } .cs03list_b { font-size: 14px; margin-top: 20px; } .cs03list_cli_wai { width: 100%; margin-left: 0; margin-top:15px; } .cs03list_cli_wai:first-child{ margin-top:0px; } .cs03list_cli_wai > img,.case_show_03_02 > img { display: none; } .cs03list_dli { width: 100%; padding: 25px 15px; margin-top: 15px; margin-left: 0; } .cs03list_dli:nth-child(-n+2){ margin-top:15px; } .cs03list_dli:first-child{ margin-top:0px; } .cs03list_dli .cs03list_dli_t { font-size: 16px; } .cs03list_dli .cs03list_dli_b { font-size: 13px; margin-top: 12px; } .cs03list_dli > img { height: 45px; bottom: 15px; right: 20px; } .cs03list_d{ margin-top:35px; } .cs03list_cli > img { width: 17.93%; position: absolute; top: 8%; right: 42.59%; } .mySwiper_04 { width: 100%; margin-left: 15px !important; overflow: unset !important; } .mySwiper_04 .swiper-slide .text .logo { width: 54px; height: 54px; left: 15px; } .mySwiper_04 .swiper-slide .t { font-size: 14px; padding: 30px 15px 0; } .mySwiper_04 .swiper-slide .b { padding: 10px 15px; margin-top:12px; } .mySwiper_04 .swiper-slide .b span { padding: 6px 6px; font-size: 12px; margin-left: 6px; } .drop-down{ display:none !important; } .page_div{ padding-top:25px; } .page_div li a,.page_div li span{ width:26px; height:26px; line-height:26px; font-size:13px; margin:0 3px; } .us_tab_con a { padding: 0 15px; font-size: 14px; } .us_01_video video { width: 100%; } .us_01_02_con { font-size: 14px; margin: 10px auto 15px; } .us_01_02 > img { width: 116%; margin-left: -8%; } .us_01_03_list { width: 100%; margin-left: 0; margin-top: 20px; padding: 15px 0; border-radius: 10px; } .us_01_04_tab_in { width: 100%; } .us_01_04_tab_li .t { font-size: 14px; line-height: calc(14px * 1.5); height: calc(14px * 1.5); } .us_01_04_tab_li.active .t { font-size: 18px; } .us_01_04_tab_li .b { font-size: 12px; line-height: calc(12px * 1.4); height: calc(12px * 1.4); } .us_01_04_tab_li { width: calc(33.33% - (30px / 3)); padding: 12px 0; } .us_01_04_tab_li:nth-child(2) { margin: 0 calc(30px / 2); } .us_01_04_con01_tab_li .t { font-size: 16px; margin-bottom: 5px; height: 18px; line-height: 18px; } .us_01_04_con01_tab_li .p img { width: 10px; } .us_01_04_con01_tab_li { margin: 0 10px; } .us_01_04_con01_con_list { width: 100%; margin-top: 20px; padding: 20px 20px; } .us_01_04_con01_con_list .b{ height: 220px; padding-right: 10px; } .news_tab a{ margin:0 12px; padding:10px 24px; font-size:16px; } .news_list{ width:100%; margin-left:0; margin-top:20px; } .news_list .text{ padding:20px; padding-top:10px; } .news_list .text .t{ font-size:16px; } .news_list .text .b{ font-size:13px; margin-top:6px; } .news_conshow_left{ width:100%; } .news_conshow_right{ width:100%; margin-top:30px; } .news_conshow_left .news_conshow_t{ font-size: 24px; } .news_conshow_left .news_conshow_b{ font-size: 13px; margin:20px 0; } .news_conshow_left .news_conshow_b span{ margin:0 5px; } .news_conshow_left .news_conshow_c{ padding:10px 15px; font-size: 15px; line-height:2; } .news_conshow_d{ flex-wrap:wrap; } .news_conshow_d a{ width:100%; padding:12px 15px; margin-top:10px; } .news_conshow_d a .t{ padding-bottom:6px; margin-bottom:12px; } .news_conshow_d a .t img{ height:15px; margin-right:5px; } .news_conshow_d a .t span{ font-size: 13px;line-height:15px; } .news_conshow_d a .b{ font-size: 13px; } .news_conshow_right .n_c_r_t{ font-size: 16px; padding-bottom:12px; margin-bottom:5px; } .n_c_r_c01 a.n_c_r_c01_list{ margin-top:10px; } .n_c_r_c01 a.n_c_r_c01_list .text .t{ font-size: 13px; } .n_c_r_c01 a.n_c_r_c01_list .text .b{ font-size: 12px; } .n_c_r_c02 > div{ font-size: 13px; padding:5px 8px; margin-top:6px; margin-right:10px; } .us_03_01_t { font-size: 14px; } .us_03_02_list .img,.mySwiper_05 .us_03_02_list .img{ width:100%; } .us_03_02_list .text,.mySwiper_05 .us_03_02_list .text{ width:100%; padding:25px 20px; } .us_03_02_list { border-radius: 30px 0px 30px 0px; } .us_03_02_list .text .logo img { height: 22px; } .us_03_02_list .text .t { font-size: 16px; margin: 15px 0 40px; } .us_03_02_list .text .bli { margin-bottom: 15px; } .mySwiper_05 .us_03_02_list .text .bli { margin-bottom: 15px; } .us_03_02_list .text .bli span img { height: 15px; margin-right: 5px; } .us_03_02_list .text .bli div { font-size: 13px; line-height: 15px; } .mySwiper_05 .us_03_02_list .text .ttop { font-size: 22px; } .mySwiper_05 { border-radius: 30px 0px 30px 0px; } .us_03_04_list { width: calc(50% - (15px * 1) / 2); margin-left: 15px; margin-top: 15px; padding: 15px; } .us_03_04_list:nth-child(3n+1){ margin-left:15px; } .us_03_04_list:nth-child(-n+3){ margin-top:15px; } .us_03_04_list:nth-child(2n+1){ margin-left:0px; } .us_03_04_list:nth-child(-n+2){ margin-top:0px; } .us_03_04_list .text .t { font-size: 15px; } .us_03_04_list .text .b { font-size: 13px; margin-top: 6px; } .mySwiper_06 .swiper-slide .img .img_in { height: 30px; } .mySwiper_06 .swiper-slide .t { font-size: 15px; margin: 12px 0 15px; line-height: 1.6; height: calc(15px * 1.6 * 2); } .mySwiper_06 .swiper-slide .b { font-size: 13px; line-height: 1.6; height: calc(13px * 1.6 * 10); } .mySwiper_06 .swiper-slide .a{ margin-top:14px; } .mySwiper_06 .swiper-slide .a a{ padding:6px 18px; font-size: 12px; } .mySwiper_06{ padding:20px 0 !important; width:calc(100% + 20px); margin-left:-10px !important; } .mySwiper_06 .swiper-slide{ padding:0 10px; } .mySwiper_06 .swiper-slide .swiperslide_in{ border: 2px solid #fff; border-radius: 8px; padding: 18px 15px; } .us_04_01{ padding:40px 0; } .us_04_01_list{ padding:35px 0; padding-left:20px; width:100%; border-radius: 6px; margin-top:15px; } .us_04_01_list:first-child{ margin-top:0px; } .us_04_01_list .t{ font-size: 20px; } .us_04_01_list .b{ font-size: 13px; margin-top:20px; } .mySwiper_07{ width:calc(100% + 40px); margin-left:-20px !important; padding:15px 0 !important; } .mySwiper_07 .swiper-slide .left_img, .mySwiper_07 .swiper-slide .right_img{ width:100%; } .mySwiper_07 .swiper-slide{ padding:0 20px; flex-wrap:wrap; } .mySwiper_07 .swiper-slide .left_img{ border:8px solid #fff; } .mySwiper_07 .swiper-slide .right_img .right_img_list{ border:8px solid #fff; margin-top:15px; } .mySwiper_07 .swiper-slide .img_in .t{ font-size:20px; padding:6px 15px; border-radius: 14px 0px 0px 0px; transform:translateY(0%) !important; } .us_04_03_list{ width:100%; } .us_04_03_list .t{ font-size:18px; padding:20px 0; } .us_04_04_list{ width:calc(50% - (16px * 1) / 2); margin-left:16px; padding:30px 15px 30px; margin-top:16px; } .us_04_04_list:nth-child(5n+1){ margin-left:10px; } .us_04_04_list:nth-child(2n+1){ margin-left:0px; } .us_04_04_list:nth-child(-n+2){ margin-top:0px; } .us_04_04_list .img img{ width:50px; } .us_04_04_list .t{ font-size:16px; margin:6px 0 18px; } .us_04_04_list .b{ font-size: 13px; } .solution_01_list{ width:calc(50% - (15px * 1) / 2); margin-left:15px; margin-top:15px; } .solution_01_list:nth-child(4n+1){ margin-left:15px; } .solution_01_list:nth-child(2n+1){ margin-left:0px; } .solution_01_list:nth-child(-n+2){ margin-top:0px; } .solution_01_list .text .icon img{ width:54px; } .solution_01_list .text .t{ font-size:16px; margin:8px 0 15px; } .solution_01_list .text .b{ font-size: 13px; padding:0 15px; height: auto; opacity: 1; } .solution_02_list { width:100%; margin:15px 0 0 0 !important; } .solution_02_list:nth-child(-n+1){ margin-top:0px !important; } .solution_02_con .solution_02_bg{ display:none; } .solution_02_list .t div { font-size: 16px; } .solution_02_list .t img { height: 18px; margin-right: 6px; } .solution_02_list .t { width: 70%; padding: 12px 0; } .solution_04_left { width: 100%; display:flex; flex-wrap:wrap; flex-direction: row; justify-content: unset; margin-bottom:20px; } .solution_04_right { width: 100%; } .solution_04_right_li .text { width: 100%; } .solution_04_right_li .img { width: 100%; margin-top:15px; } .solution_04_right_li { flex-wrap:wrap; } .solution_04_left_li { margin: 10px 0; width: 33.33%; } .solution_04_left_li div { padding: 8px 16px; font-size: 14px; } .solution_04_left_li span { width: 8px; height: 8px; margin-right: 4px; margin-top: 12px; } .solution_04_right_li { border-radius: 8px; padding: 30px 15px; } .solution_04_right_li .text .t { font-size: 16px; } .solution_04_right_li .text .b { font-size: 14px; margin: 12px 0 15px; } .solution_04_right_li .text .a a { padding: 8px 20px; margin-right: 15px; font-size: 13px; } .new_index_01_tab{ flex-wrap:wrap; } .new_index_01_tab a{ padding:8px 0; font-size:14px; width:50%; } .new_index_01_text_con{ padding:25px 15px 25px 15px; position:relative; overflow:hidden; } .new_index_01_text_con::after{ position:absolute; width:100%; height:100%; top:0px; left:0px; content:" "; background:rgba(255,255,255,0.8); z-index:0; } .new_index_01_text_con.text_white::after{ background:rgba(0,0,0,0.4); } .new_index_01_text_con .t, .new_index_01_text_con .b, .new_index_01_text_con .a{ position:relative; z-index:1; width: 100%; } .new_index_01_text_con .t img{ height:18px; margin-top:calc((24px - 18px) / 2); } .new_index_01_text_con .t div{ font-size: 24px; } .new_index_01_text_con .t i{ margin:0 8px; } .new_index_01_text_con .b{ font-size: 14px; margin:10px 0 12px; line-height:1.5; } .new_index_01_text_con .a a{ font-size: 12px; padding:5px 10px; margin:10px 10px 0 0; } .new_index_02_list{ width:calc(50% - (15px * 1) / 2); margin-left:15px; margin-top:15px; border-radius: 6px; } .new_index_02_list:nth-child(5n+1){ margin-left:15px; } .new_index_02_list:nth-child(-n+5){ margin-top:15px; } .new_index_02_list:nth-child(2n+1){ margin-left:0px; } .new_index_02_list:nth-child(-n+2){ margin-top:0px; } .mySwiper_09{ padding:10px 0 !important; width:calc(100% + 20px); margin-left:-10px !important; } .mySwiper_09 .swiper-slide{ padding:0 10px; } .mySwiper_09 .swiper-slide .new_index_03_list{ border-radius: 6px; } .mySwiper_09 .swiper-slide .text{ padding:15px; } .mySwiper_09 .swiper-slide .text .logo img{ max-height:24px; } .mySwiper_09 .swiper-slide .text .t{ font-size: 13px; margin:10px 0; line-height:1.7; height:calc(14px * 1.7 * 4); -webkit-line-clamp: 4; } .mySwiper_09 .swiper-slide .text .a a{ padding:6px 15px; font-size: 12px; } .new_index_04_tli{ width:100%; } .new_index_04_tli:nth-child(2){ margin:15px 0; } .new_index_04_tli .t .counter{ font-size:32px; } .new_index_04_tli .t .span01{ font-size:18px; } .new_index_04_tli .b{ font-size: 14px; margin:10px auto 0; width:70%; } .new_index_04_bli{ padding:0 15px 15px; font-size: 13px; width:calc(50% - (15px * 1) / 2); margin-left:15px; margin-top:20px; } .new_index_04_bli:nth-child(6n+1){ margin-left:15px; } .new_index_04_bli:nth-child(2n+1){ margin-left:0; } .new_index_04_bli:nth-child(-n+2){ margin-top:0; } .new_index_04_bli .line{ width:90%; height:1px; margin:3px auto 6px; } .new_index_04_bli .t { line-height: 1.6; } .new_index_05_list{ padding:15px 0; width:50%; } .new_index_05_list .img{ height:50px; } .new_index_05_list .img img{ max-height:50px; } .new_index_05_list .t{ font-size: 14px; margin:15px auto 0; } .us_01_01 .us_01_01_text_top{ font-size: 20px; } .mess_incon{ width:calc(100% - 30px); padding:20px ; top: -115%; } .mess_div.show .mess_incon{ top: 15%; } .mess_top span{ font-size: 18px; } .mess_top img{ width:18px; height: 18px; margin-top: 0; margin-right: -8px; } .mess_list{ margin-top: 18px; width: calc(100% - 12px); } .mess_list span{ font-size: 12px; width: 12px; } .mess_list input,.mess_list textarea{ width: calc(100% - 12px); height: 28px; line-height: 28px; font-size: 12px; padding: 0 10px; } .mess_list textarea{ padding:8px 12px; line-height: 1.5; height: 100px; } .sidebar.ishidden .sidebar_b{ opacity: 1 !important; } .sidebar.ishidden{ bottom: 5% !important; } .new_pro_tab .swiper-slide { font-size: 14px; } .new_pro_tab .swiper-button-next::after, .new_pro_tab .swiper-button-prev::after { font-size: 15px !important; } .p_s_01_c_in_t_c .img img.mainimg{ border-radius: 15px; border: 5px solid #fff; } .index_banner_swiper.index_banner_swiper_index .text .text_t{ width: 100%; font-size: 16px; } .index_banner_swiper.index_banner_swiper_index .text .text_c { margin-top: 10px; width: 100%; font-size: 12px; line-height: 1.5; } .index_banner_swiper .text .text_a a { padding: 5px 10px; font-size: 12px; } .index_banner_swiper .text .text_a a span { margin-right: 3px; } .index_banner_swiper .text .text_a a img { height: 2px; } .realindex_banner .index_banner_swiper .text { background: none; backdrop-filter: unset; } .index_banner.realindex_banner img, .index_banner.realindex_banner video { width: 120%; margin-left: -10%; } .index_banner img, .index_banner video { width: 140%; margin-left: -20%; } }