.ny37-main .pin-spacer { background-color: #000; } /* ==================== 内页37 - 板块一 Start ==================== */ .ny37-section1 { position: relative; overflow: hidden; background-color: #000; } .ny37-section1 .body { position: relative; margin-left: auto; margin-right: auto; } .ny37-section1 .video { position: relative; height: 100vh; width: 100%; } .ny37-section1 .video video { display: block; margin-left: auto; margin-right: auto; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny37-section1 .title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .ny37-section1 .title p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1rem; line-height: 1.2; color: #fff; font-family: "HYJunhei-85J"; opacity: 0; } /* ==================== 内页37 - 板块一 End ==================== */ /* ==================== 内页37 - 板块二 Start ==================== */ .ny37-section2 { background-color: rgba(0, 0, 0, 0.5); } .ny37-section2 .title { padding-top: 3.3334rem; text-align: center; background-color: #000; color: #fff; line-height: 1.2; font-family: "HYJunhei-85J"; padding-bottom: 1rem; font-size: 1rem; } .ny37-section2 .title span { display: block; font-family: inherit; } .ny37-section2 .bg { background-attachment: fixed; width: 100%; display: block; height: 9.5002rem; } .ny37-section2 .body { background-color: #000; padding-top: 1.6666rem; padding-bottom: 2.6666rem; } .ny37-section2 .body .max-body { padding-left: 7.7667rem; padding-right: 5rem; } .ny37-section2 .body .text1 { color: #FFFFFF; font-size: 1.3334rem; font-family: "HYJunhei-85J"; line-height: 1.2; margin-bottom: 0.6666rem; } .ny37-section2 .body .text2 { font-size: 0.2666rem; color: #86868B; line-height: 1.4; } .ny37-section2 .body .text2 span { color: #fff; } .ny37-section2 .body .content { margin-top: 0.8333rem; display: flex; align-items: center; } .ny37-section2 .body .image { width: 3.1667rem; display: block; flex-shrink: 0; margin-right: 1rem; } .ny37-section2 .body .image img { display: block; width: 100%; } .ny37-section2 .body .itembox { padding-left: 1rem; border-left: 1px solid #212122; display: flex; flex-wrap: wrap; align-items: stretch; } .ny37-section2 .body .item { width: 33.33%; } .ny37-section2 .body .item:nth-child(3) ~ .item { margin-top: 0.6666rem; } .ny37-section2 .body .item .item-text1 { font-size: 0.4333rem; color: #FFFFFF; margin-bottom: 0.1667rem; line-height: 1; display: flex; align-items: flex-end; justify-content: flex-start; } .ny37-section2 .body .item .item-text1 strong { display: inline-block; font-size: 1rem; line-height: 1; font-weight: 400; font-family: "HYJunhei-85J"; margin-right: 0.0832rem; } .ny37-section2 .body .item .item-text1 strong span { font-family: inherit; } .ny37-section2 .body .item .item-text2 { color: #86868B; font-size: 0.4333rem; line-height: 1.2; } /* ==================== 内页37 - 板块二 End ==================== */ /* ==================== 内页37 - 板块三 Start ==================== */ .ny37-section3 { position: relative; background-color: #101010; } .ny37-section3 .body1 { position: relative; padding-top: 2.6666rem; padding-bottom: 1.0832rem; background-color: #101010; } .ny37-section3 .body1 .max-body { padding-left: 7.7667rem; padding-right: 7.7667rem; } .ny37-section3 .body1 .text1 { font-size: 1.3334rem; color: #FFFFFF; line-height: 1.2; margin-bottom: 0.6666rem; font-family: "HYJunhei-85J"; } .ny37-section3 .body1 .text2 { font-size: 0.2666rem; color: #86868B; line-height: 1.6; } .ny37-section3 .body2 { position: relative; background-color: #080B1E; } .ny37-section3 .body2 .bg-image img { width: 100%; } .ny37-section3 .item { position: absolute; color: #fff; } .ny37-section3 .item .text1 { font-size: 25.998px; line-height: 1.1; margin-bottom: 30.012px; } .ny37-section3 .item .text2 { border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 4.992px; padding: 10.002px; display: flex; flex-wrap: wrap; } .ny37-section3 .item .text2 p { font-size: 12px; line-height: 1.6; width: 50%; color: rgba(255, 255, 255, 0.6); } .ny37-section3 .item .icon { position: absolute; top: 33.006px; } .ny37-section3 .item .icon img { width: 100%; } .ny37-section3 .item1 { top: 18%; right: 65%; } .ny37-section3 .item1 .icon { width: 356.004px; left: 0; } .ny37-section3 .item1 .text2 { width: 216px; } .ny37-section3 .item2 { top: 21%; left: 68%; } .ny37-section3 .item2 .icon { width: 370.002px; right: 0; } .ny37-section3 .item2 .text2 { width: 190.002px; } .ny37-section3 .item3 { bottom: 21%; right: 68%; } .ny37-section3 .item3 .icon { width: 336.996px; left: 0; top: auto; bottom: 100%; transform: translateY(49.998px); } .ny37-section3 .item3 .text2 { width: 190.002px; } .ny37-section3 .item4 { left: 66%; bottom: 21%; } .ny37-section3 .item4 .icon { width: 384px; left: auto; right: 0; top: auto; bottom: 100%; transform: translateY(49.998px); } .ny37-section3 .item4 .text2 { width: 208.002px; } @media screen and (max-width: 1670px) { .ny37-section3 .item1 .icon, .ny37-section3 .item2 .icon { top: 26px; } .ny37-section3 .item4 .icon, .ny37-section3 .item3 .icon { transform: translateY(40px); } .ny37-section3 .item .text1 { font-size: 20px; } .ny37-section3 .item1 { top: 15%; right: 68%; } .ny37-section3 .item2 { top: 18%; left: 71%; } .ny37-section3 .item3 { bottom: 15%; right: 71%; } .ny37-section3 .item4 { left: 69%; bottom: 16%; } } /* ==================== 内页37 - 板块三 End ==================== */ /* ==================== 内页37 - 板块四 Start ==================== */ .ny37-section4-bg-video { width: 100%; height: 100vh; position: sticky; top: 0; left: 0; margin-top: -100vh; } .ny37-section4-bg-video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny37-section4 { margin-top: 9.4666rem; background-color: #000; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny37-section4 .max-body { padding-left: 7.7667rem; padding-right: 7.7667rem; } .ny37-section4 .text1 { font-size: 1.3334rem; color: #FFFFFF; line-height: 1.2; margin-bottom: 1.6666rem; font-family: "HYJunhei-85J"; } .ny37-section4 .swiper { background: #101010; border-radius: 0.4666rem 0.4666rem 0.4666rem 0.4666rem; padding: 1rem 1.1002rem; } .ny37-section4 .swiper .swiper-slide { padding-bottom: 0.1667rem; } .ny37-section4 .item { margin-bottom: 0.6666rem; } .ny37-section4 .item:last-child { margin-bottom: 0; } .ny37-section4 .item .title { font-size: 0.4333rem; color: #86868B; margin-bottom: 0.5002rem; } .ny37-section4 .item .title span { color: #fff; } .ny37-section4 .item .table { border-radius: 0.1667rem; border: solid 1px rgba(255, 255, 255, 0.3); overflow: hidden; } .ny37-section4 .item .table table, .ny37-section4 .item .table td, .ny37-section4 .item .table th { border-collapse: collapse; } .ny37-section4 .item .table td, .ny37-section4 .item .table th { border: solid 1px rgba(255, 255, 255, 0.3); } .ny37-section4 .item .table table { width: 100%; } .ny37-section4 .item .table th { font-weight: 400; background-color: #222323; font-size: 0.2666rem; color: rgba(255, 255, 255, 0.5); padding: 0.2333rem; border-top: 0; } .ny37-section4 .item .table tr th:first-child, .ny37-section4 .item .table tr td:first-child { border-left: 0; } .ny37-section4 .item .table tr:last-child td { border-bottom: 0; } .ny37-section4 .item .table td { border-right: 1px solid rgba(255, 255, 255, 0.3); font-size: 0.2666rem; line-height: 1.4em; padding: 0.2832rem; color: #fff; text-align: center; } .ny37-section4 .item .table td strong { font-weight: 400; } .ny37-section4 .item .desc { font-size: 0.2666rem; color: #86868B; line-height: 1.6; margin-top: 0.3334rem; } .ny37-section4 .btn-group { display: flex; align-items: center; justify-content: flex-end; margin-top: 0.8333rem; margin-right: 0; margin-left: auto; } .ny37-section4 .btn-group .page { font-size: 0.3002rem; color: #FFFFFF; width: auto; } .ny37-section4 .btn-group .page .swiper-pagination-total { color: #727276; } .ny37-section4 .btn-group-box { margin-right: 0.1667rem; display: flex; align-items: center; justify-content: flex-start; } .ny37-section4 .btn-group-box .swiper-button { position: static; width: 0.5334rem; height: 0.5334rem; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #363636; color: #fff; font-size: 0.2333rem; transform: translate(0); margin: 0; margin-right: 0.1002rem; } .ny37-section4 .btn-group-box .swiper-button.swiper-button-disabled { opacity: 1; color: rgba(255, 255, 255, 0.2); } .ny37-section4 .list { display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 0.6666rem; } .ny37-section4 .list .list-item { text-align: center; width: 32%; } .ny37-section4 .list .list-item:nth-child(3n-1) { margin-left: 2%; margin-right: 2%; } .ny37-section4 .list .list-item:nth-child(3) ~ .list-item { margin-top: 2%; } .ny37-section4 .list .list-item .image img { width: 100%; } .ny37-section4 .list .list-item .text { font-size: 0.2666rem; color: #fff; margin-top: 0.3334rem; } /* ==================== 内页37 - 板块四 End ==================== */ /* ==================== 内页37 - 板块五 Start ==================== */ .ny37-section5 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; background-color: #fff; } .ny37-section5 .title { text-align: center; } .ny37-section5 .title .text1 { font-size: 1rem; color: #1E1E20; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny37-section5 .title .text2 { margin-top: 0.5002rem; font-size: 0.2666rem; color: #86868B; line-height: 1.6; } .ny37-section5 .title .text2 span { color: #1E1E20; } .ny37-section5 .itembox { margin-top: 1rem; display: flex; flex-wrap: wrap; width: 18.3334rem; margin-left: auto; margin-right: auto; } .ny37-section5 .item { text-align: center; width: 20%; } .ny37-section5 .item img { width: auto; height: 1.3334rem; } .ny37-section5 .item:nth-child(5) ~ .item { margin-top: 1.3334rem; } .ny37-section5 .item .text { margin-top: 0.5002rem; font-size: 0.2666rem; color: #1E1E20; line-height: 1.1; } /* ==================== 内页37 - 板块五 End ==================== */ /* ==================== 内页37 - 板块六 Start ==================== */ .ny37-section6 { padding-top: 2.6666rem; background-color: #000; padding-bottom: 1.8333rem; overflow: hidden; } .ny37-section6 .title { text-align: center; margin-bottom: 1.0832rem; } .ny37-section6 .title .text1 { font-size: 1rem; color: #fff; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny37-section6 .body { position: relative; margin-left: auto; margin-right: auto; width: 16.3334rem; } .ny37-section6 .body .bg-image { display: block; } .ny37-section6 .body .bg-image img { width: 100%; } .ny37-section6 .body video { position: absolute; top: 0.5002rem; left: 1.4666rem; width: 13.3334rem; height: 8.3334rem; object-fit: cover; object-position: center; display: block; } .ny37-section6 .swiper { width: 16.3334rem; margin-left: auto; margin-right: auto; margin-top: 1.1667rem; position: relative; } .ny37-section6 .swiper .swiper-button { width: 1rem; height: 1rem; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #363636; color: #fff; font-size: 0.3667rem; transform: translateY(-50%); margin: 0; top: 50%; position: absolute; } .ny37-section6 .swiper .swiper-button.swiper-button-disabled { opacity: 1; color: rgba(255, 255, 255, 0.2); } .ny37-section6 .swiper .swiper-button.swiper-button-prev { left: -1rem; } .ny37-section6 .swiper .swiper-button.swiper-button-next { right: -1rem; } .ny37-section6 .swiper .slide-text1 { font-size: 0.4333rem; line-height: 1.1; color: #fff; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 0.9168rem; } .ny37-section6 .swiper .slide-text1 strong { display: inline-block; line-height: 1; font-family: "HYJunhei-85J"; font-size: 1.3334rem; padding-left: 0.1667rem; padding-right: 0.1667rem; margin-bottom: -0.1667rem; } .ny37-section6 .swiper .swiper-slide1 .text2 { font-size: 0.2666rem; color: #86868B; line-height: 1.4; text-align: center; } .ny37-section6 .swiper .swiper-slide1 .itembox { width: 11.6666rem; margin-left: auto; margin-right: auto; margin-top: 0.8333rem; padding-top: 0.3334rem; padding-bottom: 0.3334rem; border-top: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: flex; justify-content: space-between; align-items: center; } .ny37-section6 .swiper .swiper-slide1 .item { text-align: center; display: block; } .ny37-section6 .swiper .swiper-slide1 .item .number { font-size: 1.3334rem; line-height: 1; display: flex; align-items: flex-start; justify-content: center; color: #fff; font-family: "HYJunhei-85J"; } .ny37-section6 .swiper .swiper-slide1 .item .number span { width: 0.3334rem; height: 0.3334rem; border-radius: 100%; background-color: #fff; color: #000; font-size: 0.2rem; display: flex; align-items: center; justify-content: center; margin-top: 0.1667rem; margin-left: 0.0832rem; } .ny37-section6 .swiper .swiper-slide1 .item .text3 { margin-top: 0.1667rem; font-size: 0.2666rem; color: #86868B; line-height: 1.1; } .ny37-section6 .swiper .swiper-slide1 .item .text3 span { font-size: 0.2rem; display: block; margin-top: 0.0333rem; height: 1em; } .ny37-section6 .swiper .swiper-slide2 { padding-left: 0.1667rem; } .ny37-section6 .swiper .swiper-slide2 .content { display: flex; align-items: stretch; justify-content: flex-start; } .ny37-section6 .swiper .swiper-slide2 .content .info { font-size: 0.2666rem; color: #86868B; line-height: 1.6; text-align: justify; } .ny37-section6 .swiper .swiper-slide2 .content .image { width: 3.8333rem; display: block; margin-left: 0.4rem; flex-shrink: 0; margin-right: 0.5667rem; } .ny37-section6 .swiper .swiper-slide2 .content .image img { width: 100%; } .ny37-section6 .swiper .swiper-slide3 { padding-left: 0.1667rem; } .ny37-section6 .swiper .swiper-slide3 .content { display: flex; align-items: stretch; justify-content: flex-start; } .ny37-section6 .swiper .swiper-slide3 .content .item { font-size: 0.2666rem; color: #86868B; line-height: 1.6; padding-top: 0.5002rem; padding-bottom: 0.5002rem; border-bottom: 1px solid #424245; } .ny37-section6 .swiper .swiper-slide3 .content .item:first-child { padding-top: 0; } .ny37-section6 .swiper .swiper-slide3 .content .item:last-child { padding-bottom: 0; border-bottom: 0; } .ny37-section6 .swiper .swiper-slide3 .content .item:nth-child(2n-1) { padding-right: 2.2333rem; text-align: left; } .ny37-section6 .swiper .swiper-slide3 .content .item:nth-child(2n) { padding-left: 1.5002rem; text-align: right; } .ny37-section6 .swiper .swiper-slide3 .content .image { width: 3rem; display: block; margin-left: 0.4rem; flex-shrink: 0; margin-right: 0.5667rem; } .ny37-section6 .swiper .swiper-slide3 .content .image img { width: 100%; } .ny37-section6 .swiper .swiper-slide4 { padding-left: 0.1667rem; } .ny37-section6 .swiper .swiper-slide4 .content { display: flex; align-items: stretch; justify-content: flex-start; } .ny37-section6 .swiper .swiper-slide4 .content .info { font-size: 0.2666rem; color: #86868B; line-height: 1.6; text-align: justify; } .ny37-section6 .swiper .swiper-slide4 .content .image { width: 5.8333rem; display: block; margin-left: 0.4rem; flex-shrink: 0; margin-right: 0.5667rem; } .ny37-section6 .swiper .swiper-slide4 .content .image img { width: 100%; } /* ==================== 内页37 - 板块六 End ==================== */ /* ==================== 内页37 - 板块七 Start ==================== */ /* ==================== 内页37 - 板块七 End ==================== */ /* ==================== 内页37 - 板块八 Start ==================== */ /* ==================== 内页37 - 板块八 End ==================== */