.ny16-main .pin-spacer { background-color: #000; } /* ==================== 内页14 - 通用播放按钮 Start ==================== */ .ny14-play-btn { font-size: 0.3002rem; color: #0071E3; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 11%; left: 50%; transform: translateX(-50%); cursor: pointer; z-index: 3; } .ny14-play-btn:hover { text-decoration: underline; } .ny14-play-btn img { width: 0.2666rem; margin-left: 0.0832rem; display: block !important; } /* ==================== 内页14 - 通用播放按钮 End ==================== */ /* ==================== 内页16 - 通用 Start ==================== */ .ny16-info .text1 { font-size: 1.3334rem; color: #1D1D1E; font-family: "HYJunhei-85J"; line-height: 1; } .ny16-info .text2 { font-size: 0.4rem; color: #1D1D1E; line-height: 1.6; margin-top: 0.3334rem; } .ny16-info .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 2rem; } .ny16-info .btn1 { display: flex; align-items: center; justify-content: center; color: #FFFFFF; background-color: #0071E3; border-radius: 1.6666rem; margin-right: 0.8333rem; padding: 0.2rem 0.3334rem; line-height: 1; font-size: 0.3002rem; } .ny16-info .btn2 { display: inline-flex; align-items: center; justify-content: flex-start; color: #0071E3; line-height: 1.1; font-family: "HYQiHei_60S"; } .ny16-info .btn2 .iconfont { font-size: 0.9em; margin-left: 0.0832rem; } /* ==================== 内页16 - 通用 End ==================== */ .ny16-section1 { display: block; position: relative; width: 100%; overflow: hidden; background-color: #000; } .ny16-section1 .video { display: block; width: 100%; height: 100%; z-index: 1; display: flex; align-items: flex-start; justify-content: center; } .ny16-section1 .video video { height: 100%; display: block; width: 100%; object-fit: cover; object-position: center; } .ny16-section1 .body1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ny16-section1 .body1 .info { text-align: center; position: absolute; top: 50%; left: 0; z-index: 3; width: 100%; transform: translateY(-50%); } .ny16-section1 .body1 .info .text1 { color: #fff; font-size: 0.2666rem; } .ny16-section1 .body1 .info .text2 { font-size: 1rem; margin-top: 0.3334rem; color: #fff; line-height: 1; font-family: "HYJunhei-85J"; } .ny16-section1 .body1 .info .btn-group { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: center; } .ny16-section1 .body1 .info .btn-group .index-btn2 { margin-right: 0.7501rem; } .ny16-section1 .body1 .info .btn-group .index-btn { color: #fff; } .ny16-section1 .body1 .info .btn-group .index-btn:before { background-color: #fff; } .ny16-section1 .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 0 0 0.1002rem black; visibility: hidden; } .ny16-section1 .title .text1 { font-size: 0.4rem; line-height: 1; margin-bottom: 0.3334rem; font-family: "HYQiHei_60S"; } .ny16-section1 .title .text2 { font-size: 1.3334rem; line-height: 1; font-family: "HYQiHei_60S"; } .ny16-section1 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: linear-gradient(360deg, #00050D 0%, rgba(0, 26, 68, 0.77) 100%); opacity: 0.5; } .ny16-section1 .ny14-play-btn { bottom: 0.8333rem; } /* ==================== 内页16 - 板块一 End ==================== */ /* ==================== 内页16 - 板块二 Start ==================== */ .index-section4 { position: relative; width: 100%; margin-top: 0.2499rem; margin-bottom: 0.2499rem; } .index-section4:after { content: ""; background: linear-gradient(360deg, #021129 0%, rgba(0, 26, 68, 0.5) 100%); opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .index-section4 .video { display: block; width: 100%; height: 100%; z-index: 1; } .index-section4 .video video { height: 100%; display: block; width: 100%; object-fit: cover; } .index-section4 .info { text-align: center; position: absolute; top: 5.1168rem; left: 50%; transform: translateX(-50%); z-index: 3; } .index-section4 .info .text1 { font-size: 0.2666rem; margin-bottom: 0.3334rem; color: #fff; } .index-section4 .info .text2 { color: #fff; font-size: 1rem; line-height: 1; font-family: "HYJunhei-85J"; } .index-section4 .info .btn-group { display: flex; margin-top: 0.8333rem; align-items: center; justify-content: center; } .index-section4 .info .btn-group .index-btn2 { margin-right: 0.7501rem; } .index-section4 .info .btn-group .index-btn:after { margin-top: 0; } .ny16-section2 .ny16-info .text1 { font-size: 0.2666rem; margin-bottom: 0.1667rem; line-height: 1.2; font-family: "HYJunhei-65J"; } .ny16-section2 .ny16-info .text2 { font-size: 1rem; line-height: 1; font-family: "HYJunhei-85J"; } /* ==================== 内页16 - 板块二 End ==================== */ /* ==================== 内页16 - 板块三 Start ==================== */ .ny16-section3 { overflow: hidden; background-color: #000; margin-bottom: 0.2499rem; } .ny16-section3 .image { width: 100%; } .ny16-section3 .image img { width: 100%; } .ny16-section3 .index-info { min-width: 0; flex-grow: 1; text-align: left; position: absolute; top: 50%; left: 4.5002rem; z-index: 2; transform: translateY(-50%); } .ny16-section3 .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.8333rem; } .ny16-section3 .index-btn { color: #fff; } .ny16-section3 .index-btn:before { background-color: #fff; } .ny16-section3 .index-btn2 { margin-right: 0.6666rem; } /* ==================== 内页16 - 板块三 End ==================== */ /* ==================== 内页16 - 板块四 Start ==================== */ .ny16-section4 { background-color: #000000; padding-top: 1.8333rem; padding-bottom: 1.8333rem; overflow: hidden; } .ny16-section4 .body { display: flex; align-items: center; justify-content: flex-start; max-width: 32rem; margin-left: auto; margin-right: auto; } .ny16-section4 .image { width: 16.6666rem; flex-shrink: 0; margin-right: 0.8333rem; } .ny16-section4 .ny16-info { min-width: 0; flex-grow: 1; padding-right: 4.5002rem; } .ny16-section4 .ny16-info .text1, .ny16-section4 .ny16-info .text2 { color: #fff; } .ny16-section4 .ny16-info .text2 { font-family: "HYQiHei_40S"; } .ny16-section4 .ny16-info .btn-group { margin-top: 0.8333rem; } /* ==================== 内页16 - 板块四 End ==================== */ /* ==================== 内页16 - 板块五 Start ==================== */ .ny16-section5 { position: relative; height: 100vh; display: flex; align-items: center; } .ny16-section5 .ny16-section5-box { width: 100%; } .ny16-section5 .body { padding-left: 0.8333rem; padding-right: 0.8333rem; display: flex; align-items: center; justify-content: center; } .ny16-section5 .left-body { width: 34%; padding-right: 0.6656rem; } .ny16-section5 .right-body { flex-shrink: 0; margin-left: 0.3334rem; } .ny16-section5 .image-group { position: relative; width: 14.1667rem; height: 8.6666rem; } .ny16-section5 .image-group .image-item { position: relative; transform-origin: center top; top: 0; left: 0; width: 100%; position: absolute; } .ny16-section5 .image-group .image-item:nth-child(1) { top: 0; left: 0; opacity: 1; z-index: 3; } .ny16-section5 .image-group .image-item:nth-child(2) { width: 90%; top: -10%; left: 5%; opacity: 0.6; z-index: 2; } .ny16-section5 .image-group .image-item:nth-child(3) { width: 70%; top: -20%; left: 15%; z-index: 1; opacity: 0.2; } .ny16-section5 .image-group .image-item:nth-child(3) ~ .image-item { top: 50%; opacity: 0; z-index: 4; } .ny16-section5 .number { display: flex; align-items: center; justify-content: flex-start; padding-left: 2.5002rem; margin-top: 0.5002rem; } .ny16-section5 .number span { width: 0.1501rem; height: 0.1501rem; border-radius: 100%; margin-right: 0.1501rem; background: #000; } .ny16-section5 .number span:last-child { margin-right: 0; } .ny16-section5 .color-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 1.1667rem; } .ny16-section5 .color-group .color-item { width: 0.6666rem; height: 0.6666rem; position: relative; margin: 0.1168rem; margin-right: 0.5002rem; border-radius: 100%; box-shadow: inset 0rem 0.0333rem 0.0333rem 0rem rgba(0, 0, 0, 0.15); } .ny16-section5 .color-group .color-item.active span { opacity: 1; } .ny16-section5 .color-group .color-item span { display: block; width: calc(100% + 0.1667rem); height: calc(100% + 0.1667rem); border: 0.0166rem solid #0071E3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; opacity: 0; } .ny16-section5 .color-group .color-item:last-child { margin-right: 0; } .ny16-section5 .info-group { position: relative; } .ny16-section5 .info-group .ny16-info { margin-bottom: 0; transform-origin: left center; } .ny16-section5 .info-group .ny16-info:first-child ~ .ny16-info { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; } .ny16-section5-1 { position: relative; height: 100vh; display: flex; align-items: center; } .ny16-section5-1 .ny16-section5-box { width: 100%; } .ny16-section5-1 .body { padding-left: 0.8333rem; padding-right: 0.8333rem; display: flex; align-items: center; justify-content: center; } .ny16-section5-1 .left-body { width: 34%; padding-left: 0.6656rem; } .ny16-section5-1 .left-body .ny16-info .text3 { font-size: 0.3328rem; color: #1D1D1E; display: flex; align-items: center; justify-content: flex-start; margin-top: 0.3328rem; line-height: 1.1; } .ny16-section5-1 .left-body .ny16-info .text3:before { content: ""; display: block; width: 0.3334rem; height: 0.3334rem; background: url(../images/img669@20x20.png) no-repeat center; background-size: 100%; margin-right: 0.1667rem; } .ny16-section5-1 .right-body { flex-shrink: 0; margin-left: 0.3334rem; } .ny16-section5-1 .image-group { position: relative; width: 14.1667rem; height: 8.6666rem; } .ny16-section5-1 .image-group .image-item { position: relative; transform-origin: center top; top: 0; left: 0; width: 100%; position: absolute; } .ny16-section5-1 .image-group .image-item:nth-child(1) { top: 0; left: 0; opacity: 1; z-index: 3; } .ny16-section5-1 .image-group .image-item:nth-child(2) { width: 90%; top: -10%; left: 5%; opacity: 0.6; z-index: 2; } .ny16-section5-1 .image-group .image-item:nth-child(3) { width: 70%; top: -20%; left: 15%; z-index: 1; opacity: 0.2; } .ny16-section5-1 .image-group .image-item:nth-child(3) ~ .image-item { top: 50%; opacity: 0; z-index: 4; } .ny16-section5-1 .number { display: flex; align-items: center; justify-content: flex-start; padding-left: 2.5002rem; margin-top: 0.5002rem; } .ny16-section5-1 .number span { width: 0.1501rem; height: 0.1501rem; border-radius: 100%; margin-right: 0.1501rem; background: #000; } .ny16-section5-1 .number span:last-child { margin-right: 0; } .ny16-section5-1 .color-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 1.1667rem; } .ny16-section5-1 .color-group .color-item { width: 0.6666rem; height: 0.6666rem; position: relative; margin: 0.1168rem; margin-right: 0.5002rem; border-radius: 100%; box-shadow: inset 0rem 0.0333rem 0.0333rem 0rem rgba(0, 0, 0, 0.15); } .ny16-section5-1 .color-group .color-item.active span { opacity: 1; } .ny16-section5-1 .color-group .color-item span { display: block; width: calc(100% + 0.1667rem); height: calc(100% + 0.1667rem); border: 0.0166rem solid #0071E3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; opacity: 0; } .ny16-section5-1 .color-group .color-item:last-child { margin-right: 0; } .ny16-section5-1 .info-group { position: relative; } .ny16-section5-1 .info-group .ny16-info { margin-bottom: 0; transform-origin: left center; } .ny16-section5-1 .info-group .ny16-info:first-child ~ .ny16-info { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; } /* ==================== 内页16 - 板块五 End ==================== */ /* ==================== 内页16 - 板块六 Start ==================== */ .ny16-section6 { background-color: #FAFAFA; } .ny16-section6 .itembox { overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; height: 100vh; } .ny16-section6 .item { width: 50%; background-color: #F5F5F7; } .ny16-section6 .item .image, .ny16-section6 .item .info { width: 100%; height: 100vh; } .ny16-section6 .item .image { background-size: cover; background-position: center; } .ny16-section6 .item .image img { width: 100%; } .ny16-section6 .item .info { padding: 0 1.5002rem; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; } .ny16-section6 .item .info .text1 { font-size: 1.3344rem; font-family: "HYJunhei-85J"; line-height: 1.2; color: #1D1D1E; } .ny16-section6 .item .info .text2 { font-size: 0.5334rem; color: #1D1D1E; line-height: 1.1; margin-top: 0.5002rem; } .ny16-section6 .item .info .text3 { font-size: 0.4rem; margin-bottom: 0.416rem; line-height: 1; color: #1D1D1E; } .ny16-section6 .item .more-btn { margin-top: 2rem; font-size: 0.4rem; line-height: 1; display: flex; align-items: center; justify-content: flex-start; color: #0066CC; } .ny16-section6 .item .more-btn .iconfont { font-size: 1em; } /* ==================== 内页16 - 板块六 End ==================== */ /* ==================== 内页16 - 板块七 Start ==================== */ .ny16-section7 { height: 100vh; display: flex; align-items: center; justify-content: center; } .ny16-section7 .body { width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; } .ny16-section7 .info { position: absolute; top: 50%; left: 2.6666rem; transform: translateY(-50%); margin-right: 1.3334rem; width: 10.8333rem; } .ny16-section7 .info .text1 { font-size: 0.3334rem; line-height: 1.1; width: 2.6666rem; height: 0.5002rem; display: flex; align-items: center; justify-content: center; color: #000; font-family: "HYQiHei_60S"; border: 0.0166rem solid; border-radius: 1.6666rem; margin-bottom: 0.1667rem; } .ny16-section7 .info .text2 { font-size: 1.3334rem; font-family: "HYJunhei-85J"; line-height: 1.2; color: #1D1D1E; } .ny16-section7 .info .ny14-more-btn2 { justify-content: flex-start; margin-top: 2rem; } .ny16-section7 .image { width: 18.3334rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ny16-section7 .image img { width: 100%; max-width: 100%; } /* ==================== 内页16 - 板块七 End ==================== */ /* ==================== 内页16 - 板块八 Start ==================== */ .ny16-section8 { padding-bottom: 2.6666rem; overflow: hidden; } .ny16-section8 .itembox { display: flex; align-items: stretch; justify-content: center; } .ny16-section8 .item { width: 49.5%; margin-right: 1%; border-radius: 0.2832rem; overflow: hidden; position: relative; } .ny16-section8 .item:last-child { margin-right: 0; } .ny16-section8 .item .image img { width: 100%; } .ny16-section8 .item .info { text-align: center; padding: 0.6666rem; padding-top: 1.5002rem; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .ny16-section8 .item .info .text1 { font-size: 0.8rem; line-height: 1; font-family: "HYJunhei-85J"; } .ny16-section8 .item .ny14-more-btn2 { margin-top: 0.5002rem; } /* ==================== 内页16 - 板块八 End ==================== */ /* ==================== 内页16 - 板块十二 Start ==================== */ .ny16-section12 { background-color: #000000; padding-top: 4rem; padding-bottom: 4rem; } .ny16-section12 .body { display: flex; align-items: center; justify-content: center; } .ny16-section12 .ny16-info .text1 { color: #fff; font-size: 1.3334rem; font-family: "HYQiHei_70S"; margin-bottom: 0.5002rem; line-height: 1; } .ny16-section12 .ny16-info .text2 { color: #fff; font-size: 0.8rem; line-height: 1; font-family: "HYQiHei_60S"; } .ny16-section12 .image { width: 14.8333rem; flex-shrink: 0; animation: ny16-section12 1.5s infinite alternate ease-in-out; } @keyframes ny16-section12 { 0% { transform: translateY(0.1667rem); } 100% { transform: translateY(-0.1667rem); } } /* ==================== 内页16 - 板块十二 End ==================== */ /* ==================== 内页16 - 板块十三 Start ==================== */ .ny16-section13 { position: relative; background-color: #FFF; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny16-section13 .body { position: relative; cursor: pointer; } .ny16-section13 .info { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; display: flex; flex-flow: column; align-items: center; justify-content: center; height: 100%; pointer-events: none; } .ny16-section13 .info .logo { width: 4.1667rem; margin-left: auto; margin-right: auto; margin-bottom: 0.6666rem; } .ny16-section13 .info .text { color: #fff; font-size: 1.4666rem; line-height: 1; text-align: center; font-family: "HYJunhei-85J"; } .ny16-section13 .video { border-radius: 0.3334rem; overflow: hidden; } .ny16-section13 .video video { display: block; width: 100%; height: 100%; } .ny16-section13 .play-btn { position: absolute; bottom: 1.0832rem; right: 1.0832rem; z-index: 2; cursor: pointer; background: url("../images/img109@140x140.png") no-repeat center; background-size: 100%; width: 0.5334rem; height: 0.5334rem; } /* ==================== 内页16 - 板块十三 End ==================== */ .ny16-1-main .pin-spacer { background-color: #000; } /* ==================== 内页16-1 - 板块一 Start ==================== */ .ny16-1-section1 .body1 .info { top: 5.3334rem; } .ny16-1-section1 .body1 .info .text1 { color: #fff; font-size: 0.2666rem; font-family: "HYQiHei_40S"; } .ny16-1-section1 .body1 .info .text2 { color: #fff; font-size: 1rem; margin-top: 0.1667rem; } .ny16-1-section1 .body1 .info .btn-group { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: center; } .ny16-1-section1 .body1 .info .btn-group .index-btn2 { margin-right: 0.7501rem; } .ny16-1-section1 .body1 .info .btn-group .index-btn { color: #fff; } .ny16-1-section1 .body1 .info .btn-group .index-btn:before { background-color: #fff; } /* ==================== 内页16-1 - 板块一 End ==================== */ /* ==================== 内页16-1 - 板块二 Start ==================== */ /* ==================== 内页16-1 - 板块二 End ==================== */ /* ==================== 内页16-1 - 板块三 Start ==================== */ .ny16-1-section3 { padding-top: 4.5002rem; padding-bottom: 2.3334rem; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; background-color: #000; } .ny16-1-section3 .body { margin-left: auto; margin-right: auto; display: flex; align-items: flex-start; justify-content: center; } .ny16-1-section3 .body .left-body { margin-right: 1.8333rem; min-width: 0; flex-grow: 1; padding-top: 1.8333rem; } .ny16-1-section3 .body .left-body .text1 { font-size: 0.2666rem; color: #FFFFFF; line-height: 1.1; margin-bottom: 0.1667rem; font-family: "HYQiHei_40S"; } .ny16-1-section3 .body .left-body .text2 { font-size: 1rem; color: #FFFFFF; line-height: 1; font-family: "HYJunhei-85J"; } .ny16-1-section3 .body .left-body .ny16-info .btn2 { color: #fff; } .ny16-1-section3 .body .btn-group { margin-top: 0.8333rem; } .ny16-1-section3 .body .image { width: 17.5002rem; flex-shrink: 0; } .ny16-1-section3 .body .image img { width: 100%; } /* ==================== 内页16-1 - 板块三 End ==================== */ /* ==================== 内页16-1 - 板块四 Start ==================== */ .ny16-1-section4 .body { top: 50%; transform: translateY(-50%); height: auto; } .ny16-1-section4 .ny16-info { text-align: center; } .ny16-1-section4 .ny16-info .text2 { font-size: 0.5334rem; font-family: "HYQiHei_65S"; } .ny16-1-section4 .ny16-info .text1 { font-size: 1.3334rem; } .ny16-1-section4 .ny16-info .text1, .ny16-1-section4 .ny16-info .text2 { color: #fff; } .ny16-1-section4 .ny16-info .btn-group { margin-top: 0.6666rem; } /* ==================== 内页16-1 - 板块四 End ==================== */ /* ==================== 内页16-1 - 板块五 Start ==================== */ .ny16-1-section5 { height: 100vh; background-color: #000000; display: flex; align-items: center; justify-content: center; overflow: hidden; } .ny16-1-section5 .itembox { position: relative; } .ny16-1-section5 .item { opacity: 0; visibility: hidden; transition: all 0.4s; } .ny16-1-section5 .item.active { opacity: 1; visibility: visible; } .ny16-1-section5 .item:first-child ~ .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ny16-1-section5 .tabs { display: inline-flex; align-items: center; justify-content: flex-start; background: #0071E3; border-radius: 1.6666rem; overflow: hidden; padding: 3px; margin-bottom: 0.8333rem; } .ny16-1-section5 .tabs .tab-item { padding: 0.1667rem 0.3333rem; border-radius: 1.6666rem; overflow: hidden; display: block; color: #fff; cursor: pointer; font-size: 0.3002rem; line-height: 1; } .ny16-1-section5 .tabs .tab-item.active { background-color: #fff; color: #0071E3; } .ny16-1-section5 .body { display: flex; justify-content: space-between; align-items: flex-start; width: 23.8333rem; } .ny16-1-section5 .left-body { padding-top: 1.6666rem; min-width: 0; flex-grow: 1; } .ny16-1-section5 .info-group { position: relative; } .ny16-1-section5 .info-group .info-item { color: #FFF; } .ny16-1-section5 .info-group .info-item:first-child { position: relative; z-index: 2; } .ny16-1-section5 .info-group .info-item:first-child ~ .info-item { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; } .ny16-1-section5 .info-group .info-item .text1 { font-size: 0.2666rem; line-height: 1; font-family: "HYQiHei_40S"; } .ny16-1-section5 .info-group .info-item .text2 { margin-top: 0.3334rem; font-size: 1rem; line-height: 1; font-family: "HYJunhei-85J"; } .ny16-1-section5 .info-group .info-item .text3 { margin-top: 0.5002rem; font-size: 0.3334rem; color: #828282; line-height: 1.6; text-align: justify; } .ny16-1-section5 .ny16-1-section5-swiper { width: 16.1667rem; flex-shrink: 0; margin-left: 0.5002rem; margin-right: 0; position: relative; z-index: 3; } .ny16-1-section5 .ny16-1-section5-swiper .swiper-slide { position: relative; z-index: 1; } .ny16-1-section5 .ny16-1-section5-swiper .swiper-slide .image { width: 100%; height: 9.8333rem; clip-path: inset(0 0 0); } .ny16-1-section5 .ny16-1-section5-swiper .swiper-slide .bg { border-bottom: 2px solid #fff; width: 100%; height: 100%; position: absolute; bottom: -1px; right: 0; z-index: 2; background-color: #000000; pointer-events: none; opacity: 0; } .ny16-1-section5 .ny16-1-section5-swiper .swiper-slide:first-child ~ .swiper-slide { position: absolute; top: 0; left: 0; width: 100%; } .ny16-1-section5 .image { display: block; } .ny16-1-section5 .image img { width: 100%; } /* ==================== 内页16-1 - 板块五 End ==================== */ /* ==================== 内页16-1 - 板块六 Start ==================== */ /* ==================== 内页16-1 - 板块六 End ==================== */ /* ==================== 内页16-1 - 板块七 Start ==================== */ .ny16-1-section7 { background-color: #000; position: relative; z-index: 2; } .ny16-1-section7 .title { text-align: center; position: absolute; top: 1.1667rem; left: 0; width: 100%; z-index: 9; } .ny16-1-section7 .title .text1 { font-size: 1rem; color: #FFFFFF; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny16-1-section7 .title .text2 { color: #FFFFFF; font-size: 0.3334rem; line-height: 1.1; margin-top: 0.4166rem; font-family: "HYQiHei_40S"; } .ny16-1-section7 .title .index-btn { margin-top: 0.2666rem; } .ny16-1-section7 .body { width: 100%; } .ny16-1-section7 .body video { display: block; width: 100%; height: 100%; object-fit: cover; } /* ==================== 内页16-1 - 板块七 End ==================== */ /* ==================== 内页16-1 - 板块九 Start ==================== */ .ny16-1-section9 { display: flex; align-items: center; justify-content: center; background-color: #000; height: 100vh; overflow: hidden; width: 100%; } .ny16-1-section9 .ny16-1-section9-box { width: 100%; } .ny16-1-section9 .body { display: flex; align-items: center; justify-content: space-between; width: 23.3334rem; margin-left: auto; margin-right: auto; } .ny16-1-section9 .body .image { width: 13.5002rem; flex-shrink: 0; position: relative; z-index: 2; } .ny16-1-section9 .body .info { margin-right: 1.3334rem; } .ny16-1-section9 .body .info .text1 { font-size: 1rem; line-height: 1.2; color: #fff; font-family: "HYJunhei-85J"; } .ny16-1-section9 .body .info .text2 { margin-top: 0.2499rem; font-size: 0.4rem; color: #FFFFFF; line-height: 1.1; font-family: "HYQiHei_40S"; border: 0.0166rem solid rgba(255, 255, 255, 0.4); border-radius: 0.0832rem 0.0832rem 0.0832rem 0.0832rem; padding: 0.0832rem 0.3334rem; display: inline-block; } .ny16-1-section9 .body .info .text3 { font-size: 0.3334rem; color: #666666; margin-top: 0.3334rem; } .ny16-1-section9 .body .info .ny14-btn-group { margin-top: 0.3334rem; justify-content: flex-start; } .ny16-1-section9 .body .info .ny14-btn-group .btn { font-size: 0.3334rem; } .ny16-1-section9 .page { display: flex; align-items: center; justify-content: center; margin-top: 0.5002rem; } .ny16-1-section9 .page .page-item { width: 0.1334rem; height: 0.1334rem; border-radius: 100%; margin-left: 0.0499rem; margin-right: 0.0499rem; background-color: #fff; cursor: pointer; } /* ==================== 内页16-1 - 板块九 End ==================== */ /* ==================== 内页16-1 - 板块十 Start ==================== */ .ny16-1-section10 { background-color: #000; position: relative; z-index: 2; } .ny16-1-section10 .title { color: #fff; text-align: center; } .ny16-1-section10 .ny16-section9-box-main { background-color: #000; } .ny16-1-section10 .ny15-video-icon { filter: invert(0); top: 0.4106rem; } .ny16-1-section10 .ny16-section9-swiper { width: 11.6666rem; margin-left: auto; } .ny16-1-section10 .ny16-section9-swiper .swiper-wrapper { transform: translateX(-104%); } .ny16-1-section10 .ny16-section9-swiper .swiper-slide { margin-right: 4%; } .ny16-1-section10 .ny16-section9-swiper .image { height: 7rem; } .ny16-1-section10 .ny16-section9-swiper .image video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny16-1-section10 .title-item { font-size: 0.3334rem; color: #fff; } /* ==================== 内页16-1 - 板块十 End ==================== */