/* ==================== 内页64 - 通用 Start ==================== */ .ny64-box { width: 23rem; margin-left: auto; margin-right: auto; } /* ==================== 内页64 - 通用 End ==================== */ /* ==================== 内页64 - 板块一 Start ==================== */ .ny64-section1 { position: relative; } .ny64-section1 .image { width: 100%; } .ny64-section1 .image img { width: 100%; } .ny64-section1 .info { position: absolute; top: 50%; transform: translateY(-50%); padding-left: 4.5834rem; color: #fff; left: 0; width: 100%; } .ny64-section1 .info .text1 { font-size: 0.2666rem; line-height: 1.1; margin-bottom: 0.3334rem; } .ny64-section1 .info .text2 { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; margin-bottom: 0.5002rem; } .ny64-section1 .info .text3 { font-size: 0.4333rem; line-height: 1.1; } /* ==================== 内页64 - 板块一 End ==================== */ /* ==================== 内页64 - 板块二 Start ==================== */ .ny64-section2 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; padding-left: 4.3334rem; background-color: #000000; overflow: hidden; } .ny64-section2 .title { font-size: 1rem; line-height: 1.4; color: #86868B; font-family: "HYJunhei-85J"; margin-bottom: 0.8333rem; } .ny64-section2 .title span { color: #fff; font-family: "HYJunhei-85J"; } .ny64-section2 .bottom { display: flex; align-items: center; justify-content: center; margin-top: 1.1667rem; width: 16.1667rem; margin-left: auto; margin-right: auto; } .ny64-section2 .bottom .swiper-button { position: static; font-size: 0.5002rem; color: #fff; transform: translateY(0); margin: 0; border-radius: 0; } .ny64-section2 .bottom .swiper-button-prev { border-right: 1px solid #424245; } .ny64-section2 .bottom .swiper-button-next { border-left: 1px solid #424245; } .ny64-section2 .ny64-section2-swiper { width: 15rem; overflow: visible; margin-left: 0; margin-right: auto; border-bottom: 1px solid #212122; } .ny64-section2 .ny64-section2-swiper2 { margin-left: 0.1667rem; margin-right: 0.1667rem; } .ny64-section2 .ny64-section2-swiper2 .swiper-slide { width: auto; font-size: 0.4333rem; color: #86868B; line-height: 1.1; padding-top: 0.3334rem; padding-bottom: 0.3334rem; cursor: pointer; position: relative; } .ny64-section2 .ny64-section2-swiper2 .swiper-slide:after { content: ""; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0; display: none; } .ny64-section2 .ny64-section2-swiper2 .swiper-slide.swiper-slide-thumb-active { color: #fff; } .ny64-section2 .ny64-section2-swiper2 .swiper-slide.swiper-slide-thumb-active:after { display: block; } /* ==================== 内页64 - 板块二 End ==================== */ /* ==================== 内页64 - 板块三 Start ==================== */ .ny64-section3 { position: relative; overflow: hidden; background-color: #000000; padding-bottom: 2.6666rem; } .ny64-section3 .text1 { margin-bottom: 1.0832rem; text-align: center; font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; color: #fff; } .ny64-section3 .image { display: block; width: 100%; } .ny64-section3 .image img { width: 100%; } /* ==================== 内页64 - 板块三 End ==================== */ /* ==================== 内页64 - 板块四 Start ==================== */ .ny64-section4 { position: relative; background-color: #000000; } .ny64-section4 .image { width: 24.6666rem; } .ny64-section4 .image img { width: 100%; } .ny64-section4 .info { position: absolute; top: 50%; transform: translateY(-50%); left: 20rem; z-index: 3; } .ny64-section4 .info .text1 { font-size: 1rem; color: #FFFFFF; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny64-section4 .info .text2 { margin-top: 0.5002rem; font-size: 0.4333rem; color: #FFFFFF; line-height: 1.6; text-align: justify; } /* ==================== 内页64 - 板块四 End ==================== */ /* ==================== 内页64 - 板块五 Start ==================== */ .ny64-section5 { background-color: #101010; padding-top: 2.6666rem; padding-bottom: 4rem; } .ny64-section5 .top-head { margin-bottom: 1rem; } .ny64-section5 .top-head .text1 { font-size: 1rem; margin-bottom: 0.5002rem; line-height: 1.1; color: #FFFFFF; font-family: "HYJunhei-85J"; } .ny64-section5 .top-head .text2 { font-size: 0.4333rem; color: #FFFFFF; line-height: 1.2; } .ny64-section5 .body { background-color: #000000; border-radius: 0.4666rem; overflow: hidden; display: flex; align-items: stretch; justify-content: flex-start; } .ny64-section5 .body .left-body { width: 8.0832rem; padding: 1.1667rem; flex-shrink: 0; } .ny64-section5 .body .left-body .item.active .head { cursor: inherit; padding-bottom: 0.1667rem; } .ny64-section5 .body .left-body .item.active .head:after { transform: rotate(180deg) translateY(50%); } .ny64-section5 .body .left-body .item:first-child .head { border-top: 0; } .ny64-section5 .body .left-body .item .head { padding-top: 0.6rem; padding-bottom: 0.6rem; border-top: 1px solid #424245; font-size: 0.5002rem; line-height: 1.1; font-family: "HYJunhei-85J"; position: relative; color: #fff; cursor: pointer; transition: all 0.4s; } .ny64-section5 .body .left-body .item .head:after { content: ""; display: block; width: 0.3334rem; height: 0.3334rem; background: url(../images/ny3/img095@20x20.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .ny64-section5 .body .left-body .item .desc { font-size: 0.3002rem; color: #FFFFFF; padding-bottom: 0.6rem; line-height: 1.8; text-align: justify; padding-right: 0.5002rem; display: none; } .ny64-section5 .body .left-body .item .desc strong { font-weight: 400; font-size: 0.3334rem; font-family: "HYJunhei-85J"; } .ny64-section5 .body .right-body { min-width: 0; flex-grow: 1; position: relative; display: flex; align-items: center; justify-content: center; } .ny64-section5 .body .right-body .item { width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.4s; display: flex; align-items: center; justify-content: center; } .ny64-section5 .body .right-body .item.active { opacity: 1; visibility: visible; } .ny64-section5 .body .right-body .item:first-child ~ .item { position: absolute; top: 0; left: 0; } .ny64-section5 .body .right-body .item .image { width: 10.6666rem; border-radius: 0.3334rem; overflow: hidden; } .ny64-section5 .body .right-body .item .image img { width: 100%; } .ny64-section5 .tip { font-size: 0.4333rem; color: #86868B; line-height: 1.1; margin-top: 0.6666rem; } /* ==================== 内页64 - 板块五 End ==================== */ /* ==================== 内页64 - 板块六 Start ==================== */ .ny64-section6 { padding-top: 2.67rem; background-color: #000000; } .ny64-section6 .head { margin-bottom: 1rem; } .ny64-section6 .head .text1 { font-size: 1rem; color: #FFFFFF; line-height: 1.1; margin-bottom: 0.5002rem; font-family: "HYJunhei-85J"; } .ny64-section6 .head .text2 { font-size: 0.4333rem; line-height: 1.4; color: #86868B; } .ny64-section6 .head .text2 span { color: #fff; } .ny64-section6 .tabs { display: inline-flex; align-items: stretch; justify-content: flex-start; background-color: #1D1D1F; border-radius: 1.6666rem; padding: 0.0832rem; } .ny64-section6 .tabs .tab-item { padding: 0.2rem 0.3334rem; border-radius: 1.6666rem; overflow: hidden; color: #535355; text-align: center; cursor: pointer; } .ny64-section6 .tabs .tab-item.active { color: #000; background-color: #fff; border-radius: 1.6666rem; } .ny64-section6 .swiper { margin-top: 1.1667rem; } .ny64-section6 .swiper .image { margin-left: auto; margin-right: auto; width: 23rem; } .ny64-section6 .swiper .image img { width: 100%; } /* ==================== 内页64 - 板块六 End ==================== */ /* ==================== 内页64 - 板块七 Start ==================== */ .ny64-section7 { background-color: #000000; padding-top: 5.5002rem; position: relative; } .ny64-section7 .image { width: 16.6666rem; display: block; } .ny64-section7 .image img { width: 100%; } .ny64-section7 .info { min-width: 0; flex-grow: 1; text-align: right; position: absolute; top: 50%; left: 18rem; } .ny64-section7 .info .text1 { font-size: 1rem; margin-bottom: 0.6666rem; display: inline-block; font-family: "HYJunhei-85J"; color: transparent; background: -webkit-linear-gradient(to right, #FF0000, #FFDF66, #FF0000); background: -o-linear-gradient(to right, #FF0000, #FFDF66, #FF0000); background: -moz-linear-gradient(to right, #FF0000, #FFDF66, #FF0000); background: linear-gradient(to right, #FF0000, #FFDF66, #FF0000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ny64-section7 .info .text2 { font-size: 0.4333rem; color: #FFFFFF; line-height: 2; } .ny64-section7 .info .text3 { margin-top: 1rem; font-size: 0.4333rem; color: #86868B; line-height: 1.2; } /* ==================== 内页64 - 板块七 End ==================== */ /* ==================== 内页64 - 板块八 Start ==================== */ .ny64-section8 { overflow: hidden; position: relative; background-color: #000000; } .ny64-section8 .itembox { display: flex; align-items: stretch; justify-content: space-between; padding-top: 0.3334rem; } .ny64-section8 .item { width: 49.5%; position: relative; } .ny64-section8 .item .info { text-align: center; position: absolute; z-index: 3; padding-left: 0.6666rem; padding-right: 0.6666rem; top: 1.1667rem; left: 0; width: 100%; } .ny64-section8 .item .info .text1 { font-size: 1rem; color: #FFFFFF; font-family: "HYJunhei-85J"; } .ny64-section8 .item .info .text2 { font-size: 0.4333rem; color: #86868B; margin-top: 0.5002rem; } .ny64-section8 .image img { width: 100%; } /* ==================== 内页64 - 板块八 End ==================== */ /* ==================== 内页64 - 板块九 Start ==================== */ .ny64-section9 { background-color: #000000; position: relative; overflow: hidden; } .ny64-section9 .ny64-body { padding-left: 4.5002rem; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny64-section9 .title { font-size: 1rem; color: #FFFFFF; line-height: 1.1; margin-bottom: 1rem; font-family: "HYJunhei-85J"; } .ny64-section9 .swiper { position: relative; } .ny64-section9 .swiper .ny64-section9-swiper { overflow: visible; } .ny64-section9 .swiper .item { position: relative; } .ny64-section9 .swiper .item .info { position: absolute; padding: 0.8333rem 0.5002rem; top: 0; left: 0; z-index: 3; } .ny64-section9 .swiper .item .info .text1 { font-size: 0.4333rem; color: #FFFFFF; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny64-section9 .swiper .item .info .text2 { margin-top: 0.2499rem; font-size: 0.3334rem; color: #FFFFFF; } .ny64-section9 .swiper .swiper-btn { width: 0.9002rem; height: 0.9002rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; background: rgba(29, 29, 31, 0.5); color: #fff; font-size: 0.5002rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; cursor: pointer; } .ny64-section9 .swiper .swiper-btn.swiper-button-disabled { display: none; } .ny64-section9 .swiper .swiper-btn.swiper-btn-prev { left: 1.6666rem; } .ny64-section9 .swiper .swiper-btn.swiper-btn-next { right: 1.6666rem; } /* ==================== 内页64 - 板块九 End ==================== */ /* ==================== 内页64 - 板块十 Start ==================== */ .ny64-section10 { background-color: #000000; padding-bottom: 2.6666rem; } .ny64-section10 .table { background-color: #101010; border-radius: 0.3334rem; overflow: hidden; width: 100%; padding: 1rem; } .ny64-section10 table, .ny64-section10 td, .ny64-section10 th { border-collapse: collapse; border: 1px solid #37373A; text-align: left; } .ny64-section10 table { width: 100%; } .ny64-section10 tr:nth-child(2n-1) td { color: rgba(255, 255, 255, 0.5); background-color: #222323; } .ny64-section10 tr:nth-child(2n) td { padding-top: 0.6666rem; padding-bottom: 0.6666rem; color: #fff; } .ny64-section10 td { font-size: 0.2666rem; padding: 0.2666rem 0.3334rem; } /* ==================== 内页64 - 板块十 End ==================== */