#c_grid-116273709439191 .p_gridbox::after { content: ''; clear: left; display: block; } #c_grid-116273709439191 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } #c_grid-116273709439191 > div > .p_gridCell { float: left; position: static; } #c_grid-116273709439191 > .p_gridbox.signal { min-height: inherit; } #c_grid-116273709439191 > .p_gridbox.signal > .p_gridCell { min-height: inherit !important; } #c_grid-116273709439191 { margin-left: auto; margin-right: auto; width: 100%; } @media screen and (max-width:768px) { #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (min-width: 769px) { #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } #c_static_001-16420726227420 { padding: 0 !important; } #c_static_001-16420726227420 >div { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } #c_static_001-16420726227420 .left { color: white; float: left; } #c_static_001-16420726227420 .right { color: white; float: right; display: flex; } #c_static_001-16420726227420 .right a { color: white; padding: 0 30px; display: flex; align-items: center; } #c_static_001-16420726227420 .right a:hover { background: #1eb8ff; transition: 0.5s; } #c_static_001-16420726227420 .right a img { margin-right: 5px; } #c_static_001-16420726227420 .right a:nth-child(2) { border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); } #c_static_001-16420726227420 .language { width: 130px; cursor: pointer; position: relative; padding: 0 30px; } #c_static_001-16420726227420 .language:hover { background: #1eb8ff; transition: 0.5s; } #c_static_001-16420726227420 .select:before { content: ""; display: inline-block; margin-right: 6px; background: url(/repository/image/c2bc1ed1-9ac6-4002-9d47-6d86ddfde0c0.png); width: 16px; height: 18px; vertical-align: middle; } #c_static_001-16420726227420 .select:after { content: ''; vertical-align: middle; position: absolute; right: 30px; top: 0px; bottom: 0px; margin: auto 0; display: block; width: 8px; height: 8px; background-color: transparent; border-right: 2px solid white; border-top: 2px solid white; -ms-transform: rotate(130deg); -webkit-transform: rotate(130deg); transform: rotate(130deg); transition: 0.5s; } #c_static_001-16420726227420 .country { position: absolute; width: 100%; left: 0; display: none; z-index: 99; } #c_static_001-16420726227420 .country a { display: block; text-align: center; line-height: 30px; background: #f4f4f4; transition: 0.5s; color: rgba(0,0,0,0.6); } #c_static_001-16420726227420 .country a:hover { background: #1eb8ff; transition: 0.5s; color: white; } #c_static_001-16420726227420 .top { background: #00a0e9; line-height: 30px; } #c_static_001-16420726227420 .logo { float: left; } #c_static_001-16420726227420 .logo svg { vertical-align: middle; width: 182px; } #c_static_001-16420726227420 .search_btn { float: right; cursor: pointer; } #c_static_001-16420726227420 .search_btn svg { width: 18px; vertical-align: middle; } #c_static_001-16420726227420 .nav { float: right; } #c_static_001-16420726227420 .nav>div { float: left; margin-right: 60px; position: relative; } #c_static_001-16420726227420 .pull { position: absolute; width: 200px; left: 50%; transform: translateX(-50%); background: #00a0e9; display: none; padding: 10px 0; } #c_static_001-16420726227420 .nav .pull a { display: block; text-align: center; color: white !important; line-height: 50px; } #c_static_001-16420726227420 .nav .pull a:hover { background: #1eb8ff; } #c_static_001-16420726227420 .nav a { color: white; } #c_static_001-16420726227420 .bottom { line-height: 90px; } #c_static_001-16420726227420 .roll { transition: 0.5s; } #c_static_001-16420726227420 .roll_act { background: white; transition: 0.5s; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); } #c_static_001-16420726227420 .roll_act .nav a { color: rgba(0,0,0,0.6); } #c_static_001-16420726227420 .logo_b { display: none; } #c_static_001-16420726227420 .roll_act .logo_a { display: none; } #c_static_001-16420726227420 .roll_act .logo_b { display: inline-block; } #c_static_001-16420726227420 .search_b { display: none; } #c_static_001-16420726227420 .roll_act .search_a { display: none; } #c_static_001-16420726227420 .roll_act .search_b { display: inline-block; } #c_static_001-16420726227420 .search { position: fixed; width: 100%; top: 30px; left: 0px; z-index: 90; background: #1eb8ff; display: none; } #c_static_001-16420726227420 .mid { text-align: center; line-height: 90px; } #c_static_001-16420726227420 .shut { width: 18px; height: 18px; line-height: 18px; background: url(/repository/image/6dc9c941-aa8e-4713-bfdb-72f36a08ad11.svg); display: inline-block; vertical-align: middle; cursor: pointer; } #search-top { border: none; border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0 20px; background: none; padding: 5px; color: white; width: 300px; } #c_static_001-16420726227420 .search-sub { width: 18px; height: 18px; line-height: 18px; background: url(/repository/image/f864079d-0da3-4ece-aac3-072093cf0360.svg); background-size: cover; display: inline-block; vertical-align: middle; cursor: pointer; } #c_static_001-16420726227420 .drop { float: right; position: relative; width: 30px; height: 30px; display: none; margin-top: 13px; margin-left: 10px; } #c_static_001-16420726227420 .drop span { display: block; height: 2px; background: white; position: absolute; right: 0px; top: 50%; margin-top: -1px; transition: 0.4s; width: 24px; } #c_static_001-16420726227420 .roll_act .drop span { background: #333333; } #c_static_001-16420726227420 .drop span:first-child { top: 36%; } #c_static_001-16420726227420 .drop span:nth-child(2) { top: 56%; } #c_static_001-16420726227420 .drop span:last-child { top: 80%; } #c_static_001-16420726227420 .active_mobile span:first-child { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: 0.4s; margin-top: 5px; } #c_static_001-16420726227420 .active_mobile span:nth-child(2) { display: none; } #c_static_001-16420726227420 .active_mobile span:last-child { -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: 0.4s; margin-top: -4px; top: 64%; } input::-webkit-input-placeholder { color: white; opacity: 1; } input:-moz-placeholder { color: white; opacity: 1; } @media screen and (max-width: 1366px) { #c_static_001-16420726227420 .bottom { line-height: 70px; } #c_static_001-16420726227420 .mid { line-height: 70px; } #c_static_001-16420726227420 .nav>div { margin-right: 40px; } } @media screen and (max-width: 768px) { #search-top { width: 200px; } #c_static_001-16420726227420 .left { float: none; text-align: center; display: none; } #c_static_001-16420726227420 .right { float: none; justify-content: space-between; } #c_static_001-16420726227420 .right a { padding: 0; flex: 1; justify-content: center; } #c_static_001-16420726227420 .language { flex: 1; width: auto; padding: 0 10px; } #c_static_001-16420726227420 .nav { display: none; position: fixed; width: 100%; height: 100%; top: 90px; left: 0; background: #f4f4f4; } #c_static_001-16420726227420 .logo svg { width: 150px; } #c_static_001-16420726227420 .bottom { line-height: 60px; } #c_static_001-16420726227420 .mid { line-height: 60px; } #c_static_001-16420726227420 .drop { display: block; } #c_static_001-16420726227420 .nav a { color: rgba(0,0,0,0.6); } #c_static_001-16420726227420 .nav>div { float: none; margin-right: 0px; padding: 0 3%; } #c_static_001-16420726227420 .pull { left: 0; transform: inherit; position: inherit; width: 100%; } #c_static_001-16420726227420 .nav .pull a { line-height: 40px; } #c_static_001-16420726227420 .column { line-height: 40px; position: relative; } #c_static_001-16420726227420 .column:after { content: ''; position: absolute; right: 25px; top: 0px; bottom: 0px; margin: auto 0; display: block; width: 8px; height: 8px; background-color: transparent; border-right: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(0,0,0,0.2); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: 0.5s; } #c_static_001-16420726227420 .nav_act .column:after { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: 0.5s; } } @media screen and (max-width:768px) { #c_static_001-16420726227420 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } #c_static_001-16420726227420 .e_navigationA-6 .p_level1Box { display: block; width: 100%; } #c_static_001-16420726227420 .e_navigationA-6 .p_iconBox { display: block; } #c_static_001-16420726227420 .e_navigationA-6 .p_navContent { display: none; padding: 20px; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fbfbfb; z-index: 99; } #c_static_001-16420726227420 .e_navigationA-6 .p_navButton { display: flex; justify-content: flex-end; } #c_static_001-16420726227420 .e_navigationA-6 .p_level2Box,#c_static_001-16420726227420 .e_navigationA-6 .p_level3Box { padding: 0 0 0 30px; background: none; } #c_static_001-16420726227420 .e_navigationA-6 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_static_001-16420726227420 .e_navigationA-6 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_static_001-16420726227420 .e_navigationA-6 .p_level2Box,#c_static_001-16420726227420 .e_navigationA-6 .p_level3Box { width: 100%; left: 0; transform: translateX(0); position: inherit; border-radius: 0; } #c_static_001-16420726227420 .e_navigationA-6 .p_level1Item { border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; } #c_static_001-16420726227420 .e_navigationA-6 .p_level1Item a,#c_static_001-16420726227420 .e_navigationA-6 .p_level2Item a { line-height: 50px; font-size: 14px; padding: 0; display: inline; text-align: left; opacity: 1; } #c_static_001-16420726227420 .s_templatetitle { color: #333; } } @media screen and (min-width: 769px) { #c_static_001-16420726227420 .e_navigationA-6 .p_jtIcon { transform: rotate(90deg); display: none; } #c_static_001-16420726227420 .e_navigationA-6 .p_level2Item .p_jtIcon { display: none; } #c_static_001-16420726227420 .e_navigationA-6 .p_iconBox { display: none; } } #c_grid-116273709439190 .p_gridbox::after { content: ''; clear: left; display: block; } #c_grid-116273709439190 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } #c_grid-116273709439190 > div > .p_gridCell { float: left; position: static; } #c_grid-116273709439190 > .p_gridbox.signal { min-height: inherit; } #c_grid-116273709439190 > .p_gridbox.signal > .p_gridCell { min-height: inherit !important; } #c_grid-116273709439190 { margin-left: auto; margin-right: auto; width: 100%; } @media screen and (max-width:768px) { #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (min-width: 769px) { #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } #c_static_001-16420726718590 .foot { background: url(/repository/portal-local/ngc202301310001/cms/image/592afa0b-fd0e-4a38-aadb-4aa12ca55af9.jpg); background-size: cover; padding-top: 3.125%; } #c_static_001-16420726718590 .left { float: left; color: #777777; } #c_static_001-16420726718590 .right { float: right; } #c_static_001-16420726718590 .right>div { float: left; width: 150px; } #c_static_001-16420726718590 .right>div:last-child { width: auto; } #c_static_001-16420726718590 .subcolumn div { margin-bottom: 20px; } #c_static_001-16420726718590 .subcolumn a { color: #777777; transition: 0.5s; } #c_static_001-16420726718590 .subcolumn a:hover { color: #00a0e9; transition: 0.5s; } #c_static_001-16420726718590 .subcolumn a:last-child { margin-bottom: 0; } #c_static_001-16420726718590 .name { line-height: 48px; margin-bottom: 35px; color: #000; display: block; } #c_static_001-16420726718590 .foot_logo { margin-bottom: 35px; } #c_static_001-16420726718590 .foot_logo svg { width: 182px; } #c_static_001-16420726718590 .bottom { border-top: 1px solid rgba(0,0,0,0.2); padding: 3.125% 0 5.07%; margin-top: 4%; } #c_static_001-16420726718590 .btom_left { float: left; } #c_static_001-16420726718590 .btom_left span { margin-right: 10px; } #c_static_001-16420726718590 .btom_right { float: right; } #c_static_001-16420726718590 .btom_right a:hover { color: #00a0e9; } #c_static_001-16420726718590 .gray { color: #666666; } #c_static_001-16420726718590 .line { margin: 0 10px; } #c_static_001-16420726718590 .contact>div { margin-bottom: 15px; } #c_static_001-16420726718590 .contact>div:last-child { margin-bottom: 0px; } #c_static_001-16420726718590 .share-component { margin-top: 25px; } #c_static_001-16420726718590 .social-share { display: none; } #c_static_001-16420726718590 .social-share a { margin: 0 10px 0 0; color: #bfbfbf; border-color: #bfbfbf; } #c_static_001-16420726718590 .social-share a:hover { color: white; border-color: white; } #c_static_001-16420726718590 .other { margin-bottom: 30px; width: 300px; } #c_static_001-16420726718590 .other a { width: 120px; line-height: 45px; text-align: center; border: 1px solid rgba(0,0,0,0.4); display: inline-block; color: rgba(0,0,0,1); transition: 0.5s; position: relative; } #c_static_001-16420726718590 .other a span { position: relative; z-index: 2; } #c_static_001-16420726718590 .other a:after { content: ""; display: block; width: 0; height: 100%; transition: 0.5s; background: #00a0e9; position: absolute; top: 0; left: 0; } #c_static_001-16420726718590 .other a:hover:after { transition: 0.5s; width: 100%; } #c_static_001-16420726718590 .other a:first-child { margin-right: 20px; } #c_static_001-16420726718590 .other a:nth-child(3) { margin-top: 20px; margin-right: 20px; } #c_static_001-16420726718590 .other a:hover { color: white; transition: 0.5s; border: 1px solid transparent; } #c_static_001-16420726718590 .other a:first-child:before { content: ""; display: inline-block; width: 19px; height: 15px; background-image: url(/repository/portal-local/ngc202301310001/cms/image/977480a3-a01f-4def-8dbf-1482b6a59082.png); vertical-align: middle; margin-right: 5px; z-index: 2; position: relative; } #c_static_001-16420726718590 .other a:nth-child(2):before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(/repository/portal-local/ngc202301310001/cms/image/08633eaa-27ed-48e9-89bf-b6b09a51b7fc.png); vertical-align: middle; margin-right: 5px; z-index: 2; position: relative; } #c_static_001-16420726718590 .other a:nth-child(3):before { content: ""; display: inline-block; width: 17px; height: 18px; background-image: url(/repository/portal-local/ngc202301310001/cms/image/00fe2c42-86c4-4ed1-ba1e-37350907355c.png); vertical-align: middle; margin-right: 5px; z-index: 2; position: relative; } #c_static_001-16420726718590 .other a:nth-child(4):before { content: ""; display: inline-block; width: 17px; height: 18px; background-image: url(/repository/portal-local/ngc202301310001/cms/image/00fe2c42-86c4-4ed1-ba1e-37350907355c.png); vertical-align: middle; margin-right: 5px; z-index: 2; position: relative; } #c_static_001-16420726718590 .other a:first-child:hover:before { background-image: url(/repository/portal-local/ngc202301310001/cms/image/0c15ea49-a3c6-438e-9da9-b754b11103cc.png); } #c_static_001-16420726718590 .other a:nth-child(2):hover:before { background-image: url(/repository/portal-local/ngc202301310001/cms/image/39480925-4b28-4b7a-a270-21eb73e45ecf.png); } #c_static_001-16420726718590 .other a:nth-child(3):hover:before { background-image: url(/repository/portal-local/ngc202301310001/cms/image/346b7737-7797-45c1-bb6e-92d7c95a7c82.png); } #c_static_001-16420726718590 .other a:nth-child(4):hover:before { background-image: url(/repository/portal-local/ngc202301310001/cms/image/346b7737-7797-45c1-bb6e-92d7c95a7c82.png); } @media screen and (max-width:1366px) { #c_static_001-16420726718590 .right>div { width: 120px; } #c_static_001-16420726718590 .name { margin-bottom: 25px; } #c_static_001-16420726718590 .foot_logo { margin-bottom: 25px; } } @media screen and (min-width:768px) { #c_static_001-16420726718590 .social-share .icon-wechat .wechat-qrcode { top: 50px; } #c_static_001-16420726718590 .social-share .icon-wechat .wechat-qrcode:after { display: none; } } @media screen and (max-width:768px) { #c_static_001-16420726718590 .foot_logo { margin: 20px 0; text-align: center; } #c_static_001-16420726718590 .left { float: none; } #c_static_001-16420726718590 .share-component { margin-top: 15px; text-align: center; display: none; } #c_static_001-16420726718590 .right { display: none; } #c_static_001-16420726718590 .btom_left { float: none; text-align: center; } #c_static_001-16420726718590 .btom_left>div>span { margin-right: 0; display: block; } #c_static_001-16420726718590 .btom_right { float: none; text-align: center; margin-top: 10px; } #c_static_001-16420726718590 .contact>div { margin-bottom: 5px; } #c_static_001-16420726718590 .other { text-align: center; } } @media screen and (max-width:768px) { #c_static_001-16420726718590 { padding-right: 0px; padding-left: 0px; } #c_static_001-16420726718590 .e_container-1 { padding-left: 10px; padding-right: 10px; flex-direction: column; } #c_static_001-16420726718590 .e_image-19 { display: none; } #c_static_001-16420726718590 .e_container-21 { display: none; } #c_static_001-16420726718590 .e_container-22 .cbox-22-0 { align-items: center; } #c_static_001-16420726718590 .e_container-23 { flex-direction: row; max-height: none; height: auto; display-radio: 1; } #c_static_001-16420726718590 .e_container-23 .cbox-23-0 { align-items: center; flex: 0 0 100%; align-self: center; } #c_static_001-16420726718590 .e_container-23 .cbox-23-1 { align-items: center; align-self: center; flex: 0 0 100%; } #c_static_001-16420726718590 .e_container-24 { margin-bottom: 0px; padding-bottom: 0px; max-height: 25px; display-radio: 1; } #c_static_001-16420726718590 .e_container-24 .cbox-24-0 { align-items: center; flex: 0 0 auto; margin-right: 0px; margin-left: auto; } #c_static_001-16420726718590 .e_text-25 { font_radio: 1; } #c_static_001-16420726718590 .e_provider-26 { font_radio: 1; } #c_static_001-16420726718590 .e_text-27 { font_radio: 2; text-align: center; display-radio: 1; } #c_static_001-16420726718590 .e_bottomNav-29 .p_menu1Item,#c_static_001-16420726718590 .e_bottomNav-29 .p_menu2Item { display: flex; justify-content: space-between; } #c_static_001-16420726718590 .e_bottomNav-29 .p_level1Box ul { display: none; } #c_static_001-16420726718590 .e_bottomNav-29 .p_jtIcon { width: auto; height: auto; max-width: 20px; font-size: inherit; transition: 0.5s; margin: 0; } #c_static_001-16420726718590 .e_bottomNav-29 .p_jtIcon.active { transform: rotateZ(90deg); } #c_static_001-16420726718590 .e_bottomNav-29 a { display: flex; flex-direction: column; justify-content: center; } #c_static_001-16420726718590 .e_bottomNav-29 .p_level1Item { padding: 0; } #c_static_001-16420726718590 .e_bottomNav-29 .p_menu2Item svg { opacity: .5; } #c_static_001-16420726718590 .e_bottomNav-29 { font_radio: 1; margin-top: 10px; } #c_static_001-16420726718590 .e_container-30 .cbox-30-0 { flex: 0 0 auto; align-self: center; margin-right: 0px; margin-left: auto; } #c_static_001-16420726718590 .e_container-30 .cbox-30-1 { align-self: center; flex: 0 0 auto; margin-left: 0px; margin-right: auto; } #c_static_001-16420726718590 .e_text-31 { display-radio: 1; font_radio: 1; } #c_static_001-16420726718590 .e_container-30 { display-radio: 1; width: 100%; flex-direction: row; } #c_static_001-16420726718590 .e_container-24 .cbox-24-1 { flex: 0 0 auto; margin-right: auto; margin-left: 0px; } #c_static_001-16420726718590 .e_container-22 { display-radio: 1; } } @media screen and (min-width: 769px) { #c_static_001-16420726718590 .e_bottomNav-29 .p_level1Box { display: flex; } #c_static_001-16420726718590 .e_bottomNav-29 .p_jtIcon { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { } #c_banner_019-1675143477333 .all img { width: 100%; } #c_banner_019-1675143477333 .all { position: relative; } #c_banner_019-1675143477333 .txt { position: absolute; top: 50%; transform: translateY(-50%); color: white; width: 100%; } #c_banner_019-1675143477333 .mobile { display: none; } @media only screen and (max-width:768px) { #c_banner_019-1675143477333>div { margin-top: 90px; } #c_banner_019-1675143477333 .mobile { display: block; } #c_banner_019-1675143477333 .pc { display: none; } #c_banner_019-1675143477333 .txt { transform: translateY(-10%); } } @media screen and (max-width:768px) { #c_banner_019-1675143477333 .e_bannerA-2 .swiper-slide { height: 400px; } #c_banner_019-1675143477333 .e_bannerA-2 .p_info { width: 100%; z-index: 9; text-align: center; } #c_banner_019-1675143477333 .e_bannerA-2 .p_subtitle { display: none; } #c_banner_019-1675143477333 .e_bannerA-2 .p_summary { display: none; } } #c_static_001-1675241269006 { border-bottom: 1px solid rgba(0,0,0,0.1); } #c_static_001-1675241269006 .center { display: flex; justify-content: space-between; align-items: center; height: 75px; } .p_icon { display: none; } .e_breadcrumb-2 span { color: #8c8c8c; margin: 0 6px; } .e_breadcrumb-2 a { transition: 0.5s; } .e_breadcrumb-2 a:hover { transition: 0.5s; color: #00a0e9; } #c_static_001-1675241269006 .e_breadcrumb-2 .p_breadcrumbItem { position: relative; float: left; } #c_static_001-1675241269006 .e_breadcrumb-2 .icon { width: 12px; height: 12px; } #c_static_001-1675241269006 .e_breadcrumb-2 .p_breadcrumbItem:not(:first-child) { padding: 0 3px 0 15px; } #c_static_001-1675241269006 .e_breadcrumb-2 .p_breadcrumbItem:not(:first-child)::before { content: '>'; position: absolute; left: 3px; color: #999; } #c_static_001-1675241269006 .e_breadcrumb-2 .p_breadcrumb::after { display: block; clear: both; content: ''; } #c_static_001-1675241269006 .e_breadcrumb-2 .p_showTitle { position: relative; display: flex; align-items: center; padding-left: 5px; border: 1px solid transparent; } #c_static_001-1675241269006 .e_breadcrumb-2 .siblings::after { content: '>'; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; transform: rotateZ(90deg); cursor: pointer; color: #ccc; } #c_static_001-1675241269006 .e_breadcrumb-2 .siblings.active { border: 1px solid #dee2e6; } #c_static_001-1675241269006 .e_breadcrumb-2 .siblings.active::after { transform: rotateZ(-90deg); } #c_static_001-1675241269006 .e_breadcrumb-2 .p_slide { position: absolute; left: 18px; min-width: 100%; padding: 5px; display: none; z-index: 999; } #c_static_001-1675241269006 .e_breadcrumb-2 .p_sibling { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #c_static_001-1675241269006 .e_navigationA-5 .p_level1Box { display: flex; justify-content: flex-end; } #c_static_001-1675241269006 .e_navigationA-5 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_static_001-1675241269006 .e_navigationA-5 .p_openIcon { width: 100%; height: 36px; } #c_static_001-1675241269006 .e_navigationA-5 .p_closeIcon { width: 100%; height: 30px; } #c_static_001-1675241269006 .e_navigationA-5 .p_navButton { display: none; } #c_static_001-1675241269006 .e_navigationA-5 .p_level2Box { display: none; height: auto; padding: 15px 0; background: #fff; width: 160px; position: absolute; left: 50%; top: 100%; z-index: 99; transform: translateX(-50%); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #c_static_001-1675241269006 .e_navigationA-5 .p_level3Box { display: none; height: auto; padding: 15px 0; background: #fff; background: #f5f5f5; width: 130px; position: absolute; top: 0; left: 100%; z-index: 9; border-radius: 5px; border-top-left-radius: 0px; } #c_static_001-1675241269006 .e_navigationA-5 .p_level1Item { position: relative; border: none; } #c_static_001-1675241269006 .e_navigationA-5 .p_level2Item { position: relative; width: 100%; } #c_static_001-1675241269006 .e_navigationA-5 .p_level3Item { width: 100%; } #c_static_001-1675241269006 .e_navigationA-5 .p_level1Item a { font-size: 16px; padding: 0 20px; line-height: 80px; display: block; text-align: center; } #c_static_001-1675241269006 .e_navigationA-5 .p_level2Item a { font-size: 15px; padding: 0 20px; line-height: 35px; display: block; text-align: center; opacity: .6; transition: all ease .3s; } #c_static_001-1675241269006 .e_navigationA-5 .p_level2Item a:hover { opacity: 1; } #c_static_001-1675241269006 .e_navigationA-5 { display: flex; } #c_static_001-1675241269006 .e_navigationA-5 div { margin-left: 45px; height: 75px; display: flex; align-items: center; } #c_static_001-1675241269006 .e_navigationA-5 div a { transition: 0.5s; } #c_static_001-1675241269006 .e_navigationA-5 div a:hover { color: #00a0e9; transition: 0.5s; } #c_static_001-1675241269006 .p_current { position: relative; color: #00a0e9; } #c_static_001-1675241269006 .p_current:after { position: absolute; content: ""; width: 100%; bottom: 0px; left: 0px; height: 3px; background: #00a0e9; } @media only screen and (max-width:1600px) { #c_static_001-1675241269006 .e_navigationA-5 div { margin-left: 20px; } } @media only screen and (max-width:1100px) { #c_static_001-1675241269006 .e_navigationA-5 { display: none; } } @media only screen and (max-width:768px) { .e_breadcrumb-2 { display: flex; } #c_static_001-1675241269006 .center { height: 40px; } } @media screen and (max-width:768px) { #c_static_001-1675241269006 .e_breadcrumb-2 .p_breadcrumbItem:nth-child(1) .p_title,#c_static_001-1675241269006 .e_breadcrumb-2 .p_breadcrumbItem:nth-child(2) .p_title { white-space: pre; } #c_static_001-1675241269006 .e_breadcrumb-2 .p_breadcrumbItem:nth-child(3) .p_title { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } #c_static_001-1675241269006 .e_breadcrumb-2 a { display: flex; } #c_static_001-1675241269006 .e_navigationA-5 .p_level1Box { display: block; } #c_static_001-1675241269006 .e_navigationA-5 .p_iconBox { display: block; } #c_static_001-1675241269006 .e_navigationA-5 .p_navContent { display: none; padding: 20px; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fbfbfb; z-index: 99; } #c_static_001-1675241269006 .e_navigationA-5 .p_navButton { display: flex; justify-content: flex-end; } #c_static_001-1675241269006 .e_navigationA-5 .p_level1Box { width: 100%; } #c_static_001-1675241269006 .e_navigationA-5 .p_level2Box,#c_static_001-1675241269006 .e_navigationA-5 .p_level3Box { padding: 0 0 0 30px; background: none; } #c_static_001-1675241269006 .e_navigationA-5 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_static_001-1675241269006 .e_navigationA-5 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_static_001-1675241269006 .e_navigationA-5 .p_level2Box,#c_static_001-1675241269006 .e_navigationA-5 .p_level3Box { width: 100%; left: 0; transform: translateX(0); position: inherit; border-radius: 0; } #c_static_001-1675241269006 .e_navigationA-5 .p_level1Item { border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; } #c_static_001-1675241269006 .e_navigationA-5 .p_level1Item a,#c_static_001-1675241269006 .e_navigationA-5 .p_level2Item a { line-height: 50px; font-size: 14px; padding: 0; display: inline; text-align: left; opacity: 1; } } @media screen and (min-width: 769px) { #c_static_001-1675241269006 .e_navigationA-5 .p_jtIcon { transform: rotate(90deg); display: none; } #c_static_001-1675241269006 .e_navigationA-5 .p_level2Item .p_jtIcon { display: none; } #c_static_001-1675241269006 .e_navigationA-5 .p_iconBox { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { } #c_static_001-1675906323031 .all { padding: 5.2% 0; background: url("/repository/portal-local/ngc202301310001/cms/image/e6455419-dcd3-4849-ba39-e71b2a07d79f.jpg"); background-size: cover; position: relative; } #c_static_001-1675906323031 .scyf-content { text-align: center; color: white; } #c_static_001-1675906323031 .same { width: 350px; height: 350px; border-radius: 50%; margin: auto; position: relative; overflow: hidden; border: 4px solid white; display: block; color: white; } #c_static_001-1675906323031 .same img { width: 100%; } #c_static_001-1675906323031 .txt { position: absolute; bottom: -260px; background: rgba(0,166,233,0.8); z-index: 2; width: 100%; height: 100%; border-radius: 50%; transition: 0.5s; } #c_static_001-1675906323031 .name { height: 90px; display: flex; align-items: center; justify-content: center; font-size: 16px; width: 140px; margin: auto; } #c_static_001-1675906323031 .name span{font-family: siyuanHeavy;} #c_static_001-1675906323031 .same:hover .txt { bottom: 0; transition: 0.5s; display: flex; align-items: center; justify-content: center; } #c_static_001-1675906323031 .same:hover .name { font-size: 24px; height: auto; margin-bottom: 10px; width: 210px; } #c_static_001-1675906323031 .summary { width: 80%; margin: auto; display: block; color: white; font-family: siyuanHeavy; } #c_static_001-1675906323031 .lk { margin: 20px auto 0; display: block; width: 8px; height: 8px; background-color: transparent; border-right: 2px solid white; border-top: 2px solid white; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: 0.5s; } #c_static_001-1675906323031 .second { width: 875px; margin: 20px auto 0; display: flex; justify-content: space-between; } #c_static_001-1675906323031 .bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } @media screen and (max-width:1366px) { #c_static_001-1675906323031 .same { width: 300px; height: 300px; } #c_static_001-1675906323031 .txt { bottom: -210px; } } @media screen and (max-width:768px) { #c_static_001-1675906323031 .same { margin-bottom: 20px; } #c_static_001-1675906323031 .second { display: block; width: 100%; margin: 0 auto; } }