.ny25-main .mxw-box { width: 23.3334rem; } /* ==================== 内页25 - 通用标题 Start ==================== */ .ny25-title { text-align: center; } .ny25-title .text1 { font-size: 1rem; color: #1d1d1f; line-height: 1.1; margin-bottom: 0.3334rem; font-family: "HYJunhei-85J"; } .ny25-title .text2 { font-size: 0.4333rem; color: #1d1d1f; line-height: 1.4; } /* ==================== 内页25 - 通用标题 End ==================== */ /* ==================== 内页25 - 板块一 Start ==================== */ .ny25-section1 { position: relative; } .ny25-section1 .bg-image { position: relative; z-index: 1; } .ny25-section1 .bg-image img { width: 100%; } .ny25-section1 .info { position: absolute; top: 4.8333rem; left: 0; z-index: 2; color: #fff; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; } .ny25-section1 .info .text1 { font-size: 1.1667rem; line-height: 1.1; margin-bottom: 0.3334rem; font-family: "HYJunhei-85J"; } .ny25-section1 .info .text2 { font-size: 0.5002rem; line-height: 1.1; } /* ==================== 内页25 - 板块一 End ==================== */ /* ==================== 内页25 - 板块二 Start ==================== */ .ny25-section2 { padding-top: 1.8333rem; padding-bottom: 1.8333rem; } .ny25-section2 .ny25-title { margin-bottom: 0.8333rem; } .ny25-section2 .image-group { display: flex; } .ny25-section2 .image-group .image { width: 50%; } .ny25-section2 .itembox { display: flex; align-items: stretch; justify-content: center; margin-top: 1rem; } .ny25-section2 .item { margin-right: 1.3334rem; } .ny25-section2 .item .icon { width: 1.5002rem; display: block; margin-left: auto; margin-right: auto; } .ny25-section2 .item .text { margin-top: 0.3334rem; font-size: 0.3667rem; color: #888; } /* ==================== 内页25 - 板块二 End ==================== */ /* ==================== 内页25 - 板块三 Start ==================== */ .ny25-section3 { background-repeat: no-repeat; background-size: 100%; background-position: center top; background-color: #BAD4E4; } .ny25-section3 .body { padding-top: 2.8333rem; padding-bottom: 1.1667rem; position: relative; } .ny25-section3 .body .mxw-box { display: flex; align-items: stretch; justify-content: space-between; padding-left: 1.6666rem; padding-right: 1.6666rem; } .ny25-section3 .body .info { padding-top: 1rem; } .ny25-section3 .body .info .text1 { font-size: 1rem; color: #1d1d1f; line-height: 1.4; font-family: "HYJunhei-85J"; margin-bottom: 0.6666rem; } .ny25-section3 .body .info .text2 { font-size: 0.4333rem; color: #1d1d1f; line-height: 1.8; } .ny25-section3 .body .image { width: 9.1667rem; flex-shrink: 0; display: flex; align-items: flex-end; justify-content: space-between; } .ny25-section3 .body .image .img1 { width: 6.6666rem; display: block; margin-right: 0.3334rem; } .ny25-section3 .body .image .img1 img { animation: ny25-section3-ani1 1.5s linear infinite alternate; } .ny25-section3 .body .image .img2 { width: 2.1667rem; display: block; } .ny25-section3 .body .image .img2 img { animation: ny25-section3-ani2 10s linear infinite; } .ny25-section3 .body .img3 { position: absolute; bottom: -50%; left: 50%; transform: translateX(-50%); width: 16.6666rem; } .ny25-section3 .body2 { padding-bottom: 5.208vw; } .ny25-section3 .body2 .body2-box { width: 100%; } .ny25-section3 .body2 .ny25-title { margin-bottom: 1rem; } .ny25-section3 .body2 .swiper { overflow: hidden; width: 100%; } .ny25-section3 .body2 .ny25-section3-swiper { margin-left: 0; margin-right: auto; } .ny25-section3 .body2 .swiper-slide { margin-right: 1.5%; overflow: hidden; } .ny25-section3 .body2 .bottom { margin-left: 0.6666rem; } .ny25-section3 .body2 .line { width: 9.3334rem; height: 0.1168rem; background: #BFBFBF; position: relative; border-radius: 1.6666rem; margin-left: auto; margin-right: auto; margin-top: 1.3334rem; background-color: rgba(0, 0, 0, 0.3); } .ny25-section3 .body2 .line span { position: absolute; top: 0; left: 0; height: 100%; display: block; background-color: #fff; border-radius: 1.6666rem; } @keyframes ny25-section3-ani1 { 0% { transform: translateY(0); } 100% { transform: translateY(5%); } } @keyframes ny25-section3-ani2 { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes ny25-section3-ani3 { 0% { transform: translateX(0); } 100% { transform: translateX(10%); } } /* ==================== 内页25 - 板块三 End ==================== */ /* ==================== 内页25 - 板块四 Start ==================== */ .ny25-section4 { padding-top: 1.8333rem; padding-bottom: 1.8333rem; background-size: cover; background-repeat: no-repeat; background-position: center top; } .ny25-section4 .ny25-title { margin-bottom: 1rem; } .ny25-section4 .ny25-title .text1 { line-height: 1.2; } .ny25-section4 .image img { width: 100%; } /* ==================== 内页25 - 板块四 End ==================== */ /* ==================== 内页25 - 板块五 Start ==================== */ .ny25-section5 { background-color: #F3F4F5; } .ny25-section5 .body { display: flex; justify-content: space-between; align-items: stretch; padding-top: 1.6666rem; padding-bottom: 2.1667rem; } .ny25-section5 .image { width: 11.6rem; } .ny25-section5 .image img { width: 100%; } /* ==================== 内页25 - 板块五 End ==================== */ /* ==================== 内页25 - 板块六 Start ==================== */ .ny25-section6 { background-color: #F3F4F5; padding-bottom: 1.5002rem; } .ny25-section6 .ny25-title { margin-bottom: 1.3334rem; } .ny25-section6 .body { position: relative; } .ny25-section6 .body .image img { display: block; width: 100%; } .ny25-section6 .body .text { color: #000000; font-size: 0.4rem; line-height: 1.1; position: absolute; bottom: 1.6666rem; left: 4.3334rem; z-index: 3; } .ny25-section6 .body2 { padding-top: 1.3334rem; } .ny25-section6 .body2 .itembox { display: flex; } .ny25-section6 .body2 .itembox .item { width: 49.5%; background-color: #fff; padding: 0.3334rem; padding-bottom: 0; } .ny25-section6 .body2 .itembox .item:nth-child(2n) { margin-left: 1%; } .ny25-section6 .body2 .itembox .image img { width: 100%; } .ny25-section6 .body2 .info { padding-bottom: 0.6666rem; text-align: center; padding-top: 0.6666rem; } .ny25-section6 .body2 .info .text1 { font-size: 0.8333rem; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny25-section6 .body2 .info .text2 { margin-top: 0.3334rem; font-size: 0.4rem; line-height: 1.1; font-family: "HYJunhei-65J"; } .ny25-section6 .body2 .item2 { background-color: #fff; margin-top: 1.3334rem; display: flex; align-items: stretch; } .ny25-section6 .body2 .item2 .image { display: block; width: 14.6666rem; flex-shrink: 0; } .ny25-section6 .body2 .item2 .item2-right { min-width: 0; flex-grow: 1; background-color: #fff; padding: 1.8333rem; justify-content: space-between; display: flex; flex-flow: column; } .ny25-section6 .body2 .item2 .info { text-align: left; padding-top: 0; padding-bottom: 0; } .ny25-section6 .body2 .item2 .info .text2 { line-height: 1.6; } .ny25-section6 .body2 .item2 .icon { margin-right: 0; margin-left: auto; } /* ==================== 内页25 - 板块六 End ==================== */ /* ==================== 内页25 - 板块七 Start ==================== */ .ny25-section7 { padding-top: 3rem; padding-bottom: 2.8333rem; background-size: cover; background-position: center top; background-repeat: no-repeat; } .ny25-section7 .title { margin-bottom: 1.8333rem; text-align: center; } .ny25-section7 .title .text1 { display: flex; align-items: center; justify-content: center; margin-bottom: 0.6666rem; } .ny25-section7 .title .text1 .icon { width: 4.3334rem; } .ny25-section7 .title .text1 .text { font-size: 1rem; color: #1d1d1f; line-height: 1.1; margin-left: 0.1667rem; font-family: "HYJunhei-85J"; } .ny25-section7 .title .text2 { font-size: 0.5002rem; color: #1d1d1f; font-family: "HYJunhei-65J"; text-align: center; } .ny25-section7 .itembox { display: flex; align-items: stretch; justify-content: center; } .ny25-section7 .item { width: 6rem; flex-shrink: 0; position: relative; } .ny25-section7 .item:after { content: ""; display: block; width: 90%; height: 0.2333rem; border-radius: 100%; background-color: #000; position: absolute; bottom: -6%; left: 50%; transform: translateX(-50%); filter: blur(0.1834rem); opacity: 0.5; } .ny25-section7 .item:nth-child(1) { transform-origin: 250% center; } .ny25-section7 .item:nth-child(2) { transform-origin: 150% center; } .ny25-section7 .item:nth-child(3) { z-index: 3; } .ny25-section7 .item:nth-child(4) { transform-origin: -50% center; z-index: 2; } .ny25-section7 .item:nth-child(5) { transform-origin: -150% center; z-index: 1; } .ny25-section7 .item:nth-child(1), .ny25-section7 .item:nth-child(5) { transform: scale(0.7); } .ny25-section7 .item:nth-child(2), .ny25-section7 .item:nth-child(4) { transform: scale(0.8); } /* ==================== 内页25 - 板块七 End ==================== */ /* ==================== 内页25 - 板块八 Start ==================== */ .ny25-section8 { padding-top: 2.3334rem; padding-bottom: 3.5002rem; position: relative; background-color: #FEFEFE; } .ny25-section8 .body { width: 20.6666rem; margin-left: auto; margin-right: auto; } .ny25-section8 .text1 { text-align: center; margin-bottom: 1.3334rem; font-size: 0.8333rem; font-family: "HYJunhei-85J"; line-height: 1.1; } .ny25-section8 .table { border-radius: 0.1667rem; overflow: hidden; width: 100%; border: 1px solid #E7E7E7; } .ny25-section8 table, .ny25-section8 td, .ny25-section8 th { border-collapse: collapse; } .ny25-section8 table { width: 100%; } .ny25-section8 tr:last-child td { border-bottom: 0; } .ny25-section8 tr td:first-child { border-left: 0; } .ny25-section8 tr td:last-child { border-right: 0; } .ny25-section8 tr:nth-child(1) td { padding-top: 0.2333rem; padding-bottom: 0.2333rem; color: #6c6c6c; background-color: #DDE1E1; } .ny25-section8 tr:nth-child(1) ~ tr td { vertical-align: text-top; } .ny25-section8 td { font-size: 0.3334rem; padding: 0.5002rem 0.5002rem; border: 1px solid #E7E7E7; } /* ==================== 内页25 - 板块八 End ==================== */