:root { --fontFamily: "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft Yahei UI", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --fontSize: 16px; --lineHeight: 1.65; --fontWeight: 400; --container-width: 88%; --container-max-width: 1440px; --block-max-width: 1440px; --color: #333333; --nav-height: 64px; --nav-padding: 20px; } html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); scroll-behavior: smooth; } body { font-family: var(--fontFamily); font-size: var(--fontSize); font-weight: var(--fontWeight); line-height: var(--lineHeight); overflow-x: hidden; overflow-wrap: break-word; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: var(--color); } div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: var(--lineHeight); } * { white-space: normal; word-break: normal; } body { margin: 0; } body * { outline: none; } * { box-sizing: border-box; } a { text-decoration: none; color: inherit; } ul { margin: 0; } li { display: block; } .ct-container { width: var(--container-width); max-width: var(--container-max-width); margin: auto; } .ct-container-full { width: var(--container-width); margin: auto; } ul { padding: 0; } div { -webkit-overflow-scrolling: touch; } img { max-width: 100%; height: auto; } .full-img-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .full-img-wrap > img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; } a.full-aa { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; } .ct-hide { display: none !important; } /* */ body .scrollbar-thumb { border-radius: 2px; opacity: 0.75; } body .scrollbar-track-y { background: rgb(255 255 255 / 0%); } .Scroll-Wrapper { height: 100vh; width: 100%; overflow: auto; } /* */ /* xiaodao */ .the_header { position: fixed; top: 0; left: 0; right: 0; z-index: 200; color: #fff; } .the_header_c { width: 92%; margin: auto; padding: 30px 0; } .the_logo a { display: block; position: relative; } .the_logo img { max-width: 140px; transition: 0.3s; opacity: 0; display: block; } .the_logo img.white_logo { position: absolute; left: 0; top: 0; opacity: 1; } .the_header_c { display: flex; justify-content: space-between; align-items: center; } .the_out_link_w { display: flex; align-items: center; } .olink_i img { max-width: 28px; display: block; } .olink_i a { display: block; } .the_out_link_w > div { margin-left: 48px; } .top_menu { display: flex; } .the_m_c { display: flex; align-items: center; justify-content: space-between; } .the_wo2 { display: flex; align-items: center; } .the_wo2 div { display: flex; align-items: center; cursor: pointer; } .top_menu > .menu-itm { margin-right: 48px; } .the_wo2 > div { margin-left: 64px; } .t_lang_btn .icon-dwl { margin-left: 4px; } .the_wo2 div svg path { transition: 0.3s; fill: #fff; } .the_header { transition: 0.3s; } .the_header.white_bg, .the_header.white_bgg, .the_header.nyn_white { background: #fff; color: #000; } .the_header.nyn_white2 { color: #000; } .the_header.white_bg .the_logo img, .the_header.white_bgg .the_logo img, .the_header.nyn_white .the_logo img, .the_header.nyn_white2 .the_logo img { opacity: 1; } .the_header.white_bg .the_logo img.white_logo, .the_header.white_bgg .the_logo img.white_logo, .the_header.nyn_white .the_logo img.white_logo, .the_header.nyn_white2 .the_logo img.white_logo { opacity: 0; } .the_header.white_bg .the_wo2 div svg path, .the_header.white_bgg .the_wo2 div svg path, .the_header.nyn_white .the_wo2 div svg path, .the_header.nyn_white2 .the_wo2 div svg path { transition: 0.3s; fill: #000; } .the_m_c { flex-basis: 60%; } .top_menu > .menu-itm .sub-menu { position: fixed; left: 25%; top: 104px; } .top_menu > .menu-itm .sub-menu .menu-i > a { display: inline-flex; align-items: center; } .sub-img-menu { position: absolute; top: 0; left: 200px; } .sub-img-menu { width: calc(var(--width) - 200px); } .top_menu > .menu-itm .sub-menu { margin-top: 70px; } .sub-img-mmc { display: flex; flex-wrap: wrap; } .sub-img-mmc > div { width: 33.33%; text-align: center; margin-bottom: 70px; } .sub-img-m-i h4 { margin: 0; font-weight: 400; } .h_big_bg { position: absolute; top: 0; left: 0; right: 0; z-index: 1; background: #fff; height: 500px; } .the_header_c { position: relative; z-index: 20; } .the_header:before { content: ""; position: absolute; bottom: 0; height: 1px; background: #eee; left: 0; right: 0; z-index: 2; margin: auto; width: 94%; transition: 0.3s; opacity: 0; } .the_header.white_bg:before, .the_header.white_bgg:before, .the_header.nyn_white:before { opacity: 1; } .sub-img-menu { padding-bottom: 80px; } .top_menu > .menu-itm .sub-menu .menu-i > a { font-size: 20px; margin: 18px 0; transition: 0.2s; } .top_menu > .menu-itm .sub-menu .menu-i > a span { margin-right: 8px; } .top_menu > .menu-itm .sub-menu .menu-i:hover > a { color: #27629e; } .top_menu > .menu-itm .sub-menu .menu-i:hover > a path { fill: #27629e; } .top_menu > .menu-itm .sub-menu .menu-i { max-width: 200px; } .h_big_bg { transition: 0.8s; opacity: 0; transform: translate3d(0px, -20px, 0px); pointer-events: none; } .the_header.white_bgg .h_big_bg { transition: 0.3s; opacity: 1; transform: translate3d(0px, 0px, 0px); } .top_menu > .menu-itm .sub-menu { pointer-events: none; } .the_header.white_bgg .top_menu > .menu-itm .sub-menu.open { pointer-events: auto; } .top_menu > .menu-itm .sub-menu .menu-i { transition-duration: 0.4s; opacity: 0; transform: translate3d(-20px, 0px, 0px); } .the_header.white_bgg .top_menu > .menu-itm .sub-menu.open .menu-i { transition-duration: 0.4s; opacity: 1; transform: translate3d(0px, 0px, 0px); } .top_menu > .menu-itm .sub-menu .menu-i .sub-img-m-i { transition-duration: 0.4s; opacity: 0; transform: translate3d(20px, 0px, 0px); } .the_header.white_bgg .top_menu > .menu-itm .sub-menu.open .menu-i .sub-img-m-i { transition-duration: 0.4s; opacity: 1; transform: translate3d(0px, 0px, 0px); } .top_menu > .menu-itm .sub-menu { color: #000; } .sub-img-menu { transition: 0.4s; opacity: 0; pointer-events: none; transform: translate3d(16px, 0px, 0px); } .the_header.white_bgg .top_menu > .menu-itm .sub-menu.open .menu-i:hover .sub-img-menu, .the_header.white_bgg .top_menu > .menu-itm .sub-menu.open .menu-i.on .sub-img-menu { transition: 0.4s; opacity: 1; pointer-events: auto; transform: translate3d(0px, 0px, 0px); } .sub-img-menu { max-width: 1800px; } .banner_wrap { position: relative; height: 110vh; overflow: hidden; max-height: 1440px; } .banner_w_cc2 { position: absolute; bottom: 12.5%; left: 0; right: 0; z-index: 12; } .banner_w_cc1 { position: absolute; top: 24%; z-index: 10; left: 0; right: 0; } .oltt img { max-width: 275px; width: 100%; } .oltt span { display: inline-block; font-size: 1.2em; font-weight: 600; background: #28619d; padding: 0.2em 0.75em; border-radius: 10px; margin-top: 0.75em; } .otext { color: #fff; font-size: 1em; } .otext { display: flex; } .oltt { display: flex; flex-direction: column; align-items: flex-end; margin-right: 2em; } .olrr > * { margin: 0; line-height: 1; } .olrr > h3 { font-size: 2.5em; } .olrr > h4 { font-size: 5.6em; margin-top: 0.2em; margin-bottom: 0.3em; } .olrr > p { font-weight: 300; font-size: 1.2em; opacity: 0.4; } .otext { transform: rotate(-26deg) skew(-18deg, 0deg); transform-origin: center; } .lvo > div { position: relative; } a.vdo_link { display: inline-flex; } .lvo { width: 40%; } .lvo > div { padding-bottom: 56%; } .ply_btn { position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; } .vdo_ww { color: #fff; font-size: 1em; } .rvo h4 { margin: 0; font-size: 1.8em; font-weight: 400; line-height: 1; margin-bottom: 0.35em; } .rvo span { display: block; font-size: 12px; opacity: 0.5; font-weight: 300; line-height: 1.3; } .rvo { margin-left: 1em; } .rvo { width: 60%; } a.vdo_link { align-items: center; } .ss-button { position: absolute; top: 50%; left: 4%; z-index: 30; background: #ffff; display: flex; align-items: center; justify-content: center; border-radius: 200px; padding: 6px; cursor: pointer; } .ss-button svg { width: 22px; height: 22px; } .s-button-next.ss-button { left: auto; right: 4%; } .ss-pagin { position: absolute; bottom: 12.5%; left: 0; right: 0; z-index: 20; margin: auto; } .ss-pagin .swiper-pagination { text-align: right; } .ss-pagin .swiper-pagination span.swiper-pagination-bullet { width: 1em; height: 4px; border-radius: 4px; transition: 0.3s; } .ss-pagin .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 2em; background: #e50065; } .ss-button { transition: 0.2s; opacity: 0.3; } .ss-button:hover { opacity: 0.9; } .about-coent { position: relative; display: flex; } .ab-lll { width: 68.75%; } .ab-rrr { width: 31.25%; } .ab-lll > div { position: relative; padding-bottom: 45%; } .ab-rrr { position: relative; } .full-img-wrap.abim11 { z-index: 10; top: -17%; } .ssll-content { position: relative; z-index: 5; } .ab-txtt { position: absolute; left: 0; right: 0; bottom: 8%; z-index: 20; color: #fff; margin: auto; } .ab-txtt h3, .ab-txtt h1 { margin: 0; font-size: 1.65em; } .ab-txtt p { margin: 0.5em 0; } .sl-geoler { display: flex; justify-content: space-around; padding-top: 6vw; padding-bottom: 4vw; border-bottom: 1px solid #eee; } .countup-i span { font-weight: 600; font-size: 1.4em; display: block; margin-bottom: 0.3em; } .countup-i .cp-num { font-size: 3.125em; font-weight: 600; } .countup-i { line-height: 1; color: #333333; } .countup-i .nums { display: flex; align-items: center; color: #28619d; transition: 0.3s; } .countup-i .cp-name { font-weight: 500; font-size: 1.2em; margin-left: 8px; } .countup-i:hover .nums { color: #e50065; } .countup-i .cp-name.cplus { font-size: 1.85em; } .hom-pd-s > div { position: relative; } .sl-pp-ttile { text-align: center; } .sl-prodnt { padding-top: 4vw; padding-bottom: 8vw; } h3.xddh { margin: 0; font-size: 1.85em; color: #e50065; } .sl-pp-ttile { margin-bottom: 3.5vw; } .banner_wrap > .full-img-wrap > img { object-position: 50% 32%; } .hom-pd-s > div { padding-bottom: 90%; border-radius: 24px; overflow: hidden; } .pd-over-tite { position: absolute; top: 0; left: 0; z-index: 9; color: var(--color); right: 0; bottom: 0; } .pd-over-tite h3 { font-size: 2em; margin: 0; position: relative; padding-bottom: 0.5em; } .pd-over-tite h3:after { content: ""; display: block; width: 25%; height: 3px; background: var(--color); position: absolute; left: 0; bottom: 1px; } .full-img-wrap.spd-imm { z-index: 2; } .full-img-wrap.spd-imm img { object-fit: contain; object-position: bottom; } .hom-pd-s > div > * { transition: 0.4s; height: 75%; } .hom-pd-s > div > .full-img-wrap { border-radius: 30px; overflow: hidden; } .onactive > .hom-pd-s > div > * { transition: 0.4s; height: 100%; } .overlay.full-img-wrap { background: var(--bg); z-index: 3; opacity: 0.8; pointer-events: none; } .onactive > .hom-pd-s .overlay.full-img-wrap { opacity: 0; } .onactive > .hom-pd-s .pd-over-tite > div { position: absolute; left: 2em; top: 2em; transform: translate(0%, 0%); transition: 0.6s; transition-timing-function: cubic-bezier(0.19, 0.52, 0.25, 1); } .pd-over-tite > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.6s; transition-timing-function: cubic-bezier(0.19, 0.52, 0.25, 1); } .onactive > .hom-pd-s .pd-over-tite h3:after { transition: 0.6s; transform: translate(0%, 0px); left: 0%; } .pd-over-tite h3:after { transition: 0.6s; left: 50%; transform: translate(-50%, 0px); } .swiper.sl-pww { overflow: visible; } .sl-prodnt { overflow: hidden; } .pd-swsw { position: absolute; right: 100%; top: 0; bottom: 0; z-index: 10; cursor: pointer; width: 25%; } .sl-ppwwww { position: relative; } .sl-pp-swiop { position: relative; } .spd-button-next.pd-swsw { right: auto; left: 100%; } .more-btn-1 { text-align: center; } .more-btn-1 a { display: inline-block; border: 1px solid #b8b8b8; padding: 0.5em 4em; border-radius: 300px; transition: 0.2s; } .sl-pp-swiop { margin-bottom: 3vw; } .more-btn-1 a:hover { background: #e50065; color: #fff; border-color: #e50065; } .code-tec { position: relative; height: 50vw; overflow: hidden; } .full-img-wrap.cdoeim { z-index: 2; top: 4%; bottom: -4%; } .full-img-wrap.cdoeim img { object-fit: contain; object-position: bottom; } .code-texx { position: relative; z-index: 10; text-align: center; padding-top: 4vw; } .code-texx span { display: block; font-size: 1.25em; } .code-texx h3 { font-size: 3em; margin: 0; font-weight: 500; } .zhineng_ww { position: relative; overflow: hidden; height: 54.5vw; } .show_more_d { position: absolute; z-index: 10; } .show_more_d svg path { fill: #fff; } .show_more_d { left: 40%; top: 40%; transition: 0.4s; } .modd-btn { cursor: pointer; transition: 0.4s; background: #28619d; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 100px; } .show_more_d svg { transition: 0.4s; } .show_more_d:hover .modd-btn { transform: scale(1.2); } .show_more_d:hover .modd-btn svg { transform: scale(0.8) rotate(90deg); } .show_more_content { position: absolute; right: 0; width: 490px; max-width: 92vw; top: 100%; } .show_more_content > div { padding: 2em 10%; background: rgb(0 0 0 / 8%); margin-top: 2em; /* backdrop-filter: blur(4px); */ color: #fff; box-shadow: inset 0px 0px 30px rgb(255 255 255 / 60%); } .show_more_content > div span { background: #f3981c; color: #fff; padding: 0.1em 0.5em; } .show_more_content > div h3 { font-size: 1.6em; font-weight: 500; line-height: 1.2; margin-bottom: 0; } .show_more_content { transition: 0.4s; transform: translate(0px, 30px); opacity: 0; pointer-events: none; } .show_more_d:hover .show_more_content { transition: 0.4s; transform: translate(0px, 0px); opacity: 1; pointer-events: auto; } .sv-button-next.ss-button { left: auto; right: 4%; } .ss-pagin2 { position: absolute; left: 0; right: 0; bottom: 14%; } .ss-pagin2 span.swiper-pagination-bullet { background: #fff; margin: 0 6px !important; } .ss-pagin2 span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; height: 12px; } .zttl1 h3.xddh { color: #fff; } .zttl1 { position: absolute; top: 4vw; left: 0; right: 0; text-align: center; z-index: 20; } .the_zhihnn { position: relative; } .more-btn-1.zh1-more { position: absolute; bottom: 6%; left: 0; right: 0; z-index: 40; } .more-btn-1.zh1-more a { color: #fff; } .ss-pagin2 span.swiper-pagination-bullet { transition: 0.4s; } .news-and-job { position: relative; min-height: 200vh; padding: 7vw 0; box-sizing: border-box; } .news-content { position: relative; z-index: 20; } .enw-tt { margin-bottom: 2em; } .news-www { display: flex; flex-wrap: wrap; } .ewn-c { width: 33.33%; padding-right: 30px; box-sizing: border-box; } .n-img-aa { position: relative; padding-bottom: 64%; overflow: hidden; border-radius: 20px; margin-bottom: 1.85em; } .n-cnee h3 { font-size: 1.25em; margin: 0; } span.datee { display: block; font-size: 0.875em; opacity: 0.7; margin-bottom: 0.5em; } .n-cnee p { margin: 0.5em 0; opacity: 0.6; } .n-cnee.ountle { border-bottom: 1px solid #aeaeae; padding-bottom: 2em; padding-top: 2em; } .news-i-ac:last-child .n-cnee.ountle { border-bottom: 0; } .n-img-aa.nneab { padding-bottom: 115%; } .n-cnee.psnne { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; color: #fff; padding: 2.5em 1.5em; } .more-btn-1.newss-more { margin-top: 2vw; } .more-btn-1.newss-more a { color: #28619d; border: 0; } .more-btn-1.newss-more a:hover { color: #fff; } .jobseimg { position: relative; } .job-content { position: relative; z-index: 5; } .njsl-whietee { height: 53vh; max-height: 1000px; } .leeewt-c { display: flex; flex-wrap: wrap; } .lslltc { width: 50%; padding-right: 5%; } .rrlsge { width: 50%; } .jobseimg { padding-bottom: 60%; overflow: hidden; border-radius: 30px; } .more-btn-1.gsgew-more { text-align: left; margin-top: 2.5em; } p.big-texxxe { font-size: 1.6em; font-weight: 600; line-height: 1.6; } p.smeolltt { opacity: 0.65; max-width: 600px; } .xd-footer { position: relative; } .xd-footer-c { position: relative; z-index: 4; color: #fff; padding: 4vw 0; } .ft-logoo img { max-width: 228px; } .ft-logoo { text-align: center; } .ft-menuus ul { display: flex; justify-content: center; } .ft-menuus ul li:before { content: "/"; display: inline-block; margin: 0 1em; } .ft-menuus ul li:first-child::before { display: none; } .ft-menuus { margin-top: 2em; margin-bottom: 1.5em; } .ft-dserr { font-size: 0.875em; opacity: 0.65; font-weight: 300; text-align: center; margin-bottom: 1.5em; } .ft-dserr p { margin: 0; } .ft-link2 { font-size: 0.875em; opacity: 0.65; font-weight: 300; text-align: center; margin-bottom: 1.5em; } .ft-link2 a { display: inline-block; margin: 0 1em; } .ft-cpyrr { font-size: 0.875em; opacity: 0.65; font-weight: 300; text-align: center; margin-bottom: 2em; } .ft-cpyrr p { margin: 0; } .ft-share { display: flex; justify-content: center; } .shr-i img { max-width: 18px; } .shr-i a { display: flex; width: 32px; height: 32px; background: rgb(255 255 255 / 16%); border-radius: 8px; align-items: center; justify-content: center; } .shr-i { margin: 0 0.15em; } .ss-pagin .swiper-pagination { max-width: 360px; right: 0; left: auto; } .banner_wrap > .full-img-wrap img, .banner_wrap > .full-img-wrap .bnvdio { transition: 2s; transform: perspective(1000px) translate3d(0px, 0px, 100px); } .olrr span { display: inline-block; white-space: pre; } .olrr span { transition-duration: 1s; transform: translate(1em, 0px); opacity: 0; } .is-loaded .swiper-slide-active .olrr span { transition-duration: 1s; transform: translate(0em, 0px); opacity: 1; } .oltt > * { display: block; } .oltt > * { transition-duration: 1s; transform: translate(-30px, 0px); opacity: 0; } .is-loaded .swiper-slide-active .oltt > * { transition-duration: 1s; transition-delay: 0.4s; transform: translate(0px, 0px); opacity: 1; } .is-loaded .swiper-slide-active .oltt > *:nth-child(2) { transition-duration: 1s; transition-delay: 0.5s; } .oahto div { transition: 1s; transform: translate(0px, 50px); opacity: 0; } .is-loaded .swiper-slide-active .oahto div { transition-duration: 1s; transition-delay: 0.4s; transform: translate(0px, 0px); opacity: 1; } .is-loaded .swiper-slide-active .oahto div:nth-child(2) { transition-delay: 0.6s; } .swiper.bibanner > div, .banner_wrap > div { transition-timing-function: cubic-bezier(0.67, 0.2, 0.25, 1); } .s-button-next.ss-button.swiper-button-disabled { opacity: 0.2; cursor: default; } .is-load1 .swiper-slide-active .banner_wrap > .full-img-wrap img, .is-load1 .swiper-slide-active .banner_wrap > .full-img-wrap .bnvdio { transition: 4s; transform: perspective(1000px) translate3d(0px, 0px, 0px); } .vdo_ww a div, .vdo_ww a div span { transition-duration: 1s; transform: translate(0px, 40px); opacity: 0; } .is-loaded .swiper-slide-active .vdo_ww a div { transition-duration: 1s; transition-delay: 0.4s; transform: translate(0px, 0px); opacity: 1; } .is-loaded .swiper-slide-active .vdo_ww a div span { transition-duration: 1s; transition-delay: 0.4s; transform: translate(0px, 0px); opacity: 0.5; } .is-loaded .swiper-slide-active .vdo_ww a div:nth-child(2) { transition-delay: 0.6s; } .the_header { transform: translate(0px, -100%); transition: 1s; } .is-load1 .the_header { transform: translate(0px, 0%); transition: transform 2s, background 0.5s; } .the_banner { opacity: 0; transition: opacity 1s; } .is-load1 .the_banner { opacity: 1; transition: opacity 1s; } .ab-rrr img { transform: scale(1); } .ab-rrr { overflow: hidden; } .prwww { position: relative; background: #fff; z-index: 6; } .oltt img { display: block; } .show_more_content div > span { margin-bottom: 1em; line-height: 1.5; display: inline-block; } .show_more_content div > h3 { margin-bottom: 0.5em; } .news-and-job { max-height: 2100px; } .lslltc > h3 { margin-bottom: 1em; } .lslltc > p { margin-bottom: 1em; } p.big-texxxe { max-width: 550px; } .thhabanner { height: 1200px; max-height: 100vh; display: flex; align-items: center; justify-content: center; } .thawltha { position: relative; z-index: 10; color: #fff; } .thawltha h1 { font-size: 3em; } .thawltha span { display: block; font-size: 1.2em; } .thawltha p { font-size: 1.25em; max-width: 400px; } .xdgsda { position: relative; } .jslei-ii { position: relative; } .sdafgag { padding: 7vw 0; } .wta-tt { text-align: center; margin-bottom: 3vw; margin-left: auto; margin-right: auto; max-width: 840px; } .wta-tt h3 { font-size: 3em; } .eawlgeewr { display: flex; } .eawlgeewr > div { width: 20%; } .jslei-ii > div { height: 580px; max-height: 70vh; position: relative; overflow: hidden; } .aeweytaw { position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; padding: 1.5em 1.5em; color: #fff; transition: 0.4s 0s; transform: translate(20px, 0px); opacity: 0; } .aeweytaw h4 { font-size: 1.2em; margin-bottom: 0; } .aeweytaw p { opacity: 0.7; font-weight: 300; } .full-img-wrap.satge211:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; background: rgb(67 117 216 / 28%); transition: 0.4s; } .eawlgeewr > div:hover { width: 38%; } .eawlgeewr > div:hover .aeweytaw { opacity: 1; transform: translate(0px, 0px); transition: 0.4s 0.4s; } .eawlgeewr > div { transition: 0.4s; } .sdafgag.ct-container.faaggzz { position: relative; z-index: 5; color: #fff; } .date-agae h4 { margin: 0; text-align: center; font-size: 2.2em; opacity: 0.6; transition: 0.5s; transform: scale(0.8); cursor: pointer; } .sewa.swiper-slide.swiper-slide-thumb-active .date-agae h4 { font-size: 2.2em; opacity: 1; transform: scale(1); } .date-agae:after { content: ""; display: block; width: 8px; height: 8px; background: #fff; margin: auto; border-radius: 100px; margin-top: 1.25em; transition: 0.5s; opacity: 0; } .sewa.swiper-slide.swiper-slide-thumb-active .date-agae:after { opacity: 1; } .lle-swewag:after { content: ""; display: block; position: absolute; bottom: 3px; left: 0; right: 0; border-top: 1px dashed rgb(255 255 255 / 27%); } .lle-swewag { margin-bottom: 1.85em; } .lle-swewag.swiper { max-width: 1000px; } .lle-swewag:after { left: -20%; right: -20%; } .lle-swewag2 { max-width: 900px; } .thehimg { position: relative; padding-bottom: 35%; } .thehimg .full-img-wrap.satge211:after { opacity: 0; } .ajwegaewg { padding: 1em; background: rgb(255 255 255 / 17%); } .tehalsjs { padding-top: 1.5em; display: flex; flex-wrap: wrap; padding-bottom: 1em; } .tehalsjs h5 { margin-right: 2em; } .swiper-button-prev:after, .swiper-button-next:after { font-size: 20px; color: #fff; } .sdafgag.ct-container.ryyy { position: relative; z-index: 5; } .rrimggds { position: relative; padding-bottom: 69%; } .rrimggds .full-img-wrap > img { object-fit: contain; } .hjtts { text-align: center; margin-top: 2em; } .ryoseuo { padding-bottom: 2em; } .lle-swse22.swiper { padding-bottom: 3em; } .ryoseuo { transition: 0.6s; transform: scale(0.7); opacity: 0.66; } .hjtts { transition: 0.6s; opacity: 0; } .swiper-slide.swiper-slide-active .ryoseuo { transform: scale(1); opacity: 1; } .swiper-slide.swiper-slide-active .ryoseuo .hjtts { opacity: 1; } .swiper-pagination-bullet-active { background: #000; transform: scale(1.35); } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 9px; transition: 0.3s; } .ft-dserr p span { display: inline-block; } .ft-dserr p span:after { content: "/"; display: inline-block; margin: 0 1em; } .ft-dserr p span:last-child::after { display: none; } .thawlYYtha.ct-container { position: relative; z-index: 5; color: #fff; text-align: center; } .thawlYYtha h1 { font-size: 4.5vw; } .thawlYYtha p { font-size: 1.2em; } .p_gridbox.e_comp.ct-container { margin-left: auto !important; margin-right: auto !important; } h3.oo1ff { font-size: 3em; line-height: 1.25; margin-bottom: 0.5em; } h3.oo1ff span { color: #d42e66; } p.ooifw3 { font-size: 1.2em; margin-bottom: 3em; } .countup_w { display: flex; justify-content: space-between; max-width: 480px; } .cupiii { text-align: center; margin-right: 0; } .upt1 { font-size: 3.75em; font-weight: 600; display: flex; justify-content: center; } .znlewlsi { padding: 0; padding-bottom: 0; } .iooi1 { margin-bottom: 7vw; } .sjoa-c { display: flex; flex-wrap: wrap; align-items: center; } .lss-ll { width: 50%; margin-right: 5%; } .lss-rr { width: 45%; } .zsdss { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 0 6.5%; justify-content: space-between; } .iooi1.ct-container { max-width: 1680px; } .zsll1 { position: relative; z-index: 3; color: #fff; width: 40%; padding: 8vw 0; } .zsll2 { position: relative; z-index: 2; } .zsdss .full-img-wrap { overflow: hidden; border-radius: 20px; } .zsll2 { width: 50%; } .zsll2.weses { position: relative; align-self: stretch; } .zsll2.weses > div { position: absolute; right: 0; width: 125%; top: 20%; } .zsdss p.ooifw3 { margin-bottom: 0; } .sgsjadl { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; align-items: center; padding-top: 4vw; padding-bottom: 4vw; } .sdalgaj { position: absolute; right: 0; bottom: 0; font-size: 20.5vw; line-height: 1; font-weight: 600; opacity: 0.05; } .sagdfsda { width: 45%; padding-bottom: 4vw; } .sagdfasd { width: 44%; } .zsdss.adsgdas { padding-right: 0; overflow: hidden; border-radius: 20px; } .zsll2.asdfa > div { transform: scale(1.1); } .sadgdgasdfgas { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-top: 4vw; padding-bottom: 4vw; } .lsaleg { width: 55%; } .asgdgdas { width: 40%; } .lsaleg > div { width: 120%; margin-left: -22%; } .lsaleg > div img { width: 100%; } .zsll2.weses.agefew div { top: 18%; width: 95%; } .zsll2.weses.agefew { text-align: right; } .zsll2.weses.agefew { height: 30vw; } .sjoa-c { padding-top: 8vw; } .sowtrgbg { background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202208010001/cms/image/d4e98a6e-2942-488e-8776-435c9b2797cc.png?d=1659525568291); background-size: contain; background-repeat: no-repeat; } .dasjlgbg { background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202208010001/cms/image/c51b3f86-d727-4c27-a7f5-bce922d99514.png?d=1659525663334); background-size: contain; background-repeat: no-repeat; background-position: right bottom; padding-bottom: 8vw; } .thawltha.sdafsadf1 { color: #000; } .thhabanner.swhorw:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 25%; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index: 2; opacity: 0.3; } .thhabanner.swhorw { position: relative; } .iisoe { display: inline-block; } .fuguwww1 .swiper-slide { width: auto; } .fuwoagewa { padding: 7vw 0; } .iisoe { border: 1px solid #787878; padding: 0.65em 1.25em; border-radius: 10px; font-weight: 500; transition: 0.3s; cursor: pointer; } .iisoe:hover { background: #e50065; border-color: #e50065; color: #fff; } .swiper-slide.swiper-slide-thumb-active .iisoe { background: #e50065; border-color: #e50065; color: #fff; } .fusuojeww { padding-top: 4vw; } .fusuojeww h3 { text-align: center; font-size: 1.8em; margin-bottom: 4vw; } .zssttww { display: flex; flex-wrap: wrap; justify-content: space-between; } .slsajaili { width: 100%; } .slajge { background: rgb(255 255 255 / 20%); } .sjlahh { display: flex; align-items: center; padding: 1em 2.25em; background: rgb(255 255 255 / 55%); } .ciions img { max-width: 20px; max-height: 20px; object-fit: contain; margin-right: 1em; } .sjlgesi { padding: 1.25em calc(3.25em + 20px); padding-bottom: 1.5em; } .sjlgesi div { opacity: 0.75; font-size: 14px; } .sjlgesi { display: none; } .slsajaili { margin-bottom: 1px; } .sjlahh { transition: 0.3s; background: rgb(255 255 255 / 20%); } .slsajaili.on .sjlahh { background: #5387bf; } .zhisslist { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .zhisslist > div { width: 49%; } .slsajaili { transition-duration: 0.6s; transform: translate(0px, 20px); opacity: 0; } .swiper-slide-active .slsajaili { transition-duration: 0.6s; transform: translate(0px, 0px); opacity: 1; } .fusuojeww h3 { transition-duration: 0.6s; transform: translate(0px, 10px); opacity: 0; } .swiper-slide-active .fusuojeww h3 { transition-duration: 0.6s; transform: translate(0px, 0px); opacity: 1; } .sjlahh div { transition: 0.3s; } .cistesxt .slsajaili.on .sjlahh { color: #fff; } .slsajaili.on .sjlahh .cistesxt { color: #fff; } .slsajaili.on .sjlahh .ciions { filter: grayscale(1) brightness(10.5); } .baoysaldjf { padding: 7vw 0; padding-bottom: 4vw; } .agjelaujls { padding: 2.5em; border: 1px solid #c9c9c9; border-radius: 20px; background: rgb(255 255 255 / 92%); } .agjelaujls h3 { font-size: 2.2em; color: #e50065; } .agjelaujls p { font-size: 1.35em; max-width: 800px; } .baousdagfls { position: relative; } .asdgljlds { position: relative; z-index: 5; padding: 7vw 0; color: #fff; } h3.asee223 { text-align: center; font-size: 3em; margin-bottom: 1.25em; } .slulage { display: flex; flex-wrap: wrap; justify-content: space-between; } .slulage > div { width: calc(50% - 0.5em); margin-bottom: 1em; background: rgb(255 255 255 / 12%); padding: 1.5em; border-radius: 10px; display: flex; align-items: center; } span.ieaooiu { font-size: 5vw; line-height: 1; display: block; padding-left: 10px; font-weight: 600; opacity: 0.25; } .teslt { position: relative; z-index: 2; font-size: 15px; } .sagljlew { transition: 0.3s; } .sagljlew:hover { background: rgb(32 97 162 / 79%); } .sanbaodsljfa { padding: 7vw 0; } .laugelise { display: flex; flex-wrap: wrap; } .dfhgdfhs { width: 20%; text-align: center; } .jlsimg img { max-width: 36px; max-height: 36px; object-fit: contain; } .dfhgdfhs h3 { font-size: 1.2em; margin-top: 1em; margin-bottom: 6px; line-height: 1.4; } .dfhgdfhs p { font-size: 14px; opacity: 0.7; } .dfhgdfhs > div { padding: 1.5em 10%; } p.sgeli { transition: 0.3s; opacity: 0; margin-top: 0em; } .dfhgdfhs:after { content: ""; display: block; position: absolute; right: 0; top: 15%; bottom: 48%; width: 1px; background: rgb(0 0 0 / 8%); } .dfhgdfhs { display: flex; position: relative; } .dfhgdfhs:nth-child(5n):after { opacity: 0; } .dfhgdfhs > div { border-radius: 10px; transition: 0.3s; } .dfhgdfhs:hover > div { background: #e50065; color: #fff; } .dfhgdfhs > div .jlsimg { transition: 0.3s; } .dfhgdfhs:hover > div .jlsimg { filter: grayscale(1) brightness(13.5); } .dfhgdfhs:hover > div p.sgeli { opacity: 0.7; color: #fff; } .pd-p-banner { position: relative; height: 1200px; max-height: 100vh; overflow: hidden; } .full-img-wrap.oeiau img { object-position: center; } .psjalea-c { position: relative; z-index: 5; } .pd-p-banner { display: flex; align-items: center; justify-content: center; } .lasgp2e { color: #fff; width: 40%; margin-left: auto; } .lasgp2e h1 { font-size: 5em; line-height: 1.2; } .lasgp2e span { display: block; font-size: 1.2em; } .lasgp2e p { font-size: 2em; font-weight: 500; } .ct-container.ct-ert { max-width: 1680px; } .wwbgg { position: relative; } .pasoiga.wwbgg { height: 1000px; max-height: 100vh; } .full-img-wrap.jsr54 { height: 57%; } .full-img-wrap.agesaew img { object-fit: contain; } .full-img-wrap.agesaew { top: 4%; bottom: 12%; left: 28%; right: 6%; } .gaeawe { position: relative; z-index: 5; color: #fff; } .pasoiga.wwbgg { display: flex; align-items: stretch; } .gaeawe { margin-top: 0; margin-bottom: 0; position: relative; } .gaeawe > div { position: absolute; top: 0; right: 0; left: 0; height: 55%; display: flex; align-items: center; } .gaeawe > div > div { width: 100%; } h3.iieiso11 { font-size: 3.75em; } p.siau833 { font-size: 2em; letter-spacing: 0.5em; margin-bottom: 0.5em; } p.ross842 { font-size: 1.2em; } .pasoigsaa { margin-bottom: 7vw; height: 600px; display: flex; align-items: center; overflow: hidden; border-radius: 20px; } .agewdsal { position: relative; z-index: 5; width: 100%; padding: 0 8%; } .agewdsal > div { width: 50%; margin-left: auto; max-width: 410px; } .full-img-wrap.agesagaew img { object-fit: cover; object-position: right; } .full-img-wrap.jsrs54657 img { object-fit: contain; } .wwbgg { margin-bottom: 7vw; } .pasoiga.wwbgg { margin-bottom: 0; } .agewdsal21 { padding: 200px 0; max-width: 1440px; margin: auto; } .full-img-wrap.jsrs54657 img { object-position: right; } .pasoiga1.wwbgg { height: 900px; max-height: 100vh; display: flex; align-items: center; } .garsdgua { position: relative; z-index: 5; color: #fff; text-align: center; } .asdggah h3.iieiso11 { font-size: 5em; } .aewiowws { font-size: 2.2em; margin-bottom: 0.4em; } .aewiowws b { font-size: 1.3em; } .pasoiga1.wwbgg { margin-bottom: 0; } .pasoiga1.afsdas.wwbgg { height: 630px; } .adsgaweg { position: relative; z-index: 5; color: #fff; text-align: center; } .dsjagle h3 { font-size: 6.2vw; letter-spacing: 0.35em; } .dsjagle p { font-size: 2.2em; } .agewdsal21 { position: relative; z-index: 4; } p.aewios { margin-bottom: 1em; margin-top: 1em; font-size: 2em; line-height: 1.4; font-weight: 500; } h3.iieiso11 { line-height: 1.25; } .agdsfsa241 { max-width: 435px; } .gagewfa.wwbgg { margin-top: 7vw; } .jlasig1 { display: flex; } .jlasig1 > div { width: 33.33%; } .jlasig1 > div { margin: 10px; } .jlasig1 > div img { width: 100%; display: block; } .jlasig1.awe2 > div:first-child { width: 63%; } .jlasig1.awe2 > div:last-child { width: 37%; } .ag4atg.wwbgg { padding-bottom: 37vw; padding-top: 7vw; } .full-img-wrap.aeg345 { top: 7vw; } .agea32gdas { position: relative; z-index: 5; } .gaefjlad { max-width: 490px; margin-left: auto; } .pasoigsaa.y45y45.wwbgg.ct-container.ct-ert { } .y45y45 .full-img-wrap.agesagaew img { object-position: right; } .agewdsal > .agdsfsa.te446 { margin-left: 0; width: 60%; max-width: 680px; color: #fff; } .agdsfsa.te446 p.aewios { margin-bottom: 0.35em; } .pasoigsaa.y45y45.yse322.wwbgg.ct-container.ct-ert { } .y45y45.yse322 .full-img-wrap.agesagaew img { object-position: left; } .agewdsal > .agdsfsa.te446.y3453s { margin-left: auto; max-width: 520px; width: 45%; } .hgflasiu32.wwbgg { height: 960px; max-height: 100vh; } .full-img-wrap.are4a img { object-position: 50% 50%; } .atejfal.ct-container { position: relative; z-index: 4; color: #fff; text-align: center; padding-top: 4vw; } .jgaelw p.aewios { margin: 0.35em 0; margin-top: 1em; } .hgflasiu32.wwbgg { margin-bottom: 0; } .sadgdaaf.wwbgg { margin-bottom: 0; height: 960px; max-height: 100vh; display: flex; align-items: center; } .full-img-wrap.aergarf img { object-fit: contain; object-position: right; } .galdjfa.ct-container { position: relative; z-index: 5; } .agdjsal p.aewios { margin-bottom: 0.4em; max-width: 440px; } .agdjsal p.ross842 { margin-bottom: 3em; } .ldsaugall { display: flex; flex-wrap: wrap; } .gasdj h4 { font-size: 3em; color: #4874bc; margin: 0; line-height: 1.25; } .ldsaugall > div { margin-right: 6%; } .agdjsal { padding: 7vw 0; } .gdsaljfd.ct-container { position: relative; z-index: 3; color: #fff; text-align: center; } .gawefdf p.aewios { margin-bottom: 0.4em; } .gawefdf { padding: 7vw 0; } .gawefdf .gjdsalj { margin-top: 5em; } .gjdsalj { display: flex; justify-content: center; } .eisj > * { display: block; } .eisj > img { width: 62px; height: 62px; object-fit: contain; margin-bottom: 0.5em; } .gjdsalj > div { margin: 0px 3.5%; } .galdsjfla { padding-top: 7vw; } .llgadsi { display: flex; flex-wrap: wrap; } .llgadsi > div { width: 50%; } .ajoeja { background: rgb(144 184 239 / 6%); box-shadow: inset 0px 0px 30px rgb(195 227 255 / 68%); padding: 1em; display: flex; } .ajoeja > div { background: rgb(144 184 239 / 6%); box-shadow: inset 0px 0px 30px #c3e3ff69; width: 100%; padding: 3em 10%; } .ajoeja p { font-size: 1.2em; } .dsagjls { margin-top: 4em; margin-bottom: 1em; } .dsagjls { display: flex; } .oejls { width: 120px; height: 34px; background: var(--vbcolor); margin-bottom: 0.5em; } .dsagjls > div { text-align: center; margin-right: 2em; } .resjrlg { padding: 3em 10%; } .agedsds p { font-size: 1.2em; margin-top: 1em; } .agedsds { color: #4874bc; } .agedsds .icclpng { margin-top: 3em; } .icclpng img { max-width: 62px; } .gaedimgg img { width: 100%; } .gaerfadf.arter.wwbgg { margin-bottom: 0; } .galdufdlas.ct-container { position: relative; z-index: 6; } .hargsfgd.wwbgg { padding: 7vw 0; } .sgljdfas { text-align: center; } .soejlsww > div { display: inline-flex; align-items: center; background: rgb(255 255 255 / 66%); box-shadow: inset 0px 0px 30px #c3e3ff; border-radius: 20px; padding: 1.5em 2em; width: 320px; max-width: 100%; } .soejlsww > div img { width: 74px; height: 74px; object-fit: contain; display: block; margin-right: 10%; } .soejlsww > div h5 { line-height: 1.4; margin: 0; font-size: 1.2em; color: #4874bc; } .gdslielsll { padding-top: 4vw; } .gdslielsll > div > div:nth-child(1) { justify-content: flex-end; } .gdslielsll > div > div { display: flex; } .gdslielsll > div > div:nth-child(3) { justify-content: flex-end; width: 84%; margin: auto; } .gdslielsll > div > div:nth-child(2) { width: 71%; margin: auto; } .gdslielsll > div > div:nth-child(4) { width: 63%; margin: auto; } .gdslielsll > div > div.soejlsww > div { margin-top: -1em; } .gdslielsll { padding-bottom: 6vw; } .gjdslajfa { display: flex; flex-wrap: wrap; } .sjlii > div { position: relative; padding-bottom: 84%; } .gljsadfl > div { position: relative; } .gjdslajfa > div { width: 50%; padding: 10px; } .gljsadfl { padding: 10px; } .sjlii > div .dsglslthh { position: absolute; bottom: 0; left: 0; right: 0; z-index: 8; color: #fff; padding: 2.5em; } .dsglslthh h3 { font-size: 2.2em; } .gljsadfl > div { padding-bottom: 41%; } .gljsadfl > div .dsglslthh { position: absolute; z-index: 8; color: #fff; text-align: center; left: 0; right: 0; top: 0; padding: 2.5em; } p.sgjoieiei { font-size: 1.25em; margin-bottom: 0.5em; font-weight: 500; } .full-img-wrap.agesagaew { width: 43%; } .musei_1dfgs .full-img-wrap.agesagaew { margin-left: auto; width: 69%; } .musei_1dfgs .full-img-wrap.agesagaew img { object-position: left; } .musei_1sdrga .full-img-wrap.agesagaew { width: 58%; } .musei_1sdrga.y45y45.yse322 .full-img-wrap.agesagaew img { object-position: right; } .full-img-wrap.aergarf img { object-fit: cover; object-position: left; } .full-img-wrap.aergarf { width: 60%; margin-left: auto; } .n9 .full-img-wrap.oeiau img { object-position: center; } .lasgp2e.n9 { padding-top: 5vw; } .n9esbww.wwbgg.nge_ews43554gae { height: 50vw; } .sodfjeis.full-img-wrap img { object-fit: contain; object-position: bottom; } .sodfjeis.full-img-wrap { top: 15%; } .eoisjfs { padding-top: 12vw; margin-left: auto; margin-right: auto; width: 100%; display: flex; align-items: center; justify-content: center; } .sdoigea.ct-container.ct-ert { display: flex; justify-content: center; } .eoisjfs > div { font-weight: 600; line-height: 1; } .esot6ry { font-size: 9.5vw; } .esot6ry h4 { font-size: 0.725em; line-height: 0.8; } .esot6ry span { display: block; font-size: 0.165em; margin-top: 1em; } .esot6ry:first-child { margin-right: 0.6em; margin-left: 0.4em; margin-bottom: 0.125em; } .esot6ry { color: #cedee2; } .sgdgssdffs.full-img-wrap { width: 60%; margin-left: auto; top: 4%; bottom: 4%; } .sgdgssdffs.full-img-wrap img { object-fit: contain; } .hb54gedg.full-img-wrap { overflow: hidden; border-radius: 20px; } .gojsdfjs.ct-container { padding: 4vw 0; height: 37vw; } .gojsdfjs.ct-container { position: relative; z-index: 5; color: #fff; display: flex; align-items: center; } .n9esbww.wwbgg.nge_ews43534gae.ct-container.ct-ert { display: flex; align-items: center; } p.ross842aa { font-size: 1.2em; margin-top: 1.5em; } .sghoidjfs.ct-container { display: flex; align-items: center; } .sghoidjfs.ct-container > div { width: 45%; } .sghoidjfs.ct-container > div.dssjfimg { width: 60%; } .sdghks { padding-bottom: 7vw; } .sgdgssdffs.full-img-wrap.ssgrsdf53grte { top: 0; bottom: -29%; } .sgdgssdffs.full-img-wrap.ssgrsdf53grte img { object-fit: contain; object-position: top right; } .sghoidjfs.ct-container.fdbsfd543 { max-width: 2000px; } .dssjfimg.ggrdt54 > img { display: block; margin-left: -6vw; } .sghoidjfs.ct-container.fdbsfd543 { padding-top: 7vw; } .n9esbww.wwbgg.nge_ews45635452423gae.gfdrf54 { margin-bottom: 0; } .sghoidjfs.ct-container > div.dssjfimg.ggrdt54 { padding-right: 3%; } .pasoiga1.afsdas.wwbgg.musei_1e4tdgsf.dbrhsgd4335 .dsjagle h3 { letter-spacing: 0.1em; } .pasoiga1.afsdas.wwbgg.musei_1e4tdgsf.dbrhsgd4335 .dsjagle h3 b { display: inline-block; margin: 0 0.2em; } .sgdgssdffs.sgsddef.full-img-wrap { top: 0; bottom: 0; width: 69%; } .sgdgssdffs.sgsddef.full-img-wrap img { object-position: left; object-fit: cover; } .gojsdfjs.dgdfhd.ct-container { height: 960px; max-height: 100vh; color: #000; } .n9esbww.wwbgg.nge_ews43534gae.sdghsgef { margin-bottom: 0; } .sgdgssdffs.full-img-wrap.sdf343 { margin-left: 0; bottom: 0; top: 15%; } .sgdgssdffs.full-img-wrap.sdf343 img { object-position: left bottom; } .gojsdfjs.dgdfhd.ct-container.gesfsg { height: 960px; } .gojsdfjs.dgdfhd.ct-container.gesfsg { justify-content: flex-end; align-items: flex-start; } .agjsfoljfs.hreg4 { padding-top: 5vw; } .sgdgssdffs.sgsddef.full-img-wrap.sdfge545 { width: 66%; top: 10%; } .sgdgssdffs.sgsddef.full-img-wrap.sdfge545 img { object-fit: contain; object-position: right bottom; } .gojsdfjs.dgdfhd.ct-container.sdfge545 { height: 960px; } .ct-container.hegs4d { padding: 7vw 0; height: 960px; max-height: 100vh; position: relative; z-index: 5; text-align: center; } .hgfrddr5446gtrt.full-img-wrap img { object-position: top center; } .hagewf454.hb54gedg.full-img-wrap { position: relative; padding-bottom: 53%; } .ct-container.sagagaew { position: absolute; z-index: 8; bottom: 0; color: #fff; left: 0; right: 0; text-align: center; padding: 3%; } .ct-container.sagagaew > div { margin: auto; max-width: 850px; } .idsfe325 > div { position: relative; padding-bottom: 130%; } .fhtrh66.full-img-wrap { overflow: hidden; border-radius: 20px; } .gjsoieaw { display: flex; flex-wrap: wrap; justify-content: space-between; } .gjsoieaw > div { width: 49.35%; } .gjei4uhh { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 10; color: #fff; padding: 2.5em; } .gjsoieaw > div:nth-child(2) .gjei4uhh { top: auto; } .gjsoieaw > div:nth-child(2) .gjei4uhh p { max-width: 500px; } .ageojlsse > div { position: relative; padding-bottom: 100%; margin: 10px; overflow: hidden; border-radius: 20px; } .ghsojfeo { display: flex; flex-wrap: wrap; } .ghsojfeo > div { width: 33.3333%; } .ghsojfeo > div:nth-child(2) { width: 66.6666%; } .sgjleottt { position: absolute; z-index: 8; left: 0; right: 0; top: 0; bottom: 0; background: rgb(66 134 220 / 69%); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; transition: 0.35s; opacity: 0; } .ghsojfeo > div:nth-child(2) > div { padding-bottom: 50%; } .sgjleottt h4 { font-size: 2em; transform: translate(0px, 20px); transition: 0.35s; } .sgjleottt p { transform: translate(0px, 20px); transition: 0.35s 0.05s; } .ageojlsse > div:hover .sgjleottt h4, .ageojlsse > div:hover .sgjleottt p { transform: translate(0px, 0px); } .ageojlsse > div:hover .sgjleottt { opacity: 1; } .sgdjlisdbtn .more-btn-1 a { background: #3b6aa9; color: #fff; border-color: #3b6aa9; } .sgdjlisdbtn .more-btn-1 a:hover { background: #e50065; border-color: #e50065; } .lasgp2e.gedv43d { margin-left: 0; } .wwbgg.lemi378wyf { height: 60vw; display: flex; align-items: center; } .full-img-wrap.dewf3ew3 img { object-fit: contain; } .full-img-wrap.dewf3ew3 { width: 60%; left: 6%; } .lemiise.ct-container { position: relative; z-index: 5; display: flex; align-items: center; } .lemiise.ct-container.dvfre4we { justify-content: flex-end; } .lemiise.ct-container.dvfre4we > div { padding-top: 9vw; width: 41%; max-width: 510px; } h3.iieiso11.lemise2 span { color: #f75767; } .wwbgg.lemi378wyf { margin-bottom: 0; } .wwbgg.lemi378wyf54453.ct-container.ct-ert { min-height: 36vw; display: flex; align-items: center; } .full-img-wrap.fvsd4e3s img { object-fit: contain; object-position: right bottom; } .full-img-wrap.fvsd4e3s { margin-left: auto; width: 72%; } .lemiise.ct-container.vdsdf43 { padding: 7vw 0; color: #fff; } .wwbgg.lemi378wyf54453.ct-container.ct-ert { overflow: hidden; border-radius: 20px; } .wwbgg.lemi378wyf463t3 { height: 820px; max-height: 100vh; margin-bottom: 0; } .lemiise.ct-container.vew4e3t { justify-content: flex-end; padding: 7vw 0; } .dslfjsimg { margin-top: 5vw; overflow: hidden; border-radius: 20px; max-width: 420px; } .dslfjsimg img { width: 100%; } h3.iieiso11.lemise2 { margin-bottom: 0.5em; } .full-img-wrap.fdv4334 img { object-position: 75% 50%; } .lemiise.ct-container.sdfd324 { text-align: center; justify-content: center; color: #fff; padding-top: 7vw; } .sdljimg { position: relative; z-index: 2; margin-top: -3em; } .dsjljgs > div { position: relative; padding-bottom: 110%; display: flex; align-items: flex-end; justify-content: center; } .lemiise.ct-container.dsgr34t45 { flex-wrap: wrap; } .sljgod { width: 100%; text-align: center; margin-bottom: 5vw; } .sjofjseiof { width: 100%; display: flex; flex-wrap: wrap; } .sjofjseiof > div { width: 33.3333%; } .full-img-wrap.ewgefdfv { left: 20%; right: 20%; overflow: hidden; border-radius: 20px; } .full-img-wrap.sdgwes img { object-fit: contain; } .full-img-wrap.sdgwes { margin: auto; left: 10%; right: 10%; bottom: 18%; top: 10%; max-height: 400px; } .fjslgotext { z-index: 8; color: #fff; position: absolute; bottom: 4%; left: 20%; right: 20%; text-align: center; font-size: 1.2em; } .fjslgotext > div:before { content: ""; display: block; width: 1px; height: 1.5em; background: rgb(255 255 255 / 54%); margin: auto; margin-bottom: 0.5em; } .jgljdsss { display: block; width: 100%; } .gedfsf { position: relative; padding-bottom: 56%; overflow: hidden; border-radius: 20px; } .jsgtext { position: absolute; z-index: 8; color: #fff; width: 88%; left: 0; right: 0; margin: auto; top: 40%; text-align: right; } .jsgtext h3 { font-size: 3.25em; } .jgljdsss { display: block; width: 200vw; margin-left: 50%; transform: translate(-50%, 0px); } .jsgtext.grdsf4 { text-align: center; top: auto; bottom: 10%; } .agsoijfd > div { position: relative; padding-bottom: 120%; } .lemiise.ct-container.gfd23tqa { flex-wrap: wrap; } .goasidfj { width: 100%; display: flex; flex-wrap: wrap; } .goasidfj > div { width: 50%; } .gsjalf { position: absolute; top: 0; left: 0; right: 0; padding: 2em; z-index: 5; } .agsoijfd.asgae > div { padding-bottom: 60%; } .agsoijfd > div .full-img-wrap { margin: 10px; } .lemiise.ct-container.gfd23tqa .sljgod { margin-bottom: 2vw; } .gsjalf h3 { font-size: 2em; } .gsjalf p { max-width: 185px; } .agsoijfd > div .full-img-wrap { overflow: hidden; border-radius: 20px; } .gsjalf.drg4554 { top: auto; bottom: 0; text-align: right; } .gsjalf.drg4554 p { margin-left: auto; } .full-img-wrap.oeiau.erahggr43 img { object-fit: contain; object-position: 22% 50%; } .lasgp2e.hasredsg3e4wa { color: inherit; text-align: right; } .lasgp2e.hasredsg3e4wa h1 span { font-size: 1em; color: #0fabef; display: inline-block; } .lasgp2e h1 { margin-top: 0.25em; margin-bottom: 0.25em; } .wwbgg.tianxinw3e9u43 { min-height: 50vw; display: flex; align-items: center; } .lemiise.ct-container.g343etfa { color: #fff; padding: 7vw 0; } .full-img-wrap.t43ef34w img { object-fit: contain; object-position: bottom; } .full-img-wrap.t43ef34w { left: 40%; right: 8%; } .wwbgg.tianxinw3e9u43 { margin-bottom: 0; } .wwbgg.tianxins45wyegs { min-height: 50vw; display: flex; align-items: center; } .lemiise.ct-container.aresg4q3 { justify-content: flex-end; } .full-img-wrap.ahedgsrerwa { right: 44%; } .full-img-wrap.ahedgsrerwa img { object-position: center right; } .lemiise.ct-container.aresg4q3 { padding: 7vw 0; } div[id^="c_grid-"] > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100% !important; margin: 0 !important; } div#c_navigation_116-1659436973270 { padding: 0; } .wwbgg.tianxinrsaet4q.ct-container.ct-ert { min-height: 36vw; display: flex; align-items: center; color: #fff; padding: 7vw 0; } .full-img-wrap.e4ewtgfe { overflow: hidden; border-radius: 20px; } .full-img-wrap.agwefaw img { object-fit: contain; object-position: right; } .full-img-wrap.agwefaw { right: -17%; top: -20%; } .wwbgg.tianxinrsaet4q.ct-container.ct-ert { margin-top: 14vw; } .wwbgg.tianxinrsaet4q.ct-container.ct-ert { margin-bottom: 0; } .wwbgg.tianxin45wsyeghreds { min-height: 50vw; display: flex; align-items: center; margin-bottom: 0; } .lemiise.ct-container.awefas { justify-content: flex-end; } .lemiise.ct-container.awefas > div { max-width: 400px; } .full-img-wrap.a4revaeg { right: 41%; } .full-img-wrap.a4revaeg img { object-position: right; } .wwbgg.tianxin4tw3gfera { min-height: 50vw; display: flex; align-items: center; } .full-img-wrap.dfs4eaw45 img { object-fit: contain; object-position: right bottom; } .full-img-wrap.dfs4eaw45 { top: 10%; left: 16%; } .full-img-wrap.r4eag { background: #f3f5f9; } .lemiise.ct-container.sdw4edsf { padding: 7vw 0; padding-top: 14vw; } h3.iieiso11 { margin-bottom: 0.35em; } .lemiise.ct-container.ghsre453 { display: flex; flex-wrap: wrap; } .gaojdfasl { } .lemiise.ct-container.ghsre453 > div { width: 50%; } .soawlcc > div { position: relative; } .siaoghje { position: absolute; bottom: 10px; left: 10px; right: 10px; z-index: 10; padding: 2.5em; } .soawlcc.uiw11 > div { padding-bottom: 128%; } .soawlcc.uiw12 > div { padding-bottom: 65%; } .soawlcc > div .full-img-wrap { margin: 10px; overflow: hidden; border-radius: 20px; } .siaoghje h4 { font-size: 2em; } .siaoghje.saa11 { text-align: center; } .siaoghje.saa12 { text-align: right; color: #fff; } .siaoghje.saa13 { text-align: right; } .siaoghje.saa14 { bottom: auto; top: 10px; } div#c_grid-116273709439191 > .p_gridbox.signal { background: #fff; } .sfadiimg { position: relative; padding-bottom: 82%; margin-top: 1em; margin-bottom: 1em; } .sfadiimg .full-img-wrap > img { object-fit: contain; } .hdttparar { width: 100%; display: block; } .para-lists { display: flex; flex-wrap: wrap; } .hadeeettt { width: 320px; max-width: 40vw; padding: 2em; } .hdttparar h3 { font-size: 1.5em; text-align: center; } .ahtttte { text-align: center; font-weight: 500; font-size: 1.15em; } .atesf-color > div { display: block; width: 22px; height: 22px; background: var(--color); border-radius: 100px; position: relative; } .atesf-color { margin: 0px 6px; padding: 4px; } .atesf-color > div:before { content: ""; display: block; position: absolute; left: -4px; right: -4px; top: -4px; bottom: -4px; border: 1px solid var(--color); border-radius: 100px; transition: 0.3s; opacity: 0; } .swiper-slide.swiper-slide-thumb-active .atesf-color > div:before { opacity: 1; } .thse-swimg-tumb .swiper-slide { width: auto; } .thse-swimg-tumb { margin-top: 1em; } .para-lixsttw { padding: 0 6vw; } .the-para-wwww { padding: 7vw 0; } .para-lists.contetn-parrrt { color: #999999; } .hadeeettt.cetd { text-align: center; } .eoatecc > div { padding: 0.6em 2em; } .eoatecc > div.oantu { height: 50px; background: #f5f5f5; color: #000; display: flex; align-items: center; margin-bottom: 1em; margin-top: 1em; } .hadeeettt.cetd { padding: 0; } .hadeeettt.lentaw { padding: 0; } .para-lists.contetn-parrrt { margin-top: 1em; } .para-lists { flex-wrap: nowrap; } .para-lixsttw { display: block; margin: 0 auto; } .para-reeccc { display: flex; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3em; } .hadeeettt.lentaw { position: sticky; left: 0; z-index: 10; background: #fff; } .hadeeettt.lllerpar { position: sticky; left: 0; z-index: 10; background: #fff; } .the-para-wwww { padding-bottom: 4vw; } .cp-chexing-b-seie { display: flex; } .cp-chexing-b-seie > div { width: 360px; } .cp-chexing-b-sewwwwer { display: flex; overflow-x: auto; padding-bottom: 3em; } .cp-fhso-lsiet > div { display: block; padding: 16px 32px; } .cp-fhso-lsiet > div { border-bottom: 1px solid #ebebeb; } .cp-fhso-lsiet.lletim > div { font-size: 1.2em; font-weight: 500; } .cp-fhso-lsiet > div.spmp { border-bottom: 0; padding-top: 20px; font-size: 1.2em; } .cp-fhso-lsiet > span { display: block; padding: 7px 32px; color: #999999; } .cp-fhso-lsiet.lletim > div { display: flex; align-items: center; } .cxt1 h3 { font-size: 2em; text-align: center; } .genghuant .more-btn-1 a { font-size: 14px; } .genghuant { } .cp-fhso-lsiet > div.cxt1 { padding-top: 30px; padding-bottom: 36px; } .cxt1 h3 { margin-bottom: 0.4em; } .genghuant .more-btn-1 a { background: #4874bc; color: #fff; border-color: #4874bc; } .genghuant .more-btn-1 a:hover { background: #23467f; border-color: #23467f; } .cp-fhso-lsiet.rihgos { text-align: center; color: #999; } .cxt1 h3 { color: #000; padding-top: 0.5em; } .cp-fhso-lsiet:nth-child(even) { background: rgb(209 226 255 / 20%); } .cxgaimgw { mix-blend-mode: darken; } .colsor { width: 22px; height: 22px; display: inline-block; margin: 0 4px; background: var(--color); border-radius: 100px; } .cp-fhso-lsiet > div.cxt3color { display: flex; align-items: center; justify-content: center; } .cp-fhso-lsiet > div.cxt3color > div { display: flex; align-items: center; justify-content: center; } .cp-fhso-lsiet > div.cxt2 { display: flex; align-items: center; justify-content: center; } .cp-fhso-lsiet > div.close-btn-cp { border: 0; padding: 0; } .close-btn-cp { position: absolute; top: -20px; left: 0; right: 0; margin: auto; } .cp-fhso-lsiet.rihgos { position: relative; } .close-btn-cp > div svg { cursor: pointer; } .cp-chexing-b-sewwwwer { padding-top: 3em; } .close-btn-cp > div svg { transition: 0.3s; opacity: 0.3; display: block; margin: auto; } .close-btn-cp > div svg:hover { opacity: 0.8; } .cp-fhso-lsiet { padding-bottom: 40px; } .cp-fhso-lsiet > div.spmp b { font-weight: inherit; } .cp-fhso-lsiet.rihgos div.spmp b { opacity: 0; } .cp-fhso-lsiet > div.spmp { border-top: 1px solid #e4e4e4; margin-top: 26px; padding: 20px 32px; padding-top: 30px; } .cp-fhso-lsiet > div.spmp.nobord { margin-top: 0; border-top: 0; } .cp-chexing-b-seie > div.cp-fhso-lsiet.lletim { max-width: 280px; } .cp-fhso-lsiet.lletim { position: sticky; left: 0; z-index: 10; background: #fff; } .cp-fhso-lsiet.lletim:before { content: ""; position: absolute; bottom: 100%; height: 20px; left: 0; right: 0; background: #fff; } .treee-gaeiiw { padding: 1em; } .categgtree.deep-1 > div > .treee-gaeiiw { /* display: none; */ } .categgtree { display: flex; flex-wrap: wrap; } .categgtree.deep-1 > div { width: calc(100% + 2em); margin: auto -1em; padding: 0; } .categgtree.deep-2 > div { width: 25%; text-align: center; } .apjleist { max-width: 1000px; padding: 2em; box-shadow: 0px 10px 40px rgb(0 0 0 / 20%); border-radius: 20px; margin: auto; max-height: 70vh; overflow-y: auto; } .sojget { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1em; } .sojget h4 { font-size: 2em; font-weight: 500; margin: 0; } .close-btn-j { cursor: pointer; } .close-btn-j { padding: 10px; } .categgtree.deep-1 > div > .treee-gaeiiw .sce-ageimg { display: none; } .categgtree.deep-1 > div > .treee-gaeiiw h4 { border-bottom: 0px solid #eee; padding: 0.65em 1.5em; background: rgb(39 98 158 / 3%); border-radius: 10px; } .sce-ageimg { position: relative; padding-bottom: 82%; } .sce-ageimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .the-aghjos { display: none; } .cp-fhso-lsiet.lletim2.lasters * { color: rgb(255 255 255 / 0%); } .cp-fhso-lsiet.lletim2.lasters *.addbuttnn svg path { fill: #9d9d9d; } .cp-fhso-lsiet.lletim2.lasters *.addbuttnn svg.icon { margin: 0; width: 40px; height: 40px; } .addbuttnn { display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 12px; } .addcose { justify-content: center; } .cp-chexing-b-seie > div.cp-fhso-lsiet.lletim2.lasters { position: inherit; } .cp-fhso-lsiet > div.addcose { display: flex; align-items: center; justify-content: center; } .sojget { position: sticky; top: 0; z-index: 10; background: #fff; border-radius: 10px; padding: 1em 1.5em; } .apjleist { padding-top: 1em; } .overlayllv { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 300; background: rgb(0 0 0 / 51%); } .apjleist { background: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .the-ssleidiv { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; background: rgb(0 0 0 / 42%); transition: 0.3s; display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 0; } .shsetww { margin: auto; max-width: 600px; width: 88%; background: #fff; border-radius: 20px; padding: 1em; padding-bottom: 2em; } .the-ssleidiv.active { pointer-events: auto; opacity: 1; } .shsetww .sojget { padding: 1em 1em; } .shsetww .sojget h4 { font-size: 1.5em; } .cp-chexing-a-www { padding: 0 1em; } .cp-chexing-a-c > div { display: flex; align-items: center; position: relative; justify-content: space-between; } .cp-chexing-a-c > div h4 { margin: 0; } .cp-chexing-a-c > div a { display: none; } .cp-chexing-a-c { border-bottom: 1px solid #dedede; padding-bottom: 0.85em; padding-top: 0.85em; } .jdslbtn { background: #376299; color: #fff; font-size: 0.875em; padding: 0.25em 1em; border-radius: 20px; } .shsetww .sojget { position: relative; } .treee-gaeiiw { cursor: pointer; } .jdslbtn.onselect { pointer-events: none; background: gainsboro; } .jdslbtn { cursor: pointer; } .treee-gaeiiw { position: relative; } .categgtree.deep-2 .treee-gaeiiw .theh-ponsoe { position: absolute; width: 20px; height: 20px; border: 1px solid rgb(0 0 0 / 34%); z-index: 1; left: 1em; top: 1em; border-radius: 100px; transition: 0.3s; } .categgtree.deep-2 { } .categgtree.deep-2 .treee-gaeiiw .theh-ponsoe:after { content: ""; position: absolute; display: block; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #376299; border-radius: 100px; transition: 0.3s; opacity: 0; } .categgtree.deep-2 .treee-gaeiiw:hover .theh-ponsoe { border-color: #376299; } .categgtree.deep-2 .treee-chdsllcc.onselect .treee-gaeiiw .theh-ponsoe:after { opacity: 1; } .overlayllv { transition: 0.3s; pointer-events: none; opacity: 0; } .openaddpd { } .openaddpd .overlayllv { opacity: 1; pointer-events: auto; } .soiwpap.cp-chexing-b-sewwwwer { } .thte-real-swowarp { padding-top: 4vw; margin: auto; width: 88%; display: flex; justify-content: center; } .close-btn-j2 { cursor: pointer; } .newsiimg { position: relative; } .s_img.ffimmg { position: relative; padding-bottom: 55%; } .s_img.ffimmg img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover !important; } .s_layout.ulieuu { padding: 10px; align-self: stretch; height: auto; } #c_static_001-1660119452959 .e_loop-1 .p_loopitem { display: flex; } .s_layout.ulieuu { display: flex; } .s_layout.ulieuu > div { border: 1px solid #dfdfdf; padding: 10px; transition: 0.4s; box-shadow: 0px 8px 20px rgb(0 0 0 / 0%); } .s_layout.ulieuu:hover > div { box-shadow: 0px 8px 20px rgb(0 0 0 / 10%); } h3.s_title.hhtsskl { font-size: 1.2em; padding-top: 0.5em; } .s_title.ddates { color: #e50065; font-size: 14px; margin-bottom: 0.6em; } .s_title.clearfix.ddatsummy { line-height: 1.5; font-size: 14px; opacity: 0.7; margin-bottom: 1em; } .s_layout.nngocont > div { padding: 0.75em; } span.page_jump { display: none; } .page_a.current { background: #e50065; } .page_a { border-radius: 10px; } .page_a.current { border-radius: 10px; } .page_a:hover { color: #e50065; border-color: #e50065; } .page_con { display: inline-flex; align-items: center; justify-content: center; } .page_a.disabled { border-radius: 10px; } .thhabanner.newsdsd.detailei { max-height: 400px; } .thhabanner.newsdsd.detailei .full-img-wrap.sagfadg img { object-position: 50% 60%; } .e_container-34.s_layout.segosjeyhg { align-items: center; } .e_websiteShare-24.s_list.shetaeeo { text-align: right; } .e_websiteShare-24.s_list.shetaeeo .p_share a { width: 24px !important; filter: grayscale(1); opacity: 0.3; } .e_container-34.s_layout.segosjeyhg p.e_timeFormat-36.s_title.response-transition { min-height: 0; line-height: 1; font-size: 14px; } .s_title.btnllink a { transition: 0.2s; } .s_title.btnllink a:hover { color: #d42e66; } .adgsfasd22 a { display: block; font-weight: 500; padding: 0.5em 1em; border: 1px solid; border-radius: 10px; margin: 0 1em; transition: 0.3s; } .adgsfasd22 a:hover { background: #d32e66; color: #fff; border-color: #d32e66; } .s_layout.svowwv1bewwefs { padding: 4%; background: #fff; margin-bottom: 2em; } .s_title.svowwv1gaserg { font-size: 2em; font-weight: 600; } .s_layout.svowwv1hsretb { align-items: center; margin-bottom: 2em; } .s_title.opensbuttn.fdsaergs { text-align: right; } .s_title.opensbuttn.fdsaergs svg { margin: 0; display: inline-block; width: 36px; height: 36px; cursor: pointer; } .s_layout.svowwv1 p { margin-bottom: 0.5em; opacity: 0.8; font-size: 1.05em; } .s_layout.svowwv1:last-child { margin-bottom: 2.5em; } .s_layout.svoawww > div > * { margin-bottom: 1.8em; margin-top: 0.5em; } .s_layout.svoawww > div > *.s_title.gwhhd { font-size: 1.25em; font-weight: 600; margin-top: 0; margin-bottom: 1em; } .s_layout.svoawww > div > div p { opacity: 0.75; font-size: 14px; line-height: 1.75; } .s_layout.qrcodews { height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } .s_img.qrcodewscs { margin: auto; } .s_title.opensbuttn.fdsaergs svg { opacity: 0.4; } #c_static_001-1660141572814 .fadeoso { display: none; } .s_layout.svowwv1bewwefs { padding: 3%; padding-bottom: 1%; background: rgb(204 204 204 / 11%); } .s_layout.svowwv1bewwefs.active { background: #fff; transition: 0.4s; } .s_layout.svowwv1bewwefs { transition: 0.4s 0.3s; } .s_layout.svowwv1bewwefs.active .s_title.opensbuttn.fdsaergs svg { transform: rotate(90deg); opacity: 0.6; } .s_title.opensbuttn.fdsaergs svg { transition: 0.4s; } .s_layout.svowwv1bewwefs { border-radius: 10px; } div#c_grid-1660119440805:before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202208010001/cms/image/b755fda9-2477-47f5-90f9-43994abc72cf.jpg); background-size: cover; background-position: 50% 67%; } div#c_grid-1660119440805 { position: static; } div#c_grid-1660119440805 > div { position: relative; z-index: 2; } #c_outlets_list_002-1660190011721 .e_container-1 .cbox-1-0 { display: flex; } #c_outlets_list_002-1660190011721 .e_container-22 { height: auto; } #c_outlets_list_002-1660190011721 .e_container-22 > .p_item { display: flex; } #c_outlets_list_002-1660190011721 .e_loop-15 { height: auto; max-height: 550px; } #c_outlets_list_002-1660190011721 .e_map-11 { border: 0; } .s_layout.mapeois { padding: 1em; border: 1px solid #eee; margin-bottom: 1em; } .btn-primary { background: #27629e; border-radius: 10px; font-size: 14px; padding: 0.5em 1em; } .s_title.maptthos { font-size: 1.2em; } .s_layout.mapeois * { color: #959595; } .s_title.clearfix.mapeowi1 { line-height: 1.5; font-size: 14px; } .s_title.maptthos { font-weight: 500; } .s_layout.mapeois { padding: 1.25em 2em; } .on .s_layout.mapeois { background: #e50065 !important; padding: 1.75em 2em; } .s_layout.mapeois { transition: 0.3s; } .on .s_layout.mapeois p { color: #fff; } .s_layout.mapeois p { transition: 0.2s; } .p_loopitem .s_title.clearfix.mapeowi1 { display: none; } span.text-secondary.pl_loading.p_loading { display: none; } #c_outlets_list_002-1660190011721 .e_loop-15 { width: 100%; } #c_outlets_list_002-1660190011721 .e_loop-15 .p_loopitem { display: block !important; } .windowInfo .s_title.clearfix.mapeowi1 { height: auto !important; } .windowInfo .s_layout.mapeois { padding: 0; border: 0; } .windowInfo .s_title.clearfix.mapeowi1 { display: block !important; } .e_map-11.s_img { position: relative; z-index: 1; } div#c_static_001-16371438651040 { display: flex; align-items: center; justify-content: center; } .loginoew { display: flex; align-items: center; } .loginoew input { border: 0; background: none; color: #9d9d9d; } .loginoew svg { display: block; margin-right: 1em; } .loginoew { border-bottom: 1px solid #cecece; } select.p_select_html { background: none; } #c_static_001-16371438651040 .e_login-10 .p_indent { text-indent: 70px; } #c_static_001-16371438651040 .e_login-10 .p_lable_text { color: #a1a1a1; font-size: 14px; } div#c_static_001-1637142696266 { display: flex; align-items: center; justify-content: center; } .s_title.fsdtgawe { font-size: 2em; text-align: center; } .s_title.aewhgr { opacity: 0.5; text-align: center; } .s_layout.ahbner43qa { margin-top: 2.5em; } .s_title.aesghr a { padding: 0.75em 1em; display: block; transition: 0.3s; text-align: center; } .s_title.aesghr a:hover { background: #27629e; color: #fff; } .s_layout.hnae43qdf23 { padding: 2em; background: #fff; border: 1px solid #eee; } .s_layout.vdfwes { margin-bottom: 2em; text-align: center; } .s_layout.vdfwes > div { padding: 10px; } .s_title.bweadfrew { margin-top: 0.75em; opacity: 0.9; } .s_title.aesghr a.onlink { background: #27629e; color: #fff; } .top_menu > .menu-itm > a { transition: 0.3s; } .the_header.white_bg .top_menu > .menu-itm:hover > a, .the_header.white_bgg .top_menu > .menu-itm:hover > a, .the_header.nyn_white .top_menu > .menu-itm:hover > a { color: #27629e; } .sdafgag.ct-container { position: relative; z-index: 10; } .musei_1dfgs .full-img-wrap.agesagaew { width: 80%; } .musei_1sdrga .full-img-wrap.agesagaew { width: 50%; } .the-search-box { position: fixed; top: 0; left: 0; right: 0; z-index: 300; background: #fff; padding: 3em 0em; height: 300px; } .the-search-box { display: flex; align-items: center; justify-content: center; transition: 0.5s; } .the-search-box-cc { width: 800px; max-width: 88%; } .search-contetn > div { display: flex; align-items: center; border-bottom: 1px solid #cecece; } .search-contetn input { border: 0; width: 100%; padding: 1em; } .serbutn { padding: 1em; cursor: pointer; } .the-clise { text-align: center; margin-bottom: 3em; } .the-clise svg.icon { margin: 0; display: block; margin: auto; border: 1px solid #d6d6d6; border-radius: 100px; padding: 10px; box-sizing: content-box; cursor: pointer; } .the-search-box { transform: translate3d(0px, -100%, 0px); pointer-events: none; } .seropen .the-search-box { transform: translate3d(0px, 0%, 0px); pointer-events: auto; } .t_lang_sw { position: relative; } .langsewc { position: absolute; top: 100%; color: #000; } .langsewc > div a { display: block; } .langavm { flex-direction: column; font-size: 12px; background: rgb(255 255 255); padding: 0.75em 0.5em; width: 4em; border-radius: 10px; margin-top: 8px; box-shadow: 0px 4px 20px rgb(0 0 0 / 15%); } .langavm a { padding: 0.25em 0; border-bottom: 1px solid #d1d1d1; } .langsewc { transition: 0.4s; transform: translate(0px, 8px); opacity: 0; pointer-events: none; } .t_lang_sw:hover .langsewc { transition: 0.4s; transform: translate(0px, 0px); opacity: 1; pointer-events: auto; } .langavm div:last-child a { border: 0; } .the-mobile-nav { position: fixed; top: 0; left: auto; right: 0; height: 100%; z-index: 400; max-height: 100vh; background: #fff; width: 100%; max-width: 400px; } .the-mobile-navncc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; padding: 10%; padding-top: 0; } .close-bntnt { padding-top: 10%; background: #fff; position: sticky; top: 0; z-index: 10; padding-bottom: 2em; } .closenav svg.icon { width: 32px; height: 32px; margin: 0; display: block; } .closenav { cursor: pointer; } .the-mobmenu > div > a { margin-bottom: 0.5em; font-size: 1.5em; display: block; } .menu-itm-mob { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .mob-sub-menu { width: 100%; } .menu-itm-mob svg { transition: 0.3s; cursor: pointer; padding: 4px; box-sizing: content-box; display: block; } .mob-sub-menu > div > a { font-size: 1.25em; } .menu-i-mob { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.5em; } .the-last-pd-list { display: flex; flex-wrap: wrap; padding: 1em 0px; border-bottom: 0px solid #c7c7c7; margin-bottom: 0em; } .the-last-pd-list > div { width: 50%; } .pdlss-mob { font-size: 0.875rem; text-align: center; padding: 0 1.25em; margin-bottom: 0.5em; } .mob-sub-menu { padding-bottom: 0.5em; border-bottom: 1px solid #d8d8d8; margin-bottom: 1em; border-top: 1px solid #d8d8d8; padding-top: 0.85em; margin-top: 0.5em; } .mob-sub-menu { display: none; } .the-mobmenu-sela { padding-top: 3em; } .the_out_link.w-mobb { display: flex; align-items: center; } .the_out_link.w-mobb > div { margin-right: 2em; } .menu-i-mob .mob-sub-menu { border-top: 0; padding: 0; } .closenav { text-align: left; } svg.mobarrow { transform: rotate(-90deg); opacity: 0.35; } .open > svg.mobarrow { transform: rotate(0deg); opacity: 0.85; } .the-mobile-nav { transition: 0.85s; transition-timing-function: cubic-bezier(0.75, 0.07, 0.25, 1); transform: translate3d(100%, 0px, 0px); pointer-events: none; } .mob-open .the-mobile-nav { transition: 0.85s; transition-timing-function: cubic-bezier(0.75, 0.07, 0.25, 1); transform: translate3d(0%, 0px, 0px); pointer-events: auto; } .mo-butnn svg { fill: currentColor; transition: 0.4s; } .mo-butnn { cursor: pointer; } .the-mob-butn { display: none; } .a-video-ppoup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 350; background: rgb(255 255 255 / 92%); display: flex; align-items: center; justify-content: center; } .avideoscc { width: 88%; max-width: 1440px; height: 80%; display: flex; flex-direction: column; } .vdobtn.pop-close { text-align: center; padding-bottom: 32px; } .vido-content { flex-basis: 100%; width: 100%; } .a-video-ppoup { transition: 0.4s; opacity: 0; pointer-events: none; } .popv-open .a-video-ppoup { transition: 0.8s; opacity: 1; pointer-events: auto; } .avideoscc { transition: 0.4s; transform: translate(0px, 50px); } .popv-open .avideoscc { transition: 0.8s; transform: translate(0px, 0px); } .vido-content video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; } .vido-content { position: relative; } .vdobtn.pop-close svg { cursor: pointer; } .serbutn svg { width: 26px; height: 26px; } div#c_grid-1660233677204 { max-height: none; height: auto; } .adgsfasd22 a.onlink { background: #d32e66; color: #fff; border-color: #d32e66; } /* footer */ ul.p_level2Box.s_templatesum.dbdlllhcd { display: none; } p.p_menu1Item.s_templatetitle { color: #fff; font-size: 1.05em; } ul.p_level1Box.dbdlllh { justify-content: center; align-items: center; } div#c_static_001-16604560683742 .e_bottomNav-4 .p_level1Item.dbdlllhw { text-align: center; padding: 0 22px; flex-grow: initial; position: relative; margin-bottom: 1em; } div#c_static_001-16604560683742 .e_bottomNav-4 .p_level1Item.dbdlllhw:after { content: "/"; color: #fff; position: absolute; right: 0; top: 0; opacity: 0.65; } div#c_static_001-16604560683742 .e_bottomNav-4 .p_level1Item.dbdlllhw:last-child:after { display: none; } #c_static_001-16604560683742 .e_html-5 { color: #fff; } a.banner-aa.full-aa { z-index: 11; } .the-banner-vido.full-img-wrap { z-index: 2; } video.bnvdo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; } .deskhide { display: none; } .the_banner .lvo { overflow: hidden; border-radius: 10px; } .dmixblend { mix-blend-mode: plus-lighter; } .sl-pp-ttile span { display: block; } .code-texx h3 > span { display: inline-block; } .full-img-wrap.hxbga2 > img { transition: 1s; transform: perspective(1000px) translate3d(-130px, -60px, 100px); } .full-img-wrap.hxbga2 { mix-blend-mode: overlay; } .full-img-wrap.hxbga3 > img { transition: 1s; transform: perspective(1000px) translate3d(150px, 70px, -150px); } .scroll-y-active .full-img-wrap.hxbga2 > img { transition: 5s; transform: perspective(1000px) translate3d(0px, 0px, 0px); } .scroll-y-active .full-img-wrap.hxbga3 > img { transition: 5s; transform: perspective(1000px) translate3d(0px, 0px, 0px); } .full-img-wrap.hxbga4.lighth { mix-blend-mode: overlay; } .full-img-wrap.fontbg.znbg05 > img { transition: 1s; transform: perspective(1000px) translate3d(0px, -100px, 0px); opacity: 0; } .scroll-y-active .swiper-slide-active .full-img-wrap.fontbg.znbg05 > img { transition: opacity 1.5s 0.3s, transform 3s 0.25s; transform: perspective(1000px) translate3d(0px, 0px, 0px); opacity: 1; } .full-img-wrap.fontbg.znbg02 > img { transition: 1s; transform: perspective(1000px) translate3d(0px, 50px, 0px); opacity: 0; } .scroll-y-active .swiper-slide-active .full-img-wrap.fontbg.znbg02 > img { transition: opacity 1.5s 0.3s, transform 3s 0.25s; transform: perspective(1000px) translate3d(0px, 0px, 0px); opacity: 1; } .full-img-wrap.fontbg.znbg03.dmixblend > img { transition: 1s; transform: perspective(1000px) translate3d(-60%, -50%, 0px); opacity: 0; } .full-img-wrap.fontbg.znbg04.dmixblend > img { transition: 1s; transform: perspective(1000px) translate3d(22%, -40%, 0px); opacity: 0; } .scroll-y-active .swiper-slide-active .full-img-wrap.fontbg.znbg04.dmixblend > img, .scroll-y-active .swiper-slide-active .full-img-wrap.fontbg.znbg03.dmixblend > img { transition: opacity 1s 1.55s, transform 1.5s 1.5s; transition-timing-function: cubic-bezier(0.59, 0.16, 0.06, 1); transform: perspective(1000px) translate3d(0px, 0px, 0px); opacity: 1; } .news-i-aa .full-img-wrap img, .news-i-ab .full-img-wrap img { transition: 0.5s; } .news-i-aa:hover .full-img-wrap img, .news-i-ab:hover .full-img-wrap img { transition: 1s; transform: perspective(1000px) translate3d(0px, 0px, 80px); } .n-cnee h3 { transition: 0.3s; } .ewn-c > div:hover .n-cnee h3 { color: #27629e; } .ewn-c > div.news-i-ab:hover .n-cnee h3 { color: #fff; } .thhabanner > .full-img-wrap:nth-child(1) img { transition: 1s; transform: perspective(1000px) translate3d(0px, 0px, 200px); } .thhabanner > .full-img-wrap:nth-child(2) img { transition: 1s; transform: perspective(1000px) translate3d(20px, 0px, -60px); transform-origin: bottom right; } .thhabanner > .thawltha { transition: 0.5s; opacity: 0; } .is-loaded .thhabanner > .thawltha { transition: 0.5s; opacity: 1; } .is-loaded .thhabanner > .full-img-wrap:nth-child(1) img { transition: 7s; transform: perspective(1000px) translate3d(0px, 0px, 20px); } .is-loaded .thhabanner > .full-img-wrap:nth-child(2) img { transition: 5s; transform: perspective(1000px) translate3d(0px, 0px, 0px); transform-origin: bottom right; } .thhabanner { overflow: hidden; position: relative; } body .main > div { transition: opacity 0.5s; opacity: 0; } body.is-ok .main > div { transition: opacity 1s 0.1s; opacity: 1; } .xdgsda { overflow: hidden; } .thawlYYtha h1 > span { display: inline-block; } .lsaleg > div { transform-origin: left center; } .pd-p-banner > .full-img-wrap.lm1 img { transition: 1s; transform: perspective(1000px) translate3d(0px, 0px, 180px); } .pd-p-banner > .full-img-wrap.lm2 img { transition: 1s; transform: perspective(1000px) translate3d(0px, 0px, -70px); } .pd-p-banner > .full-img-wrap.lm2a img { transition: 1s; transform: perspective(1000px) translate3d(0px, 30px, 0px); } .pd-p-banner > .full-img-wrap.lm3 img { transition: 1s; transform: perspective(1000px) translate3d(80px, 0px, 0px); } .is-loaded .pd-p-banner > .full-img-wrap.lm1 img { transition: 4s; transform: perspective(1000px) translate3d(0px, 0px, 20px); } .is-loaded .pd-p-banner > .full-img-wrap.lm2 img { transition: 4s; transform: perspective(1000px) translate3d(0px, 0px, 0px); } .is-loaded .pd-p-banner > .full-img-wrap.lm2a img { transition: 4s; transform: perspective(1000px) translate3d(0px, 0px, 0px); } .is-loaded .pd-p-banner > .full-img-wrap.lm3 img { transition: 4s; transform: perspective(1000px) translate3d(0px, 0px, 0px); } .wwbgg.tianxins45wyegs > .full-img-wrap { overflow: hidden; } .lasgp2e h1 span { display: inline-block; } .lasgp2e h1 span { font-size: 1em; } .sdljimg img { width: 100%; display: block; } .sdljimg { overflow: hidden; position: relative; } .wwbgg.lemi378wyfy64253 { overflow: hidden; } .sgdgssdffs.full-img-wrap.ssgrsdf53grte { overflow: hidden; } .sgdgssdffs22.full-img-wrap.sdf343 img { object-position: left bottom; object-fit: contain; } .sgdgssdffs22.full-img-wrap.sdf343 { margin-left: 0; bottom: 0; top: 15%; } .sgdgssdffs22.full-img-wrap { width: 60%; margin-left: auto; top: 4%; bottom: 4%; } .hgfrddr5446gtrt.full-img-wrap { overflow: hidden; background: #eef1f6; } .full-img-wrap.mew1 img { object-position: 0% 20%; } .full-img-wrap.jsrs54657 { left: 30%; } .full-img-wrap.js454dr54 { overflow: hidden; } .dsjagle h3 span { display: inline-block; } .jlasig1 > div img { transition: 0.8s; } .jlasig1 > div:hover img { transform: scale(1.15); } .jlasig1 > div { overflow: hidden; } .eisj img { transition: 0.8s; } .eisj:hover img { transform: rotateY(360deg); } .eisj span { transition: 0.5s; } .eisj:hover span { transform: translate(0px, 6px); } .full-img-wrap.ray4ujyt { overflow: hidden; } .gaedimgg { overflow: hidden; } .gaedimgg img { display: block; } .triangle { width: 0; height: 0; border-left: 23px solid rgb(255 255 255 / 0%); border-right: 23px solid rgb(255 255 255 / 0%); border-bottom: 40px solid #bfbfbf; position: absolute; bottom: calc(100% - 0px); left: 10%; transform: skew(-20deg, 0deg); } .triangle:before { content: ""; width: 0; height: 0; border-left: 21px solid rgb(255 255 255 / 0%); border-right: 21px solid rgb(255 255 255 / 0%); border-bottom: 40px solid #ffffff; position: absolute; left: -21px; top: 0; } .agjelaujls { position: relative; } .jlsimg img { display: inline-block; transition: 0.8s; } .dfhgdfhs:hover .jlsimg img { transform: rotateY(360deg); } p.sgeli { transform: translate(0px, 10px); } .dfhgdfhs:hover > div p.sgeli { transform: translate(0px, 0px); } @keyframes flashh { 0% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } } .are4a.flahh { animation-name: flashh; animation-duration: 0.8s; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes floatt { 0% { transform: translate3d(0px, 0px, 0px); } 25% { transform: translate3d(-10px, -18px, 0px); } 50% { transform: translate3d(0px, -28px, 0px); } 75% { transform: translate3d(8px, -18px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } .soejlsww > div { animation-name: floatt; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; } .soejlsww:nth-child(2) > div { animation-delay: 2s; animation-direction: reverse; } .soejlsww:nth-child(3) > div { animation-delay: 1s; animation-direction: reverse; } .soejlsww:nth-child(4) > div { animation-delay: 4s; } .s_layout.svowwv1bewwefs:hover { background: #fff; transition: 0.4s; } .s_title.svowwv1gaserg { transition: 0.4s; } .s_layout.svowwv1bewwefs:hover .s_title.svowwv1gaserg { color: #27629e; } .s_layout.svowwv1bewwefs.active .s_title.svowwv1gaserg { color: #27629e; } .svoawwwww1 > div { cursor: pointer; } .sjlii > div { overflow: hidden; border-radius: 20px; } .gljsadfl > div { overflow: hidden; border-radius: 20px; } .jlasig1 > div img { height: 100%; object-fit: cover; } .pasoiga1.afsdas.wwbgg.musei_1e4tdgsf.dbrhsgd4335 .dsjagle h3 span { white-space: pre; } /* hader */ .is-load1 .the_header.headroom--unpinned { transform: translate(0px, -100%); transition: transform 0.8s, background 0.5s; } .is-load1 .the_header.headroom--pinned { transition: transform 0.8s, background 0.5s; } .show_more_d.openn .modd-btn { transform: scale(1.2); } .show_more_d.openn .show_more_content { transition: 0.4s; transform: translate(0px, 0px); opacity: 1; pointer-events: auto; } .banner_ww .swiper-wrapper { max-height: 110vh; } .full-img-wrap.abim11 img { transition: 0.8s; transform-origin: bottom center; } .ab-lll:hover .full-img-wrap.abim11 img { transform: scale(1.04); } .full-img-wrap.abim11 { overflow: hidden; } .ab-rrr img { transition: 0.8s; } .ab-rrr:hover img { transform: scale(1.08); } .lss-ll img { display: block; } .full-img-wrap.ewgefdfv { transition: 0.5s; } .dsjljgs > div:hover .full-img-wrap.ewgefdfv { left: 12%; right: 12%; } .full-img-wrap.sdgwes { transition: 0.5s; } .dsjljgs > div:hover .full-img-wrap.sdgwes { transform: translate(0px, -20px) scale(0.9); } .fjslgotext { transition: 0.5s; } .dsjljgs > div:hover .fjslgotext { transform: translate(0px, -15px); } .banner_w_cc1a { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; } .oahto { color: #fff; display: flex; align-items: center; } .lejg img { display: block; max-width: 176px; } .lejg { margin-right: 1.5em; } .righsg h3 { font-weight: 400; font-size: 2.75em; margin: 0; line-height: 1; margin-bottom: 0.35em; } .righsg h3 b { margin-right: 0.2em; } .oahto { width: 50%; } .righsg p { font-weight: 300; line-height: 1.5; opacity: 0.5; } .zsll2.weses.agefew { max-height: 586px; } .zsll1 { padding: 7vw 0; } .lle-swse22.swiper .full-img-wrap.satge211:after { opacity: 0; } .top_menu > .menu-itm .sub-menu .menu-i > a span { display: block; line-height: 1; } .top_menu > .menu-itm .sub-menu .menu-i > a svg { display: block; width: 20px; height: 20px; margin-top: 1px; opacity: 0.75; } .shr-i { position: relative; } .qrcode { position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, 0px); width: 120px; } .shr-i .qrcode img { max-width: 100px; margin-bottom: 7px; border-radius: 10px; display: block; transition: 0.4s; transform: translate(0px, 10px); } .shr-i .qrcode { transition: 0.3s; opacity: 0; pointer-events: none; } .shr-i:hover .qrcode { opacity: 1; pointer-events: auto; } .shr-i:hover .qrcode img { transform: translate(0px, 0px); } .lsaleg > div { width: 100%; margin-left: -22%; } .zsll2.asdfa { align-self: flex-end; } .lejg { width: 300px; } .lejg img { max-width: 280px; } .righsg h3 { font-size: 2.5em; } .eoatecc > span { display: block; padding: 0.6em 2em; } .qixlsoww { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: flex; align-items: center; justify-content: center; background: rgb(255 255 255 / 58%); } .qxoswwl { background: #fff; border-radius: 20px; padding: 2em; box-shadow: 0px 20px 30px rgb(0 0 0 / 10%); transition: 0.3s; } .sloclose { display: inline-block; cursor: pointer; } .qxlsocc { text-align: center; margin-bottom: 2em; } .qxaogecc { padding-bottom: 1em; } .sub-menu.delay_w { } .qxaogecc .sub-menu > div { font-size: 1.2em; margin-bottom: 1em; } .qxaogecc .sub-menu { position: relative; top: 0 !important; left: 0 !important; } .qxaogecc .sub-menu > div.on .sub-img-menu { opacity: 1; transform: translate3d(0px, 0px, 0px); pointer-events: none; } .qxcopen .qxaogecc .sub-menu > div.on .sub-img-menu { pointer-events: auto; } .qxaogecc .sub-menu > div .sub-img-menu { top: 0 !important; } .qxaogecc .sub-menu { overflow-y: auto; height: 800px !important; max-height: 50vh; } .qxaogecc .sub-img-m-i h4 { font-size: 0.95rem; } .qxaogecc .sub-img-mmc > div { width: 25%; } .qxaogecc .sub-menu > div.on .sub-img-menu { padding-bottom: 2em; } .qixlsoww { transition: 0.3s; opacity: 0; pointer-events: none; } .qxcopen .qixlsoww { opacity: 1; pointer-events: auto; } .qixlsoww .qxoswwl { transform: translate3d(0px, 20px, 0px); } .qxcopen .qixlsoww .qxoswwl { transform: translate3d(0px, 0px, 0px); } .jiamenglc-ww { padding: 6vw 0; } .jmntt h3 { font-size: 3em; } .jmntt { text-align: center; margin: auto; max-width: 800px; margin-bottom: 3em; } .jmlikti { } .jmlistcc { display: flex; flex-wrap: wrap; } .jmlistcc > div { width: 25%; background: #5487c0; color: #fff; } .jmlikti { position: relative; } .jmg-imgas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 1.5em; } .bg-txtt { font-size: 8vw; line-height: 1; text-align: center; font-weight: 600; color: rgb(255 255 255 / 13%); padding-bottom: 0.1em; } .jmgmimg { margin-bottom: 1em; text-align: center; } .jmgmimg img { max-width: 60px; max-height: 60px; object-fit: contain; } .jmlikti.color2 { background: rgb(84 135 192 / 80%); } .jmlikti.color3 { background: rgb(84 135 192 / 50%); } .jmlikti.colorxx { opacity: 0; pointer-events: none; } /* form */ .s_form_layout1 .s_input, .s_form_layout1 .e_label .p_labelItem label, .s_form_layout1 .e_rangeDate .j_date, .s_form_layout1 .e_address .cascader-wrap .zd-input__inner { border: 0px solid; background: rgb(255 255 255 / 29%) !important; color: #fff; width: auto; min-width: 300px; } .s_form_layout1 .s_input::placeholder { color: #fff; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { flex: 0 1 auto; } .s_form_layout1 textarea.s_input { width: 50%; height: 200px; } .s_form_layout1 input.s_input:focus, .s_form_layout1 textarea.s_input:focus { color: #fff !important; } .sub-navs .menu-i svg { display: none; } .menu-itm.normalnav { position: relative; } .sub-navs { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0px); width: 120px; text-align: center; padding: 1em; padding-top: 1.5em; } .sub-navs:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0.5em; background: rgb(255 255 255 / 15%); border-radius: 20px; } .sub-navs > div { position: relative; z-index: 10; margin: 0.25em 0; transition: 0.3s; transition-delay: 0s !important; } .sub-navs > div a { font-size: 0.9em; transition: 0.3s; } .sub-navs { transition: 0.4s; opacity: 0; pointer-events: none; } .menu-itm.normalnav:hover .sub-navs { opacity: 1; pointer-events: auto; } .sub-navs:before { transition: 0.3s; transform: translate(0px, 10px); } .sub-navs > div { transition: 0.3s; transform: translate(0px, 8px); } .menu-itm.normalnav:hover .sub-navs:before, .menu-itm.normalnav:hover .sub-navs > div { transform: translate(0px, 0px); } .white_bg .sub-navs:before, .nyn_white .sub-navs:before { background: #fff; box-shadow: 0px 5px 24px rgb(0 0 0 / 7%); } /* slide */ .the-slidess { position: fixed; right: 0; bottom: 10%; z-index: 30; } .the-iicon { position: relative; } .the-iicon img { display: block; } .the-iicon img { max-width: 36px; max-height: 28px; object-fit: contain; } .the-iicon img:last-child { position: absolute; top: 0; left: 0; } .the-slidess-cc { background: rgb(255 255 255 / 76%); border-radius: 20px 0 0 20px; padding: 1.5em 1.5em; } .slide-ii a { display: flex; flex-direction: column; align-items: center; justify-content: center; } .slide-ii { padding: 1.25em 0; } .slide-poop { position: absolute; right: calc(100% + 2em); width: 100px; top: 50%; transform: translate(0, -50%); } .slide-ii { position: relative; } .ppopo-img img { display: block; } .ppopo-img { overflow: hidden; border-radius: 10px; transition: 0.4s; transform: translate(10px, 0px); } .slide-poop { transition: 0.3s; opacity: 0; pointer-events: none; } .slide-ii:hover .slide-poop { opacity: 1; pointer-events: auto; } .slide-ii:hover .slide-poop .ppopo-img { transform: translate(0px, 0px); } .theslide-ttls { font-weight: 500; margin-top: 0.3em; } .theslide-ttls:after { content: ""; display: block; width: 100%; height: 1px; background: rgb(0 0 0 / 45%); margin-top: 5px; transition: 0.4s; transform: scale(0.5, 1); } .the-iicon img { transition: 0.3s; } .the-iicon img:last-child { opacity: 0; } .slide-ii:hover .the-iicon img:last-child { opacity: 1; } .slide-ii:hover { color: #5487c0; } .theslide-ttls { transition: 0.3s; } .slide-ii:hover .the-iicon img:first-child { opacity: 0; } .slide-ii:hover .theslide-ttls:after { background: #5487c0; transform: scale(1, 1); } .top_menu > .menu-itm .sub-menu .menu-i > a span { display: block; min-width: 90px; } .qxaogecc .sub-menu > div > a { display: flex; align-items: center; } .qxaogecc .sub-menu > div > a span { display: inline-block; margin-right: 4px; min-width: 90px; } .qxaogecc .sub-menu > div > a > svg { width: 20px; height: 20px; } .sub-navs > div a:hover { color: #7fc0ff; } .white_bg .sub-navs > div a:hover { color: #27629e; } .lsaleg { width: 50%; } .lsaleg > div { width: 90%; } .asgdgdas { width: 50%; } .asgdgdas > div { max-width: 570px; } .bg-txtt { transition: 0.3s; background: hsl(212deg 53% 43% / 0%); } .jmlikti:hover .bg-txtt { background: hsl(212deg 53% 43% / 100%); } .jmgmimg img { display: block; margin: auto; transition: 0.8s; transform: rotateY(0deg); } .jmlikti:hover .jmgmimg img { transform: rotateY(180deg); } .mb_zt_content .galdjfa.ct-container { display: flex; align-items: center; color: var(--zt-color); } .ztyhaoimg { padding: 3em 1em; } .mb_zt_content .galdjfa.ct-container > div { width: 50%; } .mb_zt_content .galdjfa.ct-container { justify-content: space-between; height: var(--zt-height, auto); } .mb_zt_content .galdjfa.ct-container .agdjsal { max-width: 540px; } .mb_zt_content .galdjfa.ct-container > div.ztyhaoimg { width: 60%; } .mb_zt_content .agjsfoljfs > div { max-width: 540px; } .mb_zt_content .gojsdfjs.ct-container { justify-content: space-between; height: auto; padding: 0; } .mb_zt_content .gojsdfjs.ct-container > div { width: 50%; } .mb_zt_content .gojsdfjs.ct-container > div.h23ogimg { padding: 2em 2em; } .mb_zt_content .gojsdfjs.ct-container > div.agjsfoljfs { padding: 3em 0; } .mb_zt_content .sdljimg { margin-top: 2em; } .mb_zt_content p.ross842.fbtsol { font-size: 1.75em; font-weight: 500; margin-bottom: 0.25em; } .mb_zt_content p.ross842aa.fbtsol { font-size: 1.75em; font-weight: 500; margin-top: 1em; } .mb_zt_content .pasoiga1.wwbgg { margin-bottom: 6vw; } .mb_zt_content .pasoiga1.wwbgg { height: var(--zt-height, 900px); } .padding-no .mb_zt_content .pasoiga1.wwbgg { margin-bottom: 0; } .mb_zt_content .gjdslajfa > div.sjlii:nth-child(3n) { width: 100%; } .mb_zt_content .gjdslajfa > div.sjlii:nth-child(3n) > div { padding-bottom: 0; height: 35vw; min-height: 500px; } .mb_zt_content .sjlii > div .dsglslthh { max-width: 600px; } .mb_zt_content .gjdslajfa > div.sjlii:nth-child(3n) > div .dsglslthh { text-align: center; bottom: auto; top: 0; margin: auto; max-width: 620px; } .mb_zt_content.text-right .galdjfa.ct-container { flex-direction: row-reverse; } .mb_zt_content.text-right .gojsdfjs.ct-container { flex-direction: row-reverse; } .pd-p-banner.text-right .lasgp2e.gedv43d { margin-left: auto; } .mb_zt_content .gojsdfjs.ct-container > div.agjsfoljfs { color: var(--zt-color); } .mb_zt_content.text-right .galdjfa.ct-container .agdjsal { text-align: left; } .mb_zt_content.text-right .gojsdfjs.ct-container > div.agjsfoljfs { text-align: left; max-width: 540px; } .mb_zt_content.text-right .lsscc { text-align: left; } .mb_zt_content.text-left .sjoa-c { flex-direction: row-reverse; } .mb_zt_content .lsscc { max-width: 580px; } .mb_zt_content.hasbg2 .iooi1 { margin-top: 7vw; } .mb_zt_content.hasbg { position: relative; } .mb_zt_content.hasbg .iooi1.ct-container { position: relative; z-index: 2; margin-bottom: 0; padding-bottom: 8vw; } .mb_zt_content.text-right .lsscc { margin-left: auto; } .mb_zt_content .zsll2.asdfa > div { transform: scale(1); padding: 4em 2em; } .mb_zt_content .zsdss.adsgdas { padding-right: 6.5%; } .mb_zt_content .zsll1 { width: 45%; } .mb_zt_content .zsll1 > div { max-width: 540px; } .mb_zt_content.text-right .zsdss.adsgdas { flex-direction: row-reverse; } .mb_zt_content.text-right .zsll1 { text-align: left; } .mb_zt_content.text-right .zsll1 > div { margin-left: auto; } .mb_zt_content .lsscc, .mb_zt_content .zsll1 { color: var(--zt-color); } .lemiise.ct-container.sdfd324 { color: var(--zt-color); } .page-zt.zt-pd.padding-no .wwbgg { margin-bottom: 0; } .top_menu > .menu-itm .sub-menu .menu-i > a svg { transition: 0.4s; opacity: 0; } .top_menu > .menu-itm .sub-menu .menu-i.on > a svg { opacity: 0.85; } .sgjleottt { background: rgb(0 0 0 / 0%); } .sgjleottt > div { z-index: 10; position: relative; } .sgjleottt:before { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: rgb(66 134 220 / 69%); background: var(--ov-color, rgb(66 134 220 / 100%)); opacity: 0.65; } .mb_zt_content p.ross842 { max-width: 800px; margin-left: auto; margin-right: auto; } .mb_zt_content .jsgtext { top: auto; bottom: 10%; text-align: center; } .mb_zt_content.spec01-z .gojsdfjs.ct-container { max-width: none; width: 100%; } .mb_zt_content.spec01-z .gojsdfjs.ct-container .agjsfoljfs > div { margin: auto; width: 80%; } .mb_zt_content.spec01-z .gojsdfjs.ct-container div.h23ogimg { padding: 0; } .mb_zt_content.spec01-z .n9esbww.wwbgg.nge_ews43534gae.ct-container.ct-ert { overflow: hidden; border-radius: 20px; } .page-zt.zt-pd.padding-yes .mb_zt_content { margin-top: 7vw; } .mb_zt_content .gojsdfjs.ct-container { height: var(--zt-height, auto); max-height: 80vh; } .mb_zt_content .gojsdfjs.ct-container > div.h23ogimg img { max-height: var(--zt-height, none); } .full-width-imgg img { display: block; width: 100%; } .mb_zt_content .gedfsf.right .jsgtext { right: 0; text-align: right; bottom: 50%; transform: translate(0px, 50%); } .mb_zt_content .gedfsf.left .jsgtext { left: 0; text-align: left; bottom: 50%; transform: translate(0px, 50%); } .mb_zt_content .gedfsf.top .jsgtext { left: 0; text-align: center; top: 10%; bottom: auto; transform: translate(0px, 0%); } .ciions img { width: 20px; height: 20px; object-fit: contain; } .jlsimg img { width: 36px; height: 36px; object-fit: contain; } .mb_zt_content.full-width-w .galdjfa.ct-container { max-width: none; width: 100%; overflow: hidden; } .mb_zt_content.full-width-w .galdjfa.ct-container .ztyhaoimg { transform: none !important; padding: 0; } .mb_zt_content.full-width-w .galdjfa.ct-container .ztyhaoimg img { width: 100%; } .mb_zt_content.full-width-w .galdjfa.ct-container .agdjsal { max-width: none; padding: 6%; width: 40%; } .mb_zt_content.full-width-w .galdjfa.ct-container .agdjsal > * { margin-left: 0; margin-right: 0; } @media screen and (min-width: 999px) { .top_menu > .menu-itm .sub-menu .menu-i .sub-img-m-i .smm-img img { max-width: 200px; } .top_menu > .menu-itm .sub-menu .menu-i .sub-img-m-i .smm-img { padding: 0.5em; } .qxaogecc .sub-img-mmc > div .smm-img { padding: 0.5em; } .lasgp2e h1 { margin: 0.4em 0; } .code-texx h3 { line-height: 1.35; margin-top: 0.4em; } .mb_zt_content.text-right .gojsdfjs.ct-container > div.agjsfoljfs { text-align: right; max-width: 800px; } } @media screen and (max-width: 1580px) { .bg-txtt { font-size: 10vw; } .top_menu > .menu-itm { margin-right: 32px; } .the_wo2 > div { margin-left: 32px; } .the_out_link_w > div { margin-left: 32px; } .olink_i img { max-width: 24px; } .top_menu > .menu-itm .sub-menu .menu-i > a { font-size: 1em; } .sub-img-m-i h4 { font-size: 0.875em; } p.big-texxxe { font-size: 1.4em; } .n-cnee h3 { font-size: 1.15em; } .n-cnee p { font-size: 0.875em; } .code-texx h3 { font-size: 2.5em; } .thawltha h1 { font-size: 2.5em; } .thawltha p { font-size: 1.1em; } .wta-tt h3 { font-size: 2.5em; } .lasgp2e h1 { font-size: 4em; } .lasgp2e p { font-size: 1.5em; } h3.iieiso11 { font-size: 3.2em; } .jsgtext h3 { font-size: 2.5em; } .sgdgssdffs.sgsddef.full-img-wrap { width: 85%; } .full-img-wrap.jsrs54657 { width: 66%; left: auto; } .asdggah h3.iieiso11 { font-size: 4em; } .aewiowws { font-size: 1.8em; } .full-img-wrap.aergarf { width: 70%; } .galdsjfla.ct-container.ct-ert h3.iieiso11 { font-size: 2.5em; } } @media screen and (max-width: 1400px) { .bg-txtt { font-size: 13vw; } .olrr > h4 { font-size: 4.2em; } .olrr > h3 { font-size: 2em; } .olrr > p { font-size: 1em; } .oltt img { max-width: 220px; } .rvo h4 { font-size: 1.45em; } } @media screen and (max-width: 1280px) { .top_menu > .menu-itm { margin-right: 28px; } .the_m_c { flex-basis: 65%; } .the_l_c { flex-basis: 18%; } .lasgp2e h1 { font-size: 3.25em; } .lasgp2e p { font-size: 1.3em; } .sgdgssdffs.full-img-wrap.sdf343 { width: 53%; } p.aewios { font-size: 1.65em; } h3.iieiso11 { font-size: 3em; } #c_outlets_list_002-1660190011721 .e_container-1 .cbox-1-0 { flex-basis: 40%; } } @media screen and (max-width: 999px) { .mobilehide { display: none; } .dsjljgs > div:hover .full-img-wrap.ewgefdfv { right: 0; } .jmntt h3 { font-size: 2em; } .jiamenglc-ww { padding: 3em 0; } div#c_static_001-1661402699633 { padding: 3em 0; } div#c_static_001-1661402699633 .e_container-1 { margin-bottom: 2em; } .s_form_layout1 .s_input, .s_form_layout1 .e_label .p_labelItem label, .s_form_layout1 .e_rangeDate .j_date, .s_form_layout1 .e_address .cascader-wrap .zd-input__inner { width: 100%; } .s_form_layout1 textarea.s_input { width: 100%; } .jmlistcc > div { width: 50%; } .bg-txtt { font-size: 32vw; } .jmlikti.colorxx { display: none; } .jmgmimg img { max-width: 38px; max-height: 38px; } .jmg-imgas { font-size: 14px; } #c_static_001-16371438651040 .e_container-1 { width: 88%; } .the-slidess-cc { padding: 0.65em; } .theslide-ttls { font-size: 12px; } .the-iicon img { max-width: 30px; max-height: 20px; } .slide-ii { padding: 0.5em 0; } .slide-poop { right: calc(100% + 1em); } .gojsdfjs.dgdfhd.ct-container.gesfsg { padding-bottom: 70vw; } .qxoswwl { width: 94%; } .qxaogecc .sub-menu { min-width: 100%; } .qxaogecc .sub-menu .sub-img-menu { position: relative; min-width: 100%; left: 0; padding-top: 1em; opacity: 1; transform: translate3d(0px, 0px, 0px) !important; } .qxaogecc .sub-menu > div.on .sub-img-menu { padding-bottom: 1em; } .qxaogecc .sub-img-mmc > div { width: 50%; margin-bottom: 1em; } .qxaogecc .sub-img-mmc > div .smm-img { transform: scale(0.8); } .qxaogecc .sub-menu > div .sub-img-menu { padding-bottom: 1em; } .qxoswwl { padding: 2em 1em; } .oahto { width: 100%; flex-wrap: wrap; align-self: flex-start; padding-top: 20vh; } .lejg { margin-bottom: 2em; } .lejg img { max-width: 220px; } .righsg h3 { font-size: 1.65em; } p { font-size: 0.875em; } .the-mob-butn { display: block; } .the_menu_w { display: none; } .the_r_c { display: none; } .the_l_c { flex-basis: 66%; } .the_logo img { max-width: 120px; } .the_header_c { width: 88%; padding: 22px 0; } .olrr > h4 { font-size: 12vw; line-height: 1.15; } .banner_w_cc1 { top: 20%; } .olrr > h3 { font-size: 1.5em; } .olrr > p { font-size: 0.875em; line-height: 1.35; } .oltt span { font-size: 1em; } .oltt img { } .vdo_ww a.vdo_link { flex-direction: column; align-items: flex-start; width: 100%; } .lvo { width: 50%; } .rvo { margin-left: 0; width: 70%; margin-top: 1em; } .banner_w_cc2 { bottom: 17%; } .ab-lll { width: 100%; position: relative; z-index: 1; } .about-coent { flex-wrap: wrap; } .ab-rrr { width: 100%; padding-bottom: 85%; z-index: 5; } .ab-lll > div { padding-bottom: 85%; } .ab-txtt { color: #000; bottom: 3%; } .countup-i { font-size: 0.65em; } .sl-geoler { padding: 12vw 0; } .sl-geoler.ct-container { } .countup-i .nums { /* flex-direction: column; */ align-items: flex-end; } .countup-i .cp-name { margin-left: 2px; margin-bottom: 2px; } .countup-i .cp-num { font-size: 2.8em; } h3.xddh { font-size: 1.65em; } .sl-pp-ttile span { font-size: 0.875em; line-height: 1.5; display: block; opacity: 0.75; } .sl-pp-ttile { margin-bottom: 6vw; } .sl-prodnt { padding-top: 10vw; padding-bottom: 15vw; } .more-btn-1 a { font-size: 0.875em; } .pd-over-tite h3 { font-size: 1.25em; } .swiper.sl-pww { width: 92%; } .code-tec { height: 530px; max-height: 88vh; } .code-texx span { font-size: 1em; } .code-texx { padding-top: 12vw; width: 88%; margin: auto; } .code-texx h3 { font-size: 1.65em; line-height: 1.35; } .full-img-wrap.cdoeim img { object-fit: cover; top: auto; height: 60%; bottom: 12%; } .zhineng_ww { height: 600px; max-height: 80vh; } .zttl1 { top: 10vw; } .zhineng_ww > .full-img-wrap { } .the_zhihnn .ss-button { display: none; } .show_more_content > div { transform: translate3d(calc(50% - 13px), 0px, 0px); background: rgb(0 0 0 / 13%); } .show_more_d { left: calc(40% + 19px); top: 40%; transition-duration: 0.5s !important; } .show_more_content { width: 90vw; max-width: 100vw; } .show_more_d:hover { top: 21%; transition-duration: 0.5s !important; } .show_more_content > div { background: #fff; color: #000; border-radius: 10px; } .show_more_content div > h3 { font-size: 1.45em; } .show_more_content p { font-size: 0.875em; } .ewn-c { width: 100%; padding-right: 0; margin-bottom: 1.5em; } .n-img-aa { margin-bottom: 1em; } .n-cnee { margin: 0px 16px; } .n-cnee.psnne { padding: 1.5em; margin: 0; } #c_grid-1659501454594 > .p_gridbox.signal { background-position: top center; padding-bottom: 20vw; max-height: 2500px; } div#c_static_001-1659501502548 { height: 200px; } .news-content { padding-top: 12vw; } .n-cnee.ountle p { display: none; } .n-cnee.ountle { padding-top: 1.5em; padding-bottom: 1em; } .more-btn-1.newss-more a { border: 0; background: #28619d; color: #fff; } .lslltc { width: 100%; padding-right: 0; } .rrlsge { width: 100%; margin-bottom: 2em; } .leeewt-c { flex-direction: column-reverse; } .lslltc > h3 { margin-bottom: 0.5em; } p.big-texxxe { font-size: 1.1em; } p.smeolltt { font-size: 0.875em; } .job-content { } div#content_box-1659501454594-0 { } .sl-pp-swiop { margin-bottom: 3em; } .thhabanner { height: 540px; max-height: 75vh; align-items: flex-start; position: relative; } .thawltha { margin-top: 110px; } .thawltha h1 { font-size: 2em; line-height: 1.4; width: 85%; } .thawltha span { font-size: 1em; margin-bottom: 0.5em; } .thawltha p { font-size: 0.875em; width: 80%; opacity: 0; } .sdafgag.ct-container { padding: 3em 0; } .wta-tt h3 { font-size: 2.2em; } .wta-tt { margin-bottom: 2em; } .eawlgeewr { flex-direction: column; } .eawlgeewr > div { width: 100%; } .jslei-ii > div { height: 100px; transition: 0.4s; } .eawlgeewr > div:hover { width: 100%; } .eawlgeewr > div:hover > div { height: 230px; } .eawlgeewr.swiper-wrapper { flex-direction: row; } .date-agae h4 { font-size: 1.5em; } .sewa.swiper-slide.swiper-slide-thumb-active .date-agae h4 { font-size: 1.8em; } .lle-swewag.swiper { padding-left: 30px; padding-right: 30px; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0; } .thawlYYtha h1 { font-size: 2.88em; line-height: 1.3; margin-bottom: 0.5em; } .thawlYYtha p { font-size: 1.1em; } .main { overflow: hidden; } .lss-ll { width: 100%; margin-right: 0; margin-bottom: 4em; } .sjoa-c { padding-top: 5em; } .lss-rr { width: 100%; } h3.oo1ff { font-size: 2.25em; } p.ooifw3 { font-size: 0.875em; } .countup_w > div { width: 50%; margin-bottom: 1em; } .countup_w { flex-wrap: wrap; } .upt1 { font-size: 3.2em; } .zsll1 { width: 100%; } .zsll2.weses > div { position: relative; top: 0; left: 0; width: 100%; } .zsll2.weses { width: 100%; } .iooi1.ct-container { margin-bottom: 4em; } .zsdss { padding: 1em 6.5%; } .sagdfasd { width: 100%; margin-bottom: 2em; } .sagdfsda { width: 100%; } .sdalgaj { font-size: 26vw; } .zsdss.adsgdas { padding-right: 6.5%; } .zsll2.asdfa { width: 100%; padding-bottom: 1em; } .zsll2.asdfa > div { transform: scale(1.15); } .lsaleg { width: 100%; padding-bottom: 2em; } .asgdgdas { width: 100%; } .asgdgdas p.ooifw3 { } .zsll2.weses.agefew { height: 55vw; } .zsdss.garfdas { margin-bottom: 6em; } .lasgp2e.gedv43d { width: 100%; } .psjalea-c.ct-container.ct-ert { margin-top: 130px; } .lasgp2e span { font-size: 1em; } .lasgp2e p { font-size: 1.2em; } .full-img-wrap.oeiau.gresx4343 { top: 32%; } .full-img-wrap.oeiau.gresx4343 img { object-position: 78%; } .wwbgg.lemi378wyf { height: 630px; max-height: 80vh; flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; padding-bottom: 3em; } .lemiise.ct-container.dvfre4we { justify-content: center; align-items: flex-start; margin-top: 0; margin-bottom: 0; } .lemiise.ct-container.dvfre4we > div { width: 100%; margin-top: 0; padding-top: 4em; } h3.iieiso11 { font-size: 2.25em; } .full-img-wrap.dewf3ew3 { position: relative; width: 100%; padding-bottom: 70%; left: 0; } .full-img-wrap.fvsd4e3s { position: relative; padding-bottom: 55%; width: 95%; } .wwbgg.lemi378wyf54453.ct-container.ct-ert { flex-wrap: wrap; flex-direction: column-reverse; } .lemiise.ct-container.vdsdf43 { padding: 2.5em 0; } p.ross842 { font-size: 0.875em; } .jfoajdos p.ross842 { max-width: 220px; } .full-img-wrap.fdv4334 img { object-position: 35% 50%; } .wwbgg.lemi378wyf463t3 { height: 594px; } .dslfjsimg { width: 60%; opacity: 0; } .lemiise.ct-container.vew4e3t { padding: 3em 0; } .full-img-wrap.fdv4334 { top: 10%; } .sdljimg { margin-top: 0; } .wwbgg.lemi378wyfy64253 { padding-top: 3em; } .sdljimg img { width: 150%; max-width: none; margin-left: -25%; } .wwbgg.lemi378wyfu545y4 { padding-top: 3em; } .sjofjseiof > div { width: 100%; margin-bottom: 1em; } .full-img-wrap.ewgefdfv { left: 20%; right: 0; } .dsjljgs > div { padding-bottom: 70%; } .full-img-wrap.sdgwes { left: 2%; right: 50%; } .fjslgotext { left: 60%; right: 10%; top: 4%; display: flex; align-items: center; } .fjslgotext > div:before { display: none; } .sljgod { margin-bottom: 2em; } .wwbgg.lemi378wyfu545y4.fewf34 p.ross842 { max-width: 250px; margin: auto; } .gedfsf { padding-bottom: 67%; } .jsgtext h3 { font-size: 1.1em; } .jsgtext.grdsf4 { bottom: 3%; } .jgljdsss { width: 260vw; } .goasidfj > div { width: 100%; } .gsjalf h3 { font-size: 1.35em; } .agsoijfd.asgae > div { padding-bottom: 88%; } .agsoijfd.asgae > div:nth-child(1) .full-img-wrap img { object-position: 20%; } .agsoijfd.asgae > div:nth-child(1) .gsjalf { right: 50%; } .gsjalf h3 { line-height: 1.35; } .sgdjlisdbtn.wwbgg { padding-bottom: 3em; padding-top: 2em; } .hadeeettt { max-width: 60vw; } .hadeeettt.lllerpar { position: relative; max-width: 220px; } .hadeeettt.lentaw { position: relative; } .hadeeettt.lentaw { max-width: 220px; } .eoatecc { font-size: 0.875em; } .hdttparar h3 { font-size: 1.25em; } .ahtttte { font-size: 1em; } .lasgp2e.n9 { width: 100%; } .lasgp2e.n9 h1 { font-size: 2.8em; } .lasgp2e.n9 p { font-size: 1.05em; } .n9 .full-img-wrap.oeiau { top: 25%; } .n9 .full-img-wrap.oeiau img { object-position: 24%; } .pd-p-banner.n9 > .full-img-wrap:first-child img { object-position: 1%; } .n9esbww.wwbgg.nge_ews43554gae { height: 520px; margin-bottom: 4em; } .sodfjeis.full-img-wrap { top: 15%; } .sdoigea.ct-container.ct-ert { } .eoisjfs { padding-top: 20%; } .esot6ry { font-size: 18vw; } .esot6ry:first-child { margin-left: 0; margin-right: 0.2em; } .gojsdfjs.ct-container { height: auto; padding: 2.5em 0; } p.ross842aa { font-size: 0.875em; } .sgdgssdffs.full-img-wrap { width: 100%; position: relative; padding-bottom: 85%; margin-bottom: 3em; } .n9esbww.wwbgg.nge_ews43534gae.ct-container.ct-ert { flex-wrap: wrap; flex-direction: column-reverse; } .n9esbww.wwbgg.nge_ews43534gae.ct-container.ct-ert .hb54gedg.full-img-wrap img { object-position: 89% 50%; } .n9esbww.wwbgg.nge_ews45635452423gae { margin: 3em 0; margin-top: 6em; } .sghoidjfs.ct-container { flex-wrap: wrap; } .sghoidjfs.ct-container > div.dssjfimg { width: 100%; } .sghoidjfs.ct-container > div.dssjfimg img { margin-left: 13%; } .sghoidjfs.ct-container > div { width: 100%; } .sghoidjfs.ct-container > div.sdghks { margin-top: -6vw; } .sgdgssdffs.full-img-wrap.ssgrsdf53grte { bottom: 0; margin-bottom: 0; position: absolute; padding-bottom: 0; } .sgdgssdffs.full-img-wrap.ssgrsdf53grte img { object-fit: cover; object-position: -41%; } .n9esbww.wwbgg.nge_ews43534gae.gefsdse43t4.ct-container.ct-ert { padding-bottom: 80vw; overflow: hidden; border-radius: 20px; } .sghoidjfs.ct-container > div.dssjfimg img { margin-left: -10%; max-width: none; width: 120%; } .sghoidjfs.ct-container.fdbsfd543 { flex-direction: column-reverse; } .sghoidjfs.ct-container > div.sdghks { padding-bottom: 0; margin-top: 0; } .dsjagle h3 { font-size: 15vw; line-height: 1.33; margin-bottom: 0.5em; } .dsjagle p { font-size: 1.2em; } .sgdgssdffs.sgsddef.full-img-wrap { width: 100%; margin-bottom: 0; margin-top: -140px; } .n9esbww.wwbgg.nge_ews43534gae.sdghsgef { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .gojsdfjs.dgdfhd.ct-container { height: auto; padding-top: 6em; } .gojsdfjs.dgdfhd.ct-container.gesfsg { height: auto; padding-top: 4em; } .agjsfoljfs.hreg4 { width: 100%; } .sgdgssdffs.full-img-wrap.sdf343 { width: 88%; margin-bottom: 0; } .gojsdfjs.dgdfhd.ct-container.sdfge545 { height: auto; padding-top: 4em; padding-bottom: 0; } .sgdgssdffs.sgsddef.full-img-wrap.sdfge545 { width: 90%; margin-top: 0px; } .ct-container.hegs4d { height: auto; padding: 4em 0; padding-bottom: 85%; } .n9esbww.wwbgg.nge_ews43534gae.shrthrs { background: #eef1f6; } .n9esbww.wwbgg.nge_ews43534gae.shrthrs .hgfrddr5446gtrt.full-img-wrap { top: 5%; } .hagewf454.hb54gedg.full-img-wrap { padding-bottom: 155%; } .ct-container.sagagaew { bottom: 4%; width: 92%; } .gjsoieaw > div { width: 100%; margin-bottom: 1em; } .gjei4uhh { padding: 1.8em; } .ghsojfeo > div { width: 100%; } .ghsojfeo > div:nth-child(2) { width: 100%; } .ghsojfeo > div:nth-child(2) > div { padding-bottom: 80%; } .ageojlsse > div { padding-bottom: 80%; } .lasgp2e { width: 100%; } .full-img-wrap.oeiau { top: 26%; } .full-img-wrap.oeiau img { object-position: 24%; } .full-img-wrap.agesaew { left: 1%; bottom: 0; right: 5%; } .pasoiga.wwbgg.musei_1 { height: 715px; } .full-img-wrap.agesaew img { object-position: 0% 77%; } p.siau833 { font-size: 1.5em; } .full-img-wrap.agesagaew { width: 88%; } .agewdsal > div { width: 100%; } p.aewios { margin-bottom: 0.5em; margin-top: 0.5em; } .agewdsal21 { padding-top: 4em; padding-bottom: 2em; } .pas4353gsaa.wwbgg.ct-container.ct-ert.musei_1345sd { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .pas4353gsaa.wwbgg.ct-container.ct-ert.musei_1345sd .full-img-wrap.jsrs54657 { position: relative; padding-bottom: 130%; width: 100%; } .pas4353gsaa.wwbgg.ct-container.ct-ert.musei_1345sd .full-img-wrap.jsrs54657 img { object-position: 50%; width: 144%; max-width: none; object-fit: cover; margin-left: -31%; } .pasoiga1.wwbgg.musei_1dfty .asdggah h3.iieiso11 { font-size: 11vw; } .aewiowws { font-size: 1.65em; line-height: 1.45; margin-bottom: 1em; } .pasoiga1.wwbgg.musei_1dfty > .full-img-wrap img { object-position: 80%; } .pasoiga1.afsdas.wwbgg.musei_1e4tdgsf { height: 450px; } .dsjagle h3 { font-size: 12vw; letter-spacing: 0.1em; } .jlasig1 > div { padding: 0; padding-bottom: 1em; } .jlasig1 > div { width: 100%; overflow: hidden; } .jlasig1 { flex-wrap: wrap; } .jlasig1 > div img { border-radius: 20px; } .gagewfa.wwbgg.musei_1drfgs { padding-top: 3em; padding-bottom: 2em; } .jlasig1.awe2 > div:first-child { width: 100%; } .jlasig1.awe2 > div:last-child { width: 100%; } .jlasig1.awe2 > div:first-child img { height: 200px; object-fit: cover; } .ag4atg.wwbgg.musei_1dsrfgs { padding-bottom: 80vw; margin-bottom: 4em; } .full-img-wrap.aeg345 { top: 36%; } .agewdsal > .agdsfsa.te446 { width: 100%; } .musei_1dfgs .full-img-wrap.agesagaew img { object-position: 55%; } .musei_1dfgs .full-img-wrap.agesagaew { width: 100%; position: relative; padding-bottom: 100%; background: #e44a58; overflow: hidden; border-radius: 20px; } .pasoigsaa.y45y45.wwbgg.ct-container.ct-ert.musei_1dfgs { display: flex; flex-wrap: wrap; flex-direction: column-reverse; height: auto; margin-bottom: 4em; } .pasoigsaa.y45y45.wwbgg.ct-container.ct-ert.musei_1dfgs .full-img-wrap.jsrs54 { display: none; } .pasoigsaa.y45y45.wwbgg.ct-container.ct-ert.musei_1dfgs .agewdsal > .agdsfsa.te446 { color: #000; } .pasoigsaa.y45y45.wwbgg.ct-container.ct-ert.musei_1dfgs .agewdsal { padding: 0; margin-bottom: 2em; } p.aewios { font-size: 1.35em; } .pasoigsaa.y45y45.yse322.wwbgg.ct-container.ct-ert.musei_1sdrga { display: flex; flex-wrap: wrap; flex-direction: column-reverse; height: auto; margin-bottom: 5em; } .pasoigsaa.y45y45.yse322.wwbgg.ct-container.ct-ert.musei_1sdrga .full-img-wrap.jsrs54 { display: none; } .pasoigsaa.y45y45.yse322.wwbgg.ct-container.ct-ert.musei_1sdrga .full-img-wrap.agesagaew { background: #cb3b41; width: 100%; position: relative; padding-bottom: 100%; overflow: hidden; border-radius: 20px; } .agewdsal > .agdsfsa.te446.y3453s { width: 100%; padding: 3em 0; color: #000; padding-top: 0; } .pasoigsaa.y45y45.yse322.wwbgg.ct-container.ct-ert.musei_1sdrga .agewdsal { padding: 0; } .hgflasiu32.wwbgg.musei_1sdgarqew h3.iieiso11 { font-size: 2em; } .atejfal.ct-container { padding-top: 4em; } .hgflasiu32.wwbgg.musei_1sdgarqew { height: 630px; } .full-img-wrap.are4a img { object-position: 25% 100%; } .full-img-wrap.are4a { } .hgflasiu32.wwbgg.musei_1sdgarqew .full-img-wrap.are4a { top: 10%; bottom: 5%; } .sadgdaaf.wwbgg.musei_1dfgssda .agdjsal { width: 64%; } .full-img-wrap.aergarf img { object-position: 8%; } .full-img-wrap.aergarf { width: 100%; } .sadgdaaf.wwbgg.musei_1dfgssda h3.iieiso11 { font-size: 2em; } .sadgdaaf.sgafe.wwbgg.musei_1dsgad { max-height: 72vh; } .sadgdaaf.sgafe.wwbgg.musei_1dsgad p.ross842 { max-width: 250px; margin: auto; } .llgadsi > div { width: 100%; } .galdsjfla.ct-container.ct-ert h3.iieiso11 { font-size: 1.85em; } .ajoeja p { font-size: 1.1em; } .dsagjls { flex-wrap: wrap; } .dsagjls > div { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 16px; } .oejls { width: 100%; } .dsagjls > div p { font-size: 0.875em; } .ajoeja > div { padding: 2em 8%; } .icclpng img { max-width: 36px; } .agedsds .icclpng { margin-top: 2em; } .gaedimgg img { max-width: none; width: 120%; margin-left: -9%; } .gaerfadf.arter.wwbgg.musei_1dsafdafs .galdsjfla.ct-container.ct-ert { padding-top: 4em; } .gaerfadf.arter.wwbgg.musei_1dsafdafs { } .hargsfgd.wwbgg.musei_1dfgaaedg { padding-top: 4em; } .gdslielsll > div > div.soejlsww > div { margin-top: 1em; } .soejlsww > div img { width: 32px; height: 32px; } .soejlsww > div h5 { font-size: 1em; } .gdslielsll > div > div { width: 100%; } .gdslielsll > div > div.soejlsww > div { width: 64%; } .gdslielsll > div > div:nth-child(2) { width: 100%; } .gdslielsll > div > div:nth-child(3) { width: 100%; } .gdslielsll > div > div:nth-child(4) { width: 100%; } .gjdslajfa > div { width: 100%; overflow: hidden; border-radius: 20px; padding: 0; margin-bottom: 2em; } .sjlii > div .full-img-wrap { overflow: hidden; border-radius: 20px; position: relative; padding-bottom: 83%; } .sjlii > div .dsglslthh { color: #000; position: relative; padding: 1em 20px; } .dsglslthh h3 { font-size: 1.8em; margin-bottom: 0.2em; } .gljsadfl > div .dsglslthh { position: relative; color: #000; } .gljsadfl .full-img-wrap.aeadfsd { position: relative; padding-bottom: 80%; overflow: hidden; border-radius: 20px; } .gljsadfl > div .dsglslthh { padding: 1em 20px; text-align: left; } .gljsadfl > div { padding-bottom: 0; } .sdhglasdli.wwbgg.musei_1fdaga32 { margin-top: 5em; } .gljsadfl { padding: 0; } .sjlii > div { padding-bottom: 0; } .hargsfgd.wwbgg.musei_1dfgaaedg .full-img-wrap > img { object-position: 71%; } .full-img-wrap.oeiau.hgafg4334 { top: 32%; } .full-img-wrap.oeiau.erahggr43 { top: 0; } .full-img-wrap.oeiau.erahggr43 img { object-fit: cover; object-position: 264%; } .full-img-wrap.oeiau.hgafg4334 img { object-position: 26%; } .lasgp2e.hasredsg3e4wa { margin-top: 0; } .psjalea-c.txoewo8.ct-container { margin-top: 110px; } .lasgp2e h1 { font-size: 2.8em; } .lasgp2e.hasredsg3e4wa { padding-top: 7vw; } .wwbgg.tianxinw3e9u43 { height: 550px; } .lemiise.ct-container.g343etfa { margin-top: 0; padding-top: 4em; } .full-img-wrap.t43ef34w { left: 10%; right: -5%; } .wwbgg.tianxins45wyegs { height: 500px; flex-wrap: wrap; } .full-img-wrap.ahedgsrerwa { } .lemiise.ct-container.aresg4q3 > div { width: 40%; } .lemiise.ct-container.aresg4q3 > div h3.iieiso11 { font-size: 1.85em; } .wwbgg.tianxinrsaet4q.ct-container.ct-ert { height: 520px; } .lemiise.ct-container { } .wwbgg.tianxinrsaet4q.ct-container.ct-ert .lemiise.ct-container { margin-top: 0; padding-top: 1em; } .full-img-wrap.agwefaw img { object-position: bottom right; } .full-img-wrap.agwefaw { top: 0; right: -45%; left: -17%; } .wwbgg.tianxin45wsyeghreds { height: auto; flex-wrap: wrap; margin-bottom: 2em; } .wwbgg.tianxin45wsyeghreds .full-img-wrap.a4revaeg { right: 0px; position: relative; padding-bottom: 85%; width: 86%; } .lemiise.ct-container.awefas { padding: 2em 0; } .wwbgg.tianxin4tw3gfera { height: 520px; } .lemiise.ct-container.sdw4edsf { margin-top: 0; } .full-img-wrap.dfs4eaw45 { left: -32%; right: -5%; } .lemiise.ct-container.ghsre453 > div { width: 100%; } .soawlcc.uiw12 > div { padding-bottom: 100%; } .siaoghje h4 { font-size: 1.5em; line-height: 1.2; } .siaoghje { padding: 1.25em; } .siaoghje.saa13 { top: 10px; } .full-img-wrap.sagfadg.czhufff img { object-position: 62%; } .iisoe { font-size: 0.875em; } .fusuojeww h3 { font-size: 1.35em; } .fusuojeww { padding-top: 2em; } .fuwoagewa { padding: 4em 0; } .zhisslist > div { width: 100%; } .sjlgesi { padding: 1.25em calc(1em + 20px); } div#c_static_001-16595322782700 { height: 320px; } .sjlgesi { background: rgb(255 255 255 / 49%); } .agjelaujls p { font-size: 1em; } .agjelaujls h3 { font-size: 1.85em; } .baoysaldjf { padding-bottom: 4em; } .slulage > div { width: 100%; flex-direction: row-reverse; } span.ieaooiu { margin-left: 0; padding-left: 0; padding-right: 1em; align-self: flex-start; padding-top: 0.25rem; opacity: 0.5; } .dfhgdfhs { width: 50%; } .dfhgdfhs h3 { font-size: 1em; } h3.asee223 { font-size: 2.25em; } .asdgljlds { padding: 4em 0; } .sanbaodsljfa { padding: 4em 0; } .dfhgdfhs:nth-child(5n):after { opacity: 1; } .dfhgdfhs:nth-child(2n):after { opacity: 0; } div#c_static_001-1660233756781 .e_container-1 .cbox-1-0 { flex-basis: 100%; } div#c_static_001-1660233756781 .e_container-1 .cbox-1-1 { flex-basis: 100%; margin-top: 1em; } div#c_static_001-1660233756781 { padding: 4em 0; } div#c_grid-1660233677204 { max-height: none; height: auto; } .thawltha.ct-container.jonsoeg { align-self: flex-end; margin-bottom: 0; padding-bottom: 15%; } div#c_static_001-1660141525355 .e_loop-2 .p_list { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 2em; padding-left: 6vw; padding-right: 6vw; } div#c_static_001-1660141525355 .e_container-1 { padding-top: 4em; } div#c_static_001-1660141525355 .e_loop-2 .p_loopitem { flex-basis: auto; width: auto; } .adgsfasd22 a { margin-right: 0.75em; margin-left: 0; } .s_layout.svowwv1bewwefs { padding: 5%; } .s_title.svowwv1gaserg { font-size: 1.5em; } .s_title.opensbuttn.fdsaergs svg { width: 24px; height: 24px; } div#c_static_001-1660141572814 .e_container-7 > .p_item { flex-basis: 50%; font-size: 0.875em; } div#c_static_001-1660141572814 .e_container-11 > .p_item { flex-basis: 50%; font-size: 0.875em; } .s_layout.svowwv1:last-child { margin-bottom: 1em; } div#c_static_001-1660141572814 .fadeoso { padding-top: 1em; } div#c_static_001-1660141572814 .e_container-5 .cbox-5-0 { flex-basis: 100%; } div#c_static_001-1660141572814 .e_container-5 > .p_item { flex-basis: 100%; } .thawltha.sdafsadf1.ct-container.contagtj { align-self: flex-end; margin-bottom: 0; } div#c_outlets_list_002-1660190011721 .e_container-16.s_layout.mapeois { margin: 0; margin-bottom: 0.5em; } #c_outlets_list_002-1660190011721 .e_loop-15 { } div#c_outlets_list_002-1660190011721 .e_container-1 .cbox-1-0 { flex-basis: 100%; } div#c_outlets_list_002-1660190011721 .e_container-22 { max-height: 550px; } .cp-chexing-b-seie > div.cp-fhso-lsiet.lletim { max-width: 160px; position: relative; } .cp-fhso-lsiet.lletim > div { font-size: 1.05em; padding: 12px 24px; } .cp-fhso-lsiet > span { font-size: 0.875em; padding: 6px 24px; } .categgtree.deep-2 > div { width: 50%; } .sojget { padding: 0.5em 0; } .sojget h4 { font-size: 1.5em; } .apjleist { max-height: 88vh; width: 94%; padding: 2em 1.5em; } .cp-chexing-b-seie > div { width: 250px; } .full-img-wrap.sagfadg.newssogd img { object-position: 66%; } .thawltha.ct-container.newssogd { align-self: flex-end; margin-bottom: 0; padding-bottom: 12vw; } div#c_static_001-1660119452959 .e_loop-1 .p_loopitem { flex-basis: 100%; } div#c_static_001-1660119452959 .e_loop-1 { padding-top: 3em; } .s_layout.ulieuu { padding: 10px 0; } .thhabanner.newsdsd.detailei { max-height: 300px; } div#c_new_detail_023-1660136463197 .e_container-47 .cbox-47-0 { flex-basis: 100%; padding-top: 3em; } div#c_new_detail_023-1660136463197 .e_container-34 > .p_item { flex-basis: 100%; margin-bottom: 10px; } div#c_new_detail_023-1660136463197 .e_container-34 > .p_item.cbox-34-1 { display: none; } .s_templatesum { font-size: 1rem; } div#c_new_detail_023-1660136463197 .e_container-2 .cbox-2-1 { display: none; } div#c_new_detail_023-1660136463197 .e_container-1 { padding-bottom: 3em; } div#c_new_detail_023-1660136463197 .e_container-2 { width: 100%; } div#c_static_001-1660278140550 .e_loop-25 .p_loopitem { flex-basis: 100%; margin-bottom: 1em; } ul.p_level1Box.dbdlllh { display: flex; flex-wrap: wrap; } div#c_static_001-16604560683742 .e_bottomNav-4 .p_jtIcon { display: none; } div#c_static_001-16604560683742 .e_bottomNav-4 .p_level1Item.dbdlllhw:after { opacity: 0; } div#c_static_001-16604560683742 .e_image-3 { max-width: 180px; margin-bottom: 3em; } .ft-dserr p span:after { display: none; } .ft-dserr p span { font-size: 0.875rem; margin-bottom: 0.5em; } .ft-cpyrr p { max-width: 250px; margin: 0 auto; } .wwbgg.lemi378wyf4btw4 { margin-top: 4em; } /* vdobanner */ .the_banner.vdobnnw .banner_wrap { height: 142vw; } .the_banner.vdobnnw video.bnvdo { object-position: 17%; } .the_banner.vdobnnw .rvo { display: none; } .the_banner.vdobnnw .vdo_ww { width: 80%; } .the_banner.vdobnnw .banner_w_cc2 { bottom: 8%; } .the_banner .lvo { overflow: hidden; border-radius: 10px; } .the_banner .ss-button { display: none; } .the-banner-vido { display: none; } .deskhide { display: block; } /* fix some thing */ .banner_wrap.sticky-elm { transform: translate3d(0px, 0px, 0px) !important; } .code-texx h3 { letter-spacing: 0 !important; } .full-img-wrap.hxbga3 > img, .full-img-wrap.hxbga2 > img { transform: perspective(1000px) translate3d(0px, 0px, 0px); } .code-tec { height: 455px; } .full-img-wrap.hxbga3, .full-img-wrap.hxbga2 { top: 24%; bottom: 10%; } .full-img-wrap.hxbga3 img, .full-img-wrap.hxbga2 img { object-position: 40% 50%; } .full-img-wrap.fontbg.znbg04.dmixblend > img, .full-img-wrap.fontbg.znbg03.dmixblend > img { transform: perspective(1000px) translate3d(0px, 0px, 0px); } .thhabanner > .full-img-wrap:nth-child(2) img { transform: perspective(1000px) translate3d(0px, 30px, 0px); } .mb_zt_content.hasbg .iooi1.ct-container { padding-bottom: 5em; } .mb_zt_content .zsll1 { width: 100%; } .text-right .full-img-wrap.oeiau.gresx4343 img { object-position: 26%; } .mb_zt_content .galdjfa.ct-container { max-height: 100vh; flex-wrap: wrap; height: auto; padding: 4em 0; } .mb_zt_content .galdjfa.ct-container > div { width: 100%; } .mb_zt_content .galdjfa.ct-container > div.ztyhaoimg { width: 100%; } .mb_zt_content .gojsdfjs.ct-container { flex-wrap: wrap; } .mb_zt_content .gojsdfjs.ct-container > div { width: 100%; } .mb_zt_content p.ross842aa.fbtsol { font-size: 1.5em; margin-top: 0.5em; } .mb_zt_content .gojsdfjs.ct-container > div.h23ogimg { padding: 0 2em; padding-bottom: 3em; } .mb_zt_content p.ross842.fbtsol { font-size: 1.35em; } h3.iieiso11 { font-size: 2em; } .full-img-wrap.fontbg.znbg02, .full-img-wrap.fontbg.znbg03, .full-img-wrap.fontbg.znbg04, .full-img-wrap.fontbg.znbg05 { top: 11%; bottom: 10%; } } .n-img-aa.nneab .full-img-wrap:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 70%; background: #000; background: linear-gradient(0deg, rgb(0 0 0 / 68%) 0%, rgba(0, 0, 0, 0) 100%); z-index: 2; } .dfhgdfhs > div { width: 100%; } .mo-desk-tr > img:last-child { display: none; } .mo-desk-tr > img:first-child { display: block; } .galdjfa.ss_img22.ct-container { padding: 6vw 0; } .mb_zt_content.text-right .agjsfoljfs > div { margin-left: auto; } .mb_zt_content .galdjfa.ct-container { max-height: 100vh; } .sgdjlisdbtn.wwbgg { margin-top: 6vw; } .full-width-imggssg { position: relative; z-index: 20; width: 100%; } .full-width-imggssg img { width: 100%; } .pd-p-banner.img-text .psjalea-c { display: none; } .pd-p-banner.img-text .full-img-wrap.oeiau.gresx4343 { position: relative; z-index: 20; width: 100%; } .pd-p-banner.img-text .full-img-wrap.oeiau.gresx4343 img { position: relative; width: 100%; height: auto; } .pd-p-banner.img-text { height: auto; max-height: none; } .pd-p-banner.img-text > .full-img-wrap.lm1 img { transition: 0s; transform: perspective(1000px) translate3d(0px, 0px, 0px); } .is-loaded .pd-p-banner.img-text .full-img-wrap.oeiau.lm1.gresx4343 img { transform: perspective(1000px) translate3d(0px, 0px, 0px); transition: 0s; } .siaoghje, .siaoghje.saa12 { color: var(--color, #000); } .the_menu_w .sub-img-menu { max-height: 75vh; overflow-y: auto; overflow-x: hidden; } .gsjalf, .gsjalf h3 { color: var(--color, #000); } .white-nav .thawltha, body.nyn_white2 .thawltha { color: #000; } .dark-color .zsll1 { color: #000; } .bnvdio.full-img-wrap-vs video { display: block; width: 100%; } .the-bg-viodeo { width: 100%; } .the-bg-viodeo { width: 88%; max-width: 1200px; padding: 6vw 0; position: relative; z-index: 2; } .full-img-wrap.vdbg2 { background: #dee2e6; } .bnvdio.full-img-wrap-vs { box-shadow: 0px 20px 50px rgb(0 0 0 / 30%); } span.p_register { display: none; } .e_login-10 .p_lable_text { display: none !important; } .login_box.p_password_box label.p_label { display: none; } #c_static_001-16371438651040 .e_login-10 .form-control-p { height: calc(2.5em + 0.75rem + 2px); } .olink_i { position: relative; } .qrcode-w { position: absolute; top: 100%; left: 50%; width: 88px; margin-left: -44px; overflow: hidden; border-radius: 8px; margin-top: 10px; transition: 0.4s; pointer-events: none; opacity: 0; transform: translate(0, -10px); } .olink_i .qrcode-w img { width: 100%; max-width: 100%; } .olink_i:hover .qrcode-w { opacity: 1; transform: translate(0px, 0px); pointer-events: auto; } @media screen and (max-width: 999px) { .the-bg-viodeo { width: 100%; } .ztyhaoimg { padding: 0em 0em; } .mo-desk-tr > img:first-child { display: none; } .mo-desk-tr > img:last-child { display: block; } .dfhgdfhs p { font-size: 13px; display: none; } .dfhgdfhs > div { width: 100%; } .ab-txtt h3, .ab-txtt h1 { font-size: 1.3em; } p { font-size: 0.75em; } .ab-txtt { color: #fff; } .ab-rrr:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: #000; background: linear-gradient(0deg, rgb(27 34 43 / 66%) 0%, rgba(0, 0, 0, 0) 100%); height: 64%; z-index: 2; } .sl-geoler { justify-content: space-around; } .countup-i .cp-num { font-size: 2em; } .countup-i span { font-size: 1.2em; margin-bottom: 0.6em; } .sl-pp-ttile span { font-size: 0.75em; max-width: 285px; margin: auto; } h3.xddh { font-size: 1.3em; } .righsg h3 { font-size: 1.5em; margin-bottom: 0.5em; } .pd-over-tite h3 { font-size: 1.15em; } .pd-over-tite h3:after { height: 1px; } .code-texx span { font-size: 0.875em; } .code-texx h3 { font-size: 1.55em; } .modd-btn { width: 28px; height: 28px; } .show_more_d svg { width: 12px; height: 12px; } .more-btn-1 a { font-size: 0.75em; } .ss-pagin2 span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 6px; height: 6px; } .swiper-pagination-bullet { width: 6px; height: 6px; } .code-texx span { margin-bottom: 0.5em; } h3.xddh { margin-bottom: 0.3em; } .n-cnee h3 { font-size: 1.1em; } p.smeolltt { font-size: 0.75em; } p.big-texxxe { font-size: 1em; } .show_more_content div > h3 { font-size: 1.1em; } .show_more_content p { font-size: 12px; } .show_more_content div > span { font-size: 0.875em; } .thawltha h1 { font-size: 1.65em; } .wta-tt h3 { font-size: 1.3em; } .wta-tt p { text-align: justify; } div#c_static_001-16604560683742 .e_bottomNav-4 .p_level1Item.dbdlllhw { padding: 0 16px; } #c_static_001-16604560683742 .e_bottomNav-4 span { font-size: 14px; } .sewa.swiper-slide.swiper-slide-thumb-active .date-agae h4 { font-size: 1.35em; } .date-agae h4 { transform: scale(1); font-size: 1.35em; } .thehimg { padding-bottom: 55%; } .tehalsjs { padding-top: 0.5em; padding-bottom: 0; text-align: center; } .tehalsjs h5 { margin-right: 1em; width: 100%; text-align: left; margin-bottom: 0; } .hjtts { margin-top: 1em; font-size: 0.875em; } .thawlYYtha h1 { font-size: 1.8em; } .thawlYYtha p { font-size: 1em; } h3.oo1ff { font-size: 1.5em; line-height: 1.4; margin-bottom: 0.6em; } p.ooifw3 { font-size: 0.8em; } .upt1 { font-size: 2em; } .cupiii > span { font-size: 14px; } .lasgp2e.n9 h1 { font-size: 2.2em; } h3.iieiso11 { font-size: 1.45em; } p.ross842aa { font-size: 13px; } .sghoidjfs.ct-container > div.dssjfimg img { margin-left: 0; } .n9esbww.wwbgg.nge_ews45635452423gae.gfdrf54 .sghoidjfs.ct-container > div.dssjfimg img { margin-left: -10%; } .dsjagle h3 { font-size: 2em; } .dsjagle p { font-size: 1.1em; } .lasgp2e h1 { font-size: 2.2em; margin: 0.5em 0; } .lasgp2e p { font-size: 1em; } .dsjljgs > div { padding-bottom: 48%; } .dsjljgs > div:hover .full-img-wrap.sdgwes { transform: translate(0px, 0px) scale(1); } .dsjljgs > div:hover .fjslgotext { transform: translate(0px, 0px); } .fjslgotext { font-size: 1.1em; } .full-img-wrap.sdgwes { left: 0; top: 13%; bottom: 13%; } .dsjljgs > div:hover .full-img-wrap.ewgefdfv { left: 0; } .full-img-wrap.ewgefdfv { left: 0; } .fjslgotext { left: 60%; } .mb_zt_content .wwbgg.lemi378wyfu545y4.fewf34 p.ross842 { max-width: 300px; } div#c_grid-1659532234824 { background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202208010001/cms/image/cc1dc8b6-7ca0-4e0b-a6cd-1872bb7af2a5.jpg?d=1663297066649); background-position: 50% 50%; } .agjelaujls h3 { font-size: 1.3em; } p { } .agjelaujls p { font-size: 0.875em; } .agjelaujls { padding: 2em; } h3.asee223 { font-size: 1.3em; } .teslt { font-size: 12px; } .dfhgdfhs h3 { font-size: 15px; } .jlsimg img { width: 36px; height: 36px; object-fit: contain; } .fusuojeww h3 { font-size: 1.2em; } .ciions img { width: 20px; height: 20px; object-fit: contain; } .cistesxt { font-size: 15px; } .jmntt p { text-align: justify; } .fusuojeww h3 { text-align: justify; } .sjlahh { padding: 1em 1.5em; } .sjlgesi { padding: 1.25em calc(0.25em + 20px); } .teslt { text-align: justify; } .sgjleottt h4 { font-size: 1.3em; } div#c_static_001-1660141572814 .e_text-6 { font-size: 1.2em; } div#c_static_001-1660141572814 .e_container-20 { margin-bottom: 1em; } div#c_static_001-1660141572814 .e_container-11 { margin-bottom: 0; } .jmntt h3 { font-size: 1.3em; } .s_form_layout1 .s_input, .s_form_layout1 .e_label .p_labelItem label, .s_form_layout1 .e_rangeDate .j_date, .s_form_layout1 .e_address .cascader-wrap .zd-input__inner { font-size: 13px; } .thhabanner.bnnonhh { height: 360px; } .thhabanner.bnnonhh .thawltha.ct-container.jonsoeg { padding-bottom: 2em; } .thhabanner.bnnonhh .thawltha.ct-container.jonsoeg p { display: none; } .adgsfasd22 a { font-size: 14px; } .bnnonhh .thawltha.sdafsadf1.ct-container.contagtj p { display: none; } .bnnonhh .thawltha.sdafsadf1.ct-container.contagtj { padding-bottom: 1em; } .bnnonhh .thawltha.sdafsadf1.ct-container.contagtj h1 { font-size: 1.45em; max-width: 200px; } .thhabanner.bnnonhh .thawlYYtha.ct-container { padding-top: 2em; } .hadeeettt.lentaw { max-width: 133px; } .para-lists.contetn-parrrt { font-size: 12px; } .hadeeettt.lllerpar { max-width: 133px; } .hdttparar h3 { font-size: 0.9em; } .atesf-color { margin: 0 2px; padding: 4px; } .atesf-color > div { width: 16px; height: 16px; } .cp-chexing-b-seie { font-size: 13px; } .cp-fhso-lsiet > span { font-size: 12px; } .genghuant .more-btn-1 a { font-size: 12px; padding: 0.5em 2em; } .cxt1 h3 { font-size: 1.5em; } .colsor { width: 18px; height: 18px; } .cp-chexing-b-seie > div.cp-fhso-lsiet.lletim { max-width: 133px; } p.ross842aa { margin-top: 0.75em; } .agdjsal p.ross842 { margin-bottom: 2em; } .agdjsal p.aewios { margin: 0.75em 0; font-size: 1.15em; line-height: 1.5; } .dsjagle h3 { font-size: 2.5em; } .mb_zt_content p.ross842aa.fbtsol { font-size: 1.1em; } .mb_zt_content p.ross842.fbtsol { font-size: 1.1em; } .mb_zt_content.full-width-w .galdjfa.ct-container .agdjsal { width: 100%; padding: 6%; } .pd-p-banner.img-text .full-img-wrap.oeiau.gresx4343 { top: 0; } .dsglslthh h3 { text-align: center; font-size: 1.3em; } .mb_zt_content .gjdslajfa > div.sjlii:nth-child(3n) > div { height: auto; min-height: 0px; } }