.ny38-main .mxw-box { width: 24rem; } /* ==================== 内页38 - 通用标题 Start ==================== */ .ny38-title { display: block; color: #000; } .ny38-title.white { color: #fff; } .ny38-title .text1 { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny38-title .text2 { font-size: 0.3334rem; margin-top: 0.6rem; line-height: 1.6; opacity: 0.6; } /* ==================== 内页38 - 通用标题 End ==================== */ /* ==================== 内页38 - 板块一 Start ==================== */ .ny38-section1 { position: relative; } .ny38-section1 .image { display: block; width: 100%; } .ny38-section1 .image img { width: 100%; } .ny38-section1 .info { text-align: left; color: #FEFEFF; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 3; width: 100%; } .ny38-section1 .info .max-body { padding-left: 4rem; } .ny38-section1 .info .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny38-section1 .info .text2 { margin-top: 0.5002rem; font-size: 0.5002rem; line-height: 1.1; } /* ==================== 内页38 - 板块一 End ==================== */ /* ==================== 内页38 - 板块二 Start ==================== */ .ny38-section2 { position: relative; } .ny38-section2 .body { position: absolute; top: 1.9168rem; left: 0; width: 100%; z-index: 2; } .ny38-section2 .info { text-align: center; } .ny38-section2 .info .text1 { font-size: 1rem; color: #FEFEFF; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny38-section2 .info .text2 { margin-top: 0.5002rem; font-size: 0.3334rem; color: #FEFEFF; line-height: 1.6; } .ny38-section2 .itembox { display: flex; align-items: flex-start; justify-content: center; margin-top: 1rem; } .ny38-section2 .item { background: url(../images/ny38/img003@170x170.png) no-repeat center; background-size: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.3002rem; line-height: 1.4; text-align: center; color: #FEFEFF; animation: ny38-section2 1.5s infinite alternate ease-in-out; } .ny38-section2 .item1 { width: 2.5002rem; height: 2.5002rem; margin-top: 0.8rem; animation-delay: 0.1s; } .ny38-section2 .item2 { width: 2.2333rem; height: 2.2333rem; margin-top: 2.5002rem; animation-delay: 0.2s; } .ny38-section2 .item3 { width: 2.8333rem; height: 2.8333rem; animation-delay: 0.3s; } .ny38-section2 .item4 { width: 1.9002rem; height: 1.9002rem; margin-top: 2.6666rem; animation-delay: 0.4s; } .ny38-section2 .item5 { width: 2.2333rem; height: 2.2333rem; margin-top: 0.8333rem; animation-delay: 0.5s; } .ny38-section2 .item6 { width: 2.3334rem; height: 2.3334rem; margin-top: 2rem; animation-delay: 0.6s; } .ny38-section2 .image { background: #000; } .ny38-section2 .image img { width: 100%; } @keyframes ny38-section2 { 0% { transform: translateY(0.1667rem); } 100% { transform: translateY(-0.1667rem); } } /* ==================== 内页38 - 板块二 End ==================== */ /* ==================== 内页38 - 板块三 Start ==================== */ .ny38-section3 { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 2.6666rem; padding-top: 2rem; height: 100vh; display: flex; align-items: center; justify-content: center; } .ny38-section3 .info { width: 100%; color: #FEFEFF; text-align: center; } .ny38-section3 .info .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny38-section3 .info .text2 { margin-top: 0.4166rem; font-size: 0.4333rem; line-height: 1.4; } .ny38-section3 .image { margin-top: 3rem; margin-left: auto; margin-right: auto; width: 12.5002rem; } .ny38-section3 .image img { width: 100%; } /* ==================== 内页38 - 板块三 End ==================== */ /* ==================== 内页38 - 板块四 Start ==================== */ .ny38-section4 { padding-top: 2.6666rem; background-color: #fff; padding-bottom: 3.8333rem; overflow: hidden; } .ny38-section4 .item { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 2.3334rem; } .ny38-section4 .item:last-child { margin-bottom: 0; } .ny38-section4 .item:nth-child(2n-1) .info { padding-right: 2.1667rem; } .ny38-section4 .item:nth-child(2n) .info { padding-left: 2.1667rem; } .ny38-section4 .item .info { min-width: 0; flex-grow: 1; } .ny38-section4 .item .info .text1 { font-size: 1rem; color: #000; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny38-section4 .item .info .text1 span { color: #00A0FF; font-family: inherit; } .ny38-section4 .item .info .text2 { margin-top: 0.5002rem; font-size: 0.3334rem; color: rgba(0, 0, 0, 0.6); line-height: 1.4; text-align: justify; } .ny38-section4 .item .image { width: 12.3334rem; display: block; flex-shrink: 0; } .ny38-section4 .item .image img { width: 100%; } /* ==================== 内页38 - 板块四 End ==================== */ /* ==================== 内页38 - 板块五 Start ==================== */ .ny38-section5 { background-color: #0C101B; position: relative; } .ny38-section5 .max-body { display: flex; align-items: stretch; justify-content: flex-start; height: 100vh; } .ny38-section5 .left-body { min-width: 0; flex-grow: 1; color: #fff; display: flex; align-items: flex-start; justify-content: center; flex-flow: column; padding-left: 4rem; } .ny38-section5 .left-body .text1 { font-size: 1rem; color: #FFFFFF; line-height: 1.1; margin-bottom: 1.1667rem; font-family: "HYJunhei-85J"; } .ny38-section5 .left-body .tab-item { position: relative; border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 0.5002rem 1rem; cursor: pointer; opacity: 0.2; transition: opacity 0.4s; } .ny38-section5 .left-body .tab-item.active { opacity: 1; } .ny38-section5 .left-body .tab-item.active:after { opacity: 1; } .ny38-section5 .left-body .tab-item:after { content: ""; display: block; width: 1px; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 3; height: 100%; opacity: 0; transition: all 0.4s; } .ny38-section5 .left-body .tab-item .text2 { font-size: 0.4333rem; line-height: 1.4; transition: all 0.4s; } .ny38-section5 .left-body .tab-item .text3 { margin-top: 0.3334rem; font-size: 0.3334rem; color: rgba(255, 255, 255, 0.6); transition: all 0.4s; } .ny38-section5 .right-body { height: 100%; width: 15.5002rem; display: block; position: relative; } .ny38-section5 .right-body .image { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .ny38-section5 .right-body .image:nth-child(1) ~ .image { position: absolute; top: 100%; left: 0; width: 100%; } /* ==================== 内页38 - 板块五 End ==================== */ /* ==================== 内页38 - 板块六 Start ==================== */ .ny38-section6 { background-color: #fff; background-repeat: no-repeat; background-position: center bottom; background-size: cover; width: 100%; position: relative; padding-top: 2rem; } .ny38-section6 .ny38-title { text-align: center; } .ny38-section6 .itembox { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: center; } .ny38-section6 .item { margin-right: 0.9334rem; text-align: center; } .ny38-section6 .item:last-child { margin-right: 0; } .ny38-section6 .item .icon { width: 1.8333rem; display: block; margin-left: auto; margin-right: auto; } .ny38-section6 .item .text { margin-top: 0.1667rem; font-size: 0.3334rem; line-height: 1.1; } .ny38-section6 .image { width: 18.3334rem; margin-left: auto; margin-right: auto; margin-top: 1.3334rem; animation: ny38-section2 1.5s infinite alternate ease-in-out; } .ny38-section6 .image img { width: 100%; } /* ==================== 内页38 - 板块六 End ==================== */ /* ==================== 内页38 - 板块七 Start ==================== */ .ny38-section7 { overflow: hidden; position: relative; background-color: #062254; } .ny38-section7 .image { overflow: hidden; } .ny38-section7 .image img { width: 100%; } .ny38-section7 .ny38-title { position: absolute; text-align: center; top: 2rem; left: 0; z-index: 3; width: 100%; } /* ==================== 内页38 - 板块七 End ==================== */ /* ==================== 内页38 - 板块八 Start ==================== */ .ny38-section8 { position: relative; padding-top: 3.5002rem; background-color: #fff; } .ny38-section8 .body .mxw-box { display: flex; justify-content: space-between; align-items: flex-start; } .ny38-section8 .ny38-title { padding-top: 1rem; } .ny38-section8 .image1 { position: relative; z-index: 2; width: 11.1667rem; } .ny38-section8 .image1 img { animation: ny38-section2 1.5s infinite alternate ease-in-out; width: 100%; } .ny38-section8 .image { width: 100%; margin-top: -4.5002rem; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .ny38-section8 .image img { width: 100%; } /* ==================== 内页38 - 板块八 End ==================== */ /* ==================== 内页38 - 板块九 Start ==================== */ .ny38-section9 { position: relative; padding-top: 2.3334rem; overflow: hidden; } .ny38-section9 .ny38-title { text-align: center; margin-bottom: 0.8333rem; } .ny38-section9 .itembox { display: flex; align-items: center; justify-content: center; } .ny38-section9 .item { display: block; margin-right: 0.8333rem; width: 1.8333rem; } .ny38-section9 .item img { width: 100%; } .ny38-section9 .item:last-child { margin-right: 0; } .ny38-section9 .image { margin-top: 1.5002rem; position: relative; z-index: 2; margin-left: auto; margin-right: auto; width: 17.5002rem; margin-bottom: -0.0333rem; } .ny38-section9 .image img { width: 100%; } .ny38-section9 .bg-image { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .ny38-section9 .bg-image img { width: 100%; } /* ==================== 内页38 - 板块九 End ==================== */ /* ==================== 内页38 - 板块十 Start ==================== */ .ny38-section10 { background-size: cover; background-position: center; background-repeat: no-repeat; } .ny38-section10 .max-body { display: flex; align-items: center; justify-content: space-between; padding-top: 2.1667rem; padding-bottom: 1.6666rem; padding-left: 4rem; } .ny38-section10 .image { width: 15.5002rem; flex-shrink: 0; margin-left: 0.8333rem; margin-right: 0.8333rem; } .ny38-section10 .image img { width: 100%; } /* ==================== 内页38 - 板块十 End ==================== */ /* ==================== 内页38 - 板块十一 Start ==================== */ .ny38-section11 { background-color: #fff; display: flex; align-items: center; justify-content: center; height: 100vh; } .ny38-section11 .ny38-title { text-align: center; margin-bottom: 1rem; } .ny38-section11 .body { display: flex; align-items: stretch; } .ny38-section11 .image-group { position: relative; width: 16.6666rem; overflow: hidden; } .ny38-section11 .image-group .image:first-child ~ .image { position: absolute; top: 0; left: 0; width: 100%; } .ny38-section11 .image-group img { width: 100%; } .ny38-section11 .itembox { flex-shrink: 0; width: 7.3334rem; background: -webkit-linear-gradient(to bottom, #7A8BB4, #A7C2E8); background: -o-linear-gradient(to bottom, #7A8BB4, #A7C2E8); background: -moz-linear-gradient(to bottom, #7A8BB4, #A7C2E8); background: linear-gradient(to bottom, #7A8BB4, #A7C2E8); position: relative; } .ny38-section11 .item { font-size: 0.5002rem; color: #FFFFFF; line-height: 1.4; text-align: justify; padding-left: 1rem; padding-right: 0.3334rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .ny38-section11 .item:first-child ~ .item { width: 100%; } .ny38-section11 .item:last-child { margin-bottom: 0; } /* ==================== 内页38 - 板块十一 End ==================== */ /* ==================== 内页38 - 板块十二 Start ==================== */ .ny38-section12 { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100vh; display: flex; align-items: center; justify-content: space-between; } .ny38-section12 .ny38-title { margin-left: 4.1667rem; margin-right: auto; } .ny38-section12 .image { width: 15.5002rem; display: block; flex-shrink: 0; } .ny38-section12 .image img { width: 100%; } /* ==================== 内页38 - 板块十二 End ==================== */ /* ==================== 内页38 - 板块十三 Start ==================== */ .ny38-section13 { padding-top: 2.3334rem; padding-bottom: 3.6rem; } .ny38-section13 .ny38-title { text-align: center; margin-bottom: 3.3334rem; } .ny38-section13 .image { width: 20rem; margin-left: auto; margin-right: auto; margin-bottom: 3rem; } .ny38-section13 .image img { width: 100%; } .ny38-section13 .ny26-table { border-color: #E2E2E2; } .ny38-section13 .ny26-table td { padding-top: 0.3334rem; padding-bottom: 0.3334rem; border-color: #E2E2E2; font-family: "HYJunhei-65J"; } .ny38-section13 .ny26-table tr:nth-child(2n) { background-color: #F5F5F5; } /* ==================== 内页38 - 板块十三 End ==================== */