.ny13-main .mxw-box { width: 24rem; } /* ==================== 内页13 - 通用标题 Start ==================== */ .ny13-title { color: #fff; text-align: left; } .ny13-title .text1 { margin-left: -0.3334rem; } .ny13-title .text2 { line-height: 1; font-size: 1rem; font-family: "HYJunhei-85J"; margin-bottom: 0.4rem; } .ny13-title .text3 { line-height: 1; font-size: 0.4rem; } /* ==================== 内页13 - 通用标题 End ==================== */ /* ==================== 内页13 - 板块一 Start ==================== */ .ny13-section1 { position: relative; height: 100vh; } .ny13-section1 .body { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny13-section1 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.4); } .ny13-section1 .info { position: relative; z-index: 3; text-align: center; color: #fff; } .ny13-section1 .info .text1 { font-size: 0.2666rem; margin-bottom: 0.3334rem; } .ny13-section1 .info .text2 { font-size: 1rem; line-height: 1.1; margin-bottom: 0.5002rem; font-family: "HYJunhei-85J"; } .ny13-section1 .info .text3 { font-size: 0.4333rem; } .ny13-section1 .title-group { position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; } .ny13-section1 .title { position: absolute; color: #fff; z-index: 10; visibility: hidden; } .ny13-section1 .title:nth-child(1) { left: 1.6666rem; bottom: 5.3334rem; } .ny13-section1 .title:nth-child(2) { top: 2.5002rem; left: 3.1334rem; } .ny13-section1 .title:nth-child(3) { right: 2.8333rem; bottom: 6.3334rem; } .ny13-section1 .title:nth-child(4) { right: 2rem; bottom: 0.5334rem; } .ny13-section1 .title .text1 { font-size: 0.4rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny13-section1 .title .text1:after { content: ""; display: block; width: 1.3334rem; height: 1px; background-color: #fff; margin-top: 0.2499rem; margin-bottom: 0.2499rem; } .ny13-section1 .title .text2 { font-size: 1rem; line-height: 1; font-family: "HYJunhei-85J"; } .ny13-section1 .video { height: 100%; width: 100%; } .ny13-section1 .video video { display: block; width: 100%; } /* ==================== 内页13 - 板块一 End ==================== */ /* ==================== 内页13 - 板块二 Start ==================== */ .ny13-section2 { background-size: cover; } .ny13-section2 .content { height: 100vh; display: flex; align-items: center; justify-content: center; } .ny13-section2 .text1 { text-align: center; } .ny13-section2 .text1 span { font-size: 1rem; display: table; line-height: 1.2; margin-left: auto; margin-right: auto; color: #fff; font-family: "HYJunhei-85J"; } .ny13-section2 .text2 { width: 10rem; text-align: center; margin-left: auto; margin-right: auto; } .ny13-section2 .text2 img { width: 100%; } .ny13-section2 .info { margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny13-section2 .info .text { text-align: center; color: #fff; font-size: 0.4rem; font-family: HYQiHei_35S; margin-bottom: 0.5002rem; } /* ==================== 内页13 - 板块二 End ==================== */ /* ==================== 内页13 - 板块三 Start ==================== */ .ny13-section3 { overflow: hidden; } .ny13-section3 .content { padding-top: 1rem; height: 100vh; background-color: #0D1526; } .ny13-section3 .body { text-align: center; position: relative; } .ny13-section3 .image { width: 16.6666rem; margin-left: auto; margin-right: auto; position: relative; } .ny13-section3 .image .img1 { position: relative; z-index: 2; } .ny13-section3 .image .img2 { position: absolute; z-index: 1; width: 16.6666rem; height: 16.6666rem; top: 50%; left: 50%; margin-left: -50%; margin-top: -50%; } .ny13-section3 .image .img2 img { animation: ny13-section3-ani 20s infinite linear; } .ny13-section3 .itembox { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 10.6666rem; position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); z-index: 3; } .ny13-section3 .item { display: flex; align-items: center; justify-content: flex-start; } .ny13-section3 .item:last-child { margin-top: 0.8333rem; margin-left: auto; margin-right: auto; } .ny13-section3 .item .icon { margin-right: 0.5002rem; width: 1.6666rem; flex-shrink: 0; } .ny13-section3 .item .text { text-align: left; color: #fff; } .ny13-section3 .item .text span { line-height: 1; display: block; } .ny13-section3 .item .text span:nth-child(1) { font-size: 1rem; margin-bottom: 0.1667rem; } .ny13-section3 .item .text span:nth-child(2) { font-size: 0.4333rem; } @keyframes ny13-section3-ani { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } /* ==================== 内页13 - 板块三 End ==================== */ /* ==================== 内页13 - 板块四 Start ==================== */ .ny13-section4 { padding-bottom: 3.1667rem; background-color: #0C1526; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; } .ny13-section4 .ny13-title { z-index: 2; padding-top: 2.3334rem; margin-bottom: 8.3334rem; text-align: center; } .ny13-section4 .itembox { display: flex; } .ny13-section4 .itembox .item { width: 32.5%; } .ny13-section4 .itembox .item:nth-child(3n-1) { margin-left: 1.25%; margin-right: 1.25%; } .ny13-section4 .itembox .item .image { border-radius: 0.1667rem; overflow: hidden; } .ny13-section4 .itembox .item .text { text-align: center; margin-top: 0.5002rem; font-size: 0.4333rem; color: #ffffff; } /* ==================== 内页13 - 板块四 End ==================== */ /* ==================== 内页13 - 板块五 Start ==================== */ .ny13-section5 { overflow: hidden; padding-bottom: 3.8333rem; background-color: #fff; } .ny13-section5 .body { position: relative; display: flex; align-items: center; justify-content: center; } .ny13-section5 .body .content { width: 24rem; position: relative; border-radius: 0.3334rem; overflow: hidden; } .ny13-section5 .body .info { position: absolute; top: 50%; left: 1.8333rem; z-index: 2; transform: translateY(-50%); color: #fff; } .ny13-section5 .body .info .text1 { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1.1; margin-bottom: 0.3334rem; } .ny13-section5 .body .info .text2 { font-size: 0.4333rem; line-height: 1.1; margin-bottom: 0.3334rem; } .ny13-section5 .body .info .text3 { font-size: 0.2666rem; line-height: 1.6; text-align: justify; font-family: "HYJunhei-35J"; opacity: 0.6; letter-spacing: 0.0333rem; } .ny13-section5 .body .image img { width: 100%; } .ny13-section5 .body2 { padding-top: 3rem; } .ny13-section5 .body2 .image img { width: 100%; } .ny13-section5 .body2 .mxw-box { display: flex; align-items: flex-start; justify-content: space-between; } .ny13-section5 .body2 .ny13-title { margin-bottom: 0.8333rem; color: #000; } .ny13-section5 .body2 .ny13-title .text2 { font-size: 0.8333rem; } .ny13-section5 .body2 .info { padding-top: 0.6666rem; margin-right: 3.3334rem; min-width: 0; flex-grow: 1; } .ny13-section5 .body2 .itembox { border-bottom: 0.0166rem solid rgba(0, 0, 0, 0.1); } .ny13-section5 .body2 .item { padding-top: 0.5002rem; padding-bottom: 0.2499rem; border-top: 0.0166rem solid rgba(0, 0, 0, 0.1); } .ny13-section5 .body2 .item .head { font-size: 0.3334rem; color: rgba(0, 0, 0, 0.6); padding-bottom: 0.2499rem; } .ny13-section5 .body2 .item .desc { font-size: 0.3002rem; color: rgba(0, 0, 0, 0.6); line-height: 1.8; max-height: 0; overflow: hidden; } .ny13-section5 .body2 .image-group { width: 11.5002rem; flex-shrink: 0; height: 10.0666rem; border-radius: 0.3334rem; overflow: hidden; } /* ==================== 内页13 - 板块五 End ==================== */ /* ==================== 内页13 - 板块六 Start ==================== */ .ny13-section6 { position: relative; overflow: hidden; height: 100vh; } .ny13-section6 .ny13-title { margin-bottom: 1.3334rem; position: absolute; top: 2.6666rem; left: 0; width: 100%; z-index: 3; } .ny13-section6 .ny13-title .text1 { margin-bottom: 0; text-align: center; } .ny13-section6 .ny13-title .text2 { display: table; margin-left: auto; margin-right: auto; } .ny13-section6 .ny13-title .text3 { display: table; margin-left: auto; margin-right: auto; } .ny13-section6 .image img { width: 100%; } .ny13-section6 .video { height: 100%; } .ny13-section6 .video video { height: 100%; } /* ==================== 内页13 - 板块六 End ==================== */ /* ==================== 内页13 - 板块七 Start ==================== */ .ny13-section7 { padding-top: 2.1667rem; padding-bottom: 4.1667rem; } .ny13-section7 .ny13-title { text-align: center; color: #000; margin-bottom: 1.3334rem; } .ny13-section7 .ny13-title .text2 { margin-bottom: 0.7501rem; } .ny13-section7 .ny13-title .text3 { font-size: 0.3334rem; line-height: 1.8; color: #666; } .ny13-section7 .desc { font-size: 0.4rem; color: rgba(0, 0, 0, 0.6); line-height: 1.8; margin-bottom: 1.1667rem; text-align: center; margin-top: 0.6666rem; } .ny13-section7 .body { border-radius: 0.3334rem; padding-top: 0.6666rem; padding-bottom: 0.6666rem; position: relative; background-size: cover; } .ny13-section7 .image { position: relative; z-index: 1; width: 10rem; margin-left: auto; margin-right: auto; } .ny13-section7 .image img { width: 100%; } .ny13-section7 .icon { position: absolute; z-index: 2; width: 4.1667rem; height: 4.1667rem; animation: ny13-section7 1.5s infinite alternate ease-in-out; } .ny13-section7 .icon1 { top: 1.5002rem; left: 7.6666rem; } .ny13-section7 .icon2 { bottom: 3rem; right: 7.6666rem; animation-delay: 0.5s; } @keyframes ny13-section7 { 0% { transform: translateY(0.1667rem); } 100% { transform: translateY(-0.1667rem); } } /* ==================== 内页13 - 板块七 End ==================== */ /* ==================== 内页13 - 板块八 Start ==================== */ .ny13-section8 { padding-top: 2.8333rem; padding-bottom: 2rem; background-color: #000000; } .ny13-section8 .ny13-title { text-align: left; margin-bottom: 1.5002rem; } .ny13-section8 .ny13-title .text1 { margin-bottom: 0; margin-left: -0.3334rem; } .ny13-section8 .body { display: flex; align-items: flex-start; justify-content: space-between; } .ny13-section8 .left-body { width: 12.8333rem; margin-right: 0.6666rem; flex-shrink: 0; } .ny13-section8 .left-body .item .desc { padding-left: 0.3334rem; } .ny13-section8 .right-body { min-width: 0; flex-grow: 1; } .ny13-section8 .image { border-radius: 0.3334rem; overflow: hidden; } .ny13-section8 .image img { width: 100%; } .ny13-section8 .item { font-size: 0.4rem; color: #fff; } .ny13-section8 .item .desc { margin-top: 0.5002rem; line-height: 1.8; } .ny13-section8 .item ul { display: flex; align-items: center; justify-content: flex-start; } .ny13-section8 .item ul li { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-right: 0.3334rem; } .ny13-section8 .item ul li:before { content: ""; display: block; background: url('../images/ny13/img303@40x40.png') no-repeat center; width: 0.3334rem; height: 0.3334rem; background-size: 100%; margin-right: 0.1667rem; flex-shrink: 0; } /* ==================== 内页13 - 板块八 End ==================== */ /* ==================== 内页13 - 板块九 Start ==================== */ .ny13-section9 { padding-top: 2.1667rem; padding-bottom: 3rem; overflow: hidden; } .ny13-section9 .ny13-title { color: #000; margin-bottom: 1rem; text-align: center; } .ny13-section9 .body { background-color: #000000; border-radius: 0.3334rem; padding: 1.0832rem; } .ny13-section9 .itembox { width: 7.8333rem; } .ny13-section9 .item { background-color: #fff; display: flex; align-items: center; border-radius: 0.2333rem; overflow: hidden; margin-bottom: 0.4rem; } .ny13-section9 .item:last-child { margin-bottom: 0; } .ny13-section9 .item .image { width: 4rem; flex-shrink: 0; } .ny13-section9 .item .info { min-width: 0; flex-grow: 1; padding: 0.1667rem 0.3334rem; } .ny13-section9 .item .text1 { font-size: 0.3334rem; line-height: 1.1; margin-bottom: 0.1667rem; } .ny13-section9 .item .text2 { line-height: 1.4; font-size: 0.3002rem; color: #8D8D8D; } /* ==================== 内页13 - 板块九 End ==================== */ /* ==================== 内页13 - 板块十 Start ==================== */ .ny13-section10 { overflow: hidden; background-color: #FBFBFD; } .ny13-section10 .ny13-section10-content { height: 100vh; display: flex; align-items: center; } .ny13-section10 .body { display: flex; align-items: center; justify-content: space-between; } .ny13-section10 .ny13-title { color: #000; } .ny13-section10 .ny13-title .text2 { font-size: 0.8333rem; } .ny13-section10 .ny13-title .text3 { margin-top: 0.2499rem; line-height: 1.4; } .ny13-section10 .left-body { min-width: 0; flex-grow: 1; margin-right: 4.096rem; } .ny13-section10 .left-body .bottom { margin-top: 1.5002rem; } .ny13-section10 .left-body .image-group { border-radius: 0.3334rem; overflow: hidden; width: 5.3334rem; height: 3.5834rem; position: relative; z-index: 11; } .ny13-section10 .left-body .image-group img { width: 100%; } .ny13-section10 .left-body .info-group { height: 1.352rem; overflow: hidden; margin-top: 0.6rem; } .ny13-section10 .left-body .info-group .info { height: 100%; margin-bottom: 0.3334rem; } .ny13-section10 .left-body .info-group .info:last-child { margin-bottom: 0; } .ny13-section10 .left-body .info-group .info .text1 { font-size: 0.3334rem; line-height: 1.1; margin-bottom: 0.1667rem; } .ny13-section10 .left-body .info-group .info .text2 { font-size: 0.3002rem; line-height: 1.4; color: #8A8A8B; } .ny13-section10 .left-body .line { margin-top: 1.4499rem; width: 4.1667rem; border-radius: 0.0832rem; height: 0.1667rem; background-color: #ECECEE; position: relative; border-radius: 1.6666rem; } .ny13-section10 .left-body .line span { position: absolute; top: 0; left: 0; width: 0; height: 0.1667rem; border-radius: 1.6666rem; background-color: #0c1526; } .ny13-section10 .right-body { flex-shrink: 0; width: 17.6666rem; height: 16.3334rem; margin-right: -3.9501rem; overflow: hidden; } .ny13-section10 .right-body .image img { width: 100%; } /* ==================== 内页13 - 板块十 End ==================== */ /* ==================== 内页13 - 板块十一 Start ==================== */ .ny13-section11 { overflow: hidden; padding-top: 2.5002rem; padding-bottom: 2.3334rem; } .ny13-section11 .title { font-size: 1rem; line-height: 1.1; margin-bottom: 1.1667rem; display: table; margin-left: auto; margin-right: auto; font-family: "HYJunhei-85J"; } .ny13-section11 .itembox1 .item:nth-child(1) { width: 12.4666rem; height: 8.1002rem; } .ny13-section11 .itembox1 .item:nth-child(2) { width: 11.1168rem; height: 8.1002rem; } .ny13-section11 .itembox2 .item:nth-child(1) { width: 8.8333rem; height: 8.1002rem; } .ny13-section11 .itembox2 .item:nth-child(2) { width: 14.6666rem; height: 8.1002rem; } .ny13-section11 .itembox3 .item:nth-child(1) { width: 100%; height: 13.5667rem; } .ny13-section11 .itembox3 .item .info { padding-top: 2rem; } .ny13-section11 .itembox3 .item .info .text1 { color: #fff; } .ny13-section11 .itembox3 .item .info .text2 { color: #A2A7B6; line-height: 1.8; font-family: "HYJunhei-35J"; } .ny13-section11 .itembox { display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 0.3334rem; } .ny13-section11 .item { position: relative; border-radius: 0.3334rem; overflow: hidden; display: block; background-size: cover; background-position: center; } .ny13-section11 .item .info { position: absolute; top: 0; left: 0; padding: 0.8333rem; pointer-events: none; z-index: 3; } .ny13-section11 .item .info .text1 { font-size: 0.5002rem; color: #000; line-height: 1.1; margin-bottom: 0.3334rem; } .ny13-section11 .item .info .text2 { font-size: 0.3334rem; color: rgba(0, 0, 0, 0.6); } .ny13-section11 .item .image img { width: 100%; } /* ==================== 内页13 - 板块十一 End ==================== */ /* ==================== 内页13 - 板块十二 Start ==================== */ .ny13-section12 { padding-bottom: 4.1667rem; } .ny13-section12 .ny13-title { color: #000; margin-bottom: 1rem; text-align: center; } .ny13-section12 .table { border-radius: 0.1667rem; border: solid 1px #C9C9C9; overflow: hidden; } .ny13-section12 .table table, .ny13-section12 .table td, .ny13-section12 .table th { border-collapse: collapse; } .ny13-section12 .table table { width: 100%; } .ny13-section12 .table tr:nth-child(2n-1) td { color: #000; } .ny13-section12 .table tr:nth-child(2n) { background-color: #F2F2F2; } .ny13-section12 .table tr:nth-child(2n) td { color: #000; } .ny13-section12 .table td { border-right: 1px solid #C9C9C9; font-size: 0.3334rem; line-height: 1.6em; padding-top: 0.1667rem; padding-bottom: 0.1667rem; padding-left: 1.6666rem; padding-right: 1.6666rem; font-family: "HYJunhei-35J"; } .ny13-section12 .table td strong { font-family: "HYJunhei-85J"; font-weight: 400; } .ny13-section12 .table td:last-child { border-right: 0; } /* ==================== 内页13 - 板块十二 End ==================== */