/* ==================== 内页45 - 通用 Start ==================== */ .ny48-text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny48-text2 { font-size: 0.4333rem; line-height: 1.6; } /* ==================== 内页45 - 通用 End ==================== */ /* ==================== 内页48 - 板块一 Start ==================== */ .ny48-section1 { position: relative; background-color: #000000; } .ny48-section1 .video { position: relative; z-index: 1; width: 100%; height: 49.74vw; } .ny48-section1 .video video { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } .ny48-section1 .info { width: 100%; height: 100%; z-index: 4; text-align: center; margin-bottom: 1rem; position: absolute; top: 0; left: 0; display: flex; align-items: center; flex-flow: column; justify-content: center; color: #fff; background-color: rgba(0, 0, 0, 0.5); } .ny48-section1 .info .text1 { font-size: 0.2667rem; line-height: 1.1; margin-bottom: 0.3333rem; } .ny48-section1 .info .text2 { font-size: 1.0667rem; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny48-section1 .info .text3 { margin-top: 0.5rem; font-size: 0.4333rem; line-height: 1.1; } /* ==================== 内页48 - 板块一 End ==================== */ /* ==================== 内页48 - 板块二 Start ==================== */ .ny48-section2 { background-color: #101010; } .ny48-section2 .max-body { padding: 2.6666rem 4.5002rem; } .ny48-section2 .ny48-text1 { color: #fff; margin-bottom: 1rem; } .ny48-section2 .image { border: 1px solid #5D5D5D; padding: 0.3334rem; background-color: #000000; border-radius: 0.0832rem; overflow: hidden; } .ny48-section2 .image img { width: 100%; border: 2px solid #fff; } .ny48-section2 .image video { width: 22.1667rem; height: 12.5rem; object-fit: cover; object-position: center center; display: block; border: 2px solid #fff; font-size: 0.2rem; } /* ==================== 内页48 - 板块二 End ==================== */ /* ==================== 内页48 - 板块三 Start ==================== */ .ny48-section3 { position: relative; background-color: #010001; } .ny48-section3 .max-body { padding-top: 3.1667rem; padding-top: 2.6666rem; padding-right: 2.3334rem; } .ny48-section3 .image { width: 18.3334rem; margin-left: 11.3334rem; } .ny48-section3 .image img { width: 100%; } .ny48-section3 .body { width: 12.3334rem; position: absolute; bottom: 1.8333rem; left: 4.5002rem; z-index: 2; } .ny48-section3 .body .ny48-text1 { color: #fff; margin-bottom: 0.6666rem; } .ny48-section3 .body .ny48-text2 { color: #86868B; } .ny48-section3 .body .ny48-text2 span { color: #fff; } .ny48-section3 .itembox { margin-top: 2rem; display: table; position: relative; } .ny48-section3 .item { display: flex; align-items: center; justify-content: flex-start; padding: 0.1002rem 0.5002rem; border-radius: 1.6666rem; overflow: hidden; border: 1px solid transparent; margin-bottom: 0.1667rem; cursor: pointer; opacity: 0.5; transition: all 0.4s; } .ny48-section3 .item.active { opacity: 1; border-color: #fff; } .ny48-section3 .item:last-child { margin-bottom: 0; } .ny48-section3 .item .icon { width: 1.1667rem; display: block; flex-shrink: 0; margin-right: 0.1667rem; } .ny48-section3 .item .desc { font-size: 0.2666rem; line-height: 1.8; text-align: justify; color: #fff; } .ny48-section3 .swiper { position: absolute; right: 0.2333rem; width: 2rem; height: 2rem; bottom: 0.8333rem; } .ny48-section3 .swiper:before { content: ""; display: block; width: 0.1002rem; height: 0.1002rem; right: 0.864rem; position: absolute; background: #86868B; bottom: 2.1667rem; border-radius: 100%; pointer-events: none; } .ny48-section3 .swiper:after { content: ""; display: block; width: 11.1667rem; height: 4.1667rem; border-top: 1px solid #86868B; border-right: 1px solid #86868B; position: absolute; bottom: 110%; right: 45%; pointer-events: none; } .ny48-section3 .ny48-section3-swiper { width: 100%; height: 100%; } .ny48-section3 .ny48-section3-swiper .swiper-slide { border-radius: 100%; overflow: hidden; } .ny48-section3 .ny48-section3-swiper img { width: 100%; } /* ==================== 内页48 - 板块三 End ==================== */ /* ==================== 内页48 - 板块四 Start ==================== */ .ny48-section4 { background-color: #F5F5F7; } .ny48-section4 .max-body { padding-top: 3rem; padding-bottom: 2.6666rem; padding-left: 4.5002rem; padding-right: 4.5002rem; } .ny48-section4 .ny48-text2 { color: #86868B; font-size: 26px; } .ny48-section4 .title { margin-bottom: 1rem; } .ny48-section4 .title .ny48-text1 { margin-bottom: 0.3334rem; } .ny48-section4 .image { width: 100%; margin-bottom: 0.6666rem; } .ny48-section4 .image img { width: 100%; } .ny48-section4 .image video { width: 23rem; height: 11.7667rem; object-fit: cover; object-position: center center; display: block; font-size: 0.2rem; } /* ==================== 内页48 - 板块四 End ==================== */ /* ==================== 内页48 - 板块五 Start ==================== */ .ny48-section5 { background-color: #fff; padding-bottom: 2.6667rem; } .ny48-section5 .max-body { padding-top: 2.6666rem; } .ny48-section5 .title { margin-bottom: 1rem; padding-left: 4.5002rem; padding-right: 4.5002rem; } .ny48-section5 .title .ny48-text1 { margin-bottom: 0.3334rem; } .ny48-section5 .title .ny48-text2 { opacity: 0.5; } .ny48-section5 .body { margin-left: auto; margin-right: auto; width: 23rem; position: relative; } .ny48-section5 .image2 { display: block; width: 23rem; margin-left: auto; margin-right: auto; } .ny48-section5 .image2 img { width: 100%; } .ny48-section5 .image { display: block; width: 100%; } .ny48-section5 .image img { width: 100%; } .ny48-section5 .item { position: absolute; z-index: 3; } .ny48-section5 .item::after { content: ""; display: block; position: absolute; transition: height 0s ease, width 0s ease 0s; width: 0; height: 0; } .ny48-section5 .item.active:after { transition: height 0.1s ease, width 0.3s ease 0.3s; } .ny48-section5 .item.active .content { opacity: 1; transition: opacity 0.01s ease 0.4s; } .ny48-section5 .item .icon { width: 0.3002rem; height: 0.3002rem; position: relative; background: url(../images/ny48/img034@34x34.png) no-repeat center; background-size: 100%; cursor: pointer; } .ny48-section5 .item .icon:before, .ny48-section5 .item .icon:after { content: ""; top: 50%; left: 50%; margin-left: -50%; margin-top: -50%; width: 100%; height: 100%; position: absolute; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; -webkit-animation: ny48-section5-ani 2.4s ease-out infinite; -moz-animation: ny48-section5-ani 2.4s ease-out infinite; animation: ny48-section5-ani 2.4s ease-out infinite; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .ny48-section5 .item .icon:before { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; } .ny48-section5 .item .content { text-align: left; position: absolute; opacity: 0; transition: opacity 0s ease 0s; } .ny48-section5 .item .icon2 { width: 1.5002rem; margin-left: auto; margin-right: auto; } .ny48-section5 .item .icon2 img { width: 100%; } .ny48-section5 .item .text { font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; font-family: "HYJunhei-85J"; white-space: nowrap; } .ny48-section5 .item1 { top: 0.6666rem; right: 4.5002rem; } .ny48-section5 .item1.active:after { width: 17.3334rem; } .ny48-section5 .item1:after { height: 2px; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0.1168rem; right: 100%; margin-right: 0.3334rem; } .ny48-section5 .item1 .content { right: 16.6666rem; top: 0; } .ny48-section5 .item2 { top: 2.3334rem; right: 6.6666rem; } .ny48-section5 .item2.active:after { width: 7rem; height: 5.3334rem; } .ny48-section5 .item2:after { border-left: 2px solid rgba(0, 0, 0, 0.2); border-bottom: 2px solid rgba(0, 0, 0, 0.2); position: absolute; top: 0.5002rem; left: 0.1334rem; } .ny48-section5 .item2 .content { left: 5.5002rem; top: 5.8333rem; } .ny48-section5 .item3 { top: 3.6666rem; right: 8.8333rem; } .ny48-section5 .item3.active:after { width: 13.8333rem; height: 2.6666rem; } .ny48-section5 .item3:after { border-right: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid rgba(0, 0, 0, 0.2); position: absolute; bottom: 100%; right: 100%; margin-right: -0.1667rem; margin-bottom: 0.3334rem; } .ny48-section5 .item3 .content { bottom: 1.3334rem; right: 12.1667rem; } .ny48-section5 .item4 { top: 6.3334rem; right: 11.8333rem; } .ny48-section5 .item4.active:after { width: 12.1667rem; height: 2.6666rem; } .ny48-section5 .item4:after { border-left: 2px solid rgba(0, 0, 0, 0.2); border-bottom: 2px solid rgba(0, 0, 0, 0.2); position: absolute; left: 0.1501rem; top: 0.8333rem; } .ny48-section5 .item4 .content { top: 3.5002rem; left: 10.5002rem; } .ny48-section5 .item5 { top: 6.6666rem; left: 7.8333rem; } .ny48-section5 .item5.active:after { width: 8.1667rem; height: 5.5002rem; } .ny48-section5 .item5:after { border-right: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid rgba(0, 0, 0, 0.2); position: absolute; right: 0.1667rem; bottom: 0.6666rem; } .ny48-section5 .item5 .content { bottom: 4.1667rem; right: 6.6666rem; } .ny48-section5 .item6 { top: 7.1667rem; left: 5.1667rem; } .ny48-section5 .item6.active:after { width: 5.5002rem; height: 6rem; } .ny48-section5 .item6:after { border-right: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid rgba(0, 0, 0, 0.2); position: absolute; right: 0.1667rem; bottom: 0.6666rem; } .ny48-section5 .item6 .content { bottom: 4.1667rem; right: 4rem; } .ny48-section5 .item7 { top: 8.5002rem; left: 2.5834rem; } .ny48-section5 .item7.active:after { width: 20.3334rem; height: 1rem; } .ny48-section5 .item7:after { border-left: 2px solid rgba(0, 0, 0, 0.2); border-bottom: 2px solid rgba(0, 0, 0, 0.2); position: absolute; left: 0.1667rem; top: 0.6666rem; } .ny48-section5 .item7 .content { top: 1.6666rem; left: 18.8333rem; } @keyframes ny48-section5-ani { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); transform: scale(2.2); opacity: 0; } } /* ==================== 内页48 - 板块五 End ==================== */ /* ==================== 内页48 - 板块六 Start ==================== */ .ny48-section6 { overflow: hidden; background-color: #000000; } .ny48-section6 .max-body { padding-top: 2.6666rem; padding-bottom: 2.6666rem; padding-left: 4.5002rem; padding-right: 4.5002rem; } .ny48-section6 .title { text-align: center; color: #fff; } .ny48-section6 .title .ny48-text1 { margin-bottom: 0.4166rem; } .ny48-section6 .desc { text-align: center; font-size: 0.4333rem; color: #86868B; line-height: 1.8; margin-top: 0.6666rem; margin-bottom: 2rem; } .ny48-section6 .body { display: flex; align-items: center; justify-content: flex-start; } .ny48-section6 .itembox { min-width: 0; flex-grow: 1; } .ny48-section6 .item { margin-bottom: 1rem; opacity: 0.3; transition: all 0.4s; cursor: pointer; color: #fff; } .ny48-section6 .item.active { opacity: 1; } .ny48-section6 .item .text1 { margin-bottom: 0.3334rem; font-size: 0.4333rem; font-family: "HYJunhei-85J"; line-height: 1.2; } .ny48-section6 .item .text2 { font-size: 0.3334rem; line-height: 1.8; text-align: justify; } .ny48-section6 .ny48-section6-swiper { margin-left: 0.8333rem; width: 13.6666rem; border-radius: 0.1667rem; overflow: hidden; flex-shrink: 0; } .ny48-section6 .ny48-section6-swiper img { width: 100%; } /* ==================== 内页48 - 板块六 End ==================== */ /* ==================== 内页48 - 板块七 Start ==================== */ .ny48-section7 { background-color: #F5F5F7; overflow: hidden; } .ny48-section7 .max-body { padding-top: 2.6666rem; padding-bottom: 2.6666rem; padding-left: 4.5002rem; } .ny48-section7 .title { margin-bottom: 1rem; } .ny48-section7 .title .ny48-text1 { margin-bottom: 0.4166rem; } .ny48-section7 .image { position: relative; } .ny48-section7 .image .bg { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.7); transition: all 0.4s; } .ny48-section7 .ny48-section7-swiper { width: 12.5002rem; overflow: visible; margin-left: 0; margin-right: auto; } .ny48-section7 .ny48-section7-swiper .swiper-slide { transition: all 0.2s; } .ny48-section7 .ny48-section7-swiper .swiper-slide img { width: 100%; } .ny48-section7 .ny48-section7-swiper .swiper-slide:first-child { position: relative; z-index: 2; } .ny48-section7 .ny48-section7-swiper .swiper-slide.swiper-slide-active .image .bg { opacity: 0 !important; } .ny48-section7 .ny48-section7-swiper .swiper-slide + .swiper-slide-next { transform: translateX(-2.1667rem) scale(0.65); } .ny48-section7 .ny48-section7-swiper .swiper-slide + .swiper-slide-next + .swiper-slide { transform: translateX(-6.5002rem) scale(0.65); } .ny48-section7 .ny48-section7-swiper .swiper-slide + .swiper-slide-next + .swiper-slide + .swiper-slide { transform: translateX(-10.8333rem) scale(0.65); } .ny48-section7 .ny48-section7-swiper .swiper-slide + .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide { transform: translateX(-15.1667rem) scale(0.65); } .ny48-section7 .swiper-btn-group { margin-top: 0.6666rem; justify-content: flex-end; padding-right: 4.5002rem; } .ny48-section7 .swiper-btn { background-color: #E9E8EE; opacity: 1; width: 0.6333rem; height: 0.6333rem; font-size: 0.3334rem; color: #000; } .ny48-section7 .swiper-btn.swiper-button-disabled { opacity: 0.2; color: #000; } .ny48-section7 .swiper-btn .swiper-btn-prev { margin-right: 0.2666rem; } /* ==================== 内页48 - 板块七 End ==================== */ /* ==================== 内页48 - 板块八 Start ==================== */ .ny48-section8 { position: relative; } .ny48-section8:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3334rem; background: -webkit-linear-gradient(to top, #000, transparent); background: -o-linear-gradient(to top, #000, transparent); background: -moz-linear-gradient(to top, #000, transparent); background: linear-gradient(to top, #000, transparent); z-index: 2; } .ny48-section8 .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-flow: column; color: #fff; text-align: center; z-index: 2; } .ny48-section8 .info .ny48-text1 { margin-bottom: 0.5002rem; } .ny48-section8 .image img { width: 100%; } /* ==================== 内页48 - 板块八 End ==================== */ /* ==================== 内页48 - 板块九 Start ==================== */ .ny48-section9 { overflow: hidden; background-color: #000; } .ny48-section9 .max-body { display: flex; align-items: center; justify-content: flex-start; padding-left: 4.5002rem; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny48-section9 .info { color: #fff; margin-right: 0.6666rem; min-width: 0; flex-grow: 1; } .ny48-section9 .info .text1 { font-size: 0.4333rem; line-height: 1.1; margin-bottom: 0.6666rem; } .ny48-section9 .info .ny48-text1 { margin-bottom: 1rem; } .ny48-section9 .swiper { overflow: hidden; width: 18.3334rem; flex-shrink: 0; } .ny48-section9 .ny48-section9-swiper { overflow: visible; width: 15.3334rem; margin-left: 0; margin-right: auto; } .ny48-section9 .ny48-section9-swiper .swiper-slide .image { opacity: 0.5; transition: opacity 0.5s; } .ny48-section9 .ny48-section9-swiper .swiper-slide.swiper-slide-active .image { opacity: 1; } .ny48-section9 .item { position: relative; } .ny48-section9 .item .text { position: absolute; bottom: 0; left: 0; padding: 0.3334rem 0.5002rem; color: #fff; z-index: 3; width: 100%; font-size: 0.4333rem; } /* ==================== 内页48 - 板块九 End ==================== */ /* ==================== 内页48 - 板块十 Start ==================== */ .ny48-section10 { background-color: #000000; overflow: hidden; } .ny48-section10 .max-body { padding-top: 2.6666rem; padding-bottom: 2.6666rem; padding-left: 4.5002rem; padding-right: 4.5002rem; } .ny48-section10 .ny48-text1 { color: #fff; margin-bottom: 0.9168rem; } .ny48-section10 .table { background-color: #101010; border-radius: 0.3334rem; overflow: hidden; width: 100%; padding: 1rem; } .ny48-section10 table, .ny48-section10 td, .ny48-section10 th { border-collapse: collapse; border: 1px solid #37373A; } .ny48-section10 table { width: 100%; } .ny48-section10 tr:nth-child(2n-1) td { color: rgba(255, 255, 255, 0.5); background-color: #222323; } .ny48-section10 tr:nth-child(2n) td { padding-top: 0.6666rem; padding-bottom: 0.6666rem; color: #fff; } .ny48-section10 td { font-size: 0.2666rem; padding: 0.2666rem 0.3334rem; text-align: left; } /* ==================== 内页48 - 板块十 End ==================== */