/* ==================== 内页11 - 通用版心 Start ==================== */ .ny11-box { width: 22.8333rem; max-width: 90%; } .ny11-main .pin-spacer { background-color: #000 !important; } /* ==================== 内页11 - 通用版心 End ==================== */ /* ==================== 内页11 - 通用标题 Start ==================== */ .ny11-title .text1 { font-size: 1rem; color: #1E1E20; font-family: "HYJunhei-85J"; line-height: 1.1; } .ny11-title .bottom { display: flex; align-items: flex-end; justify-content: space-between; } .ny11-title .text2 { font-size: 0.8rem; color: #1D1D1E; font-family: "HYJunhei-85J"; line-height: 1.1; margin-top: 0.6666rem; } .ny11-title .text3 { margin-top: 0.3334rem; color: #86868A; font-size: 0.4333rem; line-height: 1.2; } .ny11-title .text4 { font-size: 0.5002rem; color: #86868A; margin-top: 0.5002rem; } .ny11-title .more-btn { margin-left: 1.3334rem; font-size: 0.5002rem; color: #2A64C5; line-height: 1.1; display: flex; align-items: center; justify-content: flex-start; position: relative; } .ny11-title .more-btn:after { content: ""; display: none; width: 100%; height: 0.0333rem; position: absolute; bottom: -0.0333rem; left: 0; background-color: #2A64C5; } .ny11-title .more-btn:hover:after { display: block; } .ny11-title .more-btn .iconfont { font-size: 0.6em; margin-left: 0.1667rem; } /* ==================== 内页11 - 通用标题 End ==================== */ /* ==================== 内页11 - 板块一 Start ==================== */ .ny11-section1 { position: relative; z-index: 2; background-color: #fff; } .ny11-section1 .info { position: absolute; top: 2.8333rem; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 2; text-align: center; } .ny11-section1 .info .text1 { font-size: 1rem; font-family: "HYJunhei-85J"; } .ny11-section1 .info .text2 { font-size: 0.4333rem; margin-top: 0.3334rem; line-height: 1.1; } .ny11-section1 .info .text2 span { font-family: "HYJunhei-35J"; line-height: 1; vertical-align: 0.0666rem; } .ny11-section1 .image { width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; max-width: 100%; position: relative; } .ny11-section1 .image:after { content: ""; display: block; width: 100%; height: 50vh; position: absolute; bottom: 0; left: 0; z-index: 9; background: -webkit-linear-gradient(to top, #000 10%, transparent); background: -o-linear-gradient(to top, #000 10%, transparent); background: -moz-linear-gradient(to top, #000 10%, transparent); background: linear-gradient(to top, #000 10%, transparent); } .ny11-section1 .image img { width: 100%; } /* ==================== 内页11 - 板块一 End ==================== */ /* ==================== 内页11 - 板块二 Start ==================== */ .ny11-section2 { background-color: #000000; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny11-section2 .max-body { padding-left: 4.5834rem; padding-right: 4.5834rem; } .ny11-section2 .top { color: #FFFFFF; } .ny11-section2 .top .text1 { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; margin-bottom: 0.6666rem; } .ny11-section2 .top .text2 { font-size: 0.8rem; line-height: 1.1; font-family: "HYJunhei-85J"; margin-bottom: 0.3334rem; } .ny11-section2 .top .text3 { font-size: 0.3334rem; color: #8A8A8A; line-height: 1.6; text-align: justify; } .ny11-section2 .image { margin-top: 1rem; width: 100%; } .ny11-section2 .image img { width: 100%; display: block; } .ny11-section2 .itembox { margin-top: 1.1667rem; display: flex; align-items: stretch; justify-content: flex-start; } .ny11-section2 .item { width: 33.333%; display: flex; align-items: center; justify-content: flex-start; } .ny11-section2 .item .icon { flex-shrink: 0; width: 1.0666rem; display: block; margin-right: 0.3334rem; } .ny11-section2 .item .info { min-width: 0; flex-grow: 1; height: 100%; } .ny11-section2 .item .text1 { font-size: 0.4333rem; font-family: "HYJunhei-85J"; line-height: 1.1; color: #fff; margin-bottom: 0.3334rem; } .ny11-section2 .item .text2 { font-size: 0.3334rem; color: #8A8A8A; line-height: 1.6; text-align: justify; } /* ==================== 内页11 - 板块二 End ==================== */ /* ==================== 内页11 - 板块三 Start ==================== */ .ny11-section3 { height: 100vh; position: relative; z-index: 12; background-color: #000; } .ny11-section3 .video { width: 100%; height: 100%; display: block; } .ny11-section3 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny11-section3 .content { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .ny11-section3 .info1 { text-align: center; } .ny11-section3 .info1 .index-btn { margin-top: 0.3334rem; } .ny11-section3 .text1, .ny11-section3 .text2 { text-align: center; font-size: 1rem; display: table; line-height: 1.2; margin-left: auto; margin-right: auto; font-family: "HYJunhei-85J"; color: #fff; } .ny11-section3 .text2 { color: #86868B; } .ny11-section3 .text3 { width: 10rem; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0.3334rem; } .ny11-section3 .text3 img { width: 100%; } .ny11-section3 .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; } .ny11-section3 .info p { display: block; text-align: center; color: #fff; font-size: 0.3334rem; font-family: "HYJunhei-35J"; margin-bottom: 0.5002rem; } /* ==================== 内页11 - 板块三 End ==================== */ /* ==================== 内页11 - 板块四 Start ==================== */ .ny11-section4 { background-color: #060607; padding-top: 2.6666rem; padding-bottom: 1.0832rem; position: relative; z-index: 2; } .ny11-section4 .max-body { display: flex; align-items: flex-end; justify-content: space-between; padding-left: 4.5834rem; padding-right: 5.5002rem; } .ny11-section4 .left-body .text1 { font-family: "HYJunhei-85J"; color: #fff; font-size: 1rem; line-height: 1.2; background: -webkit-linear-gradientt(to bottom, #fff 70%, transparent 100%); background: -o-linear-gradientt(to bottom, #fff 70%, transparent 100%); background: -moz-linear-gradientt(to bottom, #fff 70%, transparent 100%); background: linear-gradient(to bottom, #fff 70%, transparent 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 0.3334rem; } .ny11-section4 .left-body .text2 { font-size: 0.4333rem; color: #86868A; line-height: 1.8; } .ny11-section4 .left-body .text2 strong { font-weight: 400; color: #fff; } /* ==================== 内页11 - 板块四 End ==================== */ /* ==================== 内页11 - 板块四-1 Start ==================== */ .ny11-section4-1-video { width: 100%; height: 100vh; position: sticky; top: 0; left: 0; margin-top: -100vh; } .ny11-section4-1-video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny11-section4-1 { height: 12.1667rem; } /* ==================== 内页11 - 板块四-1 End ==================== */ /* ==================== 内页11 - 板块五 Start ==================== */ .ny11-section5 { background-color: #000000; position: relative; overflow: hidden; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100vh; } .ny11-section5 .max-body { position: relative; height: 100%; width: 100%; } .ny11-section5 .ny11-section5-box { width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .ny11-section5 .itembox { position: absolute; top: -2.56rem; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .ny11-section5 .item { position: absolute; } .ny11-section5 .item:nth-child(1) { width: 1.4rem; top: 5.7667rem; left: 6.1002rem; } .ny11-section5 .item:nth-child(2) { width: 0.8333rem; top: 3.7501rem; left: 7.8333rem; } .ny11-section5 .item:nth-child(3) { width: 2.1002rem; top: 6.3334rem; left: 8rem; } .ny11-section5 .item:nth-child(4) { width: 1.3334rem; top: 4.5002rem; left: 9.5002rem; } .ny11-section5 .item:nth-child(5) { top: 2.8333rem; left: 10.6666rem; width: 0.8666rem; } .ny11-section5 .item:nth-child(6) { top: 6.3334rem; left: 10.8333rem; width: 1.1334rem; } .ny11-section5 .item:nth-child(7) { top: 3.6666rem; left: 11.8333rem; width: 0.8666rem; } .ny11-section5 .item:nth-child(8) { top: 4.6666rem; left: 12.5002rem; width: 1.4333rem; } .ny11-section5 .item:nth-child(9) { top: 3rem; left: 13.5834rem; width: 0.6666rem; } .ny11-section5 .item:nth-child(10) { top: 3.3334rem; left: 15.1667rem; width: 0.7334rem; } .ny11-section5 .item:nth-child(11) { top: 3rem; left: 16.6666rem; width: 1.4rem; } .ny11-section5 .item:nth-child(12) { top: 4.3334rem; right: 11.9334rem; width: 0.7002rem; } .ny11-section5 .item:nth-child(13) { top: 2.6666rem; right: 11.3334rem; width: 0.9002rem; } .ny11-section5 .item:nth-child(14) { top: 7.6666rem; right: 11rem; width: 0.7002rem; } .ny11-section5 .item:nth-child(15) { top: 5.3334rem; right: 9.3334rem; width: 1.7667rem; } .ny11-section5 .item:nth-child(16) { top: 3.6666rem; right: 9.3334rem; width: 1.0666rem; } .ny11-section5 .item:nth-child(17) { top: 5rem; right: 8.1667rem; width: 0.7002rem; } .ny11-section5 .item:nth-child(18) { top: 6.5002rem; right: 8.1667rem; width: 1.0666rem; } .ny11-section5 .item:nth-child(19) { top: 7.8333rem; right: 7.5002rem; width: 0.8333rem; } .ny11-section5 .item:nth-child(20) { top: 4.3334rem; right: 6.1667rem; width: 1.6666rem; } .ny11-section5 .item:nth-child(21) { top: 7rem; right: 6.5002rem; width: 0.8666rem; } .ny11-section5 .item:nth-child(22) { top: 7.8333rem; left: 10.6666rem; width: 0.5667rem; } .ny11-section5 .image { margin-top: 4rem; display: block; margin-left: auto; margin-right: auto; width: 8.1667rem; position: relative; z-index: 3; } .ny11-section5 .image .img1 { position: absolute; top: -1.5002rem; left: 0.5002rem; width: 6rem; display: block; margin-left: auto; margin-right: auto; z-index: 2; animation: ny11-section6 1.5s infinite alternate ease-in-out; } .ny11-section5 .image .img1 img { width: 100%; } .ny11-section5 .image .img2 { width: 8.1667rem; display: block; margin-left: auto; margin-right: auto; animation: ny11-section6 1.5s infinite alternate ease-in-out; } .ny11-section5 .image .img2 img { width: 100%; } .ny11-section5 .body { margin-top: 0.6666rem; text-align: center; } .ny11-section5 .body .text1 { font-size: 1rem; color: #fff; font-family: "HYJunhei-85J"; line-height: 1.1; margin-bottom: 0.2499rem; } .ny11-section5 .body .text2 { font-size: 0.4333rem; color: #fff; line-height: 1.3; font-family: "HYJunhei-65J"; } .ny11-section5 .body .text3 { margin-top: 0.6666rem; font-size: 0.3002rem; color: #86868A; line-height: 1.1; } @keyframes ny11-section6 { 0% { transform: translateY(0.1667rem); } 100% { transform: translateY(-0.1667rem); } } /* ==================== 内页11 - 板块五 End ==================== */ /* ==================== 内页11 - 板块六 Start ==================== */ .ny11-section6 { position: relative; padding-top: 2.6667rem; padding-bottom: 2.6667rem; background-color: #F6F6F6; } .ny11-section6 .max-body { max-width: 22.8333rem; margin-left: auto; margin-right: auto; } .ny11-section6 .text1 { font-size: 1rem; color: #1E1E20; line-height: 1.1; margin-bottom: 1.1667rem; font-family: "HYJunhei-85J"; } .ny11-section6 .itembox { position: relative; height: 7.6rem; display: flex; align-items: stretch; justify-content: center; } .ny11-section6 .item { display: block; height: 100%; position: relative; transition: all 0.4s; overflow: hidden; width: 2.8333rem; flex-shrink: 0; margin-right: 0.1667rem; } .ny11-section6 .item:last-child { margin-right: 0; } .ny11-section6 .item.active { width: 10.8333rem; flex-shrink: inherit; flex-grow: 1; } .ny11-section6 .item.active .bottom .ny11-section6-swiper { opacity: 1; visibility: visible; } .ny11-section6 .item.active .bottom .title { opacity: 0; visibility: hidden; } .ny11-section6 .item.active .bg-image img { opacity: 0; visibility: hidden; } .ny11-section6 .item .bg-image { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; justify-content: center; transition: all 0.4s; } .ny11-section6 .item .bg-image img { visibility: visible; opacity: 1; transition: all 0.2s; height: 100%; } .ny11-section6 .item .bottom { position: absolute; width: 100%; bottom: 0; height: 1rem; background: rgba(157, 157, 157, 0.4); backdrop-filter: blur(0.3333rem); -webkit-backdrop-filter: blur(0.3333rem); display: flex; align-items: center; justify-content: center; } .ny11-section6 .item .bottom .title { font-size: 0.3333rem; line-height: 1.2; text-align: center; color: #fff; transition: all 0.4s; visibility: visible; opacity: 1; } .ny11-section6 .item .bottom .ny11-section6-swiper { position: absolute; top: 50%; left: 0; width: 100%; height: 0.6667rem; transform: translateY(-50%); transition: all 0.4s; visibility: hidden; opacity: 0; } .ny11-section6 .item .bottom .ny11-section6-swiper.center .swiper-wrapper { justify-content: center; } .ny11-section6 .item .bottom .ny11-section6-swiper .swiper-wrapper { justify-content: flex-start; -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -ms-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } .ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide { width: auto; padding: 0 0.3333rem; position: relative; } .ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:first-child { padding-left: 0; } .ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:last-child { padding-right: 0; } .ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:last-child:after { display: none; } .ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:after { content: ""; display: block; width: 1px; height: 50%; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: 0.3; } .ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide img { width: auto; height: 100%; } /* ==================== 内页11 - 板块六 End ==================== */ /* ==================== 内页11 - 板块七 Start ==================== */ .ny11-section7 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; display: flex; flex-flow: column; justify-content: center; align-items: center; position: relative; z-index: 2; background-color: #fff; } .ny11-section7 .max-body { padding-left: 4.5002rem; padding-right: 4.5002rem; } .ny11-section7 .body1 { width: 100%; margin-bottom: 1.3334rem; } .ny11-section7 .body1 .ny11-title .text4 { font-size: 0.4333rem; color: #1E1E20; } .ny11-section7 .body1 .ny11-title .text4 span, .ny11-section7 .body1 .ny11-title .text4 strong { font-weight: 400; color: #CB1E1E; font-family: "HYJunhei-85J"; } .ny11-section7 .map { margin-left: auto; margin-right: auto; max-width: 100%; } .ny11-section7 .map img { width: 100%; } .ny11-section7 .common-btn { margin-top: 1.3334rem; } /* ==================== 内页11 - 板块七 End ==================== */ /* ==================== 内页11 - 板块八 Start ==================== */ .ny11-section8 { background-color: #060607; padding-top: 2.6666rem; padding-bottom: 2.6666rem; position: relative; z-index: 2; } .ny11-section8 .head { margin-bottom: 0.6666rem; } .ny11-section8 .head .mxw-box { display: flex; align-items: flex-end; justify-content: space-between; } .ny11-section8 .play-btn { width: 0.9334rem; height: 0.9334rem; background: url('../images/img240@100x100.png') no-repeat center; background-size: 100%; cursor: pointer; } .ny11-section8 .play-btn.active { background-image: url('../images/img239@100x100.png'); } .ny11-section8 .ny11-title { margin-bottom: 0; } .ny11-section8 .ny11-title .text1 { background: -webkit-linear-gradient(to left, #fff 75%, transparent 101%); background: -o-linear-gradient(to left, #fff 75%, transparent 101%); background: -moz-linear-gradient(to left, #fff 75%, transparent 101%); background: linear-gradient(to left, #fff 75%, transparent 101%); -webkit-background-clip: text; background-clip: text; color: transparent; } .ny11-section8 .item .image { border-radius: 0.3334rem; overflow: hidden; height: 4.3334rem; } .ny11-section8 .item .text { font-size: 0.4rem; color: #fff; line-height: 1.1; margin-top: 0.3334rem; } .ny11-section8 .ny11-section8-swiper { margin-bottom: 0.6666rem; } .ny11-section8 .ny11-section8-swiper .swiper-wrapper { display: flex; align-items: flex-start; justify-content: flex-start; } .ny11-section8 .ny11-section8-swiper .swiper-slide { width: 31.25%; margin-right: 0.3334rem; } .ny11-section8 .common-btn { margin-top: 1.1667rem; } /* ==================== 内页11 - 板块八 End ==================== */ /* ==================== 内页10 - 板块三 Start ==================== */ .ny10-section3 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny10-section3 .ny10-section3-box { padding: 0 4.5834rem; } .ny10-section3 .ny10-title2 { margin-bottom: 1.0832rem; text-align: center; } .ny10-section3 .ny10-title2 .text1 { font-size: 0.4333rem; margin-bottom: 0.2499rem; line-height: 1; color: #0071E3; } .ny10-section3 .ny10-title2 .text2 { font-size: 1rem; line-height: 1; color: #1D1D1F; font-family: "HYJunhei-85J"; } .ny10-section3 .itembox { display: flex; flex-wrap: wrap; } .ny10-section3 .item { width: 23.875%; margin-right: 1.5%; } .ny10-section3 .item:nth-child(4n) { margin-right: 0; } .ny10-section3 .item:nth-child(4) ~ .item { margin-top: 1.1667rem; } .ny10-section3 .item .image { width: 100%; height: 3.5667rem; border-radius: 0.1667rem; overflow: hidden; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.2); } .ny10-section3 .item .image img { position: absolute; top: 0; left: 0; width: 0; height: 0; } .ny10-section3 .item .info { margin-top: 0.3334rem; } .ny10-section3 .item .text1 { font-size: 0.5002rem; color: #FF791B; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny10-section3 .item .text2 { margin-top: 0.3334rem; font-size: 0.4333rem; color: #1D1D1F; line-height: 1.4; min-height: 2.8em; } .ny10-section3 .item .text3 { margin-top: 0.1667rem; color: #1D1D1F; font-size: 0.4rem; line-height: 1.1; font-family: "HYJunhei-85J"; min-height: 1.1em; } .ny10-section3 .item .text4 { margin-top: 0.3334rem; font-size: 0.3002rem; color: #86868B; line-height: 1.1; } .ny10-section3 .item .more-btn { margin-top: 0.5002rem; padding: 0.1667rem; width: 2.6666rem; height: 0.7667rem; color: #fff; line-height: 1.1; background: #0071E3; display: table; border-radius: 1.6666rem; display: flex; align-items: center; justify-content: center; font-size: 0.3002rem; color: #FFF6F6; letter-spacing: 2px; } .ny10-section3 .common-btn { margin-top: 1.1667rem; } .ny10-section3 .common-btn .btn-content { border-color: #E8E8E8; } /* ==================== 内页10 - 板块三 End ==================== */ /* ==================== 内页11 - 板块九 Start ==================== */ .ny11-section9 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; position: relative; z-index: 2; background-color: #fff; } .ny11-section9 .ny11-title { margin-bottom: 0.7501rem; } .ny11-section9 .mxw-box { max-width: 90%; width: 21rem; } .ny11-section9 .item { width: 32.6%; margin-right: 0; } .ny11-section9 .item .image { height: 4.8rem; } .ny11-section9 .item:nth-child(3n-1) { margin-left: 1.1%; margin-right: 1.1%; } .ny11-section9 .item:nth-child(3) ~ .item { margin-top: 1rem; } /* ==================== 内页11 - 板块九 End ==================== */ /* ==================== 内页11 - 板块十 Start ==================== */ .ny11-section10 { position: relative; z-index: 2; background-color: #fff; padding-top: 3.3334rem; } .ny11-section10 .ny11-title { margin-bottom: 0.6666rem; } .ny11-section10 .ny11-section10-img { width: 21.9667rem; overflow: visible; margin-left: auto; margin-right: auto; } .ny11-section10 .ny11-section10-img .image { display: flex; align-items: center; justify-content: center; overflow: hidden; height: 10.6666rem; border-radius: 0.3334rem; } .ny11-section10 .ny11-section10-img img { width: 100%; } .ny11-section10 .ny11-section10-year { position: relative; padding-bottom: 0.1667rem; } .ny11-section10 .ny11-section10-year:after { content: ""; display: block; width: 100%; height: 0.0333rem; background-color: #000; position: absolute; bottom: 0.0832rem; left: 0; } .ny11-section10 .ny11-section10-year .text { font-size: 0.5002rem; color: #86868A; line-height: 1; cursor: pointer; } .ny11-section10 .ny11-section10-year .text:after { content: ""; display: none; width: 0.0666rem; height: 0.2rem; background-color: #000; position: absolute; bottom: -0.1667rem; border-radius: 0.1667rem; right: 0.5002rem; } .ny11-section10 .ny11-section10-year .swiper-slide { text-align: center; position: relative; padding-bottom: 0.1667rem; } .ny11-section10 .ny11-section10-year .swiper-slide:before, .ny11-section10 .ny11-section10-year .swiper-slide:after { content: ""; display: none; width: 0.0666rem; height: 0.2rem; background-color: #000; position: absolute; bottom: -0.1667rem; border-radius: 0.1667rem; } .ny11-section10 .ny11-section10-year .swiper-slide::before { left: 0; } .ny11-section10 .ny11-section10-year .swiper-slide::after { right: 0; } .ny11-section10 .ny11-section10-year .swiper-slide.active::before, .ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active::before, .ny11-section10 .ny11-section10-year .swiper-slide.active:after, .ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active:after { display: block; } .ny11-section10 .ny11-section10-year .swiper-slide.active .text, .ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active .text { color: #000; font-family: "HYJunhei-85J"; } .ny11-section10 .ny11-section10-year .swiper-slide.active .text:after, .ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active .text:after { display: block; } .ny11-section10 .ny11-section10-text { height: 3rem; } .ny11-section10 .swiper-btn { position: absolute; bottom: 0; height: 1rem; color: #C3C3C5; display: flex; align-items: center; justify-content: flex-start; border-left: 0.0499rem solid #C3C3C5; padding-left: 0.0832rem; cursor: pointer; transition: all 0.4s; } .ny11-section10 .swiper-btn.swiper-button-disabled { display: none; } .ny11-section10 .swiper-btn:hover { color: #000; border-left-color: #000; } .ny11-section10 .swiper-btn .iconfont { font-size: 0.4rem; } .ny11-section10 .swiper-btn-prev { left: -0.6666rem; transform: rotateY(180deg); } .ny11-section10 .swiper-btn-next { right: -0.6666rem; } .ny11-section10 .body4 { overflow: hidden; margin-bottom: 1.1667rem; } .ny11-section10 .body2, .ny11-section10 .body3 { width: 16.1667rem; margin-left: auto; margin-right: auto; } .ny11-section10 .body2 { position: relative; } .ny11-section10 .body3 { text-align: center; margin-top: 1.1667rem; position: relative; } .ny11-section10 .body3:before, .ny11-section10 .body3:after { content: ""; display: block; width: 100%; height: 1rem; background-color: #fff; position: absolute; left: 0; z-index: 3; pointer-events: none; } .ny11-section10 .body3:before { top: 0; background: -webkit-linear-gradient(to bottom, #fff 30%, transparent); background: -o-linear-gradient(to bottom, #fff 30%, transparent); background: -moz-linear-gradient(to bottom, #fff 30%, transparent); background: linear-gradient(to bottom, #fff 30%, transparent); } .ny11-section10 .body3:after { bottom: 0; background: -webkit-linear-gradient(to top, #fff 30%, transparent); background: -o-linear-gradient(to top, #fff 30%, transparent); background: -moz-linear-gradient(to top, #fff 30%, transparent); background: linear-gradient(to top, #fff 30%, transparent); } .ny11-section10 .body3 .swiper-slide-active .text { font-family: "HYJunhei-85J"; font-size: 0.5373rem; } .ny11-section10 .body3 .text { height: 100%; font-size: 0.5347rem; color: #000000; display: flex; align-items: center; justify-content: center; } /* ==================== 内页11 - 板块十 End ==================== */