.ny19-main .pin-spacer { background-color: #000; } /* ==================== 内页23 - 板块一 Start ==================== */ .ny19-section0 { position: relative; height: 100vh; } .ny19-section0 .image { height: 100vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .ny19-section0 .text1 { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; color: #fff; font-family: "HYJunhei-85J"; font-size: 1.168rem; line-height: 1.2; margin-bottom: 0.5002rem; z-index: 9; visibility: hidden; } .ny19-section0 .info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-flow: column; justify-content: center; align-items: center; color: #fff; text-align: center; z-index: 4; visibility: hidden; margin-top: -0.5002rem; } .ny19-section0 .info .text2 { font-size: 0.4333rem; line-height: 1.2; opacity: 0.5; margin-bottom: 0.5002rem; font-family: "HYJunhei-35J"; } .ny19-section0 .info .text2:last-child { margin-bottom: 0; } .ny19-section0 .video { width: 100%; height: 100vh; } .ny19-section0 .video video { display: block; width: 100%; height: 100%; object-fit: cover; } .ny19-section0 .common-pagination { position: absolute; bottom: 1.3344rem; left: 50%; transform: translateX(-50%); } .ny19-section0 .common-pagination .swiper-pagination-bullet { background-color: #2c2c2c; } .ny19-section0 .common-pagination .swiper-pagination { border-color: rgba(255, 255, 255, 0.1); background: -webkit-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -o-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -moz-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); } .ny19-section0 .common-pagination .play-btn { border-color: rgba(255, 255, 255, 0.1); background: -webkit-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -o-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -moz-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); } /* ==================== 内页23 - 板块一 End ==================== */ /* ==================== 内页19 - 板块一 Start ==================== */ .ny19-section1 { position: relative; max-width: 100%; overflow: hidden; height: 100vh; background-color: #000; } .ny19-section1 .video { display: block; width: 100%; height: 100%; z-index: 1; } .ny19-section1 .video video { height: 100%; display: block; width: 100%; object-fit: cover; } .ny19-section1 .body1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; visibility: hidden; } .ny19-section1 .body1 .text1 { width: 100%; font-size: 0.8333rem; line-height: 1.8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; } .ny19-section1 .title-group { width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny19-section1 .title { color: #fff; font-size: 0.7667rem; line-height: 1.1; margin-bottom: 0.6534rem; font-family: "HYJunhei-35J"; opacity: 0.6; } /* ==================== 内页19 - 板块一 End ==================== */ /* ==================== 内页19 - 板块二 Start ==================== */ .ny19-section2-1 { background-color: #000; position: relative; z-index: 2; height: 100vh; overflow: hidden; } .ny19-section2-1 .image { height: 100%; } .ny19-section2-1 .image img { width: 100%; display: block; } .ny19-section2-1 .video { display: block; width: 100%; height: 100%; z-index: 1; } .ny19-section2-1 .video video { height: 100%; display: block; width: 100%; object-fit: cover; } .ny19-section2-1 .body1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: flex-start; flex-flow: column; text-align: center; padding-top: 5.2832rem; background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0.3)); background: -moz-linear-gradient(to top, #000, rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(to top, #000, rgba(0, 0, 0, 0.3)); background: linear-gradient(to top, #000, rgba(0, 0, 0, 0.3)); } .ny19-section2-1 .body1 .title2 { font-size: 1.5002rem; color: #fff; font-family: "HYJunhei-85J"; line-height: 1.2; } .ny19-section2-1 .body1 .title2 span { color: transparent; background: -webkit-linear-gradient(to right, #08E4FB, #01ADE0); background: -o-linear-gradient(to right, #08E4FB, #01ADE0); background: -moz-linear-gradient(to right, #08E4FB, #01ADE0); background: linear-gradient(to right, #08E4FB, #01ADE0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "HYJunhei-85J"; } /* ==================== 内页19 - 板块二 Start ==================== */ /* ==================== 内页19 - 板块二 Start ==================== */ .ny19-section2 { height: 100vh; padding-top: 2.3334rem; padding-bottom: 2.3334rem; background-color: #090B15; animation: ny19-section2-ani 20s linear infinite alternate; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; } .ny19-section2 .mxw-box { width: 25rem; margin-left: auto; margin-right: auto; } .ny19-section2 .itembox { display: flex; align-items: center; justify-content: space-between; } .ny19-section2 .itembox .item { width: 4rem; flex-shrink: 0; } .ny19-section2 .center { display: flex; align-items: center; justify-content: space-between; width: 100%; } .ny19-section2 .center .left-image { width: 4.8333rem; flex-shrink: 0; } .ny19-section2 .center .right-image { width: 4.3334rem; flex-shrink: 0; } .ny19-section2 .center .center-image { text-align: center; } .ny19-section2 .center .center-image .text1 { width: 12.3328rem; margin-left: auto; margin-right: auto; margin-bottom: 0.1667rem; } .ny19-section2 .center .center-image .text1 img { width: 100%; } .ny19-section2 .center .center-image .text2 { font-size: 1rem; color: #fff; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny19-section2 .center .center-image .text2 p { font-family: inherit; } .ny19-section2 .center .center-image .text2 span { font-family: inherit; font-weight: 400; color: #D9B088; } @keyframes ny19-section2-ani { 0% { background-position-y: 0; } 100% { background-position-y: 1000%; } } /* ==================== 内页19 - 板块二 End ==================== */ /* ==================== 内页19 - 板块三 Start ==================== */ .ny19-section3 { background-color: #000; height: 100vh; display: flex; align-items: center; justify-content: center; } .ny19-section3 .ny19-section3-box { width: 100%; } .ny19-section3 .ny19-section3-box .top { padding-left: 4.5002rem; } .ny19-section3 .ny19-section3-box .top .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; margin-bottom: 0.6666rem; color: #fff; } .ny19-section3 .ny19-section3-box .top .text2 { font-size: 0.2666rem; color: #86868B; line-height: 1.8; } .ny19-section3 .ny19-section3-box .top .text2 span { color: #fff; } .ny19-section3 .swiper { overflow: hidden; min-width: 0; flex-grow: 1; padding-bottom: 0.8333rem; padding-top: 0.5002rem; padding-left: 1rem; position: relative; } .ny19-section3 .swiper:before { content: ""; display: block; width: 2.56rem; height: 100%; background: -webkit-linear-gradient(to right, #000 20%, transparent); background: -o-linear-gradient(to right, #000 20%, transparent); background: -moz-linear-gradient(to right, #000 20%, transparent); background: linear-gradient(to right, #000 20%, transparent); position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; } .ny19-section3 .ny19-section3-swiper { width: 100%; overflow: visible; } .ny19-section3 .ny19-section3-swiper .swiper-slide { width: auto; width: 3rem; margin-left: 0.5002rem; box-shadow: -0.0666rem 0 0.3334rem 0.0166rem rgba(0, 0, 0, 0.6); -webkit-box-reflect: below 0 linear-gradient(transparent, transparent 80%, rgba(0, 0, 0, 0.2)); } .ny19-section3 .ny19-section3-swiper .swiper-slide img { transition: all 0.4s; } .ny19-section3 .ny19-section3-swiper .swiper-slide:hover img { transform: scale(1.1); } .ny19-section3 .ny19-section3-swiper .swiper-slide:first-child { margin-left: 0; } .ny19-section3 .ny19-section3-swiper .swiper-slide:nth-child(2n-1) { margin-top: 2.1667rem; } .ny19-section3 .body { display: flex; align-items: flex-start; justify-content: flex-start; padding-left: 4.5002rem; overflow: hidden; width: 100%; margin-bottom: -0.8333rem; } .ny19-section3 .body .title { padding-top: 2rem; flex-shrink: 0; } .ny19-section3 .body .title .text1 { font-size: 0.4333rem; line-height: 1.2; font-family: "HYJunhei-85J"; color: #FFFFFF; } .ny19-section3 .body .title .index-btn { margin-top: 0.6666rem; } /* ==================== 内页19 - 板块三 End ==================== */ /* ==================== 内页19 - 板块四 Start ==================== */ .ny19-section4 { overflow: hidden; position: relative; background-color: #000; height: 100vh; } .ny19-section4 .ny19-section4-box { height: 100%; } .ny19-section4 .bg-image { position: relative; z-index: 1; width: 100%; height: 100%; background-size: cover; background-position: center; } .ny19-section4 .bg-color { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; } .ny19-section4 .bg-color div { width: 100%; height: 100%; display: block; background-color: #000; } .ny19-section4 .text1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; line-height: 1.2; font-family: "HYJunhei-85J"; z-index: 3; font-size: 1.5002rem; width: 100%; text-align: center; } .ny19-section4 .text1 span { color: transparent; background: -webkit-linear-gradient(to right, #08E4FB, #01ADE0); background: -o-linear-gradient(to right, #08E4FB, #01ADE0); background: -moz-linear-gradient(to right, #08E4FB, #01ADE0); background: linear-gradient(to right, #08E4FB, #01ADE0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "HYJunhei-85J"; } .ny19-section4 .desc { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 3; text-align: center; } .ny19-section4 .text2 { font-size: 0.6666rem; color: #FFFFFF; line-height: 1.1; margin-bottom: 0.3334rem; font-family: "HYJunhei-85J"; text-align: center; } .ny19-section4 .text3 { font-size: 0.4333rem; color: #8A8A8A; line-height: 1.8; text-align: center; } .ny19-section4 .text3 span { color: #fff; font-family: "HYQiHei_40S"; } /* ==================== 内页19 - 板块四 End ==================== */ /* ==================== 内页19 - 板块五 Start ==================== */ .ny19-section5 { overflow: hidden; background-color: #000; height: 100vh; display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 3; } .ny19-section5 .ny19-section5-box { width: 100%; } .ny19-section5 .ny19-section5-swiper { width: 17.6666rem; flex-shrink: 0; overflow: visible; margin-left: 4.8rem; margin-right: auto; } .ny19-section5 .ny19-section5-swiper .swiper-slide:first-child { position: relative; z-index: 3; } .ny19-section5 .ny19-section5-swiper .swiper-slide:first-child .item { padding-left: 0; } .ny19-section5 .item { padding-left: 1.6666rem; display: flex; align-items: stretch; justify-content: space-between; } .ny19-section5 .item .image { width: 12rem; flex-shrink: 0; height: 7rem; } .ny19-section5 .item .image video { display: block; object-fit: cover; width: 100%; height: 100%; } .ny19-section5 .item .info { margin-right: 0.3334rem; min-width: 0; flex-grow: 1; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; } .ny19-section5 .item .icon { width: 1rem; display: block; margin-bottom: 0.3334rem; } .ny19-section5 .item .text1 { font-size: 0.4333rem; line-height: 1.1; color: #fff; margin-bottom: 0.2499rem; } .ny19-section5 .item .text2 { font-size: 0.3002rem; color: #8A8A8A; line-height: 1.4; } /* ==================== 内页19 - 板块五 End ==================== */ /* ==================== 内页19 - 板块六 Start ==================== */ .ny19-section6-bg-video { width: 100%; height: 100vh; position: sticky; top: 0; left: 0; margin-top: -100vh; } .ny19-section6-bg-video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny19-section6 { position: relative; height: 8.5667rem; display: flex; align-items: center; justify-content: center; } .ny19-section6 .info { width: 100%; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; flex-flow: column; position: relative; z-index: 2; } .ny19-section6 .text1 { font-size: 1rem; line-height: 1; margin-bottom: 0.3334rem; font-family: "HYJunhei-85J"; } .ny19-section6 .text2 { font-size: 0.4333rem; line-height: 1; margin-bottom: 0.6666rem; } .ny19-section6 .text3 { font-size: 0.4333rem; line-height: 1; margin-bottom: 0.5834rem; } .ny19-section6 .more-btn { font-size: 0.3334rem; line-height: 1.1; padding: 0.1667rem 0.3334rem; border: 0.0166rem solid; border-radius: 1.6666rem; color: #fff; transition: all 0.4s; } .ny19-section6 .more-btn:hover { color: #000; background-color: #fff; } /* ==================== 内页19 - 板块六 End ==================== */ /* ==================== 内页19 - 板块七 Start ==================== */ .ny19-section7 { position: relative; background-color: #000; background-size: cover; background-position: center; } .ny19-section7 .max-body { height: 100vh; display: flex; align-items: center; justify-content: center; padding-left: 6.3002rem; } .ny19-section7 .body { height: 100%; padding-top: 0.6666rem; padding-bottom: 0.6666rem; position: relative; background-clip: text; -webkit-background-clip: text; background: -webkit-linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%); background: -o-linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%); background: -moz-linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%); background-image: linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%); background-size: 100% 120%; background-position: 0 40%; background-repeat: no-repeat; } .ny19-section7 .body::-webkit-scrollbar { width: 0.0666rem; background: #ececec; border-radius: 1.6666rem; } .ny19-section7 .body::-webkit-scrollbar-thumb { border-radius: 1.6666rem; background: #333; cursor: pointer; } .ny19-section7 .swiper { color: #fff; display: flex; align-items: center; justify-content: flex-start; width: 100%; } .ny19-section7 .swiper .text1, .ny19-section7 .swiper .text2, .ny19-section7 .swiper .text3, .ny19-section7 .swiper .text4 { -webkit-background-clip: text; background-repeat: no-repeat; color: transparent !important; } .ny19-section7 .swiper .text1 *, .ny19-section7 .swiper .text2 *, .ny19-section7 .swiper .text3 *, .ny19-section7 .swiper .text4 * { -webkit-background-clip: text; background-repeat: no-repeat; color: transparent !important; } .ny19-section7 .swiper .ny19-section7-swiper { margin-left: 0; margin-right: 0; margin-right: 4rem; } .ny19-section7 .swiper .text1 { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1.1; margin-bottom: 1rem; margin-top: 10%; } .ny19-section7 .swiper .text1 strong { color: #D9B088; font-family: inherit; } .ny19-section7 .swiper .text2 { font-size: 0.4333rem; line-height: 1; margin-bottom: 0.4166rem; } .ny19-section7 .swiper .text3 { color: #8A8A8A; font-size: 0.3334rem; line-height: 1.6; font-family: "HYJunhei-65J"; } .ny19-section7 .swiper .text3 p { font-family: inherit; } .ny19-section7 .swiper .text3 strong { font-family: inherit; font-weight: 400; color: #fff; } .ny19-section7 .swiper .item { display: flex; justify-content: flex-start; align-items: flex-start; font-size: 0.3334rem; line-height: 1.7; } .ny19-section7 .swiper .item .item-text1 { flex-shrink: 0; color: #8A8A8A; } .ny19-section7 .swiper .item .item-text2 { color: #fff; } .ny19-section7 .ny19-section7-swiper { width: 9.1667rem; flex-shrink: 0; margin-right: 3.3334rem; height: 8.3334rem; } .ny19-section7 .right-body { width: 6.8333rem; height: 8.4rem; position: relative; background-size: 100%; background-repeat: no-repeat; padding-top: 0.3334rem; z-index: 2; } .ny19-section7 .right-body .audio { display: none; } .ny19-section7 .right-body.active .play { background-image: url('../images/ny19/img514@34x34.png'); } .ny19-section7 .right-body.active .img2-group { animation-play-state: running; } .ny19-section7 .right-body.active .img3 { transform: rotate(0deg); } .ny19-section7 .right-body .img1 { width: 6.6666rem; } .ny19-section7 .right-body .img2-group { width: 6.5002rem; margin-left: auto; margin-right: auto; animation: ny19-section7-ani 10s linear infinite; animation-play-state: paused; position: relative; } .ny19-section7 .right-body .img2-group .img2-item img { width: 100%; } .ny19-section7 .right-body .img2-group .img2-item:first-child ~ .img2-item { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; } .ny19-section7 .right-body .img3 { position: absolute; right: 0; top: -0.5002rem; width: 2.6666rem; transform-origin: right 0.8333rem; transition: all 1s; transform: rotate(-12deg); } .ny19-section7 .right-body .control { display: flex; align-items: center; justify-content: flex-start; padding-left: 0.3334rem; padding-right: 0.5002rem; } .ny19-section7 .right-body .prev, .ny19-section7 .right-body .play, .ny19-section7 .right-body .next { width: 0.5667rem; height: 0.5667rem; background-size: 100%; background-position: center; background-repeat: no-repeat; margin-right: 0.2666rem; cursor: pointer; transition: all 0.4s; } .ny19-section7 .right-body .prev.swiper-button-disabled, .ny19-section7 .right-body .play.swiper-button-disabled, .ny19-section7 .right-body .next.swiper-button-disabled { opacity: 0.3; } .ny19-section7 .right-body .prev:hover, .ny19-section7 .right-body .play:hover, .ny19-section7 .right-body .next:hover { transform: scale(1.1); } .ny19-section7 .right-body .prev { background-image: url('../images/ny19/img515@34x34.png'); } .ny19-section7 .right-body .next { margin-right: 0.1667rem; background-image: url('../images/ny19/img516@34x34.png'); } .ny19-section7 .right-body .play { background-image: url('../images/ny19/img513@34x34.png'); } .ny19-section7 .right-body .tool { display: flex; align-items: center; justify-content: flex-start; min-width: 0; flex-grow: 1; } .ny19-section7 .right-body .before-time, .ny19-section7 .right-body .after-time { font-size: 0.1667rem; font-family: "HYQiHei_40S"; flex-shrink: 0; white-space: nowrap; } .ny19-section7 .right-body .timeline { position: relative; min-width: 0; flex-grow: 1; background-color: rgba(255, 255, 255, 0.1); margin-left: 0.2666rem; margin-right: 0.2666rem; height: 0.0666rem; border-radius: 1.6666rem; } .ny19-section7 .right-body .timeline .line { background-color: #D9B088; position: absolute; left: 0; top: 0; height: 100%; width: 0; border-radius: 1.6666rem; } .ny19-section7 .right-body .timeline .line-btn { display: block; width: 0.1334rem; height: 0.1334rem; border-radius: 100%; position: absolute; left: 0.0333rem; top: 50%; transform: translateY(-50%); background-color: #B28B64; cursor: pointer; } @keyframes ny19-section7-ani { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ==================== 内页19 - 板块七 End ==================== */ /* ==================== 内页19 - 板块八 Start ==================== */ .ny19-section8 { background-color: #000; position: relative; z-index: 2; height: 100vh; overflow: hidden; } .ny19-section8 .bg-video { width: 100%; height: 100%; display: block; } .ny19-section8 .bg-video video { display: block; width: 100%; object-fit: cover; height: 100%; } .ny19-section8 .body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; } .ny19-section8 .body .bg-color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background: radial-gradient(circle at center, transparent, #000 100%); } .ny19-section8 .body .info { width: 100%; text-align: center; } .ny19-section8 .body .title { font-size: 1rem; color: #FFFFFF; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny19-section8 .body .desc { color: #CBCED3; font-size: 0.4333rem; line-height: 1.4; margin-top: 0.3334rem; } .ny19-section8 .btn-group { display: flex; align-items: center; justify-content: center; margin-top: 0.8333rem; } .ny19-section8 .btn-group .index-btn2 { margin-right: 0.7501rem; } .ny19-section8-popup video { display: block; width: 100%; border-radius: 0.1667rem; overflow: hidden; } .ny19-section8-popup h1, .ny19-section8-popup h2 { font-weight: 300; } /* ==================== 内页19 - 板块八 End ==================== */ /* ==================== 内页19 - 板块九 Start ==================== */ .ny19-section9 { background-color: #000; position: relative; z-index: 2; height: 100vh; } .ny19-section9 .ny19-section9-box { position: relative; z-index: 2; height: 100%; background-color: #000; } .ny19-section9 .max-body { height: 100%; } .ny19-section9 .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; display: flex; align-items: center; } .ny19-section9 .title-group { width: 100%; font-size: 1rem; height: 4em; color: #fff; } .ny19-section9 .title-group p { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding-left: 4.8rem; display: block; font-size: 1rem; line-height: 1.4; font-family: "HYJunhei-85J"; background-repeat: no-repeat; opacity: 0; } .ny19-section9 .item { top: 0; left: 0; position: absolute; background-size: cover; background-repeat: no-repeat; } .ny19-section9 .item1 { width: 2.4166rem; height: 2.4166rem; top: 3.5002rem; left: 4rem; } .ny19-section9 .item2 { width: 1.6666rem; height: 1.6666rem; top: 0.4166rem; left: 11.1667rem; } .ny19-section9 .item3 { width: 2.3334rem; height: 2.3334rem; top: 0.8rem; left: 13.5002rem; } .ny19-section9 .item4 { width: 0.8333rem; height: 0.8333rem; top: 2.1002rem; left: 12.3834rem; } .ny19-section9 .item5 { width: 1.2666rem; height: 1.2666rem; top: 3.9334rem; left: 12.2499rem; } .ny19-section9 .item6 { width: 1.2666rem; height: 1.2666rem; top: 3.9334rem; left: 13.6499rem; } .ny19-section9 .item7 { width: 2.3334rem; height: 2.3334rem; top: 3.1667rem; left: 16rem; } .ny19-section9 .item8 { width: 4.8333rem; height: 4.8333rem; top: 3.1168rem; left: 18.5002rem; } .ny19-section9 .item9 { width: 2.3168rem; height: 2.3168rem; top: 3.1168rem; left: 23.5334rem; } .ny19-section9 .item10 { width: 0.8333rem; height: 0.8333rem; top: 3.4666rem; left: 26.1667rem; } .ny19-section9 .item11 { width: 1.9168rem; height: 1.9168rem; top: 3.1168rem; left: 27.5334rem; } .ny19-section9 .item12 { width: 0.8333rem; height: 0.8333rem; top: 4.6166rem; left: 26.1667rem; } .ny19-section9 .item13 { width: 1.6666rem; height: 1.6666rem; top: 6.3002rem; left: 5.7002rem; } .ny19-section9 .item14 { width: 1.0832rem; height: 1.0832rem; top: 5.0333rem; left: 14.9168rem; } .ny19-section9 .item15 { width: 1.2666rem; height: 1.2666rem; top: 6.1168rem; left: 13.6499rem; } .ny19-section9 .item16 { width: 2.3168rem; height: 2.3667rem; top: 5.6166rem; left: 16.0166rem; } .ny19-section9 .item17 { width: 2.3168rem; height: 2.3168rem; top: 5.6666rem; left: 23.5334rem; } .ny19-section9 .item18 { width: 2.3168rem; height: 2.3168rem; top: 8.1501rem; left: 10.5667rem; } .ny19-section9 .item19 { width: 2.3168rem; height: 2.3168rem; top: 8.1667rem; left: 13.4499rem; } .ny19-section9 .item20 { width: 2.3168rem; height: 2.3168rem; top: 8.1667rem; left: 18.5002rem; } .ny19-section9 .item21 { width: 2.3168rem; height: 2.3168rem; top: 8.1667rem; left: 21rem; } .ny19-section9 .item22 { width: 2.3168rem; height: 2.3168rem; top: 8.1667rem; left: 23.5334rem; } .ny19-section9 .item23 { width: 3.8832rem; height: 3.8832rem; top: 6.5334rem; left: 26.1168rem; } .ny19-section9 .item24 { width: 2.3168rem; height: 2.3168rem; top: 11.0499rem; left: 8.1667rem; } .ny19-section9 .item25 { width: 2.3168rem; height: 2.3168rem; top: 12.3002rem; left: 10.5002rem; } .ny19-section9 .item26 { width: 4.6666rem; height: 4.6666rem; top: 10.7834rem; left: 13.4499rem; } .ny19-section9 .item27 { width: 2.3168rem; height: 2.3168rem; top: 10.6333rem; left: 18.5002rem; } .ny19-section9 .item28 { width: 3.6666rem; height: 3.5834rem; top: 10.6333rem; left: 20.9834rem; } .ny19-section9 .item29 { width: 0.8333rem; height: 0.8333rem; top: 10.6333rem; left: 24.8333rem; } .ny19-section9 .item30 { width: 0.8333rem; height: 0.8333rem; top: 10.6333rem; left: 25.7667rem; } .ny19-section9 .item31 { width: 0.8333rem; height: 0.8333rem; top: 11.5002rem; left: 24.8333rem; } .ny19-section9 .item32 { width: 0.8333rem; height: 0.8333rem; top: 11.5002rem; left: 25.7667rem; } .ny19-section9 .item33 { width: 1.6666rem; height: 1.6666rem; top: 10.6333rem; left: 26.8333rem; } .ny19-section9 .item34 { width: 2.3334rem; height: 2.3334rem; top: 10.6333rem; left: 29rem; } .ny19-section9 .item35 { width: 1.6666rem; height: 1.6666rem; top: 13.1667rem; left: 25.8333rem; } .ny19-section9 .item36 { width: 1.7002rem; height: 1.7002rem; top: 1.1168rem; right: 8.6666rem; left: auto; } .ny19-section9 .item37 { width: 0.8832rem; height: 0.8832rem; top: 2.1168rem; right: 7.5002rem; left: auto; } /* ==================== 内页19 - 板块九 End ==================== */ /* ==================== 内页19 - 板块十 Start ==================== */ .ny19-section10 { padding-top: 2.6666rem; height: 100vh; background-size: cover; background-position: center; } .ny19-section10 .title { font-size: 1rem; color: #ffffff; padding-left: 4.7834rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny19-section10 svg { display: block; width: 48.1501rem; height: 9.6333rem; } .ny19-section10 .swiper { overflow: hidden; position: relative; margin-top: -2.3334rem; } .ny19-section10 .swiper .swiper-box { position: relative; padding-left: 2.3334rem; padding-bottom: 2.0666rem; } .ny19-section10 .swiper .ny19-section10-swiper { overflow: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ny19-section10 .swiper .ny19-section10-swiper .swiper-wrapper { width: 48.1501rem; } .ny19-section10 .swiper .swiper-slide { width: auto; height: auto; position: absolute; } .ny19-section10 .swiper .swiper-slide:nth-child(2n-1) .item::before { display: none; } .ny19-section10 .swiper .swiper-slide:nth-child(2n) .item::after { display: none; } .ny19-section10 .swiper .swiper-slide:nth-child(1) { left: 2rem; bottom: 2.1094rem; } .ny19-section10 .swiper .swiper-slide:nth-child(2) { left: 7.8333rem; bottom: 0.312rem; } .ny19-section10 .swiper .swiper-slide:nth-child(3) { left: 14rem; bottom: 4.2426rem; } .ny19-section10 .swiper .swiper-slide:nth-child(4) { left: 19.5002rem; bottom: 2.7581rem; } .ny19-section10 .swiper .swiper-slide:nth-child(5) { left: 24.8333rem; bottom: 6.5286rem; } .ny19-section10 .swiper .swiper-slide:nth-child(6) { left: 30.8333rem; bottom: 6.0387rem; } .ny19-section10 .swiper .swiper-slide:nth-child(7) { left: 37.5002rem; bottom: 8.448rem; } .ny19-section10 .swiper .swiper-slide:nth-child(8) { left: 44.2307rem; bottom: 8.736rem; } .ny19-section10 .swiper .item:before, .ny19-section10 .swiper .item:after { content: ""; display: block; width: 0.8333rem; height: 0.8333rem; background: url(../images/ny19/img691@50x50.png) no-repeat center; background-size: 100%; } .ny19-section10 .swiper .item:before { margin-left: 0.1667rem; margin-bottom: 0.5002rem; } .ny19-section10 .swiper .item:after { margin-left: 0.1094rem; margin-top: 0.5002rem; } .ny19-section10 .swiper .item .text1 { font-size: 0.4333rem; color: #ffffff; line-height: 1; display: table; color: transparent; background: -webkit-linear-gradient(to right, #09f3fb, #0087fd); background: -o-linear-gradient(to right, #09f3fb, #0087fd); background: -moz-linear-gradient(to right, #09f3fb, #0087fd); background: linear-gradient(to right, #09f3fb, #0087fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "HYJunhei-85J"; } .ny19-section10 .swiper .item .text2 { margin-top: 0.0832rem; font-size: 0.3002rem; color: #ffffff; } /* ==================== 内页19 - 板块十 End ==================== */ /* ==================== 内页19 - 板块十一 Start ==================== */ .ny19-section11 { background-color: #000; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 100vh; width: 100%; } .ny19-section11 .body { background-color: rgba(0, 0, 0, 0.4); position: relative; z-index: 2; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny19-section11 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ny19-section11 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny19-section11 .text1 { font-size: 1rem; line-height: 1.2; margin-bottom: 0.5002rem; text-align: center; color: #FFFFFF; font-family: "HYJunhei-85J"; position: relative; z-index: 3; } .ny19-section11 .text2 { font-size: 0.3002rem; color: #FFFFFF; line-height: 1.6; text-align: center; opacity: 0.8; position: relative; z-index: 3; } .ny19-section11 .itembox { margin-top: 1rem; display: flex; align-items: stretch; justify-content: center; position: relative; z-index: 3; } .ny19-section11 .item { margin-right: 3.3334rem; } .ny19-section11 .item:last-child { margin-right: 0; } .ny19-section11 .item .icon { width: 1rem; display: block; margin-left: auto; margin-right: auto; } .ny19-section11 .item .text { margin-top: 0.3334rem; font-size: 0.3334rem; line-height: 1.1; text-align: center; color: #fff; } /* ==================== 内页19 - 板块十一 End ==================== */ /* ==================== 内页19 - 板块十二 Start ==================== */ .ny19-section12 { position: relative; height: 100vh; } .ny19-section12 .body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background-color: rgba(0, 0, 0, 0.4); } .ny19-section12 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ny19-section12 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny19-section12 .info .text1 { font-size: 1.5002rem; color: #FFFFFF; font-family: "HYJunhei-85J"; line-height: 1.2; } .ny19-section12 .info .text1 span { color: transparent; background: -webkit-linear-gradient(to right, #09f3fb, #0087fd); background: -o-linear-gradient(to right, #09f3fb, #0087fd); background: -moz-linear-gradient(to right, #09f3fb, #0087fd); background: linear-gradient(to right, #09f3fb, #0087fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "HYJunhei-85J"; } .ny19-section12 .info .text2 { font-size: 0.3002rem; color: #FFFFFF; margin-top: 0.5002rem; line-height: 1.6; opacity: 0.8; } .ny19-section12 .info .index-btn { margin-top: 1rem; } .ny19-section12 .title-group { text-align: center; } .ny19-section12 .title-group p { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); font-size: 0.7667rem; color: #fff; line-height: 1.2; display: none; } .ny19-section12 .title-group p strong { font-weight: 400; font-family: "HYJunhei-85J"; } /* ==================== 内页19 - 板块十二 End ==================== */ /* ==================== 内页19 - 板块十三 Start ==================== */ .ny19-section13 { height: 100vh; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; flex-flow: column; justify-content: center; text-align: center; } .ny19-section13 .text1 { font-size: 1.5002rem; line-height: 1.2; font-family: "HYJunhei-85J"; color: #FFFFFF; } .ny19-section13 .text1 span { color: transparent; background: -webkit-linear-gradient(to right, #09f3fb, #0087fd); background: -o-linear-gradient(to right, #09f3fb, #0087fd); background: -moz-linear-gradient(to right, #09f3fb, #0087fd); background: linear-gradient(to right, #09f3fb, #0087fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "HYJunhei-85J"; } .ny19-section13 .text2 { margin-top: 0.6666rem; font-size: 0.3002rem; color: #FFFFFF; line-height: 1.4; opacity: 0.6; } /* ==================== 内页19 - 板块十三 End ==================== */ /* ==================== 内页19 - 板块 Start ==================== */ .ny19-section10-11-12-swiper { position: relative; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #000; } /* ==================== 内页19 - 板块 End ==================== */