.ny28-main .mxw-box { width: 24rem; } /* ==================== 内页28 - 板块一 Start ==================== */ .ny28-section1 .image { width: 100%; } .ny28-section1 .image img { width: 100%; } /* ==================== 内页28 - 板块一 End ==================== */ /* ==================== 内页28 - 板块二 Start ==================== */ .ny28-section2 { overflow: hidden; width: 100%; height: 100vh; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative; } .ny28-section2 .info { font-family: "HYJunhei-85J"; color: #8a4f3a; font-size: 1rem; line-height: 1.2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ny28-section2 .info .line { position: absolute; top: 50%; left: -50%; width: 1.6666rem; height: 10rem; background-color: #fff; margin-top: -5rem; transform: rotate(45deg); background: -webkit-linear-gradient(to left, transparent, #fff, transparent); background: -o-linear-gradient(to left, transparent, #fff, transparent); background: -moz-linear-gradient(to left, transparent, #fff, transparent); background: linear-gradient(to left, transparent, #fff, transparent); } .ny28-section2 .info .text1 { font-family: inherit; } .ny28-section2 .info .text2 { font-family: inherit; } .ny28-section2 .body { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; clip-path: inset(50% 32%); } .ny28-section2 .itembox { display: flex; flex-wrap: wrap; align-items: stretch; } .ny28-section2 .item { width: 32.666%; padding: 1.1667rem 0.6666rem; box-shadow: 0rem 0rem 0.2333rem 0.0333rem rgba(200, 200, 200, 0.21); border-radius: 0.1667rem; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(0.1667rem); -webkit-backdrop-filter: blur(0.1667rem); } .ny28-section2 .item:nth-child(3n-1) { margin-left: 1%; margin-right: 1%; } .ny28-section2 .item:nth-child(3) ~ .item { margin-top: 1%; } .ny28-section2 .item .icon { width: 1.3334rem; display: block; margin-bottom: 0.3334rem; margin-left: auto; margin-right: auto; } .ny28-section2 .item .icon img { display: block; width: 100%; } .ny28-section2 .item .text { color: #ffffff; line-height: 1.1; text-align: center; font-size: 0.4333rem; } /* ==================== 内页28 - 板块二 End ==================== */ /* ==================== 内页28 - 板块三 Start ==================== */ .ny28-section3 { position: relative; background-color: #fff; padding-top: 4.8333rem; padding-bottom: 5rem; } .ny28-section3 .max-body { padding-left: 4rem; padding-right: 1.8333rem; } .ny28-section3 .body { display: flex; align-items: stretch; } .ny28-section3 .body .left-body { color: #8a4f3a; min-width: 0; flex-grow: 1; } .ny28-section3 .body .left-body .text1 { font-size: 0.6rem; line-height: 1.1; margin-bottom: 0.3334rem; } .ny28-section3 .body .left-body .text2 { font-family: "HYJunhei-85J"; font-size: 1rem; line-height: 1.1; margin-bottom: 0.5002rem; } .ny28-section3 .body .left-body .text3 { font-size: 0.6rem; line-height: 1.1; } .ny28-section3 .body .left-body .text4 { margin-top: 1.3334rem; font-size: 0.4333rem; line-height: 1.6; text-align: justify; font-family: "HYJunhei-35J"; } .ny28-section3 .body .image { margin-left: 0.6666rem; width: 14.8333rem; flex-shrink: 0; } .ny28-section3 .body .image img { width: 100%; } /* ==================== 内页28 - 板块三 End ==================== */ /* ==================== 内页28 - 板块四 Start ==================== */ .ny28-section4 { position: relative; width: 100%; height: 100vh; padding-left: 1rem; padding-right: 1rem; overflow: hidden; } .ny28-section4 .itembox { position: relative; width: 100%; height: 100%; } .ny28-section4 .item { width: 100%; height: 100%; border-radius: 0.1667rem; display: block; overflow: hidden; position: relative; } .ny28-section4 .item:first-child ~ .item { position: absolute; top: 0; left: 0; width: 100%; } .ny28-section4 .item .info { position: absolute; top: 0; left: 0; z-index: 3; padding-top: 2.8333rem; padding-left: 3rem; color: #fff; } .ny28-section4 .item .info .text1 { font-size: 0.4rem; line-height: 1.4; font-family: "HYJunhei-35J"; } .ny28-section4 .item .info .text1 + .text2 { margin-top: 0.5002rem; } .ny28-section4 .item .info .text2 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny28-section4 .item .info .text2 + .text1 { margin-top: 0.5002rem; } .ny28-section4 .item .bg-image { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /* ==================== 内页28 - 板块四 End ==================== */ /* ==================== 内页28 - 板块五 Start ==================== */ .ny28-section5 { height: 100vh; width: 100%; position: relative; background-color: #fff; } .ny28-section5 .body { display: flex; align-items: stretch; justify-content: flex-start; width: 100%; height: 100%; } .ny28-section5 .left-body { width: 45%; flex-shrink: 0; background-color: #FBFBFD; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny28-section5 .left-body .ny28-section5-swiper1 { width: 8.6666rem; margin-left: inherit; margin-right: inherit; } .ny28-section5 .left-body .ny28-section5-swiper1 .swiper-slide { width: 100%; height: auto; } .ny28-section5 .left-body .ny28-section5-swiper1 .swiper-slide:first-child ~ .swiper-slide { position: absolute; top: 0; left: 0; } .ny28-section5 .left-body .item { color: #8a4f3a; } .ny28-section5 .left-body .item .text1 { line-height: 1.4; font-family: "HYJunhei-85J"; font-size: 1rem; margin-bottom: 0.5002rem; } .ny28-section5 .left-body .item .text2 { line-height: 1.6; font-size: 0.4333rem; font-family: "HYJunhei-35J"; } .ny28-section5 .left-body .item .image { margin-top: 0.6666rem; width: 7.1667rem; display: block; } .ny28-section5 .left-body .line { width: 4.1667rem; height: 0.1667rem; border-radius: 1.6666rem; overflow: hidden; position: relative; background-color: #ECECEE; margin-top: 1.1667rem; } .ny28-section5 .left-body .line span { height: 100%; width: 50%; background-color: #8a4f3a; border-radius: 1.6666rem; position: absolute; top: 0; left: 0; } .ny28-section5 .right-body { width: 55%; height: 100%; } .ny28-section5 .right-body .ny28-section5-swiper2 { width: 100%; height: 100%; } .ny28-section5 .right-body .ny28-section5-swiper2 .image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .ny28-section5 .right-body .ny28-section5-swiper2 .swiper-slide:first-child ~ .swiper-slide { position: absolute; top: 0; left: 0; } /* ==================== 内页28 - 板块五 End ==================== */ /* ==================== 内页28 - 板块六 Start ==================== */ .ny28-section6 { overflow: hidden; padding-top: 3.3334rem; padding-bottom: 3.3334rem; } .ny28-section6 .body1 { width: 100%; padding-bottom: 3rem; overflow: hidden; padding-left: 4rem; } .ny28-section6 .ny28-section6-swiper { overflow: visible; width: 20rem; margin-left: 0; margin-right: 0; } .ny28-section6 .ny28-section6-swiper .swiper-slide-active .info { opacity: 1; visibility: visible; } .ny28-section6 .item { display: block; } .ny28-section6 .item .image img { width: 100%; } .ny28-section6 .item .info { display: flex; align-items: stretch; justify-content: space-between; margin-top: 0.6666rem; color: #8a4f3a; opacity: 0; visibility: hidden; transition: all 0.4s; } .ny28-section6 .item .text1 { line-height: 1.1; font-size: 0.6rem; font-family: "HYJunhei-85J"; } .ny28-section6 .item .text2 { font-size: 0.4333rem; line-height: 1.6; font-family: "HYJunhei-35J"; } .ny28-section6 .body2 .ny26-title2 { color: #8a4f3a; } .ny28-section6 .body2 .ny26-table { border-color: #9D624E; } .ny28-section6 .body2 .ny26-table td { border-color: #D7AFA2; } .ny28-section6 .body2 .ny26-table tr:nth-child(2n-1) td { color: #8A4F3A; } .ny28-section6 .body2 .ny26-table tr:nth-child(2n) { background-color: #B99589; } .ny28-section6 .body2 .ny26-table tr:nth-child(2n) td { color: #fff; } /* ==================== 内页28 - 板块六 End ==================== */ /* ==================== 内页28 - 板块七 Start ==================== */ /* ==================== 内页28 - 板块七 End ==================== */ /* ==================== 内页28 - 板块八 Start ==================== */ /* ==================== 内页28 - 板块八 End ==================== */