.ny32-main .mxw-box { width: 24rem; } /* ==================== 内页32 - 板块一 Start ==================== */ .ny32-section1 .image img { width: 100%; } /* ==================== 内页32 - 板块一 End ==================== */ /* ==================== 内页32 - 板块二 Start ==================== */ .ny32-section2 { position: relative; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; background-attachment: fixed; } .ny32-section2 .info { text-align: center; color: #fff; } .ny32-section2 .info .text1 { font-size: 1rem; line-height: 1.1; margin-bottom: 0.8333rem; font-family: "HYJunhei-85J"; } .ny32-section2 .info .text2 { font-size: 0.5002rem; line-height: 2.2; } .ny32-section2 .info .text3 { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: center; font-size: 0.4rem; } .ny32-section2 .info .text3:after { content: ""; display: block; background: url(../images/ny32/img003@44x44.png) no-repeat center; background-size: 100%; width: 0.7334rem; height: 0.7334rem; margin-left: 0.3334rem; } /* ==================== 内页32 - 板块二 End ==================== */ /* ==================== 内页32 - 板块三 Start ==================== */ .ny32-section3 { position: relative; padding-top: 2.1667rem; padding-bottom: 2.3334rem; } .ny32-section3 .title { font-size: 1rem; line-height: 1.1; margin-bottom: 0.8333rem; text-align: center; font-family: "HYJunhei-85J"; color: #000000; } .ny32-section3 .body { position: relative; } .ny32-section3 .body .image img { width: 100%; } .ny32-section3 .body .info { position: absolute; z-index: 2; width: 40%; right: 0; top: 50%; transform: translateY(-50%); color: #fff; line-height: 1.4; } .ny32-section3 .body .info .text1 { width: 6.8333rem; display: block; } .ny32-section3 .body .info .text1 img { width: 100%; } .ny32-section3 .body .info .text2 { margin-top: 0.6666rem; font-size: 0.4333rem; font-family: "HYJunhei-85J"; } .ny32-section3 .body .info .text3 { font-size: 0.3334rem; line-height: 2; } /* ==================== 内页32 - 板块三 End ==================== */ /* ==================== 内页32 - 板块四 Start ==================== */ .ny32-section4 { background-color: #000; position: relative; overflow: hidden; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; } .ny32-section4 .info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 4; color: #fff; } .ny32-section4 .info .text1 { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny32-section4 .info .text2 { margin-top: 0.5002rem; font-size: 0.4333rem; line-height: 1.1; } .ny32-section4 .float-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 2; } .ny32-section4 .bg-image { position: relative; z-index: 1; } /* ==================== 内页32 - 板块四 End ==================== */ /* ==================== 内页32 - 板块五 Start ==================== */ .ny32-section5 { padding-top: 1.8333rem; padding-bottom: 2.1667rem; overflow: hidden; } .ny32-section5 .head { margin-bottom: 0.7501rem; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; } .ny32-section5 .head .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny32-section5 .head .text2 { font-size: 0.4333rem; line-height: 1.1; } .ny32-section5 .swiper .ny32-section5-swiper { overflow: visible; } .ny32-section5 .swiper .swiper-slide { position: relative; transform: perspective(16.6666rem) rotateY(30deg) translateX(5rem); transition: all 0.4s; } .ny32-section5 .swiper .swiper-slide .head { visibility: hidden; opacity: 0; } .ny32-section5 .swiper .swiper-slide .image { max-height: 10.0499rem; } .ny32-section5 .swiper .swiper-slide:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(to left, #fff, transparent, #fff); background: -o-linear-gradient(to left, #fff, transparent, #fff); background: -moz-linear-gradient(to left, #fff, transparent, #fff); background: linear-gradient(to left, #fff, transparent, #fff); transition: all 0.4s; } .ny32-section5 .swiper .swiper-slide.swiper-slide-active { transform: perspective(16.6666rem) rotateY(0deg) translateX(0rem); } .ny32-section5 .swiper .swiper-slide.swiper-slide-active .head { visibility: visible; opacity: 1; } .ny32-section5 .swiper .swiper-slide.swiper-slide-active:after { opacity: 0; visibility: hidden; } .ny32-section5 .swiper .swiper-slide.swiper-slide-active ~ .swiper-slide { transform: perspective(16.6666rem) rotateY(-30deg) translateX(-5rem); } .ny32-section5 .bottom { margin-top: 0.5002rem; } .ny32-section5 .bottom .mxw-box { width: 20rem; display: flex; align-items: center; justify-content: space-between; } .ny32-section5 .bottom .swiper-scrollbar { width: 4rem; height: 2px; background-color: #E5E5E5; position: relative; } .ny32-section5 .bottom .swiper-scrollbar .swiper-pagination-progressbar-fill { background-color: #000; } .ny32-section5 .bottom .btn-group { display: flex; align-items: center; justify-content: flex-end; } .ny32-section5 .bottom .swiper-button { width: 1.1334rem; height: 1.1334rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: static; margin: 0; margin-right: 0.3334rem; transform: translate(0, 0); font-size: 0.5002rem; color: #000000; background-color: transparent; border: 1px solid #F0F0F0; } .ny32-section5 .bottom .swiper-button:last-child { margin-right: 0; } .ny32-section5 .image img { width: 100%; } /* ==================== 内页32 - 板块五 End ==================== */ /* ==================== 内页32 - 板块六 Start ==================== */ .ny32-section6 { height: 100vh; position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; } .ny32-section6 .info { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; } .ny32-section6 .info p { font-size: 0.5002rem; color: #fff; line-height: 2em; } /* ==================== 内页32 - 板块六 End ==================== */ /* ==================== 内页32 - 板块七 Start ==================== */ .ny32-section7 { position: relative; } .ny32-section7 .image img { width: 100%; } .ny32-section7 .body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ny32-section7 .body .mxw-box { padding-top: 2.3334rem; padding-bottom: 1.3334rem; display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; } .ny32-section7 .title { color: #fff; font-size: 1rem; line-height: 1; font-family: "HYJunhei-85J"; } .ny32-section7 .itembox { position: absolute; right: 0.6667rem; top: 0; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny32-section7 .item { width: 5.5002rem; display: block; position: relative; background: #fff; box-shadow: 0 0 0.2rem -0.0832rem #fff; transition: all 0.4s; margin-bottom: 0.3333rem; } .ny32-section7 .item:last-child { margin-bottom: 0; } .ny32-section7 .item:hover { transform: translateX(-0.3334rem); } .ny32-section7 .item .image { width: 100%; } .ny32-section7 .item .image img { width: 100%; } .ny32-section7 .item .text { position: absolute; bottom: 0.7501rem; left: 0; width: 100%; z-index: 2; font-size: 0.3334rem; color: #000; text-align: center; } /* ==================== 内页32 - 板块七 End ==================== */ /* ==================== 内页32 - 板块八 Start ==================== */ .ny32-section8 { padding-top: 2.1667rem; padding-bottom: 2.6666rem; } .ny32-section8 .title { text-align: center; font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; color: #000; margin-bottom: 2.3334rem; } .ny32-section8 .image { width: 18.3334rem; margin-left: auto; margin-right: auto; } .ny32-section8 .image img { width: 100%; } /* ==================== 内页32 - 板块八 End ==================== */