/* ==================== 内页43 - 通用 Start ==================== */ .ny43-info { color: #000; } .ny43-text1 { line-height: 1.1; font-size: 1rem; font-family: "HYJunhei-85J"; } .ny43-text2 { line-height: 2; font-size: 0.3334rem; } /* ==================== 内页43 - 通用 End ==================== */ /* ==================== 内页43 - 板块一 Start ==================== */ .ny43-section1 { position: relative; } .ny43-section1 .body { position: absolute; top: 0; left: 0; z-index: 3; color: #fff; width: 100%; } .ny43-section1 .body .max-body { padding-top: 2.3334rem; padding-left: 4.6666rem; } .ny43-section1 .body .text1 { width: 5rem; display: block; margin-bottom: 1.8333rem; } .ny43-section1 .body .text2 { font-size: 1.1667rem; line-height: 1.1; margin-bottom: 0.5002rem; padding-left: 1.8333rem; } .ny43-section1 .body .text3 { font-size: 1.1667rem; line-height: 1.1; font-family: "HYJunhei-85J"; padding-left: 1.8333rem; } .ny43-section1 .itembox { margin-top: 1.8333rem; display: block; padding-left: 1.8333rem; } .ny43-section1 .item { width: 5.1667rem; height: 1rem; display: flex; align-items: center; justify-content: center; font-size: 0.5002rem; background: url(../images/ny43/img025@310x60.jpg) no-repeat center; background-size: cover; background-repeat: no-repeat; color: #1f2d4c; border-radius: 0.1667rem; overflow: hidden; margin-bottom: 0.3334rem; } .ny43-section1 .bg-image img { width: 100%; } /* ==================== 内页43 - 板块一 End ==================== */ /* ==================== 内页43 - 板块二 Start ==================== */ .ny43-section2 { background-color: #fff; background-size: 100%; padding-top: 1.8333rem; padding-bottom: 1.9167rem; background-repeat: no-repeat; background-position: center top; background-color: #ECECEE; } .ny43-section2 .ny43-text1 { text-align: center; margin-bottom: 1.3334rem; } .ny43-section2 .itembox { display: flex; align-items: flex-start; justify-content: center; } .ny43-section2 .item { position: relative; margin-right: 0.6667rem; border-radius: 0.3333rem; overflow: hidden; box-shadow: 0rem 0rem 0.75rem 0.0167rem rgba(0, 8, 21, 0.15); transition: all 0.4s; width: 8.6rem; } .ny43-section2 .item:hover { transform: translateY(-0.3333rem); } .ny43-section2 .item:last-child { margin-right: 0; } .ny43-section2 .item .image img { width: 100%; } .ny43-section2 .item .text { color: #000000; line-height: 1.2; font-size: 0.3667rem; position: absolute; bottom: 0.8333rem; left: 0; text-align: center; z-index: 4; width: 100%; } /* ==================== 内页43 - 板块二 End ==================== */ /* ==================== 内页43 - 板块三 Start ==================== */ .ny43-section3 { background-size: cover; background-repeat: no-repeat; background-position: center; } .ny43-section3 .max-body { padding-top: 2.5002rem; padding-bottom: 3.1667rem; padding-left: 5rem; padding-right: 5rem; } .ny43-section3 .ny43-text1 { margin-bottom: 1.3334rem; text-align: center; } .ny43-section3 .itembox { display: flex; align-items: stretch; justify-content: flex-start; } .ny43-section3 .item { width: 32%; position: relative; } .ny43-section3 .item:nth-child(3n-1) { margin-left: 2%; margin-right: 2%; } .ny43-section3 .item .image { width: 100%; } .ny43-section3 .item .image img { width: 100%; } .ny43-section3 .item .text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5002rem; font-size: 0.3667rem; line-height: 1.1; color: #fff; z-index: 3; } /* ==================== 内页43 - 板块三 End ==================== */ /* ==================== 内页43 - 板块四 Start ==================== */ .ny43-section4 { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } .ny43-section4 .max-body { display: flex; align-items: center; justify-content: flex-start; height: 100vh; overflow: hidden; } .ny43-section4 .ny43-section4-box { display: flex; align-items: flex-start; padding-left: 6.6666rem; padding-right: 3.3334rem; } .ny43-section4 .item { position: relative; flex-shrink: 0; width: 6.6666rem; } .ny43-section4 .item .img { position: relative; width: 4.6666rem; display: block; margin-bottom: 0.5834rem; } .ny43-section4 .item .img .mxw-image { border-radius: 0.3334rem; overflow: hidden; } .ny43-section4 .item .info .text1 { font-size: 0.8333rem; margin-bottom: 0.5002rem; line-height: 1.1; font-family: "HYJunhei-85J"; color: #fff; } .ny43-section4 .item .info .text2 { line-height: 1.8; color: #fff; font-size: 0.3334rem; } .ny43-section4 .item1 { margin-right: 5rem; padding-top: 0.8333rem; } .ny43-section4 .item1 .ny43-text1 { color: #fff; margin-bottom: 1.3334rem; } .ny43-section4 .item1 .icon { position: absolute; bottom: 0.5002rem; left: 100%; width: 10.6666rem; height: 0.8333rem; z-index: 3; } .ny43-section4 .image { width: 7rem; display: block; flex-shrink: 0; margin-right: 6.3334rem; } .ny43-section4 .image img { width: 100%; } .ny43-section4 .item2 { padding-top: 1.6666rem; } .ny43-section4 .item2 .img { position: relative; } .ny43-section4 .item2 .icon { width: 7.5002rem; height: 1.1667rem; position: absolute; top: 0.7667rem; right: 100%; } /* ==================== 内页43 - 板块四 End ==================== */ /* ==================== 内页43 - 板块五 Start ==================== */ .ny43-section5 { overflow: hidden; background-color: #000; position: relative; } .ny43-section5 .body { position: absolute; top: 2.6666rem; left: 0; width: 100%; z-index: 3; padding-left: 5rem; padding-right: 5rem; text-align: center; } .ny43-section5 .body .ny43-text1 { color: #fff; margin-bottom: 0.6166rem; } .ny43-section5 .body .ny43-text2 { color: #fff; } .ny43-section5 .itembox { position: absolute; bottom: 3.3334rem; left: 0; width: 100%; display: flex; align-items: stretch; justify-content: center; z-index: 3; } .ny43-section5 .item { padding-left: 3.3334rem; padding-right: 3.3334rem; position: relative; } .ny43-section5 .item:last-child:after { display: none; } .ny43-section5 .item:after { content: ""; display: block; width: 2px; height: 100%; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .ny43-section5 .item .text1 { font-size: 0.8333rem; font-family: "HYJunhei-85J"; line-height: 1.1; margin-bottom: 0.3334rem; color: #fff; } .ny43-section5 .item .text2 { font-size: 0.3334rem; color: #fff; } .ny43-section5 .bg-image { overflow: hidden; } .ny43-section5 .bg-image img { width: 100%; } /* ==================== 内页43 - 板块五 End ==================== */ /* ==================== 内页43 - 板块六 Start ==================== */ .ny43-section6 { background-color: #0B121C; padding-top: 4rem; padding-bottom: 3.3334rem; } .ny43-section6 .ny43-section6-swiper-text { width: 8.3334rem; flex-shrink: 0; } .ny43-section6 .ny43-section6-swiper-text .swiper-slide { background-color: #0B121C; } .ny43-section6 .itembox { padding-left: 5rem; padding-right: 5rem; } .ny43-section6 .itembox .item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3.1667rem; } .ny43-section6 .itembox .item:nth-child(2n) .info { padding-left: 2.5002rem; padding-right: 0; } .ny43-section6 .itembox .item .info { padding-right: 3.3334rem; text-align: justify; color: #fff; min-width: 0; flex-grow: 1; } .ny43-section6 .itembox .item .info .ny43-text1 { margin-bottom: 0.8333rem; } .ny43-section6 .itembox .item .image { width: 13rem; flex-shrink: 0; } .ny43-section6 .body { padding-left: 5.1667rem; display: flex; align-items: stretch; justify-content: flex-start; } .ny43-section6 .body .ny43-text1 { color: #fff; margin-bottom: 1.5002rem; } .ny43-section6 .body .ny43-text2 { color: #fff; } .ny43-section6 .info { width: 8.1667rem; flex-shrink: 0; padding-right: 0.5002rem; padding-top: 2rem; } .ny43-section6 .swiper { min-width: 0; flex-grow: 1; overflow: hidden; padding-right: 2rem; } .ny43-section6 .swiper .ny43-section6-swiper { overflow: visible; } .ny43-section6 .swiper .swiper-slide { position: relative; opacity: 0.3; transition: all 0.4s; max-width: 7.8333rem; } .ny43-section6 .swiper .swiper-slide.swiper-slide-active { opacity: 1; } .ny43-section6 .swiper .swiper-slide.swiper-slide-active .icon { opacity: 1; visibility: visible; } .ny43-section6 .swiper .swiper-slide .image { position: relative; } .ny43-section6 .swiper .swiper-slide .image img { width: 100%; } .ny43-section6 .swiper .swiper-slide .icon { width: 3.5002rem; display: block; position: absolute; bottom: 0.8333rem; left: 50%; transform: translateX(-50%); z-index: 3; transition: all 0.4s; visibility: hidden; opacity: 0; } .ny43-section6 .swiper-btn-group { margin-top: 0.7667rem; } .ny43-section6 .swiper-btn-group .swiper-btn { width: 0.7334rem; height: 0.7334rem; font-size: 0.5002rem; color: #000; background-color: #fff; } .ny43-section6 .swiper-btn-group .swiper-btn.swiper-btn.swiper-button-disabled { opacity: 0.2; } /* ==================== 内页43 - 板块六 End ==================== */ /* ==================== 内页43 - 板块七 Start ==================== */ .ny43-section7 { position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .ny43-section7 .max-body { display: flex; align-items: flex-start; justify-content: flex-start; height: 18.6666rem; padding-top: 2rem; padding-left: 8rem; } .ny43-section7 .ny43-text1 { white-space: nowrap; margin-right: 2.4333rem; flex-shrink: 0; } .ny43-section7 .itembox { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } .ny43-section7 .item { margin-right: 1.8333rem; } .ny43-section7 .item:nth-child(2) ~ .item { margin-top: 0.8333rem; } .ny43-section7 .item .text1 { line-height: 1.1; font-size: 0.5667rem; margin-bottom: 0.2499rem; font-family: "HYJunhei-85J"; } .ny43-section7 .item .text2 { font-size: 0.4rem; line-height: 1.1; } /* ==================== 内页43 - 板块七 End ==================== */ /* ==================== 内页43 - 板块八 Start ==================== */ .ny43-section8 { background-color: #EAF2FC; background-repeat: no-repeat; background-position: center bottom; background-size: 100%; overflow: hidden; padding-top: 2rem; padding-bottom: 1.6666rem; } .ny43-section8 .head { width: 100%; padding-left: 3.6666rem; padding-right: 1.8333rem; } .ny43-section8 .head .ny43-text1 { font-size: 1rem; margin-bottom: 0.3333rem; } .ny43-section8 .head .ny43-text2 { font-size: 0.3333rem; line-height: 1.1; } .ny43-section8 .img { width: 8.3333rem; display: block; flex-shrink: 0; margin-top: 0.5rem; } .ny43-section8 .img img { width: 100%; } .ny43-section8 .body { width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; } .ny43-section8 .itembox { display: flex; align-items: flex-end; justify-content: flex-start; padding-left: 2.8333rem; padding-right: 2.8333rem; } .ny43-section8 .itembox .text { margin-top: 0.3002rem; font-size: 0.4rem; color: #000000; } .ny43-section8 .item1 .image { width: 7.1667rem; display: block; margin-right: 2.8333rem; } .ny43-section8 .item1 .image img { width: 100%; } .ny43-section8 .item2 { width: 15rem; flex-shrink: 0; margin-right: 1.8333rem; } .ny43-section8 .item2 img { width: 100%; } .ny43-section8 .item3 { width: 7rem; flex-shrink: 0; } .ny43-section8 .item3 img { width: 100%; } /* ==================== 内页43 - 板块八 End ==================== */ /* ==================== 内页43 - 板块九 Start ==================== */ .ny43-section9 { background-size: cover; position: relative; } .ny43-section9 .max-body { padding-top: 2.8333rem; padding-bottom: 2.6666rem; padding-left: 4.6666rem; padding-right: 4.9168rem; } .ny43-section9 .body { display: flex; align-items: center; justify-content: flex-start; } .ny43-section9 .ny43-text1 { color: #fff; } .ny43-section9 .left-body { min-width: 0; flex-grow: 1; color: #fff; } .ny43-section9 .left-body .text1 { font-family: "HYJunhei-85J"; line-height: 1.1; font-size: 0.8333rem; margin-bottom: 1rem; } .ny43-section9 .left-body .text2 { font-size: 0.4832rem; line-height: 2; } .ny43-section9 .right-body { position: relative; padding-left: 3.1667rem; flex-shrink: 0; } .ny43-section9 .right-body .image { width: 7.6666rem; position: relative; } .ny43-section9 .right-body .image img { width: 100%; } .ny43-section9 .right-body .item { position: absolute; top: 0; left: 0; display: inline-block; padding-right: 0.2666rem; font-size: 0.4rem; color: #ffffff; } .ny43-section9 .right-body .item:after { content: ""; display: block; width: 3.6666rem; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 100%; } .ny43-section9 .right-body .item1 { top: 2.1667rem; left: 0; } .ny43-section9 .right-body .item1:after { width: 2.9334rem; } .ny43-section9 .right-body .item2 { top: 4.3334rem; left: 0; } .ny43-section9 .right-body .item2:after { width: 2.6666rem; } .ny43-section9 .right-body .item3 { top: 5.6666rem; left: 0; } .ny43-section9 .right-body .item3:after { width: 2.9334rem; } .ny43-section9 .right-body .item4 { top: 8.5834rem; left: 0; } .ny43-section9 .right-body .item4:after { width: 3.4333rem; } .ny43-section9 .right-body .item5 { top: 10.8333rem; left: 0; } .ny43-section9 .right-body .item5:after { width: 3.6666rem; } /* ==================== 内页43 - 板块九 End ==================== */ /* ==================== 内页43 - 板块十 Start ==================== */ .ny43-section10 { background-color: #0B121C; } .ny43-section10 .max-body { padding-top: 2.1667rem; padding-bottom: 2rem; padding-left: 4.6666rem; padding-right: 4.6666rem; } .ny43-section10 .ny43-text1 { color: #fff; margin-bottom: 1.2333rem; } .ny43-section10 .table table { width: 100%; } .ny43-section10 .table table td { color: #fff; font-size: 0.3334rem; padding-top: 0.2499rem; padding-bottom: 0.2499rem; } /* ==================== 内页43 - 板块十 End ==================== */