/* ==================== 内页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 ==================== */ /* ==================== 内页14 - 通用播按钮 Start ==================== */ .ny14-more-btn2 { margin-top: 1.1667rem; font-size: 0.4rem; font-family: "HYQiHei_65S"; line-height: 1; color: #0071E3; display: flex; align-items: center; justify-content: center; } .ny14-more-btn2 .iconfont { font-size: 1em; } /* ==================== 内页14 - 通用播按钮 End ==================== */ /* ==================== 内页14 - 通用标题 Start ==================== */ .ny14-title { text-align: center; } .ny14-title .text1 { font-size: 0.4rem; line-height: 1; margin-bottom: 0.1667rem; color: #000; font-family: "HYQiHei_60S"; } .ny14-title .text2 { font-size: 1.1667rem; color: #000; line-height: 1; font-family: "HYQiHei_65S"; } .ny14-itembox { display: flex; align-items: flex-start; justify-content: center; } .ny14-itembox .item { margin-right: 1.3334rem; flex-shrink: 0; } .ny14-itembox .item .icon { margin-left: auto; margin-right: auto; width: 1.1667rem; margin-bottom: 0.0832rem; } .ny14-itembox .item .text { font-size: 0.3334rem; color: #8A8A8A; line-height: 1.1; font-family: "HYQiHei_65S"; } .ny14-itembox .item:last-child { margin-right: 0; } .ny14-btn-group { display: flex; align-items: center; justify-content: center; margin-top: 0.6666rem; } .ny14-btn-group .btn { display: flex; align-items: center; justify-content: center; margin-right: 1rem; font-size: 0.4rem; font-family: "HYQiHei_70S"; line-height: 1; color: #0071E3; position: relative; cursor: pointer; } .ny14-btn-group .btn:hover:after { content: ""; display: block; width: 100%; height: 0.0333rem; background-color: #0071E3; position: absolute; bottom: -0.0666rem; left: 0; } .ny14-btn-group .btn .iconfont { font-weight: bold; margin-left: 0.0832rem; font-size: 0.8em; } .ny14-btn-group .btn:last-child { margin-right: 0; } .ny14-btn-group .btn .text { font-family: inherit; } .ny14-btn-group .btn .icon { width: 0.4rem; flex-shrink: 0; margin-right: 0.1667rem; display: flex; align-items: center; } /* ==================== 内页14 - 通用标题 End ==================== */ /* ==================== 首页 - 板块五 Start ==================== */ .ny14-section1 { display: block; position: relative; width: 100%; overflow: hidden; background-color: #000; margin-bottom: 0.2499rem; height: 100vh; } .ny14-section1 .video1 { display: block; width: 100%; height: 100%; z-index: 1; } .ny14-section1 .video1 video { height: 100%; display: block; width: 100%; object-fit: cover; } .ny14-section1 .body1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ny14-section1 .body1 .video { width: 100%; height: 100%; max-width: 100%; display: flex; align-items: flex-end; justify-content: center; } .ny14-section1 .body1 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny14-section1 .body1 .info { text-align: center; position: absolute; top: 3.3334rem; left: 0; z-index: 2; width: 100%; transform: translate(0); } .ny14-section1 .body1 .info .text1 { font-size: 0.2666rem; color: #fff; } .ny14-section1 .body1 .info .text2 { font-size: 1rem; color: #fff; line-height: 1; font-family: "HYJunhei-85J"; margin-top: 0.2499rem; } .ny14-section1 .body1 .info .btn-group { display: flex; align-items: center; justify-content: center; margin-top: 0.6666rem; } .ny14-section1 .body1 .info .btn-group .index-btn2 { margin-right: 0.6666rem; } .ny14-section1 .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 0 0 0.1002rem black; } .ny14-section1 .title .text1 { font-size: 0.4rem; line-height: 1; margin-bottom: 0.3334rem; font-family: "HYQiHei_60S"; } .ny14-section1 .title .text2 { font-size: 1.3334rem; line-height: 1; font-family: "HYQiHei_60S"; } /* ==================== 首页 - 板块五 End ==================== */ /* ==================== 内页14 - 板块二 Start ==================== */ .ny14-section2 { overflow: hidden; background-color: #000000; padding-top: 3rem; padding-bottom: 2.3334rem; margin-bottom: 0.2rem; display: flex; align-items: center; justify-content: flex-start; } .ny14-section2 .index-info { padding-left: 6rem; min-width: 0; flex-grow: 1; margin-right: 1.1667rem; color: #FFFFFF; text-align: left; } .ny14-section2 .index-info .text1 { margin-bottom: 0.1667rem; } .ny14-section2 .index-info .text3 { margin-top: 0.2666rem; } .ny14-section2 .index-info .btn-group { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: flex-start; } .ny14-section2 .index-info .btn-group .index-btn2 { width: 2.1002rem; height: 0.7667rem; margin-right: 0.7501rem; flex-shrink: 0; } .ny14-section2 .image { width: 15.8333rem; flex-shrink: 0; } .ny14-section2 .image img { width: 100%; } /* ==================== 内页14 - 板块二 End ==================== */ /* ==================== 内页14 - 板块三 Start ==================== */ .ny14-section3 { position: relative; } .ny14-section3 .body { position: absolute; padding-top: 2.6666rem; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .ny14-section3 .video { height: 100vh; } .ny14-section3 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny14-section3 .image img { width: 100%; } .ny14-section3 .btn-group { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: center; } .ny14-section3 .btn-group .index-btn2 { width: 2.1002rem; height: 0.7667rem; margin-right: 0.7501rem; flex-shrink: 0; } /* ==================== 内页14 - 板块三 End ==================== */ /* ==================== 内页14 - 板块四 Start ==================== */ .ny14-section4 { height: 100vh; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #fff; overflow: hidden; } .ny14-section4 .ny14-section4-box { width: 100%; display: block; } .ny14-section4 .title { font-size: 1rem; color: #1E1E20; line-height: 1; font-family: "HYJunhei-85J"; margin-bottom: 1.0832rem; text-align: center; } .ny14-section4 .ny14-section4-swiper1 { width: 100%; padding-left: 4.5834rem; padding-right: 6.0333rem; overflow: visible; } .ny14-section4 .ny14-section4-swiper1 .swiper-slide { display: flex; align-items: center; justify-content: flex-start; margin-right: 0.2666rem; } .ny14-section4 .ny14-section4-swiper1 .swiper-slide.swiper-slide-active .item:after { opacity: 0; visibility: hidden; } .ny14-section4 .ny14-section4-swiper1 .item { display: block; width: 32.4%; position: relative; } .ny14-section4 .ny14-section4-swiper1 .item:nth-child(3n-1) { margin-left: 1.4%; margin-right: 1.4%; } .ny14-section4 .ny14-section4-swiper1 .item .bg { content: ""; display: block; width: 100%; height: 100%; background-color: #000000; opacity: 0.8; position: absolute; top: 0; left: 0; z-index: 3; } .ny14-section4 .ny14-section4-swiper1 .item img { width: 100%; } .ny14-section4 .ny14-section4-swiper1 .item:last-child { margin-right: 0; } .ny14-section4 .swiper .item { position: relative; } .ny14-section4 .swiper .item .image { display: block; } .ny14-section4 .swiper .item .image img { width: 100%; display: block; } .ny14-section4 .swiper .item .info { text-align: center; position: absolute; top: 1.1667rem; left: 0; width: 100%; z-index: 3; color: #fff; } .ny14-section4 .swiper .item .info .text1 { font-size: 0.2666rem; line-height: 1.1; font-family: "HYJunhei-65J"; } .ny14-section4 .swiper .item .info .text2 { font-size: 0.6666rem; line-height: 1.1; font-family: "HYJunhei-85J"; margin-top: 0.1667rem; } .ny14-section4 .bottom { display: table; margin-left: auto; margin-right: auto; margin-top: 0.7501rem; } .ny14-section4 .swiper-scrollbar { background-color: #D2D2D2; height: 2px; border-radius: 1.6666rem; position: relative; } .ny14-section4 .swiper-scrollbar .swiper-scrollbar-drag { background-color: #000; height: 100%; position: absolute; top: 0; left: 0; } .ny14-section4 .ny14-section4-swiper2 .swiper-wrapper { display: flex; align-items: center; justify-content: center; } .ny14-section4 .ny14-section4-swiper2 .swiper-wrapper .swiper-slide { text-align: center; flex-shrink: 0; width: 2.1667rem; opacity: 0.6; cursor: pointer; } .ny14-section4 .ny14-section4-swiper2 .swiper-wrapper .swiper-slide:first-child { text-align: left; } .ny14-section4 .ny14-section4-swiper2 .swiper-wrapper .swiper-slide:last-child { text-align: right; } .ny14-section4 .ny14-section4-swiper2 .swiper-wrapper .swiper-slide.active { opacity: 1; } .ny14-section4 .ny14-section4-swiper2 .text { color: #000; font-size: 0.2666rem; font-family: "HYJunhei-65J"; line-height: 1.1; margin-top: 0.1667rem; } /* ==================== 内页14 - 板块四 End ==================== */ /* ==================== 内页14 - 板块五 Start ==================== */ .ny14-section5 { position: relative; max-width: 100%; overflow: hidden; background-color: #000; height: 100vh; } .ny14-section5 .video { display: block; width: 100%; height: 100%; z-index: 1; } .ny14-section5 .video video { height: 100%; display: block; width: 100%; object-fit: cover; } .ny14-section5 .body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ny14-section5 .body .video { width: 100%; height: 100%; max-width: 100%; display: flex; align-items: flex-end; justify-content: center; } .ny14-section5 .body .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny14-section5 .body .info { text-align: left; position: absolute; top: 0; left: 0; z-index: 2; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(360deg, rgba(2, 17, 41, 0.4) 0%, rgba(0, 26, 68, 0.2) 100%); } .ny14-section5 .body .info .text1 { font-size: 0.2666rem; font-family: "HYJunhei-65J"; } .ny14-section5 .body .info .text2 { margin-top: 0.3334rem; font-size: 1rem; line-height: 1; font-family: "HYJunhei-85J"; } .ny14-section5 .body .info .btn-group { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: center; } .ny14-section5 .body .info .btn-group .index-btn2 { margin-right: 0.7501rem; } /* ==================== 内页14 - 板块五 End ==================== */ /* ==================== 内页14 - 板块六 Start ==================== */ .ny14-section6 { height: 100vh; display: flex; align-items: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; } .ny14-section6 .ny14-section6-box-swiper { width: 100%; } .ny14-section6 .ny14-section6-box-swiper > .swiper-wrapper > .swiper-slide { height: auto; } .ny14-section6 .swiper-slide1 { text-align: center; } .ny14-section6 .swiper-slide1 .ny14-section6-swiper1 { margin-left: auto; margin-right: auto; width: 100%; } .ny14-section6 .swiper-slide1 .info { text-align: center; margin-bottom: 1.4333rem; } .ny14-section6 .swiper-slide1 .info .text1 { font-size: 1rem; color: #fff; font-family: "HYJunhei-85J"; } .ny14-section6 .swiper-slide1 .info .text2 { margin-top: 0.1667rem; font-size: 0.3002rem; color: #FFFFFF; } .ny14-section6 .swiper-slide1 .info .btn-group { margin-top: 0.5002rem; display: flex; align-items: center; justify-content: center; } .ny14-section6 .swiper-slide1 .info .btn-group .index-btn2 { margin-right: 0.7501rem; margin-left: 0; } .ny14-section6 .swiper-slide1 .image { width: 17.6666rem; margin-left: auto; margin-right: auto; } .ny14-section6 .swiper-slide1 .image img { width: 100%; } .ny14-section6 .swiper-slide1 .swiper-pagination { position: static; margin-top: 0.6666rem; display: inline-flex; align-items: center; justify-content: center; padding: 0.2666rem 0.3334rem; background: #2E2E30; border-radius: 3.3334rem; } .ny14-section6 .swiper-slide1 .swiper-pagination .swiper-pagination-bullet { width: 0.4166rem; height: 0.4166rem; margin-right: 0.2666rem; background-size: 100%; border-radius: 100%; background: #1E1E1F; box-shadow: inset 0rem 0.0499rem 0.0499rem 0rem rgba(0, 0, 0, 0.25); opacity: 1; cursor: pointer; } .ny14-section6 .swiper-slide1 .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .ny14-section6 .swiper-slide1 .swiper-pagination .swiper-pagination-bullet.active { background: url(../images/ny14/img024@48x48.png) no-repeat center; background-size: 100%; box-shadow: none; } .ny14-section6 .swiper-slide2 { display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; } .ny14-section6 .swiper-slide2 .ny14-section6-swiper2 { width: 100%; } .ny14-section6 .swiper-slide2 .ny14-section6-swiper2 .image { width: 16.3334rem; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; } .ny14-section6 .swiper-slide2 .ny14-section6-swiper3 { width: 100%; } .ny14-section6 .swiper-slide2 .ny14-section6-swiper4 { width: 100%; } .ny14-section6 .swiper-slide2 .tabs { display: inline-flex; align-items: center; justify-content: center; border-radius: 1.6666rem; background-color: #373737; padding: 0.0666rem; margin-top: 1.1667rem; } .ny14-section6 .swiper-slide2 .tabs .tab-item { border-radius: 1.6666rem; padding: 0 0.3334rem; min-width: 1.6666rem; height: 0.7168rem; line-height: 0.7168rem; font-size: 0.3334rem; color: #86868B; text-align: center; cursor: pointer; line-height: 1; display: flex; align-items: center; justify-content: center; } .ny14-section6 .swiper-slide2 .tabs .tab-item.active { background-color: #0071E3; color: #fff; } .ny14-section6 .swiper-slide2 .bottom { margin-top: 0.5667rem; flex-shrink: 0; } .ny14-section6 .swiper-slide2 .bottom .line { height: 0.1168rem; width: 6.4333rem; border-radius: 1.6666rem; overflow: hidden; background-color: #373737; } .ny14-section6 .swiper-slide2 .bottom .line span { display: block; height: 100%; width: 50%; background-color: #fff; border-radius: 1.6666rem; } .ny14-section6 .swiper-slide2 .bottom .itembox { margin-top: 0.1667rem; display: flex; align-items: center; justify-content: space-between; } .ny14-section6 .swiper-slide2 .bottom .itembox .item { font-size: 0.2666rem; color: #fff; line-height: 1.1; opacity: 0.5; cursor: pointer; } /* ==================== 内页14 - 板块六 End ==================== */ /* ==================== 内页14 - 板块七 Start ==================== */ /* ==================== 内页14 - 板块七 End ==================== */ /* ==================== 内页14 - 板块八 Start ==================== */ .ny14-section8 .itembox { overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; height: 100vh; } .ny14-section8 .item { width: 50%; background-color: #F5F5F7; } .ny14-section8 .item .image, .ny14-section8 .item .info { width: 100%; height: 100vh; } .ny14-section8 .item .image { background-size: cover; } .ny14-section8 .item .image img { width: 100%; } .ny14-section8 .item .info { padding: 0 1.5002rem; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; } .ny14-section8 .item .info .text1 { font-size: 1.1667rem; font-family: "HYQiHei_65S"; line-height: 1.3; } .ny14-section8 .item .info .text2 { font-size: 0.5334rem; color: #1D1D1E; line-height: 1.1; margin-top: 0.6666rem; } .ny14-section8 .item .info .text3 { font-size: 0.3334rem; line-height: 1.1; width: 2.6666rem; height: 0.5002rem; display: flex; align-items: center; justify-content: center; color: #0066CC; font-family: "HYQiHei_60S"; border: 0.0166rem solid; border-radius: 1.6666rem; margin-bottom: 0.5002rem; } .ny14-section8 .item .more-btn { margin-top: 1.5002rem; font-size: 0.4rem; line-height: 1; display: flex; align-items: center; justify-content: flex-start; color: #0066CC; } .ny14-section8 .item .more-btn .iconfont { font-size: 1em; } /* ==================== 内页14 - 板块八 End ==================== */ /* ==================== 内页14 - 板块九 Start ==================== */ .ny14-section9 { background-color: #000; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } .ny14-section9 .ny14-section9-box { width: 100%; } .ny14-section9 .title { font-size: 1rem; color: #FFFFFF; font-family: "HYJunhei-85J"; line-height: 1; text-align: center; margin-bottom: 1.0832rem; } .ny14-section9 .swiper { padding-left: 4.5002rem; } .ny14-section9 .ny14-section9-swiper { width: 15.6666rem; margin-left: 0; margin-right: auto; overflow: visible; } .ny14-section9 .ny14-section9-swiper .swiper-slide { width: 100%; margin-right: 1.2%; position: relative; } .ny14-section9 .ny14-section9-swiper .swiper-slide .video { width: 100%; height: 8.5002rem; } .ny14-section9 .ny14-section9-swiper .swiper-slide .video video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .ny14-section9 .ny14-section9-swiper .swiper-slide .image img { width: 100%; } .ny14-section9 .ny14-section9-swiper .swiper-slide .img-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; } .ny14-section9 .bottom { display: table; margin-left: auto; margin-right: auto; margin-top: 0.8333rem; } .ny14-section9 .line { width: 100%; height: 0.1168rem; border-radius: 1.6666rem; overflow: hidden; background-color: #1d1d1f; position: relative; } .ny14-section9 .line span { height: 100%; width: 2rem; background-color: #fff; border-radius: 1.6666rem; display: block; position: absolute; top: 0; left: 0; } .ny14-section9 .tabs { display: flex; align-items: center; justify-content: space-between; margin-top: 0.1667rem; } .ny14-section9 .tab-item { color: #fff; line-height: 1.1; font-size: 0.2666rem; margin-right: 1.8333rem; opacity: 0.5; cursor: pointer; } .ny14-section9 .tab-item.active { color: #fff; } .ny14-section9 .tab-item:last-child { margin-right: 0; } /* ==================== 内页14 - 板块九 End ==================== */ /* ==================== 内页14 - 板块十 Start ==================== */ /* ==================== 内页14 - 板块十 End ==================== */ /* ==================== 内页14 - 板块十一 Start ==================== */ /* ==================== 内页14 - 板块十一 End ==================== */