/* ==================== 内页42 - 通用 Start ==================== */ .ny42-text1 { line-height: 1.1; font-size: 1rem; font-family: "HYJunhei-85J"; color: #fff; } .ny42-text2 { font-size: 0.3334rem; line-height: 2; color: #fff; } /* ==================== 内页42 - 通用 End ==================== */ /* ==================== 内页42 - 板块一 Start ==================== */ .ny42-section1 { position: relative; } .ny42-section1 .swiper-slide { position: relative; } .ny42-section1 .info { position: absolute; top: 1.8333rem; left: 0; width: 100%; text-align: center; z-index: 3; } .ny42-section1 .info .text1 { color: #fff; font-family: "HYJunhei-85J"; font-size: 1.1667rem; line-height: 1.1; } .ny42-section1 .info .text2 { color: #fff; margin-top: 0.3334rem; font-size: 0.4rem; line-height: 1.1; } .ny42-section1 .image { width: 100%; } .ny42-section1 .image img { width: 100%; } .ny42-section1 .swiper-pagination { position: absolute; bottom: 1rem; left: 0; display: flex; align-items: center; justify-content: center; } .ny42-section1 .swiper-pagination .swiper-pagination-bullet { width: 0.1667rem; height: 0.1667rem; opacity: 0.5; background-color: #fff; margin-right: 0.3002rem; margin-left: 0.3002rem; } .ny42-section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } /* ==================== 内页42 - 板块一 End ==================== */ /* ==================== 内页42 - 板块二 Start ==================== */ .ny42-section2 { background-color: #000000; } .ny42-section2 .max-body { padding-top: 2.3334rem; padding-bottom: 3.6666rem; } .ny42-section2 .body { max-width: 26.2667rem; margin-left: auto; margin-right: auto; display: flex; align-items: flex-start; justify-content: space-between; } .ny42-section2 .info { color: #fff; min-width: 0; flex-grow: 1; padding-top: 1.3334rem; } .ny42-section2 .info .ny42-text1 { margin-bottom: 1.1667rem; } .ny42-section2 .image { width: 18.6666rem; display: block; flex-shrink: 0; } .ny42-section2 .image img { width: 100%; } /* ==================== 内页42 - 板块二 End ==================== */ /* ==================== 内页42 - 板块三 Start ==================== */ .ny42-section3-video { height: 100vh; margin-top: -100vh; position: sticky; top: 0; left: 0; width: 100%; z-index: 0; } .ny42-section3-video video { width: 100%; object-fit: cover; height: 100%; object-position: center; } .ny42-section3 { background-color: #000000; margin-bottom: 100vh; } .ny42-section3 .head { padding-bottom: 1.8333rem; display: flex; align-items: flex-start; justify-content: center; color: #fff; } .ny42-section3 .ny42-text1 { margin-right: 1.5002rem; } .ny42-section3 .image { background-size: cover; background-attachment: fixed; height: 18rem; width: 100%; background-repeat: no-repeat; } /* ==================== 内页42 - 板块三 End ==================== */ /* ==================== 内页42 - 板块四 Start ==================== */ .ny42-section4 { background-color: #000; padding-top: 3rem; overflow: hidden; } .ny42-section4 .body { display: flex; align-items: flex-start; justify-content: center; color: #fff; max-width: 26.0833rem; margin-left: auto; margin-right: auto; margin-bottom: 3.1667rem; } .ny42-section4 .body .image { width: 18.8333rem; flex-shrink: 0; display: block; } .ny42-section4 .body .image img { width: 100%; } .ny42-section4 .body .info { margin-left: 1.8333rem; padding-top: 2.0832rem; } .ny42-section4 .body .info .ny42-text1 { margin-bottom: 0.8333rem; } .ny42-section4 .itembox { max-width: 21.9167rem; margin-left: auto; margin-right: auto; } .ny42-section4 .item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3.1667rem; } .ny42-section4 .item:nth-child(2n) .info { padding-left: 2.5002rem; padding-right: 0; } .ny42-section4 .item .info { padding-right: 3.3334rem; text-align: justify; } .ny42-section4 .item .info .ny42-text1 { margin-bottom: 0.8333rem; } .ny42-section4 .item .image { width: 13rem; flex-shrink: 0; } /* ==================== 内页42 - 板块四 End ==================== */ /* ==================== 内页42 - 板块五 Start ==================== */ .ny42-section5 { background-color: #000000; } .ny42-section5 .title { margin-left: 10.5002rem; margin-bottom: 1.3334rem; } .ny42-section5 .title .ny42-text1 { margin-bottom: 0.6666rem; } .ny42-section5 .swiper-slide { transition: all 0.4s; max-width: 10.5002rem; } .ny42-section5 .swiper-slide.swiper-slide-prev { opacity: 0.4; } .ny42-section5 .swiper-slide.swiper-slide-next + .swiper-slide { transform: scale(0.7) translateX(-64%) !important; } .ny42-section5 .swiper-slide.swiper-slide-active ~ .swiper-slide { opacity: 0.4; transform: scale(0.7) translateX(-21%); } .ny42-section5 .swiper-slide.swiper-slide-active .text { opacity: 1; visibility: visible; } .ny42-section5 .item .text { visibility: hidden; opacity: 0; text-align: center; margin-top: 0.5834rem; font-size: 0.3334rem; color: #8f8f8f; transition: all 0.4s; } .ny42-section5 .item .text strong { font-weight: 400; color: #fff; } .ny42-section5 .swiper-btn-group { margin-right: 7.6666rem; margin-left: auto; justify-content: flex-end; } /* ==================== 内页42 - 板块五 End ==================== */ /* ==================== 内页42 - 板块六 Start ==================== */ .ny42-section6 { background-repeat: no-repeat; background-position: center bottom; background-size: 100%; background-color: #000000; padding-bottom: 4.5002rem; padding-top: 4.3334rem; } .ny42-section6 .body { display: flex; align-items: center; justify-content: center; } .ny42-section6 .body .info1 { margin-right: 1.8333rem; width: 5.6666rem; flex-shrink: 0; } .ny42-section6 .body .info1:before { content: ""; display: block; width: 0.8333rem; height: 0.1002rem; background-color: #d8ab80; margin-bottom: 1.6666rem; } .ny42-section6 .body .info1 .text1 { color: #fff; font-size: 0.8333rem; font-family: "HYJunhei-85J"; } .ny42-section6 .body .info1 .text1 strong { color: #d8ab80; font-weight: 400; font-family: "HYJunhei-85J"; font-size: 0.8333rem; } .ny42-section6 .body .info1 .text2 { font-size: 0.3334rem; color: #fff; line-height: 1.8; } .ny42-section6 .body .image { width: 6.8333rem; display: block; flex-shrink: 0; margin-right: 2.5002rem; } .ny42-section6 .body .info2 { font-size: 0.3334rem; line-height: 2; color: #fff; } .ny42-section6 .body .info2 strong { font-size: 0.8333rem; line-height: 1.2; font-weight: 400; font-family: "HYJunhei-85J"; } .ny42-section6 .body2 { margin-top: 6.1667rem; display: flex; justify-content: flex-start; align-items: center; max-width: 26rem; margin-left: auto; margin-right: auto; } .ny42-section6 .body2 .info { min-width: 0; flex-grow: 1; margin-right: 0.6666rem; } .ny42-section6 .body2 .info .ny42-text1 { margin-bottom: 1.1667rem; } .ny42-section6 .body2 .image { width: 18.3334rem; flex-shrink: 0; display: block; } /* ==================== 内页42 - 板块六 End ==================== */ /* ==================== 内页42 - 板块七 Start ==================== */ /* ==================== 内页42 - 板块七 End ==================== */ /* ==================== 内页42 - 板块八 Start ==================== */ /* ==================== 内页42 - 板块八 End ==================== */