.ny17-main .pin-spacer { background-color: #000; } /* ==================== 内页17 - 板块一 Start ==================== */ .index-section2 { background-color: #000000; margin-bottom: 0.2499rem; overflow: hidden; display: flex; align-items: center; justify-content: center; } .index-section2 .index-info { text-align: center; position: absolute; top: 2.3334rem; left: 0; width: 100%; z-index: 3; } .index-section2 .video { position: relative; display: block; width: 100%; height: 49.74vw; z-index: 1; } .index-section2 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .index-section2 .btn-group { margin-top: 0.8333rem; display: flex; justify-content: center; align-items: center; } .index-section2 .btn-group .index-btn2 { margin-right: 0.6666rem; } .ny17-section1 { margin-bottom: 0; } /* ==================== 内页17 - 板块一 End ==================== */ /* ==================== 内页17 - 板块二 Start ==================== */ .ny17-section2 { overflow: hidden; position: relative; background-color: #000; } .ny17-section2 .index-info { position: absolute; top: 3.0832rem; left: 0; width: 100%; text-align: center; z-index: 9; } .ny17-section2 .btn-group { margin-top: 0.8333rem; } .ny17-section2 .btn-group .index-btn2 { margin-right: 0.7501rem; } .ny17-section2 .image img { display: block; width: 100%; } /* ==================== 内页17 - 板块二 End ==================== */ /* ==================== 内页17 - 板块三 Start ==================== */ .ny17-section3 { overflow: hidden; position: relative; background-color: #000; } .ny17-section3 .info { color: #FFFFFF; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; z-index: 2; } .ny17-section3 .info .max-body { padding-left: 4.5834rem; } .ny17-section3 .info .text1 { font-size: 0.2666rem; line-height: 1; } .ny17-section3 .info .text2 { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1.2; margin-top: 0.2499rem; } .ny17-section3 .image { width: 100%; } .ny17-section3 .image img { width: 100%; } .ny17-section3 .btn-group { margin-top: 0.8333rem; justify-content: flex-start; } .ny17-section3 .btn-group .index-btn2 { margin-right: 0.7501rem; } /* ==================== 内页17 - 板块三 End ==================== */ /* ==================== 内页17 - 板块四 Start ==================== */ .ny17-section4 { padding-top: 3.1667rem; overflow: hidden; } .ny17-section4 .max-body { padding-left: 2.8333rem; } .ny17-section4 .ny17-section4-swiper { margin-left: 0; margin-right: auto; } .ny17-section4 .ny17-section4-swiper .swiper-slide { position: relative; } .ny17-section4 .ny17-section4-swiper .swiper-slide2 .img { width: 2rem; margin-bottom: 0.2499rem; margin-left: 0; margin-right: auto; } .ny17-section4 .ny17-section4-swiper .swiper-slide2 .img img { width: 100%; } .ny17-section4 .ny17-section4-swiper .swiper-slide2 .text2 { margin-bottom: 0.4166rem; margin-top: 0; } .ny17-section4 .ny17-section4-swiper .swiper-slide2 .text1 { font-size: 0.2666rem; margin-bottom: 0; color: #FFFFFF; opacity: 0.5; line-height: 1.4; } .ny17-section4 .ny17-section4-swiper .swiper-slide3 .text1 { font-size: 0.3002rem; margin-bottom: 0.1667rem; color: #3B72B7; } .ny17-section4 .ny17-section4-swiper .swiper-slide3 .text2 { font-size: 0.6666rem; line-height: 1.1; margin-bottom: 0.1667rem; color: #3B72B7; color: transparent; background: linear-gradient(90deg, #004C94 0%, #297BC4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ny17-section4 .ny17-section4-swiper .swiper-slide3 .text3 { font-size: 0.4333rem; color: #06539B; line-height: 1.4; margin-bottom: 0.0832rem; } .ny17-section4 .ny17-section4-swiper .swiper-slide3 .text4 { font-size: 0.2666rem; color: #06539B; line-height: 1.1; opacity: 0.6; } .ny17-section4 .bottom { display: block; margin-left: auto; margin-right: auto; width: 10.5002rem; margin-top: 1.3334rem; } .ny17-section4 .bottom .swiper-scrollbar { width: 100%; height: 0.1002rem; border-radius: 1.6666rem; background-color: #E5E5E5; position: relative; } .ny17-section4 .bottom .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; border-radius: 1.6666rem; background-color: #000; overflow: hidden; position: absolute; width: 33.33%; } .ny17-section4 .bottom .tabs { display: flex; align-items: center; justify-content: center; } .ny17-section4 .bottom .tab-item { font-size: 0.4333rem; margin-top: 0.6666rem; text-align: center; width: 33.333%; cursor: pointer; color: #1E1E20; transition: all 0.4s; opacity: 0.5; } .ny17-section4 .bottom .tab-item.active { opacity: 1; } .ny17-section4 .item { width: 100%; display: block; position: relative; } .ny17-section4 .item .info { position: absolute; top: 2.6666rem; left: 0; z-index: 3; padding-left: 1.6666rem; } .ny17-section4 .item .info.white .text1, .ny17-section4 .item .info.white .text2 { color: #fff; } .ny17-section4 .item .text1 { font-size: 0.3002rem; color: #1E1E20; font-family: "HYJunhei-65J"; line-height: 1; } .ny17-section4 .item .text2 { margin-top: 0.1667rem; font-size: 0.4333rem; color: #1E1E20; line-height: 1.2; } .ny17-section4 .item .image { width: 100%; } .ny17-section4 .item .image img { width: 100%; } .ny17-section4 .btn-group { display: flex; align-items: center; justify-content: flex-end; padding-right: 2.8333rem; margin-top: 0.6666rem; position: relative; } .ny17-section4 .btn-group .swiper-button-prev, .ny17-section4 .btn-group .swiper-button-next { position: static; transform: translate(0, 0); margin: 0; background-color: transparent; width: 0.7002rem; height: 0.7002rem; border: 2px solid #000; } .ny17-section4 .btn-group .swiper-button-prev .iconfont, .ny17-section4 .btn-group .swiper-button-next .iconfont { color: #1E1E20; } .ny17-section4 .btn-group .swiper-button-prev { margin-right: 0.3334rem; } /* ==================== 内页17 - 板块四 End ==================== */ /* ==================== 内页17 - 板块五 Start ==================== */ .ny17-section5 { background-color: #F5F5F7; } .ny17-section5 .pin-spacer { background-color: #F5F5F7; } .ny17-section5 .line { background-color: #D9D9D9; } /* ==================== 内页17 - 板块五 End ==================== */ /* ==================== 内页17 - 板块六 Start ==================== */ /* ==================== 内页17 - 板块六 End ==================== */ /* ==================== 内页17 - 板块七 Start ==================== */ .ny17-section7 .ny15-video-icon2 { filter: invert(98%); } .ny17-section7 .bottom:after { bottom: -0.536rem; } /* ==================== 内页17 - 板块七 End ==================== */ /* ==================== 内页17 - 板块八 Start ==================== */ /* ==================== 内页17 - 板块八 End ==================== */