/*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); }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@media only screen and (max-width: 768px){/*小屏*/ .c_portalResGroupSearch_total-01001{ margin-left: auto; margin-right: auto; width: 100%; display: block; font-size: 0; padding: 0 10px; } .c_portalResGroupSearch_total-01001 .p_contentBox{ width: 100%; height: auto; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResGroupSearch_total-01001 .p_headbox{ height: auto; border: 1px solid rgba(240, 240, 240, 1); border-radius: 5px; padding: 10px 0px; margin: 0 10px; background: #fff; z-index: 999; } .c_portalResGroupSearch_total-01001 .p_searchBox{ height: auto; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input{ width: 100%; display: inline-block; height: 50px; vertical-align: middle; color: inherit; position: relative; font-size: 24px; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .forward{ position: absolute; top:50%; margin:-12px 0 0; left: 10px; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .forward:before{ content: "\e661"; color: #797979; } .c_portalResGroupSearch_total-01001 .p_searchBtn{ width: 20%; height: 50px; display: none; vertical-align: middle; font-size: 24px; color: #777; border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); text-align: center; padding-top: 0; position: inherit; margin: 0; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; } .c_portalResGroupSearch_total-01001 .p_searchBtn:hover{ box-shadow:none; cursor:pointer; } .c_portalResGroupSearch_total-01001 .p_searchBtn .iconfont{ margin-right: 5px; } .c_portalResGroupSearch_total-01001 .p_searchBtn .font{ display: inline-table; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; line-height: 50px; } .c_portalResGroupSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; padding-left: 48px; padding-right: 32px; border: none; } .c_portalResGroupSearch_total-01001 .p_select{ height: auto; font-size: 0; display: inline-block; width: 25%; vertical-align: middle; float: left; } .c_portalResGroupSearch_total-01001 .p_select input{ width: inherit; height: 50px; border: none; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; position: absolute; padding-left: 10px !important; padding-right: 10px !important; } .c_portalResGroupSearch_total-01001 .p_select .shape { display: inline-block; width: 25px; height: 50px; position: static!important; line-height: 50px; /* background-color: #fafafa; */ text-align: center; /* border: 1px solid rgba(240, 240, 240, 1); */ border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); float: right; top: 0!important; transform: translateY(0%); margin-right: 10px; } .c_portalResGroupSearch_total-01001 .p_select .shape:before { content: "\e69c"; font-size: 24px; } .c_portalResGroupSearch_total-01001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 80px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); z-index: 99; background-color: #fff; font-size: 0; border-radius: 5px; } .c_portalResGroupSearch_total-01001 .p_select li { width: calc(100% / 4); height: auto; display: inline-block; margin: 20px 0; text-align: center; font-size: 22px; border-left: 1px solid #ccc; } .c_portalResGroupSearch_total-01001 .p_select li:nth-child(1){ border-left:none } .c_portalResGroupSearch_total-01001 .p_select li:nth-child(5){ border-left:none } .c_portalResGroupSearch_total-01001 .p_select li i img{ display: none; } input::-webkit-input-placeholder{ font-size:24px; line-height:50px; color:#777; } .c_portalResGroupSearch_total-01001 .p_searchBtnBox{ display: none; width: 250px; height: auto; padding: 10px 10px; background-color: #1890FF; border-radius: 5px; margin-bottom: 30px; margin: 0 10px 30px 10px; } .c_portalResGroupSearch_total-01001 .p_searchBtnA{ width: 100%; height: auto; padding: 10px 10px; font-size: 24px; color: #fff; text-align: center; } .c_portalResGroupSearch_total-01001 .p_headbox.active:before { width: 0px; height: 0px; position: absolute; top: -40px; left: 41px; padding: 0; border-bottom: 20px solid #FFFFFF; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; display: block; content: ""; z-index: 12; } .c_portalResGroupSearch_total-01001 .p_headbox.active:after { width: 0px; height: 0px; position: absolute; top: -41px; left: 41px; padding: 0; border-bottom: 20px solid #efe7e7; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; display: block; content: ""; z-index: 10; } .c_portalResGroupSearch_total-01001 .p_input .iconfont.last{ position: absolute; color: #afafaf; top: 16px; right: 5px; font-size: 20px; cursor: pointer; } .c_portalResGroupSearch_total-01001 .p_input .iconfont.last:before { content: "\e640"; } .c_portalResGroupSearch_total-01001 .p_searchBtnA:hover{ box-shadow: none; } .c_portalResGroupSearch_total-01001 .p_searchBtnA .iconfont:before{ content:"\e661"; font-size: 30px; vertical-align: middle; margin-right: 10px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ .c_portalResGroupSearch_total-01001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 192px; width: auto; display: inline-block; font-size: 0; } .c_portalResGroupSearch_total-01001 .p_contentBox{ width: 100%; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResGroupSearch_total-01001 .p_headbox{ width: 100%; height: auto; } .c_portalResGroupSearch_total-01001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input{ width: 220px; display: inline-block; height: 40px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .last{ display: none; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .forward{ /* display: none; */ position: absolute; left: 5px; top: 50%; transform: translateY(-50%); height: auto; font-size: 15px; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .forward:before{ content: "\e661"; color: #a9a9a9; } .c_portalResGroupSearch_total-01001 .p_searchBtn{ width: auto; height: 40px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0); background-color: #1890FF; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 20px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c_portalResGroupSearch_total-01001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_portalResGroupSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #f0f0f0; padding-left: 25px; padding-right: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .c_portalResGroupSearch_total-01001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_portalResGroupSearch_total-01001 .p_select input{ width: 75px; height: 40px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding: 0 10px; } .c_portalResGroupSearch_total-01001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_portalResGroupSearch_total-01001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_portalResGroupSearch_total-01001 .p_select .shape { display: inline-block; width: 30px; height: 40px; position: absolute; right: 0; line-height: 40px; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_portalResGroupSearch_total-01001 .p_select .shape:before { content: "\e6c9"; } .c_portalResGroupSearch_total-01001 .p_select .shape:hover { color: #65beba; } .c_portalResGroupSearch_total-01001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 40px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_portalResGroupSearch_total-01001 .p_select li { width: auto; height: 40px; line-height: 40px; display: block; text-align: center; } .c_portalResGroupSearch_total-01001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_portalResGroupSearch_total-01001 .p_select li i img{ display: none; } .c_portalResGroupSearch_total-01001 .p_searchBtnBox{ display: none; } } @media only screen and (min-width: 769px){/*大屏*/ .c_portalResGroupSearch_total-01001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 192px; width: auto; display: inline-block; font-size: 0; } .c_portalResGroupSearch_total-01001 .p_contentBox{ width: 100%; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResGroupSearch_total-01001 .p_headbox{ width: 100%; height: auto; } .c_portalResGroupSearch_total-01001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input{ width: 220px; display: inline-block; height: 40px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .last{ display: none; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .forward{ /* display: none; */ position: absolute; left: 5px; top: 50%; transform: translateY(-50%); height: auto; font-size: 15px; } .c_portalResGroupSearch_total-01001 .p_searchBox .p_input .forward:before{ content: "\e661"; color: #a9a9a9; } .c_portalResGroupSearch_total-01001 .p_searchBtn{ width: auto; height: 40px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0); background-color: #1890FF; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 20px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c_portalResGroupSearch_total-01001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_portalResGroupSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #f0f0f0; padding-left: 25px; padding-right: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .c_portalResGroupSearch_total-01001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_portalResGroupSearch_total-01001 .p_select input{ width: 75px; height: 40px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding: 0 10px; } .c_portalResGroupSearch_total-01001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_portalResGroupSearch_total-01001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_portalResGroupSearch_total-01001 .p_select .shape { display: inline-block; width: 30px; height: 40px; position: absolute; right: 0; line-height: 40px; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_portalResGroupSearch_total-01001 .p_select .shape:before { content: "\e6c9"; } .c_portalResGroupSearch_total-01001 .p_select .shape:hover { color: #65beba; } .c_portalResGroupSearch_total-01001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 40px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_portalResGroupSearch_total-01001 .p_select li { width: auto; height: 40px; line-height: 40px; display: block; text-align: center; } .c_portalResGroupSearch_total-01001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_portalResGroupSearch_total-01001 .p_select li i img{ display: none; } .c_portalResGroupSearch_total-01001 .p_searchBtnBox{ display: none; } }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; margin: 0px auto; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_portalResGroupSearch_total-15692178169892302{ width:auto; max-width:1180px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1567491854828 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1567491854828*/ /*w_grid-1567491854828*/ /*w_grid-1567491854828*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1567491854828{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:240px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNavNew_main-15674918598043436 footer{ width:100%; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover; padding-top:6rem; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container{ width:72rem; margin:0 auto; max-width:96%; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con{ padding-bottom:5rem; border-bottom:1px solid rgba(255, 255, 255, 0.2); } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left{ float:left; color:#f3f3f3; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left > p:nth-of-type(1){ font-family:DINCondensed; font-size:1.7rem; font-weight:700; letter-spacing:3px; padding-left:2.6rem; position:relative; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left > p:nth-of-type(1) .iconfont{ font-size:1.7rem; position:absolute; top:0; left:0; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left > p:nth-of-type(2){ font-family:ArialMT; font-size:1.2rem; line-height:1.5; padding-left:2.6rem; position:relative; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left > p:nth-of-type(2) .iconfont{ font-size:1.7rem; position:absolute; top:0; left:0; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left > div{ margin-top:2.5rem; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left > div p{ font-family:ArialMT; font-size:0.9rem; color:#f3f3f3; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .left > div p span{ font-family:AdobeHeitiStd-Regular; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .right{ float:right; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .right .logo-foot-box > img{ width:11rem; float:right; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .right .img-box{ float:right; width:3rem; margin-left:1rem; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .right .img-con{ padding-bottom:100%; height:0; overflow:hidden; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .right .img-con img{ width:100%; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .right > div.qr-box{ margin-top:2.5rem; clear:both; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con .right > p{ font-family:PingFangSC-Regular; font-size:0.8rem; line-height:1.5; color:#f3f3f3; text-align:right; margin-top:1rem; clear:both; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con{ padding-bottom:2.2rem; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con .left{ float:left; margin-top:2.5rem; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con .left li{ float:left; margin-right:3.3rem; position:relative; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con .left li + li::before{ content:''; position:absolute; left:-1.6rem; top:0; height:100%; width:1px; background-color:rgba(255, 255, 255, 0.2); } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con .left li a{ font-family:PingFangSC-Regular; font-size:0.7rem; line-height:1.5; color:#f3f3f3; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con .right{ float:right; margin-top:2rem; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con .right p{ font-family:AdobeHeitiStd-Regular; font-size:0.7rem; color:rgba(243, 243, 243, 0.5); line-height:1.5; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .down-con .right p a{ color:rgba(243, 243, 243, 0.5); } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie{ display:none; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .first-box{ padding:50px 0; border-bottom:1px solid rgba(208, 208, 208, 0.3); margin:0 20px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .first-box ul{ font-size:0; text-align:center; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .first-box ul li{ font-size:24px; line-height:100%; display:inline-block; padding:0 1.5em; position:relative; margin-bottom:15px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .first-box ul li a{ color:#fff; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .first-box ul li + li::after{ content:''; position:absolute; width:2px; height:100%; background-color:#fff; top:0; left:0; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box{ text-align:center; padding:40px 0; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box div{ font-size:20px; letter-spacing:1px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box p{ font-size:20px; letter-spacing:1px; color:#fff; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box p + p{ margin-top:15px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box p a{ color:#fff; } @media screen and (max-width: 1024px){ #c_portalResGroupNavNew_main-15674918598043436 footer { padding-top: 30px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container { width: auto; margin: 0 30px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container .up-con { padding-bottom: 30px; } } @media screen and (max-width: 768px){ #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container { display: none; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie { display: block; } } @media screen and (max-width: 468px){ #c_portalResGroupNavNew_main-15674918598043436 footer { padding-top: 0; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .first-box { padding: 25px 0; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .first-box ul li { font-size: 12px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box { padding: 20px 0; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box div { font-size: 10px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box p { font-size: 10px; } #c_portalResGroupNavNew_main-15674918598043436 footer .footer-container-mobie .second-box p + p { margin-top: 7px; } } #c_portalResGroupNavNew_main-15674918598043436{ 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; } @media screen and (max-width: 1024px){ } #c_portalResGroupNavNew_main-15674918508311894 header{ top:0; left:0; width:100%; height:5rem; max-height:5rem; z-index:9999; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; position:relative; background-color:#fff; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container{ width:100%; z-index:9; margin:0 auto; text-align:center; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo{ float:left; line-height:5rem; margin-left:5rem; height:5rem; position:relative; z-index:99; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo a{ font-size:0; height:100%; display:block; width:8rem; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo img{ width:100%; vertical-align:middle; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo .logo-blue{ display:inline-block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo .logo-white{ display:none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .down-nav-bg{ z-index:-1; position:relative; overflow:hidden; height:0; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .down-nav-bg img{ height:100%; float:right; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .mobile-menu{ position:relative; z-index:1; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav{ float:right; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul{ margin-right:4rem; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li{ float:left; position:relative; font-size:5rem; line-height:100%; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:first-of-type{ display:none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:first-of-type > a{ width:100%; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a{ font-size:0.9rem; line-height:inherit; letter-spacing:inherit; display:block; padding:0 4em; color:#333; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a::before{ content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); height:2px; background-color:#145fae; width:100%; display:none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > .iconfont{ display:none; cursor:pointer; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul li a{ color:#333; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav .drop-down-list{ position:absolute; top:5rem; left:0; width:100%; visibility:hidden; opacity:0; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav .drop-down-list li{ background-color:rgba(200, 200, 200, 0.9); -webkit-transform:perspective(100px) rotateX(-90deg); -ms-transform:perspective(100px) rotateX(-90deg); -moz-transform:perspective(100px) rotateX(-90deg); transform:perspective(100px) rotateX(-90deg); -webkit-transform-origin:center top 0; -ms-transform-origin:center top 0; -moz-transform-origin:center top 0; transform-origin:center top 0; transition-property:all; -moz-transition-property:all; -webkit-transition-property:all; -o-transition-property:all; transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; transition-timing-function:ease; -moz-transition-timing-function:ease; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; font-size:0.8rem; line-height:50px; height:0; opacity:0; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav .drop-down-list li a{ display:block; color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r{ float:right; width:5rem; height:5rem; font-size:5rem; line-height:100%; text-align:center; position:relative; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > .iconfont{ color:#333; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .lang-dispaly{ display:inline-block; vertical-align:top; width:5rem; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .lang-dispaly div{ display:block; font-size:0.9rem; color:#333; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .lang-dispaly div > .iconfont{ margin-left:1em; font-size:12px; display:inline-block; vertical-align:middle; overflow:hidden; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .lang-dispaly div > .iconfont::before{ display:inline-block; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); line-height:100%; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .select-lang{ position:absolute; top:100%; left:0; width:100%; display:none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .select-lang a{ background-color:rgba(200, 200, 200, 0.3); height:50px; line-height:50px; font-size:0.8rem; display:block; color:#356391; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .select-lang a + a{ border-top:1px solid #ececec; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r .select-lang a:hover{ background-color:#fff; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r:hover .select-lang{ display:block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .search{ float:right; margin-right:5rem; margin-top:2.5rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .search a{ display:block; color:#333; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .search a .iconfont{ display:block; font-size:1.3rem; line-height:100%; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button{ position:absolute; width:40px; height:40px; background-color:#001bb4; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; top:50%; right:80px; display:none; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:11; font-size:0; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button div{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); width:20px; height:16px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button div span{ width:100%; height:2px; background-color:#fff; display:block; margin:0 auto; line-height:2px; position:static; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button div span.center-hr{ margin:5px auto; width:14px; position:relative; left:3px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button div span.top-hr{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button div span.bottom-hr{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button.active div span{ position:absolute; top:50%; margin-top:-1px; left:0; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button.active div span.center-hr{ display:none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button.active div span.top-hr{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button.active div span.bottom-hr{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); } #c_portalResGroupNavNew_main-15674918508311894 header .search-mobie{ display:none; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down{ position:absolute; top:100%; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.2); height:10rem; z-index:999; display:none; background:rgba(0, 0, 0, 0.3); } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper{ width:100%; max-width:83rem; height:100%; margin:0 auto; display:flex; justify-content:center; align-items:center; flex-direction:row; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span #search-btn{ padding-right:2rem; cursor:default; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span #search-btn i{ font-size:2rem; color:#eeeeee; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span #search-btn.active{ cursor:pointer; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span #search-btn.active i{ color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span#close{ display:inline-block; width:2rem; height:2rem; position:relative; cursor:pointer; margin-top:1.5rem; margin-left:0.5rem; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span#close .top-hr{ position:absolute; top:50%; margin-top:-0.05rem; width:100%; height:0.1rem; background:#FFFFFF; border-radius:0.1rem; transition:all 0.5s ease 0.5s; -webkit-transition:all 0.5s ease 0.5s; -moz-transition:all 0.5s ease 0.5s; -ms-transition:all 0.5s ease 0.5s; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform-origin:center 0; -ms-transform-origin:center 0; -moz-transform-origin:center 0; transform-origin:center 0; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span#close .bottom-hr{ position:absolute; top:50%; margin-top:-0.05rem; width:100%; height:0.1rem; background:#FFFFFF; border-radius:0.1rem; transition:all 0.5s ease 0.5s; -webkit-transition:all 0.5s ease 0.5s; -moz-transition:all 0.5s ease 0.5s; -ms-transition:all 0.5s ease 0.5s; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform-origin:center 0; -ms-transform-origin:center 0; -moz-transform-origin:center 0; transform-origin:center 0; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span#close.active, header .search-drop-down .search-wrapper span#close:hover{ opacity:1; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span#close.active .top-hr, header .search-drop-down .search-wrapper span#close:hover .top-hr{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper span#close.active .bottom-hr, header .search-drop-down .search-wrapper span#close:hover .bottom-hr{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper input{ width:50rem; color:#FFFFFF; font-size:1.5rem; padding:0.5rem 0; border:none; background:none; border-bottom:1px solid #eeeeee; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper input::-webkit-input-placeholder{ color:#ffffff; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper input::-moz-placeholder{ color:#ffffff; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper input:-moz-placeholder{ color:#ffffff; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper input:-ms-input-placeholder{ color:#ffffff; } #c_portalResGroupNavNew_main-15674918508311894 header:hover{ background-color:#fff; } #c_portalResGroupNavNew_main-15674918508311894 header:hover .nav-container .logo img{ display:none; } #c_portalResGroupNavNew_main-15674918508311894 header:hover .nav-container .logo .logo-blue{ display:inline-block; } #c_portalResGroupNavNew_main-15674918508311894 header:hover .nav-container .nav > ul > li > a{ color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header:hover .nav-container .nav-r .lang-dispaly div{ color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header:hover .nav-container .search a{ color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header.on{ background-color:#fff; } #c_portalResGroupNavNew_main-15674918508311894 header.on .nav-container .logo img{ display:none; } #c_portalResGroupNavNew_main-15674918508311894 header.on .nav-container .logo .logo-blue{ display:inline-block; } #c_portalResGroupNavNew_main-15674918508311894 header.on .nav-container .nav > ul > li > a{ color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header.on .nav-container .nav-r .lang-dispaly div{ color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header.on .nav-container .search a{ color:#356391; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:hover .drop-down-list{ visibility:visible; opacity:1; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:hover .drop-down-list li{ -webkit-transform:perspective(100px) rotateX(0deg); -ms-transform:perspective(100px) rotateX(0deg); -moz-transform:perspective(100px) rotateX(0deg); transform:perspective(100px) rotateX(0deg); height:50px; opacity:1; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:hover .drop-down-list li + li{ border-top:1px solid #ececec; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav .drop-down-list li:hover{ background-color:#fff; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r{ display:none; } @media screen and (max-width: 1680px){ #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a { padding: 0 2em; } } @media screen and (max-width: 1440px){ #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav { margin-left: 1rem; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li { padding: 0 0.6rem; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r { padding-left: 0; margin-right: 5rem; margin-left: 0; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul li a { padding: 0 0.5rem; font-size: 12px; } } @media screen and (max-width: 1280px){ #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a { padding: 0 1em; } #c_portalResGroupNavNew_main-15674918508311894 .break-nav-box { display: none; } } @media screen and (max-width: 1110px){ #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a { padding: 0 0.4em; } } @media screen and (max-width: 1024px){ #c_portalResGroupNavNew_main-15674918508311894 header { height: 60px; background-color: transparent; } #c_portalResGroupNavNew_main-15674918508311894 header:hover { background-color: transparent; } #c_portalResGroupNavNew_main-15674918508311894 header:hover .nav-container .logo .logo-blue { display: none; } #c_portalResGroupNavNew_main-15674918508311894 header:hover .nav-container .logo .logo-white { display: inline-block; } #c_portalResGroupNavNew_main-15674918508311894 header.active { background-color: #fff; } #c_portalResGroupNavNew_main-15674918508311894 header.active .nav-container .logo .logo-blue { display: inline-block; } #c_portalResGroupNavNew_main-15674918508311894 header.active .nav-container .logo .logo-white { display: none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container { height: 60px; position: relative; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo { line-height: 60px; height: 60px; display: block; text-align: left; padding-left: 20px; margin-right: 0; margin-left: 0; position: relative; z-index: 99; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo a{ width: 90px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo img { height: 66.66%; width: auto; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo .logo-blue { height: 66.66%; width: auto; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav { display: none; margin: 0; float: none; clear: both; background-color: #fff; box-shadow: 0px 2px 9px 0px rgba(31, 32, 33, 0.15); } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav.active { display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul { margin: 0 20px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li { font-size: 0; line-height: 0; float: none; text-align: left; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li + li { border-top: 1px solid #ececec; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li.mobie_active { display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li.mobie_active .drop-down-list { max-height: none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:hover > a::before { display: none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > .iconfont { position: absolute; height: 55px; width: 55px; right: 10px; line-height: 55px; color: #333; text-align: center; top: 0; display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:last-of-type > .iconfont{ display: none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li .drop-down-list { visibility: visible; opacity: 1; margin-left: 20px; margin-top: 0; max-height: none; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; position: static; width: auto; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li .drop-down-list li { background-color: #fff; padding-left: 2em; -webkit-transform: perspective(100px) rotateX(0deg); -ms-transform: perspective(100px) rotateX(0deg); -moz-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); height: 0; opacity: 0; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li::after { display: none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:first-of-type { display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a { color: #333; line-height: 55px; display: inline-block; width: auto; font-size: 18px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a::before { display: none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r { width: 100%; margin-right: 0; padding: 0 20px; display: none; background-color: #fff; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r.active { display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul { width: 100%; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul li { width: 33.33%; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul li:first-of-type { text-align: left; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul li:last-of-type { text-align: right; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul li a { color: #333; font-size: 16px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav-r > ul li + li::before { background-color: #333; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .search { display: none; } #c_portalResGroupNavNew_main-15674918508311894 header .search-mobie { display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button { display: block; right:120px; } #c_portalResGroupNavNew_main-15674918508311894 header .search-mobie { position: absolute; width: 40px; height: 40px; background-color: #43464b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50%; right: 20px; display: block; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:100; } #c_portalResGroupNavNew_main-15674918508311894 header .search-mobie a { display: block; width: 100%; height: 100%; line-height: inherit; color: #fff; } #c_portalResGroupNavNew_main-15674918508311894 header .search-mobie a .iconfont { display: block; width: 100%; height: 100%; line-height: inherit; font-size: 2rem; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li:hover .drop-down-list li { -webkit-transform: perspective(100px) rotateX(0deg); -ms-transform: perspective(100px) rotateX(0deg); -moz-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); height: 0; opacity: 0; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li.mobie_active .drop-down-list li { height: 50px!important; opacity: 1!important; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r { display: block; position: absolute; width: 40px; height: 40px; background-color: #43464b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50%; right: 70px; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 100; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r .lang-dispaly { color: #fff; font-size: 16px; line-height: 40px; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r .select-lang { position: absolute; top: 60px; width: 140%; left: -20%; background: rgba(0, 0, 0, 0.8); display: none; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r .select-lang a { display: block; font-size: 14px; color: #fff; line-height: 40px; } } @media screen and (max-width: 768px){ #c_portalResGroupNavNew_main-15674918508311894 header { height: 44px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container { height: 44px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .logo { line-height: 44px; height: 44px; display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li .drop-down-list li { font-size: 14px; border-bottom: none; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .nav > ul > li > a { font-size: 14px; } #c_portalResGroupNavNew_main-15674918508311894 header .search-mobie { width: 30px; height: 30px; } #c_portalResGroupNavNew_main-15674918508311894 header .search-mobie a .iconfont { font-size: 18px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button { width: 30px; height: 30px; right: 100px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 14px; height: 16px; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-button div span.center-hr { margin: 4px auto; width: 10px; position: relative; left: 2px; } #c_portalResGroupNavNew_main-15674918508311894 footer .footer-container { display: none; } #c_portalResGroupNavNew_main-15674918508311894 footer .footer-container-mobie { display: block; } #c_portalResGroupNavNew_main-15674918508311894 header .search-drop-down .search-wrapper{ padding:0 10px; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r { width: 30px; height: 30px; right: 60px; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r .lang-dispaly { line-height: 30px; font-size: 14px; } #c_portalResGroupNavNew_main-15674918508311894 header .mobile-nav-r .select-lang { top: 44px; } } @media screen and (max-width: 468px){ #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .mobile-menu .nav { max-height: 300px; overflow: auto; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .mobile-menu .nav-r > ul { text-align: center; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .mobile-menu .nav-r > ul li { width: auto; float: none; display: inline-block; } #c_portalResGroupNavNew_main-15674918508311894 header .nav-container .mobile-menu .nav-r > ul li a { font-size: 13px; } } #c_portalResGroupNavNew_main-15674918508311894{ 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; }