/*e_FlowCommonStyleBox-001*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%; margin:0px auto; }/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_portalResGroupNavNew_main-15711970958570270 .sub-con{ border-bottom:2px solid #f2f3f4; margin-top:6rem; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index{ height:4.6rem; background:#fff; width:87.5%; margin:0 auto; overflow:hidden; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left{ float:left; padding-left:1.6rem; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left span{ font-size:16px; color:#666; line-height:4.6rem; margin:0 2px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left span.you{ color:#bbb; position:relative; top:2px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left a{ font-size:0.8rem; color:#777; line-height:4.6rem; margin:0 2px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right{ float:right; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li{ float:left; width:10rem; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li a{ display:block; line-height:4.6rem; text-align:center; font-size:0.9rem; font-weight:bold; position:relative; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li a:hover{ background:#c63a31; color:#fff; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li a:hover:before{ display:none; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li:not(:last-child) a:before{ content:''; width:2px; height:30%; background:#eee; position:absolute; right:0; top:35%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li.active a{ background:#c63a31; color:#fff; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li.active a:before{ display:none; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner{ border-bottom:none; margin-top:0; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index{ box-shadow:-1px 8px 38px 0px rgba(29, 30, 31, 0.08); position:relative; top:-1rem; z-index:2; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news{ border-bottom:none; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li a:after{ content:''; width:0; height:2px; background:#c63a31; position:absolute; bottom:0; left:15%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li.active a{ background:none; color:#c63a31; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li.active a:after{ width:70%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li:hover a{ background:none; color:#c63a31; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li:hover a:after{ width:70%; } @media screen and (max-width: 1366px){ #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li { width: 9rem; } } @media screen and (max-width: 1280px){ #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .right > ul li { width: 7rem; } } @media screen and (max-width: 1024px){ #c_portalResGroupNavNew_main-15711970958570270 .sub-con { margin-top: 76px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index { height: 66px; width: 100%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left { padding-left: 2.6rem; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left span { line-height: 66px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left span.you { line-height: 66px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left a { line-height: 66px; font-size: 14px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index { top: 0; box-shadow: none; border-bottom: 1px solid #eee; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index .left { display: none; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index .right { width: 100%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index .right > ul li { width: 20%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index .right > ul li a { line-height: 66px; font-size: 14px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index .right > ul li:not(:last-child) a:before { display: none; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .left { display: none; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right { width: 100%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li { width: 20%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li a { font-size: 14px; line-height: 66px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li a:before { display: none; } } @media screen and (max-width: 768px){ #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index { height: 58px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left { padding-left: 4%; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left span { line-height: 58px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left span.you { line-height: 58px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con .sub-nav-index .left a { line-height: 58px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.inner .sub-nav-index .right > ul li a { line-height: 58px; } #c_portalResGroupNavNew_main-15711970958570270 .sub-con.news .sub-nav-index .right > ul li a { line-height: 58px; } } #c_portalResGroupNavNew_main-15711970958570270{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li{ float:left; height:0; padding-bottom:33%; overflow:hidden; position:relative; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a{ display:block; position:relative; overflow:hidden; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a img{ width:100%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text{ position:absolute; bottom:6%; left:8%; color:#fff; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h2{ font-size:1.6rem; font-weight:bold; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h3{ font-size:2.5rem; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a:before{ content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; opacity:0; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(n+4){ padding-bottom:16%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:first-child{ width:50%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(2){ width:33.7%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(2) .text{ bottom:auto; top:6%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(3){ width:16.3%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(3) .text{ left:10%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(4){ width:16.3%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(4) .text{ width:100%; left:50%; top:50%; bottom:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(4) .text h2{ color:#a82e2b; font-size:1.5rem; font-weight:normal; font-style:italic; text-align:center; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(5){ width:33.7%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(5) .text{ bottom:auto; top:6%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(6){ width:33.7%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(6) .text{ bottom:12%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(7){ width:16.3%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(7) .text{ width:100%; left:50%; top:50%; bottom:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(7) .text h2{ color:#a82e2b; font-size:1.5rem; font-weight:normal; font-style:italic; text-align:center; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover a:before{ opacity:1; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover a .text{ left:50%; top:50%; bottom:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover a .text h2{ text-align:center; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover a .text h3{ text-align:center; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover:nth-child(4) a{ cursor:default; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover:nth-child(4) a:before{ opacity:0; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover:nth-child(7) a{ cursor:default; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:hover:nth-child(7) a:before{ opacity:0; } @media screen and (max-width: 1500px){ #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h2 { font-size: 1.4rem; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h3 { font-size: 1.8rem; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(4) .text h2 { font-size: 1.3rem; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(7) .text h2 { font-size: 1.3rem; } } @media screen and (max-width: 1024px){ #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h2 { font-size: 1rem; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h3 { font-size: 1.4rem; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(4) .text h2 { font-size: 1rem; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(7) .text h2 { font-size: 1rem; } } @media screen and (max-width: 768px){ #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text { left: 6%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h2 { font-size: 16px; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li a .text h3 { font-size: 18px; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:first-child { width: 100%; height: auto; padding-bottom: 0; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(2) { width: 66.7%; padding-bottom: 67%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(2) .text { left: 8%; top: 8%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(3) { width: 33.3%; padding-bottom: 67%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(4) { width: 33.3%; padding-bottom: 33%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(4) .text h2 { font-size: 16px; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(5) { width: 66.7%; padding-bottom: 33%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(5) .text { top: 10%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(6) { width: 66.7%; padding-bottom: 33%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(6) .text { left: 8%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(7) { width: 33.3%; padding-bottom: 33%; } #c_portalResGroupNavNew_main-15712042446580355 .about-list > ul li:nth-child(7) .text h2 { font-size: 16px; } } #c_portalResGroupNavNew_main-15712042446580355{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }