@charset "utf-8"; @font-face { font-family: "D-DIN"; src: url('../fonts/D-DIN.eot'); /* IE9 */ src: url('../fonts/D-DIN.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DIN.woff') format('woff'), url('../fonts/D-DIN.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DIN.svg#D-DIN') format('svg'); /* iOS 4.1- */ } @font-face { font-family: "D-DINExp"; src: url('../fonts/D-DINExp.eot'); /* IE9 */ src: url('../fonts/D-DINExp.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DINExp.woff') format('woff'), url('../fonts/D-DINExp.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DINExp.svg#D-DINExp') format('svg'); /* iOS 4.1- */ } body{ overflow-x:hidden !important; background:#fff; line-height:1.1; font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif; } body.pagebody{ background:#f4f7fe; } .bodybg{ background:#f5f6fa; } *{ outline:none; box-sizing:border-box; letter-spacing:1px; } .TXTovehid { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .clear{ clear:both; } .of_hid{ overflow:hidden; } a:hover{ color:#004998; } .w1500{ width:100%; padding:0 40px; margin:0 auto; } .w1200{ width:1200px; margin:0 auto; } .mt30{ margin-top:30px; } .mb30{ margin-bottom:30px; } .mt60{ margin-top:60px; } .mb60{ margin-bottom:60px; } .mt100{ margin-top:100px; } .mb100{ margin-bottom:100px; } .fwb{ font-weight:bold; } img.block100{ display:block; width:100%; } .transition04{ transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; } .transition0401{ transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .clearboth{ clear:both; } .textcenter{ text-align:center; } #main{ position:relative; z-index:211112; } .menu_body{ display:none; } .imgcom{ width:100%; overflow:hidden; position:relative; } .imgcom img{ position:absolute; height:88%; min-width:100%; left:50%; transform:translateX(-50%); top:0px; } .header_bg{ width:100%; height:8px; margin-top:6px; background:url(../images/header_bg.jpg) repeat-x; background-size:auto 100%; } .header{ width:100%; height:auto; position:fixed; top:0px; left:0px; z-index:111111111; } #noneheader{ height:100px; width:100%; } .header .inheader{ margin:0 auto; height:100px; position:relative; } .header .inheader .logo{ float:left; height: 100%; display: flex; flex-direction: column; justify-content: center; } .header .inheader .logo .logo_in{ display: flex; flex-direction: row; justify-content: space-between; } .header .inheader .logo img{ height:61px; } .header .inheader .logo .logo_in .text{ padding-left:20px; margin-left:20px; border-left:2px solid #b3b3b3; color:#b2b2b2; display: flex; flex-direction: column; justify-content: space-between; height: 86%; transform: translateY(7%); } .header .inheader .logo .logo_in .text .t{ font-size:24px; font-weight:bold; } .header .inheader .logo .logo_in .text .b{ font-size:16px; } .header .inheader .menu{ margin:0 auto; float:right; } .header .inheader .menu > li{ width:auto; text-align:center; box-sizing:border-box; float:left; position:relative; height:100px; line-height:100px; } .header .inheader .menu > li:first-child{ margin-left:0px; } .header .inheader .menu li > a{ color:#666; font-size:18px; text-align:center; } .header .inheader .menu li > a span{ display:block; padding:0 40px; } .header .inheader .menu > li:after{ position:absolute; width:100%; height:3px; background:#004998; bottom:0px; left:0%; content:" "; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .header .inheader .menu > li.active:after, .header .inheader .menu > li:hover:after{ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .header .inheader .menu li.active > a{ color:#004998 !important; } .header .inheader .menu li:marker{ display:none; } .menu li .icon_nav_item{ display:none; } .header .menu > li .subnav{ background: #f8f8f8; width: 100%; position: absolute; left: 0%; top: 100%; padding: 0px 0; visibility: hidden; opacity: 0; transform: translateY(-30px); transition: all .3s; text-align:left; border-top:1px solid #eee; width:100%; } .header .menu > li .subnav ul{ padding:10px 0; } .header .menu > li .subnav li{ line-height:40px; text-align:center; width:auto; position:relative; display:block; width:100%; } .header .menu > li .subnav li:first-child{ margin-left:0px; } .header .menu > li .subnav li:last-child{ margin-right:0px; } .header .menu > li .subnav li a{ font-size:16px; color:#fff; } .header .menu > li .subnav li a:hover, .header .menu > li .subnav li a.active{ color:#004998; } @media all and (min-width:769px){ .header .menu > li:hover .subnav{ visibility: visible; opacity: 1; transform: translateY(0); } } .header.yanse{ background:rgba(255,255,255,1); } .header.yanse.boxshadow{ box-shadow: 0px 8px 46px 0px rgba(52, 52, 52, 0.15); } .header.yanse .inheader .menu li > a{ color:#666; } .header.yanse .inheader .menu li > a:hover{ color:#004998; } .header.yanse .inheader .menu li li > a{ color:#333; } .header.yanse .inheader .menu li.active > a, .header.yanse .inheader .menu li:hover > a{ color:#004998 !important; } .header.yanse .inheader .menu > li.active:after, .header.yanse .inheader .menu > li:hover:after{ background:#004998; } .header.yanse .inheader .menu li li.active , .header.yanse .inheader .menu li li:hover{ background: #004998; } .header.yanse .inheader .menu li li.active > a, .header.yanse .inheader .menu li li:hover > a{ color:#fff !important; } .header_search{ float:right; position:relative; margin-left:35px; cursor:pointer; } .header_search .header_search_in{ display:flex; flex-direction:column; justify-content:center; height:100px; } .header_search .header_search_in img{ display:inline-block; height:18px; } .search_show{ position:absolute; top:100%; right:40px; } .search_show form{ border: 2px solid #004998; width:350px; padding:15px; background:#fff; display:flex; justify-content:space-around; font-size:14px; } .search_show form input{ width:calc(100% - 40px); color:#333; border:0px; border-bottom:1px solid #004998; background:none; height:30px; line-height:30px; } .search_show form button{ width:50px; color:#004998; border:0px; background:none; height:30px; line-height:30px; cursor:pointer; text-align:right; } .index_banner{ position:relative; display: none; } .index_banner img{ display:block; width:100%; } .index_banner .swiper-button-next::after,.index_banner .swiper-button-prev::after{ color:#fff; font-size:42px; } .index_banner .swiper-button-next{ right:40px; } .index_banner .swiper-button-prev{ left:40px; } .swiper_pagination_index{ position:absolute; width:100%; bottom:20px; text-align:center; } .swiper_pagination_index .swiper-pagination-bullet{ width:18px; height:4px; margin:0 4px; background:#fff; border-radius:4px; opacity:1; } .swiper_pagination_index .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#004998; } .index_01_in{ display:flex; justify-content:space-between; } .index_01_left{ width:49.45%; } .index_01_right{ width:49.45%; display:flex; justify-content:space-between; flex-direction:column; } .index_01_right_list{ height:48%; display:flex; justify-content:space-between; } .index_01_list{ display:block; width:100%; padding:27.47% 0; overflow:hidden; position:relative; } .index_01_list .text{ position:absolute; width:calc(100% - 40px); bottom:20px; left:20px; color:#fff; line-height:1.1; } .index_01_list .text .t{ font-size:24px; margin-bottom:8px; } .index_01_list .text .b{ font-size:16px; } .index_01_list img{ position:absolute; height:100%; min-width:100%; left:50%; transform:translateX(-50%); top:0px; } .index_01_right_list .index_01_list{ padding:13.18% 0; } .index_01_right_list.index_01_right_list_end .index_01_list{ padding:13.18% 0; width:48.9%; } .index_01_list:hover img{ transform:translateX(-50%) scale(1.1); } .index_title{ margin-bottom:30px; } .index_title .t{ font-size:32px; color:#333; } .index_02_tab{ margin-bottom:20px; border-bottom:1px solid #004998; overflow:hidden; } .index_02_tab .index_02_tab_list{ display:inline-block; width:160px; height:40px; line-height:40px; text-align:center; color:#004998; font-size:18px; } .index_02_tab .index_02_tab_list.active{ background:#004998; color:#fff; } .index_02_tab .index_02_tab_more{ display:inline-block; height:40px; line-height:40px; color:#929292; font-size:14px; float:right; } .index_02_con{ overflow:hidden; } .index_02_con_list{ display:none; } .index_02_con_list.active{ display:block; } .index_02_swiper{ padding-bottom:100px; position:relative; } .index_02_con_list .swiper-slide{ display:block; position:relative; } .index_02_con_list .swiper-slide .img{ display:block; width:100%; padding:29.16% 0; overflow:hidden; position:relative; } .index_02_con_list .swiper-slide .img img{ position:absolute; height:100%; min-width:100%; left:50%; transform:translateX(-50%); top:0px; } .index_02_con_list .swiper-slide .text{ position:absolute; width:calc(100% - 100px); bottom:0px; left:50%; transform:translateX(-50%) translateY(50%); background:#fff; padding:30px; border-radius: 8px; box-shadow: 0px 4px 19.6px 0.4px rgba(12, 4, 7, 0.3); line-height:1.1; } .index_02_con_list .swiper-slide .text .t{ font-size:24px; color:#333; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:25px; } .index_02_con_list .swiper-slide .text .b{ font-size:16px; color:#999; overflow:hidden; } .index_02_con_list .swiper-slide .text .b span{ float:right; } .swiper_pagination_index.swiper_pagination_index_02{ bottom:0px !important; } .swiper_pagination_index.swiper_pagination_index_02 .swiper-pagination-bullet { background: #e6e6e6; } .swiper_pagination_index.swiper_pagination_index_02 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#004998; } .index_02_con_list .swiper-slide:hover .img img{ transform:translateX(-50%) scale(1.1); } .index_02_con_list .swiper-slide:hover .text{ background:#004998; } .index_02_con_list .swiper-slide:hover .text .t,.index_02_con_list .swiper-slide:hover .text .b{ color:#fff; } .footer_01{ padding:85px 0 105px; position:relative; background:#fafafa; } .footer_01 > img{ height:90%; left:12%; bottom:0px; z-index:0; position:absolute; } .footer_01_in{ border-bottom:1px solid #e6e6e6; display:flex; justify-content:space-between; padding-bottom:20px; position:relative; z-index:1; } .footer_01_left{ display:flex; } .footer_01_left a{ display:inline-block; font-size:18px; color:#666666; line-height:45px; margin-left:80px; } .footer_01_left a:first-child{ margin-left:0px; } .footer_01_left a:first-child > img{ height:45px; } .footer_01_right{ display:flex; } .footer_01_right a{ display:inline-block; margin-left:20px; position:relative; } .footer_01_right a img.footer_icon{ display:inline-block; width:30px; } .footer_01_right a .toshow{ display:none; padding:10px; background:#fff; position:absolute; right:0px; top:0%; font-size:14px; color:#333; transform: translateY(-105%); } .footer_01_right a .toshow img{ width:90px; } .footer_01_right a:hover .toshow{ display:block; } .footer_02{ padding:20px 0; background:#f2f2f2; text-align:center; font-size:16px; color:#666; line-height:1.1; } .footer_02 a{ color:#666; } .flex_right{ position:fixed; right:0px; top:50%; transform:translateY(-50%); z-index:111; } .flex_right > a{ width:60px; height:60px; display:flex; justify-content:center; flex-direction:column; margin:1px 0; text-align:center; border-top-left-radius:8px; border-bottom-left-radius:8px; background:#004998; position:relative; } .flex_right > a > span > img{ display:inline-block; height:28px; } .flex_right > a .toshow{ display:none; padding:10px; border-radius:4px; background:#fff; position:absolute; left:0px; top:50%; font-size:16px; color:#333; transform: translateY(-50%) translateX(-105%); } .flex_right > a:nth-child(2) .toshow{ top:0%; transform: translateY(0%) translateX(-105%); } .flex_right > a:hover .toshow{ display:block; } .page_div{ overflow:hidden; } .page_div_left{ width:225px; border-right:1px solid #e6e6e6; float:left; } .page_div_right{ width:calc(100% - 225px - 80px); float:right; margin-right:40px; } .page_div_left_title{ padding:30px 0 30px 20px; background:#f8f8f8; border-bottom:1px solid #e6e6e6; font-size:24px; color:#004998; font-weight:bold; } .page_div_left_list{ border-bottom:1px solid #e6e6e6; } .page_div_left_list_top{ display:flex; justify-content:space-between; padding:0 20px; line-height:50px; background:#f8f8f8; } .page_div_left_list_top a{ color:#333; font-size:20px; } .page_div_left_list_top span{ font-size:20px; color:#999; cursor:pointer; } .page_div_left_list_top span:first-child{ display:inline-block; } .page_div_left_list_top span:last-child{ display:none; } .page_div_left_list_bottom{ padding:10px 20px; border-top:1px solid #e6e6e6; display:none; background:#f8f8f8; } .page_div_left_list_bottom a{ display:block; line-height:36px; font-size:16px; color:#333; } .page_div_left_list_bottom a:hover,.page_div_left_list_bottom a.active{ color:#004998; } .page_div_left_list.active .page_div_left_list_top{ background:#004998; } .page_div_left_list.active .page_div_left_list_top a,.page_div_left_list.active .page_div_left_list_top span{ color:#fff; } .page_div_left_list.active .page_div_left_list_top span:first-child{ display:none; } .page_div_left_list.active .page_div_left_list_top span:last-child{ display:inline-block; } .page_div_right_top{ margin:45px 0; } .page_div_right_title{ font-size:20px; color:#004998; font-weight:bold; margin-bottom:25px; } .us_03_01{ display:flex; justify-content:space-between; flex-wrap:wrap; } .us_03_01_list{ width:48.91%; margin-top:25px; } .us_03_01_list:nth-child(-n+2){ margin-top:0px; } .us_03_01_list .img{ width:100%; padding:31.64% 0; overflow:hidden; position:relative; } .us_03_01_list .img img{ position:absolute; height:100%; min-width:100%; left:50%; transform:translateX(-50%); top:0px; } .us_03_01_list:hover .img img{ transform:translateX(-50%) scale(1.1); } .us_03_01_list .text{ font-size:24px; color:#333; font-weight:bold; margin-top:20px; text-align:center; } .page_div_right_bottom{ padding-bottom:3px; } .page_pagediv_in{ text-align:center; font-size:14px; color:#666666; } .page_pagediv_in li{ display:inline-block; } .page_pagediv_in li a{ display:inline-block; height:40px; line-height:40px; text-align:center; border:1px solid #e6e6e6; padding:0 15px; margin:0 5px; } .page_pagediv_in li:hover a{ color:#004998; } .page_pagediv_in li.active a{ background:#004998; color:#fff; } .solution_list{ display:flex; justify-content:space-between; flex-wrap:wrap; padding:30px 0; border-bottom:1px solid #e6e6e6; } .solution_list:first-child{ padding-top:0px; } .solution_list:last-child{ border-bottom:0px; padding-bottom:0px; } .solution_list .img{ width:18.67%; } .solution_list .img .imgcom{ padding:33.33% 0; } .solution_list .text{ width:81.32%; display:flex; justify-content:center; flex-direction:column; line-height:1.1; padding:0 110px 0 30px; } .solution_list .text .t{ font-size:18px; color:#333; } .solution_list .text .b{ font-size:16px; color:#666; line-height:1.5; margin:15px 0 50px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } .solution_list .text .c{ font-size:14px; color:#999; } .solution_list:hover .img .imgcom img{ transform:translateX(-50%) scale(1.1); } .solution_list:hover .text{ background:#004998; } .solution_list:hover .text .t,.solution_list:hover .text .b,.solution_list:hover .text .c{ color:#fff; } .us_05{ display:flex; justify-content:space-between; flex-wrap:wrap; } .us_05_list{ width:22.25%; border:1px solid #e6e6e6; text-align:center; padding:60px 0; } .us_05_list img{ display:inline-block; height:98px; } .us_05_list .text{ font-size:18px; color:#333; line-height:1.66; margin-top:15px; } .us_04_01{ display:flex; justify-content:left; flex-wrap:wrap; } .us_04_01_list{ width:13%; margin-left:1.5%; margin-top:25px; border:1px solid #e6e6e6; } .us_04_01_list:nth-child(7n+1){ margin-left:0px; } .us_04_01_list:nth-child(-n+7){ margin-top:0px; } .us_04_01_list .img{ width:100%; overflow:hidden; position:relative; padding:24% 0; } .us_04_01_list .img img{ position:absolute; max-height:90%; max-width:90%; left:50%; transform:translateX(-50%) translateY(-50%); top:50%; } .us_04_01_list:hover .img img{ transform:translateX(-50%) translateY(-50%) scale(1.1); } .us_03_02_top #tocity{ width:240px; height:60px; border:1px solid #e6e6e6; font-size:16px; color:#333; padding:0 15px; background:#fff; } .us_03_02_list{ margin-top:30px; border:1px solid #e6e6e6; } .us_03_02_list_top{ display:flex; justify-content:space-between; line-height:40px; padding:30px 60px; } .us_03_02_list_top .t{ font-size:18px; color:#333; width:calc((100% - 40px)/3); } .us_03_02_list_top .b{ width:40px; height:40px; line-height:40px; text-align:center; border-radius:100px; background:#004998; font-size:24px; color:#fff; cursor:pointer; } .us_03_02_list_top .b span:first-child{ display:inline-block; } .us_03_02_list_top .b span:last-child{ display:none; } .us_03_02_list_bottom{ padding:30px 60px; border-top:1px solid #e6e6e6; display:none; } .us_03_02_list_bottom .t{ font-size:18px; color:#333; } .us_03_02_list_bottom .t.t01{ margin-top:30px; } .us_03_02_list_bottom .b{ font-size:16px; color:#999; line-height:1.875; margin-top:15px; } .us_03_02_list_bottom .a a{ display:block; width:160px; height:50px; line-height:50px; text-align:center; background:#004998; font-size:18px; color:#fff; margin-top:40px; } .us_03_02_list.active .us_03_02_list_top .b span:first-child{ display:none; } .us_03_02_list.active .us_03_02_list_top .b span:last-child{ display:inline-block; } .us_02{ display:flex; justify-content:space-between; flex-wrap:wrap; } .us_02_list{ width:22.25%; border:1px solid #e6e6e6; text-align:center; padding:30px; } .us_02_list .img{ width:100%; overflow:hidden; position:relative; padding:72.12% 0; } .us_02_list .img img{ position:absolute; max-height:90%; max-width:90%; left:50%; transform:translateX(-50%) translateY(-50%); top:50%; } .us_02_list:hover .img img{ transform:translateX(-50%) translateY(-50%) scale(1.1); } .us_02_list .text{ font-size:18px; color:#004998; margin-top:20px; } .us_01{ display:flex; justify-content:space-between; flex-wrap:wrap; } .us_01_left{ width:46.13%; font-size:16px; color:#333; line-height:1.875; display:flex; justify-content:center; flex-direction:column; } .us_01_right{ width:51.2%; } .us_01_right .img{ padding:58.15% 0; } .us_01_right:hover .img img{ transform:translateX(-50%) scale(1.1); } .us_01_btm{ display:flex; justify-content:space-between; flex-wrap:wrap; } .us_01_btm_list{ width:31.5%; border:1px solid #e6e6e6; padding:60px 70px; } .us_01_btm_list img{ height:65px; } .us_01_btm_list img:first-child{ display:inline-block; } .us_01_btm_list img:last-child{ display:none; } .us_01_btm_list .t{ font-size:24px; color:#333; font-weight:bold; margin:30px 0 15px; } .us_01_btm_list .b{ font-size:18px; color:#666; line-height:1.75; } .us_01_btm_list:hover{ background:#2463a7; } .us_01_btm_list:hover img:first-child{ display:none; } .us_01_btm_list:hover img:last-child{ display:inline-block; } .us_01_btm_list:hover .t,.us_01_btm_list:hover .b{ color:#fff; } .pagenews_con{ display:flex !important; justify-content:space-between; flex-wrap:wrap; } .pagenews_con .newsli{ width:calc((100% - 90px)/3); padding-bottom:100px; } .newsshow_t { font-size: 30px; color: #333; text-align: center; } .newsshow_b { font-size: 16px; color: #999; padding: 20px 0 30px; border-bottom: 1px solid #e6e6e6; text-align: center; } .newsshow_c { font-size: 18px; color: #666; line-height: 2; margin: 30px 0; } .newsshow_c img { max-width: 100%; } .newsshow_page{ border-top: 1px solid #e6e6e6; padding-top:30px; } .newsshow_page a{ font-size: 16px; color: #666; display:block; margin-top:15px; } .newsshow_page a:first-child{ margin-top:0px; } .newsshow_page a:hover{ color:#004998; } .service01_div{ display:flex; justify-content:space-between; flex-wrap:wrap; } .service01_list{ display:flex; justify-content:space-between; margin-top:30px; width:100%; border:1px solid #e6e6e6; padding:30px 20px; } .service01_list_in{ width: calc(100% - 50px); } .service01_list:nth-child(-n+1){ margin-top:0px; } .service01_list .t{ width:100%; font-size:16px; color:#666; line-height:28px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } .service01_list .b{ width:100%; font-size:16px; color:#999; line-height:28px; } .service01_list .img{ display: flex; flex-direction: column; justify-content: center; } .service01_list .img img{ height:28px; } .service01_list .img img:first-child{ display:inline-block; } .service01_list .img img:last-child{ display:none; } .service01_list:hover{ background:#004998; border-color:#004998; } .service01_list:hover .t,.service01_list:hover .b{ color:#fff; } .service01_list:hover .img img:first-child{ display:none; } .service01_list:hover .img img:last-child{ display:inline-block; } .service0501_div{ } .inputli{ width:50%; margin-bottom:20px; margin-left: auto; margin-right: auto; } .inputli input{ width:100%; height:50px; line-height:50px; border:1px solid #e6e6e6; padding:0 18px; font-size:16px; color:#666; } .service0501_div textarea{ width:100%; height:140px; border:1px solid #e6e6e6; padding:5px 18px; font-size:16px; color:#666; line-height:1.75; } .service0501_div .btn{ width:100%; text-align:center; } .service0501_div .btn button{ display:inline-block; width:160px; height:40px; line-height:40px; text-align:center; cursor: pointer; background:#004998; border-radius: 8px; font-size:18px; color:#fff; border:0px; } .inputli input:focus,.service0501_div textarea:focus{ border-color:#004998; } .service0502_div{ display:flex; justify-content:space-between; flex-wrap:wrap; } .mapli{ width:48.85%; margin-top:30px; border:1px solid #e6e6e6; text-align:center; } .mapli:nth-child(-n+2){ margin-top:0px; } .mapli .mainmap{ width:100%; height:260px; } .mapli .text{ padding:20px 0; } .mapli .text .t{ font-size:24px; color:#1a1a1a; margin-bottom:15px; } .mapli .text .b{ font-size:18px; color:#666; line-height:1.55; } .mapli .img img{ height:105px; display:inline-block; margin-bottom:50px; } .mapli .text.spatext{ padding:0px; } .mapli .text.spatext .t{ margin-bottom:0; } .maplilast{ padding:120px 0; display:block; } .pro_tab{ margin-bottom:30px; border:1px solid #004998; border-left:0px; border-right:0px;overflow:hidden; } .pro_tab a{ float:left; padding:0 40px; font-size:16px; color:#004998; font-weight:bold; border-bottom:2px solid #fff; line-height:50px; } .pro_tab a:hover,.pro_tab a.active{ border-color:#004998; } .pro_right_title{ font-size:20px; color:#333; font-weight:bold; margin-bottom:20px; overflow: hidden; } .pro_right_title a{ float: right; display: block; padding: 10px 30px; font-size: 18px; color: #fff; background: #004998; border-radius: 4px; } .pro03_list{ border:0px; padding:20px !important; margin-top:20px; background:#f7f7f7; } .pro03_list:hover{ background:#004998; } .pro03_list:first-child{ margin-top:0px; } .solution_list.pro03_list:hover .text { background: none; } .pro01_div{ display:flex; justify-content:space-between; flex-wrap:wrap; } .pro01_left{ width:42.5%; font-size:18px; color:#666; line-height:1.75; } .pro01_right{ width:55.2%; } .pro01_right img{ display:block; max-width:100%; } .pro_else_div_table{ width:100%; height:600px; padding:0 15px 15px 0; overflow:auto; text-align:center; position: relative; line-height:50px; } .pro_else_div_table tbody{ } .pro_else_div_table thead { position: sticky; position: -webkit-sticky; top: 0; z-index: 2; background: #fff; display: table-caption; } .pro_else_div_table thead::before{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; content: " "; display: none; } .pro_else_div_table tbody tr:nth-child(2n+1){ background:#fff; color:#666; font-size:16px; } .pro_else_div_table tbody tr:nth-child(2n+2){ background:#ecf5ff; color:#666; font-size:16px; } .pro_else_div_table tbody tr:nth-child(2n+1) td{ border-color:#004998 !important; } .pro_else_div_table tbody tr:nth-child(2n+2) td{ border-color:#004998 !important; } .pro_else_div_table thead tr{ color:#fff !important; font-size:20px !important; position: relative; z-index: 2; } .pro_else_div_table thead tr td{ border-color:#fff !important; background-clip:padding-box; -webkit-background-clip:padding-box; background-color:#004998 !important; } .pro_else_notes{ font-size:14px; color:#666; line-height:1.5; display:flex; justify-content:right; margin-top:15px; } .pro_else_notes_li{ width: 100%; display:flex; justify-content:left; } .pro_else_notes_li:nth-child(1){ padding-right: 20px ; } .pro_else_notes_li:nth-child(2){ padding-left: 20px ; } .pro_else_notes_li:last-child{ padding-right: 0px ; } .pro05_div{ font-size:16px; color:#333; line-height:1.75; } .pro05_div table{ max-width:90%; width:1020px; line-height:50px; text-align:center; } .pro05_div tbody tr:nth-child(2n+1){ background:#fff; color:#666; font-size:20px; } .pro05_div tbody tr:nth-child(2n+2){ background:#ecf5ff; color:#666; font-size:20px; } .pro05_div tbody tr:nth-child(2n+1) td{ border-color:#004998 !important; border-width:1px; border-style: solid; } .pro05_div tbody tr:nth-child(2n+2) td{ border-color:#004998 !important; border-width:1px; border-style: solid; } .pro05_div tbody tr:first-child{ background:#004998 !important; color:#fff !important; font-size:20px !important; } .pro05_div tbody tr:first-child td{ border-color:#fff !important; border-width:1px; border-style: solid; border-bottom-color:#004998 !important; } .pro05_div tbody tr:first-child td:first-child{ border-left-color:#004998 !important; } .pro05_div tbody tr:first-child td:last-child{ border-right-color:#004998 !important; } .proall_div .pro01_left{ width:100% !important; } .proall_con{ display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; } .proall_list{ width:31.5%; margin-top: 15px; } .proall_list:nth-child(-n+3){ margin-top: 0; } .proall_list .img{ padding:29.41%; } .proall_list .text{ font-size:20px; color:#004998; font-weight:bold; text-align:center; height:50px; line-height:50px; } .proall_list:hover .img img{ transform:translateX(-50%) scale(1.1); } .proall_list:hover{ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); } .proall_list.proall_list_none:hover{ box-shadow: unset; } .proall_list:hover .text{ background:#004998; color:#fff; } .service01_more{ text-align: center; } .service01_more a{ padding: 10px 20px; font-size: 16px; color: #fff; background: #004998; } .new_table_div table{ width: 100%; line-height: 50px; text-align: center; } .new_table_div table tr{ color: #666; font-size: 16px; } .new_table_div table tr a{ color: #666; } .new_table_div table tr td { border-color: #004998 !important; background-color: #fff !important; } .new_table_div table tr:first-child { color: #fff; font-size: 20px; } .new_table_div table tr:first-child a{ color: #fff; } .new_table_div table tr:first-child td { border-color: #fff !important; background-color: #004998 !important; } .table_top{ width:4000px; display:flex; justify-content: space-between; background: #004998; border:1px solid #004998; border-right:0px; border-bottom:0px; color:#fff; font-size:20px; text-align:center; position: sticky; top:0px; left:0px; z-index:3; } .table_top.table_top01 .tt_list{ height:100px; line-height:100px; border-left:1px solid #fff; } .table_top.table_top01 .tt_list:first-child{ } .table_top.table_top01 .tt_list_list{ height:50px; line-height:50px; } .table_top.table_top01 .tt_list_list:nth-child(2){ display:flex; justify-content: space-between; } .table_top.table_top01 .tt_list_list_list{ border-top:1px solid #fff; border-left:1px solid #fff; } .table_top.table_top01 .tt_list_list_list:first-child{ border-left:0; } .table_top.table_top01 .tt_list01{ width:3.3%; border-left:0px; } .table_top.table_top01 .table_top_right{ width:96.7%; } .table_top.table_top01 .table_top_right_in{ width:100%; display:flex; justify-content: space-between; } .table_top.table_top01 .tt_list02{ width:6.3%; } .table_top.table_top01 .tt_list03{ width:6%; } .table_top.table_top01 .tt_list04{ width:7%; } .table_top.table_top01 .tt_list05{ width:6.8%; display:flex; flex-direction: column; } .table_top.table_top01 .tt_list05 .tt_list_list_list{ width:50%; } .table_top.table_top01 .tt_list06{ width:5.4%; } .table_top.table_top01 .tt_list07{ width:13.7%; display:flex; flex-direction: column; } .table_top.table_top01 .tt_list07 .tt_list_list_list:nth-child(1), .table_top.table_top01 .tt_list07 .tt_list_list_list:nth-child(2){ width:29.3%; } .table_top.table_top01 .tt_list07 .tt_list_list_list:nth-child(3), .table_top.table_top01 .tt_list07 .tt_list_list_list:nth-child(4), .table_top.table_top01 .tt_list07 .tt_list_list_list:nth-child(5){ width:13.8%; } .table_top.table_top01 .tt_list08{ width:8.1%; display:flex; flex-direction: column; } .table_top.table_top01 .tt_list08 .tt_list_list_list:nth-child(1){ width:25.9%; } .table_top.table_top01 .tt_list08 .tt_list_list_list:nth-child(2){ width:32.1%; } .table_top.table_top01 .tt_list08 .tt_list_list_list:nth-child(3), .table_top.table_top01 .tt_list08 .tt_list_list_list:nth-child(4){ width:21%; } .table_top.table_top01 .tt_list09{ width:20.7%; display:flex; flex-direction: column; } .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(1), .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(2), .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(3), .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(4), .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(5){ width:9.6%; } .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(6){ width:15.5%; } .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(7){ width:13.5%; } .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(8){ width:11.8%; } .table_top.table_top01 .tt_list09 .tt_list_list_list:nth-child(9){ width:11.2%; } .table_top.table_top01 .tt_list010{ width:14.4%; display:flex; flex-direction: column; } .table_top.table_top01 .tt_list010 .tt_list_list_list:nth-child(1){ width:43%; } .table_top.table_top01 .tt_list010 .tt_list_list_list:nth-child(2){ width:24.3%; } .table_top.table_top01 .tt_list010 .tt_list_list_list:nth-child(3){ width:12.5%; } .table_top.table_top01 .tt_list010 .tt_list_list_list:nth-child(4){ width:20.2%; } .table_top.table_top01 .tt_list011{ width:5.8%; } .table_top.table_top01 .tt_list012{ width:5.8%; } .table_bottom{ width:4000px; display:flex; justify-content: space-between; background: #fff; border:1px solid #004998; border-bottom:0px; border-right:0px; color:#666; font-size:16px; text-align:center; } .table_bottom.table_bottom01 .tb_left{ width:3.3%; } .table_bottom.table_bottom01 .tb_left .tb_left_list{ text-align:center; display:flex; justify-content: center; flex-direction: column; border-right:1px solid #004998; border-bottom:1px solid #004998; } .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(50px * 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(50px * 3); } .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(5){ height:calc(50px * 4); } .table_bottom.table_bottom01 .tb_left .tb_left_list:nth-child(6){ height:calc(50px * 2); } .table_bottom.table_bottom01 .tb_right{ width:96.7%; } .table_bottom.table_bottom01 .tb_right_list{ width:100%; height:50px; line-height:50px; text-align:center; display: flex; justify-content: space-between; } .table_bottom.table_bottom01 .tb_right_list:nth-child(2n+2) { background: #ecf5ff; } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list{ border-right:1px solid #004998; border-bottom:1px solid #004998; } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(1){ width:6.3%; } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(2){ width:6%; } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(3){ width:7%; } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(4), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(5){ width:3.42%; } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(6){ width:5.4%; } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(7), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(8){ width:calc(13.7% * 0.293); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(9), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(10), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(11){ width:calc(13.7% * 0.138); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(12){ width:calc(8.1% * 0.259); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(13){ width:calc(8.1% * 0.321); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(14), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(15){ width:calc(8.1% * 0.21); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(16), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(17), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(18), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(19), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(20){ width:calc(20.7% * 0.097); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(21){ width:calc(20.7% * 0.155); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(22){ width:calc(20.7% * 0.135); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(23){ width:calc(20.7% * 0.118); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(24){ width:calc(20.7% * 0.112); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(25){ width:calc(14.4% * 0.43); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(26){ width:calc(14.4% * 0.243); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(27){ width:calc(14.4% * 0.125); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(28){ width:calc(14.4% * 0.202); } .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(29), .table_bottom.table_bottom01 .tb_right_list .tb_right_list_list:nth-child(30){ width:5.8%; } .table_top{ width:4000px; display:flex; justify-content: space-between; background: #004998; border:1px solid #004998; border-right:0px; border-bottom:0px; color:#fff; font-size:20px; text-align:center; position: sticky; top:0px; left:0px; z-index:3; } .table_top.table_top02 .tt_list{ height:100px; line-height:100px; border-left:1px solid #fff; } .table_top.table_top02 .tt_list:first-child{ } .table_top.table_top02 .tt_list_list{ height:50px; line-height:50px; } .table_top.table_top02 .tt_list_list:nth-child(2){ display:flex; justify-content: space-between; } .table_top.table_top02 .tt_list_list_list{ border-top:1px solid #fff; border-left:1px solid #fff; } .table_top.table_top02 .tt_list_list_list:first-child{ border-left:0; } .table_top.table_top02 .tt_list01{ width:3.3%; border-left:0px; } .table_top.table_top02 .table_top_right{ width:96.7%; } .table_top.table_top02 .table_top_right_in{ width:100%; display:flex; justify-content: space-between; } .table_top.table_top02 .tt_list02{ width:6.3%; } .table_top.table_top02 .tt_list03{ width:6%; } .table_top.table_top02 .tt_list04{ width:7%; } .table_top.table_top02 .tt_list05{ width:5.8%; display:flex; flex-direction: column; } .table_top.table_top02 .tt_list05 .tt_list_list_list{ width:50%; } .table_top.table_top02 .tt_list06_0{ width:5.4%; } .table_top.table_top02 .tt_list06{ width:2%; } .table_top.table_top02 .tt_list07{ width:13.7%; display:flex; flex-direction: column; } .table_top.table_top02 .tt_list07 .tt_list_list_list:nth-child(1), .table_top.table_top02 .tt_list07 .tt_list_list_list:nth-child(2){ width:29.3%; } .table_top.table_top02 .tt_list07 .tt_list_list_list:nth-child(3), .table_top.table_top02 .tt_list07 .tt_list_list_list:nth-child(4), .table_top.table_top02 .tt_list07 .tt_list_list_list:nth-child(5){ width:13.8%; } .table_top.table_top02 .tt_list08{ width:8.1%; display:flex; flex-direction: column; } .table_top.table_top02 .tt_list08 .tt_list_list_list:nth-child(1){ width:25.9%; } .table_top.table_top02 .tt_list08 .tt_list_list_list:nth-child(2){ width:32.1%; } .table_top.table_top02 .tt_list08 .tt_list_list_list:nth-child(3), .table_top.table_top02 .tt_list08 .tt_list_list_list:nth-child(4){ width:21%; } .table_top.table_top02 .tt_list09{ width:24.7%; display:flex; flex-direction: column; } .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(1), .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(2), .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(3), .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(4), .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(5){ width:9.2%; } .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(6){ width:16%; } .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(7){ width:13%; } .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(8){ width:13%; } .table_top.table_top02 .tt_list09 .tt_list_list_list:nth-child(9){ width:12%; } .table_top.table_top02 .tt_list010{ width:9.4%; display:flex; flex-direction: column; } .table_top.table_top02 .tt_list010 .tt_list_list_list:nth-child(1){ width:38.3%; } .table_top.table_top02 .tt_list010 .tt_list_list_list:nth-child(2){ width:27.5%; } .table_top.table_top02 .tt_list010 .tt_list_list_list:nth-child(3){ width:34.2%; } .table_top.table_top02 .tt_list011_0{ width:3.2%; } .table_top.table_top02 .tt_list011{ width:3.2%; } .table_top.table_top02 .tt_list012{ width:5.2%; } .table_bottom{ width:4000px; display:flex; justify-content: space-between; background: #fff; border:1px solid #004998; border-bottom:0px; border-right:0px; color:#666; font-size:16px; text-align:center; } .table_bottom.table_bottom02 .tb_left{ width:3.3%; } .table_bottom.table_bottom02 .tb_left .tb_left_list{ text-align:center; display:flex; justify-content: center; flex-direction: column; border-right:1px solid #004998; border-bottom:1px solid #004998; } .table_bottom.table_bottom02 .tb_left .tb_left_list:nth-child(1){ height:calc(50px * 4); } .table_bottom.table_bottom02 .tb_left .tb_left_list:nth-child(2){ height:calc(50px * 6); } .table_bottom.table_bottom02 .tb_right{ width:96.7%; } .table_bottom.table_bottom02 .tb_right_list{ width:100%; height:50px; line-height:50px; text-align:center; display: flex; justify-content: space-between; } .table_bottom.table_bottom02 .tb_right_list:nth-child(2n+2) { background: #ecf5ff; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list{ border-right:1px solid #004998; border-bottom:1px solid #004998; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(1){ width:6.3%; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(2){ width:6%; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(3){ width:7%; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(4), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(5){ width:2.9%; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(6){ width:5.4%; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(7){ width:2%; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(8), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(9){ width:calc(13.7% * 0.293); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(10), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(11), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(12){ width:calc(13.7% * 0.138); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(13){ width:calc(8.1% * 0.259); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(14){ width:calc(8.1% * 0.321); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(15), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(16){ width:calc(8.1% * 0.21); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(17), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(18), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(19), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(20), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(21){ width:calc(24.7% * 0.092); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(22){ width:calc(24.7% * 0.16); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(23){ width:calc(24.7% * 0.13); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(24){ width:calc(24.7% * 0.13); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(25){ width:calc(24.7% * 0.12); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(26){ width:calc(9.4% * 0.383); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(27){ width:calc(9.4% * 0.275); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(28){ width:calc(9.4% * 0.342); } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(29), .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(30){ width:3.2%; } .table_bottom.table_bottom02 .tb_right_list .tb_right_list_list:nth-child(31){ width:5.2%; } .table_top.table_top03 .tt_list{ height:100px; line-height:100px; border-left:1px solid #fff; } .table_top.table_top03 .tt_list:first-child{ } .table_top.table_top03 .tt_list_list{ height:50px; line-height:50px; } .table_top.table_top03 .tt_list_list:nth-child(2){ display:flex; justify-content: space-between; } .table_top.table_top03 .tt_list_list_list{ border-top:1px solid #fff; border-left:1px solid #fff; } .table_top.table_top03 .tt_list_list_list:first-child{ border-left:0; } .table_top.table_top03 .tt_list01{ width:3.3%; border-left:0px; } .table_top.table_top03 .table_top_right{ width:96.7%; } .table_top.table_top03 .table_top_right_in{ width:100%; display:flex; justify-content: space-between; } .table_top.table_top03 .tt_list02{ width:10.3%; } .table_top.table_top03 .tt_list03{ width:8.5%; } .table_top.table_top03 .tt_list04{ width:8.1%; } .table_top.table_top03 .tt_list05{ width:3.5%; } .table_top.table_top03 .tt_list06{ width:4%; } .table_top.table_top03 .tt_list07{ width:8.1%; } .table_top.table_top03 .tt_list08{ width:6.8%; display:flex; flex-direction: column; } .table_top.table_top03 .tt_list08 .tt_list_list_list{ width:50%; } .table_top.table_top03 .tt_list09{ width:2%; } .table_top.table_top03 .tt_list010{ width:14%; display:flex; flex-direction: column; } .table_top.table_top03 .tt_list010 .tt_list_list_list:nth-child(1), .table_top.table_top03 .tt_list010 .tt_list_list_list:nth-child(2), .table_top.table_top03 .tt_list010 .tt_list_list_list:nth-child(3), .table_top.table_top03 .tt_list010 .tt_list_list_list:nth-child(4), .table_top.table_top03 .tt_list010 .tt_list_list_list:nth-child(5){ width:20%; } .table_top.table_top03 .tt_list011{ width:10%; display:flex; flex-direction: column; } .table_top.table_top03 .tt_list011 .tt_list_list_list:nth-child(1), .table_top.table_top03 .tt_list011 .tt_list_list_list:nth-child(2), .table_top.table_top03 .tt_list011 .tt_list_list_list:nth-child(3), .table_top.table_top03 .tt_list011 .tt_list_list_list:nth-child(4){ width:25%; } .table_top.table_top03 .tt_list012{ width:15.7%; display:flex; flex-direction: column; } .table_top.table_top03 .tt_list012 .tt_list_list_list:nth-child(1), .table_top.table_top03 .tt_list012 .tt_list_list_list:nth-child(2), .table_top.table_top03 .tt_list012 .tt_list_list_list:nth-child(3), .table_top.table_top03 .tt_list012 .tt_list_list_list:nth-child(4), .table_top.table_top03 .tt_list012 .tt_list_list_list:nth-child(5){ width:20%; } .table_top.table_top03 .tt_list013{ width:11.4%; display:flex; flex-direction: column; } .table_top.table_top03 .tt_list013 .tt_list_list_list:nth-child(1), .table_top.table_top03 .tt_list013 .tt_list_list_list:nth-child(2){ width:50%; } .table_top.table_top03 .tt_list014{ width:5.8%; } .table_top.table_top03 .tt_list015{ width:5.8%; } .table_bottom.table_bottom03 .tb_left{ width:3.3%; } .table_bottom.table_bottom03 .tb_left .tb_left_list{ text-align:center; display:flex; justify-content: center; flex-direction: column; border-right:1px solid #004998; border-bottom:1px solid #004998; } .table_bottom.table_bottom03 .tb_left .tb_left_list:nth-child(1){ height:calc(50px * 4); } .table_bottom.table_bottom03 .tb_left .tb_left_list:nth-child(2){ height:calc(50px * 5); } .table_bottom.table_bottom03 .tb_right{ width:96.7%; } .table_bottom.table_bottom03 .tb_right_list{ width:100%; height:50px; line-height:50px; text-align:center; display: flex; justify-content: space-between; } .table_bottom.table_bottom03 .tb_right_list:nth-child(2n+2) { background: #ecf5ff; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list{ border-right:1px solid #004998; border-bottom:1px solid #004998; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(1){ width:10.3%; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(2){ width:8.5%; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(3){ width:8.1%; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(4){ width:3.5%; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(5){ width:4%; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(6){ width:8.1%; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(7), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(8){ width:calc(6.8% * 0.5); } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(9){ width:2%; } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(10), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(11), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(12), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(13), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(14){ width:calc(14% * 0.2); } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(15), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(16), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(17), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(18){ width:calc(10% * 0.25); } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(19), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(20), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(21), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(22), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(23){ width:calc(15.7% * 0.2); } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(24), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(25){ width:calc(11.4% * 0.5); } .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(26), .table_bottom.table_bottom03 .tb_right_list .tb_right_list_list:nth-child(27){ width:5.8%; } .table_bottom.table_bottom03 sup,.table_bottom.table_bottom02 sup { vertical-align: super; display: inline-block; margin-top: -8px; transform: scale(0.8); }