@media all and (min-width:320px) and (max-width:1000px){ body.menushow { overflow: hidden; width: 100%; } .mt100 { margin-top: 30px; } .mb100 { margin-bottom: 30px; } .mt60{ margin-top:20px; } .mb60{ margin-bottom:20px; } #main { z-index: 113; } #noneheader{ height:60px; } .header .inheader{ height:60px; } .header .inheader .menu > li{ height:60px; line-height:60px; } .header_search .header_search_in { height: 60px; } .header .inheader .logo img { height: 36px; } .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: 23px; float:right; cursor:pointer; } .header .nav_menu_item { width: 100%; height: 3px; background: #004998; position: absolute; -webkit-transition: .36s ease; -o-transition: .36s ease; -moz-transition: .36s ease; transition: .36s ease; border-radius:6px; } .header.show .nav_menu_item { background: #004998; } .header.yanse .nav_menu_item { background: #004998; } .header .menu_body.show .nav_menu_item,.header.show .menu_body.show .nav_menu_item,.header.yanse .menu_body.show .nav_menu_item{ background:#004998; } .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; } .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: 50px; padding-left: 15px; float: left; width: calc(100% - 60px); font-size: 14px; color: #4B4B4B; 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_nav_item{ display: inline; position: absolute; right: 0; width: 50px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); text-align: center; line-height: 50px; } .menu li.active .icon_nav_item{ color: #004998; } .menu li.hover .icon_nav_item { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .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; } .header .menu > li .subnav ul { transform: none; height: auto; width: 100%; display: block; overflow: hidden; } .header .menu > li .subnav a { display: block; text-align: left; font-size: 12px; color: #999; line-height: 36px; padding-left: 30px; border-top: 1px solid #f2f2f2; } .header .menu > li .subnav li:first-child a{ border:0px; } .header .menu > li .subnav li{ margin:0px; float:none; height: 35px; line-height: 35px; } .header .menu > li .subnav li:hover:before, .header .menu > li .subnav li.active:before{ display:none; } .header .menu > li .subnav li a { font-size: 13px; line-height: 34px; } .header .inheader .menu > li:hover > a, .header .menu > li .subnav li a:hover, .header .menu > li .subnav li a.active{ color:#d81f00; } .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: #d81f00 !important; } .header .inheader .menu li.active > a { font-size: 14px; } .header_search { margin-left: 0; margin-right: 15px; } .header_search .header_search_in img { height: 18px; margin-top: 8px; } .search_show form { width: 250px; padding: 10px; font-size: 12px; } .search_show form button,.search_show form input { height: 24px; font-size:13px; line-height: 24px; } .index_banner .swiper-button-next::after, .index_banner .swiper-button-prev::after { font-size: 20px; } .swiper_pagination_index{ bottom:5px; } .swiper_pagination_index .swiper-pagination-bullet { width: 15px; height: 2px; margin: 0 2px; } .index_01_in { display: block; } .index_01_left { width: 100%; } .index_01_right { width: 100%; display:block; } .index_01_right_list { height: auto; margin: 15px 0; } .index_01_right_list .index_01_list { padding: 14.18% 0; } .index_01_right_list.index_01_right_list_end .index_01_list { padding: 14.18% 0; } .flex_right{ display:none; } .footer_01 { padding: 30px 0; } .footer_01_in{ flex-wrap:wrap; } .footer_01_left{ width:100%; flex-wrap:wrap; } .footer_01_left a:first-child > img { height: 45px; } .footer_01_left a:first-child { margin-left: 0px; width: 100%; text-align: center; } .footer_01_left a { font-size: 14px; line-height: 30px; margin-left: 0; text-align: center; width: 25%; } .footer_01_right { display: flex; width: 100%; justify-content: center; margin-top: 30px; } .footer_02 { padding: 10px 0; font-size: 12px; line-height: 1.5; } .page_div_left { width: 100%; border-right: 1px solid #e6e6e6; float: none; } .page_div_left_list_top a { font-size: 14px; } .page_div_left_list_top { padding: 0 15px; line-height: 36px; } .page_div_right { width: calc(100% - 30px); margin-right: auto; margin-left: auto; float: none; } .page_div_right_title { font-size: 18px; margin-bottom: 20px; } .us_03_01_list { margin-top: 15px; width:100%; } .us_03_01_list:nth-child(-n+2) { margin-top: 15px; } .us_03_01_list:nth-child(-n+1) { margin-top: 0px; } .us_03_01_list .text { font-size: 16px; margin-top: 15px; } .solution_list { padding: 15px 0; } .solution_list .img { width: 100%; } .solution_list .text { width: 100%; padding: 15px; } .solution_list .text .t { font-size: 16px; } .solution_list .text .b { font-size: 14px; margin: 10px 0 25px; } .solution_list .text .c { font-size: 12px; } .us_05_list .text { line-height:1.5; } .us_05_list { padding: 25px 0; width:48.5%; margin-top:15px; } .us_05_list:nth-child(-n+2){ margin-top:0px; } .us_03_02_list_top { line-height: 24px; padding: 15px; } .us_03_02_list_top .b { width: 24px; height: 24px; line-height: 22px; font-size: 14px; } .us_03_02_list_top .t { font-size: 14px; width: calc((100% - 24px)/3); } .us_03_02_list_bottom { padding: 15px; } .us_02_list { width:48.5%; margin-top:15px; } .us_02_list:nth-child(-n+2){ margin-top:0px; } .us_01_left{ width:100%; margin-bottom:20px; } .us_01_right{ width:100%; } .us_01_btm_list { padding: 20px 15px; width: 100%; margin-top:15px; } .us_01_btm_list:first-child{ margin-top:0px; } .pagenews_con .newsli{ width:100%; padding-bottom:70px; } .index_02_con_list.pagenews_con .swiper-slide .text { width: calc(100% - 30px); padding: 12px; border-radius: 4px; } .index_02_con_list.pagenews_con .swiper-slide .text .t { font-size: 16px; margin-bottom: 15px; } .index_02_con_list.pagenews_con .swiper-slide .text .b { font-size: 13px; } .newsshow_b { font-size: 12px; padding: 15px 0 15px; } .newsshow_c { font-size: 14px; margin: 15px 0; } .newsshow_c img { max-width: 100%; height:auto !important; } .service01_list{ padding:15px 10px; margin-top:15px; width:100%; } .service01_list:nth-child(-n+2){ margin-top:15px; } .service01_list:nth-child(-n+1){ margin-top:0px; } .service01_list .t{ font-size:14px; line-height:15px; margin-bottom: 5px; } .service01_list .b{ font-size:13px; line-height:15px; } .service01_list .img img{ height:18px; } .mapli{ margin-top:15px; width:100%; } .mapli:nth-child(-n+2){ margin-top:15px; } .mapli:nth-child(-n+1){ margin-top:0px; } .mapli .text .b { font-size: 12px; } .mapli .text { padding: 15px; } .pro_tab a { padding: 0 10px; font-size: 12px; line-height: 40px; border-width: 1px; } .pro_right_title { font-size: 18px; margin-bottom: 15px; } .pro_tab { margin-bottom: 20px; } .pro01_left{ width:100%; } .pro01_right{ width:100%; margin-top:20px; } .pro_right_title { line-height: 1.5; font-size: 17px; } .pro_else_div_table{ height:600px; line-height:24px; } .pro_else_notes { font-size: 12px; margin-top: 15px; } .pro05_div table{ max-width:100%; line-height:24px; } .pro05_div tbody tr:nth-child(2n+1){ font-size:13px; } .pro05_div tbody tr:nth-child(2n+2){ font-size:13px; } .pro05_div tbody tr:first-child{ font-size:14px !important; } .pro05_div tbody tr td{ padding:5px 5px; } .pro_else_div_table thead { display: revert; } .pro_else_div_table thead::before{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; content: " "; background: #fff; display: block; } .pro_else_div_table thead tr { font-size: 16px !important; line-height: 30px; } .pro_right_title a { font-size: 12px; padding: 8px 0; float: none; display: block; width: 200px; text-align: center; margin-top: 15px; } .service01_more a { padding: 7px 16px; font-size: 12px; } .proall_list .text { font-size: 13px; height: 30px; line-height: 30px; } .new_table_div table{ line-height: 32px; } .new_table_div table tr{ font-size: 12px; } .new_table_div table tr:first-child { font-size: 12px; } .table_top { width: 3000px; font-size: 15px; } .table_bottom{ width:3000px; font-size:13px; } .table_top .tt_list_list { height: 40px !important; line-height: 40px !important; } .table_top .tt_list { height: 80px !important; line-height: 80px !important; } .table_bottom .tb_right_list { height: 40px !important; line-height: 40px !important; } .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(1), .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(2){ height:calc(40px * 4); } .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(3), .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(4){ height:calc(40px * 3); } .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(5){ height:calc(40px * 4); } .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(6){ height:calc(40px * 2); } .table_bottom.table_bottom02 .tb_left .tb_left_list:nth-child(1){ height:calc(40px * 4); } .table_bottom.table_bottom02 .tb_left .tb_left_list:nth-child(2){ height:calc(40px * 6); } .table_bottom.table_bottom03 .tb_left .tb_left_list:nth-child(1){ height:calc(40px * 4); } .table_bottom.table_bottom03 .tb_left .tb_left_list:nth-child(2){ height:calc(40px * 5); } }