.ny45-main .mxw-box { width: 24rem; } /* ==================== 内页45 - 通用 Start ==================== */ .ny45-text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny45-text2 { font-size: 0.3334rem; line-height: 1.6; opacity: 0.6; } /* ==================== 内页45 - 通用 End ==================== */ /* ==================== 内页45 - 板块一 Start ==================== */ .ny45-section1 { position: relative; } .ny45-section1 .image { width: 100%; display: block; } .ny45-section1 .image img { width: 100%; } .ny45-section1 .info { position: absolute; top: 3rem; left: 0; width: 100%; color: #FFFFFF; z-index: 3; text-align: center; } .ny45-section1 .ny45-text2 { margin-bottom: 0.1667rem; } /* ==================== 内页45 - 板块一 End ==================== */ /* ==================== 内页45 - 板块二 Start ==================== */ .ny45-section2 { display: flex; align-items: center; justify-content: center; padding-top: 240px; padding-bottom: 240px; } .ny45-section2 .body { display: flex; align-items: center; justify-content: space-between; } .ny45-section2 .info { color: #000000; } .ny45-section2 .info .ny45-text2 { margin-top: 0.5002rem; } .ny45-section2 .image { position: relative; width: 12.1667rem; box-shadow: 0.2rem -0.2rem 0.1667rem -0.0833rem rgba(0, 0, 0, 0.14); border-radius: 0.1667rem; overflow: hidden; } .ny45-section2 .image img { width: 100%; } /* ==================== 内页45 - 板块二 End ==================== */ /* ==================== 内页45 - 板块三 Start ==================== */ .ny45-section3 { height: 100vh; padding-top: 2rem; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .ny45-section3 .ny45-text1 { margin-bottom: 0.3334rem; } .ny45-section3 .ny45-text1, .ny45-section3 .ny45-text2 { color: #fff; } /* ==================== 内页45 - 板块三 End ==================== */ /* ==================== 内页45 - 板块四 Start ==================== */ .ny45-section4 { padding-top: 2.3334rem; padding-bottom: 3.1667rem; } .ny45-section4 .body { display: flex; align-items: stretch; justify-content: space-between; } .ny45-section4 .info { background-color: #FAFAFA; width: 10rem; flex-shrink: 0; padding-left: 1.1002rem; padding-top: 3.1667rem; } .ny45-section4 .info .ny45-text1 { margin-bottom: 0.5002rem; } .ny45-section4 .image { background-color: #FAFAFA; width: 13.8333rem; flex-shrink: 0; padding-top: 2.8333rem; padding-bottom: 1.5002rem; } .ny45-section4 .image img { width: 14.5002rem; max-width: inherit; display: block; transform: translateX(-2rem); } /* ==================== 内页45 - 板块四 End ==================== */ /* ==================== 内页45 - 板块五 Start ==================== */ .ny45-section5 { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 2.0832rem; padding-bottom: 1.8333rem; overflow: hidden; background-attachment: fixed; } .ny45-section5 .title { text-align: center; margin-bottom: 1rem; color: #fff; } .ny45-section5 .title .ny45-text1 { margin-bottom: 0.5002rem; } .ny45-section5 .body { width: 13.1667rem; position: relative; margin-right: auto; margin-left: auto; } .ny45-section5 .body img { width: 100%; } .ny45-section5 .info { position: absolute; left: -36%; top: 34%; } .ny45-section5 .info .text1 { font-size: 0.4333rem; line-height: 1.1; color: #fff; margin-bottom: 0.1667rem; } .ny45-section5 .info .text2 { font-size: 0.3334rem; color: #fff; line-height: 1.1; } .ny45-section5 .info .icon { width: 7.3334rem; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 0.6666rem; } .ny45-section5 .info .icon img { width: 100%; } /* ==================== 内页45 - 板块五 End ==================== */ /* ==================== 内页45 - 板块六 Start ==================== */ .ny45-section6 { overflow: hidden; position: relative; height: 100vh; background-color: #fff; display: flex; align-items: center; justify-content: center; } .ny45-section6 .img { position: absolute; top: 50%; transform: translateY(-50%); width: 8.6666rem; } .ny45-section6 .img img { width: 100%; } .ny45-section6 .img1 { left: 0; } .ny45-section6 .img2 { right: 0; transform: rotateY(180deg) translateY(-50%); } .ny45-section6 .info { text-align: center; } .ny45-section6 .info .ny45-text1 { margin-bottom: 0.5002rem; } .ny45-section6 .itembox { display: flex; align-items: center; justify-content: center; margin-top: 0.8333rem; } .ny45-section6 .item { margin-right: 1rem; } .ny45-section6 .item:last-child { margin-right: 0; } .ny45-section6 .item .icon { width: 0.8333rem; display: block; margin-left: auto; margin-right: auto; } .ny45-section6 .item .icon img { width: 100%; } .ny45-section6 .item .text { margin-top: 0.3334rem; font-size: 0.3002rem; color: #000; line-height: 1.8; text-align: center; font-family: "HYJunhei-85J"; } /* ==================== 内页45 - 板块六 End ==================== */ /* ==================== 内页45 - 板块七 Start ==================== */ .ny45-section7 { position: relative; } .ny45-section7 .ny45-text1 { position: absolute; color: #fff; top: 1.9334rem; left: 0; width: 100%; text-align: center; } .ny45-section7 .image img { width: 100%; } /* ==================== 内页45 - 板块七 End ==================== */ /* ==================== 内页45 - 板块八 Start ==================== */ .ny45-section8 { position: relative; overflow: hidden; } .ny45-section8 .title { position: absolute; top: 1.7501rem; left: 0; width: 100%; text-align: center; color: #fff; z-index: 3; } .ny45-section8 .title .ny45-text1 { margin-bottom: 0.5002rem; } .ny45-section8 .itembox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .ny45-section8 .image img { width: 100%; } .ny45-section8 .item { position: absolute; } .ny45-section8 .item .text1 { font-size: 0.3334rem; color: #fff; position: absolute; } .ny45-section8 .item .icon img { width: 100%; } .ny45-section8 .item1 { left: 12.1667rem; top: 5.5002rem; } .ny45-section8 .item1 .icon { width: 2.6666rem; height: 1.8333rem; } .ny45-section8 .item1 .text1 { right: 0; bottom: 100%; } .ny45-section8 .item2 { right: 8.8333rem; top: 5.8333rem; } .ny45-section8 .item2 .icon { width: 4.3334rem; height: 3.8333rem; } .ny45-section8 .item2 .text1 { right: 0; bottom: 100%; } .ny45-section8 .item3 { left: 7rem; bottom: 3.1667rem; } .ny45-section8 .item3 .icon { width: 4.1667rem; height: 2.5002rem; } .ny45-section8 .item3 .text1 { left: 10%; top: 70%; } .ny45-section8 .item4 { right: 10.0333rem; bottom: 1.6666rem; } .ny45-section8 .item4 .icon { width: 6.3334rem; height: 1.6666rem; } .ny45-section8 .item4 .text1 { bottom: 16%; left: 6%; } /* ==================== 内页45 - 板块八 End ==================== */ /* ==================== 内页45 - 板块九 Start ==================== */ .ny45-section9 { background-color: #010001; padding-top: 2rem; padding-bottom: 0.8333rem; } .ny45-section9 .itembox { display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; margin-bottom: 1.1667rem; } .ny45-section9 .item { margin-right: 0.6666rem; } .ny45-section9 .item:last-child { margin-right: 0; } .ny45-section9 .item .icon { width: 1.1667rem; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.2499rem; } .ny45-section9 .item .icon img { width: 100%; } .ny45-section9 .item .text { font-size: 0.3334rem; color: #fff; text-align: center; } .ny45-section9 .qr { width: 3rem; display: block; margin-left: auto; margin-right: auto; } .ny45-section9 .qr img { width: 100%; } /* ==================== 内页45 - 板块九 End ==================== */