.ny40-main .mxw-box { width: 24rem; } /* ==================== 内页40 - 通用 Start ==================== */ .ny40-info { color: #000; } .ny40-info.white { color: #fff; } .ny40-info .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny40-info .text2 { margin-top: 0.6rem; font-size: 0.3334rem; line-height: 1.6; opacity: 0.6; } /* ==================== 内页40 - 通用 End ==================== */ /* ==================== 内页40 - 板块一 Start ==================== */ .ny40-section1 { position: relative; } .ny40-section1 .info { position: absolute; top: 2.4rem; left: 0; width: 100%; z-index: 2; color: #fff; text-align: center; } .ny40-section1 .info .text1 { font-size: 0.3334rem; line-height: 1.2; } .ny40-section1 .info .text2 { font-size: 1rem; line-height: 1.2; margin-top: 0.2499rem; font-family: "HYJunhei-85J"; } .ny40-section1 .info .text3 { font-size: 0.4333rem; line-height: 1.2; margin-top: 0.3334rem; } .ny40-section1 .image { display: block; width: 100%; } .ny40-section1 .image img { display: block; width: 100%; } /* ==================== 内页40 - 板块一 End ==================== */ /* ==================== 内页40 - 板块二 Start ==================== */ .ny40-section2 { position: relative; padding-top: 2.5002rem; padding-bottom: 2.5002rem; } .ny40-section2 .itembox { display: flex; align-items: stretch; justify-content: flex-start; } .ny40-section2 .item { position: relative; min-width: 0; flex-grow: 1; width: 7.6666rem; height: 9.3334rem; border-radius: 0.1667rem; overflow: hidden; transition: all 0.4s; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 0.0832rem; } .ny40-section2 .item:last-child { margin-right: 0; } .ny40-section2 .item:hover { width: 9rem; flex-shrink: 0; } .ny40-section2 .item:hover .info { padding-bottom: 0.6666rem; } .ny40-section2 .item:hover .info .text2 { opacity: 1; visibility: visible; transform: translateY(0); } .ny40-section2 .item .bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 2; background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .ny40-section2 .item .image { position: relative; z-index: 1; } .ny40-section2 .item .info { position: absolute; bottom: 0.6666rem; left: 0; width: 100%; z-index: 3; color: #FFFFFF; padding: 0.6666rem; padding-bottom: 0; transition: all 0.4s; } .ny40-section2 .item .info .text1 { font-size: 0.4333rem; line-height: 1.1; } .ny40-section2 .item .info .text2 { font-size: 0.3002rem; line-height: 1.1; margin-top: 0.3334rem; position: absolute; bottom: 0; left: 0.6666rem; width: 100%; transform: translateY(0.6666rem); opacity: 0; visibility: hidden; transition: all 0.4s; } /* ==================== 内页40 - 板块二 End ==================== */ /* ==================== 内页40 - 板块三 Start ==================== */ .ny40-section3 { position: relative; height: 100vh; } .ny40-section3 .title { width: 100%; font-size: 1rem; color: #000000; line-height: 1.1; text-align: center; z-index: 1; font-family: "HYJunhei-85J"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .ny40-section3 .body { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } .ny40-section3 .content { position: absolute; top: 50%; left: 50%; width: 100vw; transform: translate(-50%, -50%); } .ny40-section3 .content .title { position: static; transform: translateY(0); white-space: nowrap; color: #fff; } .ny40-section3 .content .desc { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); font-size: 0.3334rem; color: #000; margin-top: 0.6666rem; line-height: 1.8; text-align: center; } /* ==================== 内页40 - 板块三 End ==================== */ /* ==================== 内页40 - 板块四 Start ==================== */ .ny40-section4 { position: relative; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 15.8333rem; } .ny40-section4 .mxw-box { height: 100%; display: flex; flex-flow: column; align-items: flex-end; justify-content: center; } .ny40-section4 .info { height: 100%; } .ny40-section4 .info .text1 { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1.1; } .ny40-section4 .info .text2 { margin-top: 0.6666rem; font-size: 0.5002rem; line-height: 1.1; } .ny40-section4 .info .text3 { margin-top: 0.4166rem; font-size: 0.3334rem; color: rgba(0, 0, 0, 0.6); line-height: 1.1; } /* ==================== 内页40 - 板块四 End ==================== */ /* ==================== 内页40 - 板块五 Start ==================== */ .ny40-section5 { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; } .ny40-section5 .body { display: flex; align-items: center; justify-content: space-between; } .ny40-section5 .left-body { width: 6.6666rem; flex-shrink: 0; } .ny40-section5 .left-body .item .text1 { font-size: 1rem; color: #000000; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny40-section5 .left-body .item .text2 { margin-top: 0.6rem; font-size: 0.3334rem; color: rgba(0, 0, 0, 0.6); line-height: 1.4; text-align: justify; } .ny40-section5 .left-body .tabs { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 1.3334rem; } .ny40-section5 .left-body .tabs .tab-item { position: relative; width: 50%; font-size: 0.4333rem; color: #000; line-height: 1.1; padding-top: 0.3334rem; text-align: center; opacity: 0.2; cursor: pointer; transition: all 0.4s; } .ny40-section5 .left-body .tabs .tab-item:after { content: ""; display: block; width: 100%; height: 0.0333rem; background-color: #000; position: absolute; top: 0; left: 0; } .ny40-section5 .left-body .tabs .tab-item.active { opacity: 1; } .ny40-section5 .right-body { width: 8.6666rem; display: block; flex-shrink: 0; } .ny40-section5 .right-body .image { border-radius: 0.1667rem; overflow: hidden; } .ny40-section5 .right-body .image img { width: 100%; } /* ==================== 内页40 - 板块五 End ==================== */ /* ==================== 内页40 - 板块六 Start ==================== */ .ny40-section6 { background-size: cover; background-position: center; background-repeat: no-repeat; } .ny40-section6 .title { text-align: center; padding-top: 1.8333rem; margin-bottom: 0.8333rem; } .ny40-section6 .title .text1 { font-size: 1rem; line-height: 1.1; color: #000000; font-family: "HYJunhei-85J"; } .ny40-section6 .title .text2 { font-size: 0.4333rem; margin-top: 0.5002rem; line-height: 1.1; color: rgba(0, 0, 0, 0.6); } .ny40-section6 .body1 .image { width: 21.6666rem; margin-left: auto; margin-right: auto; position: relative; z-index: 2; } .ny40-section6 .body1 .image img { width: 100%; } .ny40-section6 .body1 .image2 { position: relative; z-index: 1; width: 3.3334rem; margin-top: -1.7334rem; margin-left: auto; margin-right: auto; } .ny40-section6 .body1 .image2 img { width: 100%; } .ny40-section6 .itembox2 { display: flex; align-items: center; justify-content: center; padding-bottom: 2.1667rem; margin-top: 1.1667rem; } .ny40-section6 .itembox2 .item { width: 8rem; display: block; position: relative; border-radius: 0.1667rem; overflow: hidden; margin-right: 0.5002rem; } .ny40-section6 .itembox2 .item img { transition: all 0.4s; width: 100%; } .ny40-section6 .itembox2 .item:hover img { transform: scale(1.1); } .ny40-section6 .itembox2 .item:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 2; background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .ny40-section6 .itembox2 .item:last-child { margin-right: 0; } .ny40-section6 .itembox2 .item .text { position: absolute; width: 100%; bottom: 0; padding: 0.5002rem; z-index: 4; font-size: 0.4333rem; color: #fff; } @keyframes ny40-section6-ani { 0% { transform: translateX(-3.8333rem); } 50% { transform: translateX(3.8333rem); } 100% { transform: translateX(0); } } /* ==================== 内页40 - 板块六 End ==================== */ /* ==================== 内页40 - 板块七 Start ==================== */ .ny40-section7 { padding-top: 2.8333rem; padding-bottom: 3rem; background-color: #fff; overflow: hidden; } .ny40-section7 .ny40-section7-swiper { overflow: visible; } .ny40-section7 .swiper-slide { position: relative; overflow: hidden; border-radius: 0.1334rem; } .ny40-section7 .swiper-slide:hover .image img { transform: scale(1.1); } .ny40-section7 .swiper-slide .info { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; padding: 1rem 1.1667rem; color: #fff; } .ny40-section7 .swiper-slide .info .text1 { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1.1; margin-bottom: 0.5002rem; } .ny40-section7 .swiper-slide .info .text2 { font-size: 0.5002rem; line-height: 1.1; margin-bottom: 0.2499rem; } .ny40-section7 .swiper-slide .info .text3 { font-size: 0.3334rem; line-height: 1.4; opacity: 0.8; } .ny40-section7 .swiper-slide .image { width: 100%; } .ny40-section7 .swiper-slide .image img { width: 100%; transition: all 0.4s; } /* ==================== 内页40 - 板块七 End ==================== */ /* ==================== 内页40 - 板块八 Start ==================== */ .ny40-section8 { position: relative; background-attachment: fixed; height: 100vh; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; } .ny40-section8 .item { margin-bottom: 1.6666rem; text-align: center; color: #fff; } .ny40-section8 .item:last-child { margin-bottom: 0; } .ny40-section8 .item .text1 { font-size: 0.3334rem; margin-bottom: 0.3334rem; display: flex; justify-content: center; align-items: flex-end; } .ny40-section8 .item .text1 strong { font-size: 1rem; font-weight: 400; font-family: "HYJunhei-85J"; line-height: 1; } .ny40-section8 .item .text2 { font-size: 0.3002rem; line-height: 1.6; margin-top: 0.3334rem; } /* ==================== 内页40 - 板块八 End ==================== */ /* ==================== 内页40 - 板块九 Start ==================== */ .ny40-section9 { padding-top: 2.6666rem; padding-bottom: 3.3334rem; background-color: #fff; } .ny40-section9 .body { display: flex; align-items: center; justify-content: space-between; } .ny40-section9 .ny40-info { min-width: 0; flex-grow: 1; margin-right: 0.6666rem; } .ny40-section9 .image { width: 15.8333rem; display: block; flex-shrink: 0; } .ny40-section9 .image img { width: 100%; } /* ==================== 内页40 - 板块九 End ==================== */ /* ==================== 内页40 - 板块十 Start ==================== */ .ny40-section10 { position: relative; height: 100vh; display: flex; align-items: center; justify-content: flex-end; background-size: cover; background-position: center; background-repeat: no-repeat; } .ny40-section10 .info { color: #fff; } .ny40-section10 .info .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny40-section10 .info .text2 { margin-top: 0.5002rem; font-size: 0.5002rem; line-height: 1.6; } .ny40-section10 .body { width: 9.8333rem; margin-right: 0; margin-left: auto; } .ny40-section10 .itembox { display: flex; align-items: stretch; justify-content: flex-start; margin-top: 0.6666rem; } .ny40-section10 .item { margin-right: 1rem; text-align: center; } .ny40-section10 .item:last-child { margin-right: 0; } .ny40-section10 .item .icon { display: block; width: 1.1667rem; margin-left: auto; margin-right: auto; margin-bottom: 0.2499rem; } .ny40-section10 .item .text { font-size: 0.3334rem; color: #FFFFFF; line-height: 1.1; } /* ==================== 内页40 - 板块十 End ==================== */ /* ==================== 内页40 - 板块十一 Start ==================== */ .ny40-section11 { padding-top: 2.1667rem; padding-bottom: 2.1667rem; overflow: hidden; } .ny40-section11 .title { font-size: 1rem; color: #000000; line-height: 1.2; margin-bottom: 1rem; font-family: "HYJunhei-85J"; text-align: center; } .ny40-section11 .ny40-section11-swiper { overflow: visible; } .ny40-section11 .swiper { margin-left: auto; margin-right: auto; width: 16.6666rem; position: relative; } .ny40-section11 .swiper .swiper-slide-active .info { opacity: 1; visibility: visible; } .ny40-section11 .image { width: 100%; display: block; border-radius: 0.1667rem; overflow: hidden; } .ny40-section11 .image img { width: 100%; } .ny40-section11 .info { font-size: 0.4333rem; color: #000000; line-height: 1.6; margin-top: 0.6666rem; opacity: 0; visibility: hidden; transition: all 0.4s; } .ny40-section11 .btn-group { position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: flex-start; } .ny40-section11 .btn-group .swiper-button { position: static; width: 1.1334rem; height: 1.1334rem; border: 0.0166rem solid rgba(0, 0, 0, 0.06); border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #fff; color: #000; font-size: 0.3334rem; transform: translate(0); margin: 0; margin-right: 0.1667rem; } .ny40-section11 .btn-group .swiper-button:last-child { margin-right: 0; } /* ==================== 内页40 - 板块十一 End ==================== */ /* ==================== 内页40 - 板块十二 Start ==================== */ .ny40-section12 { text-align: center; padding-bottom: 3rem; } .ny40-section12 .title { font-size: 1rem; color: #000000; line-height: 1.2; margin-bottom: 1rem; font-family: "HYJunhei-85J"; text-align: center; margin-bottom: 1.3334rem; } .ny40-section12 .swiper { width: 11.6666rem; margin-left: auto; margin-right: auto; } .ny40-section12 .swiper .image img { width: 100%; } .ny40-section12 .tabs { background-color: #F0F0F0; display: inline-flex; align-items: center; justify-content: center; border-radius: 1.6666rem; overflow: hidden; margin-top: 0.8333rem; } .ny40-section12 .tabs .tab-item { width: 2.5002rem; padding: 0.2666rem; text-align: center; font-size: 0.3334rem; line-height: 1.1; color: #010101; transition: all 0.4s; border-radius: 1.6666rem; cursor: pointer; } .ny40-section12 .tabs .tab-item.active { background-color: #010101; color: #fff; } /* ==================== 内页40 - 板块十二 End ==================== */ /* ==================== 内页40 - 板块十三 Start ==================== */ .ny40-section13 { overflow: hidden; } .ny40-section13 .max-body { display: flex; align-items: stretch; justify-content: flex-start; } .ny40-section13 .info { background-color: #FBFBFB; min-width: 0; flex-grow: 1; padding-left: 4rem; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; } .ny40-section13 .info .text1 { font-size: 1rem; line-height: 1.1; color: #000000; font-family: "HYJunhei-85J"; } .ny40-section13 .info .text2 { margin-top: 0.5002rem; font-size: 0.5002rem; line-height: 1.4; } .ny40-section13 .itembox { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin-top: 1.3334rem; } .ny40-section13 .item { margin-right: 1.3334rem; } .ny40-section13 .item:last-child { margin-right: 0; } .ny40-section13 .item .text3 { font-size: 0.6666rem; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny40-section13 .item .text4 { margin-top: 0.2499rem; font-size: 0.3334rem; line-height: 1.4; color: rgba(0, 0, 0, 0.6); } .ny40-section13 .image { width: 15.8333rem; flex-shrink: 0; } .ny40-section13 .image img { width: 100%; } /* ==================== 内页40 - 板块十三 End ==================== */ /* ==================== 内页40 - 板块十四 Start ==================== */ .ny40-section14 { padding-top: 2.3334rem; padding-bottom: 3.3334rem; } .ny40-section14 .title { text-align: center; font-size: 1rem; line-height: 1.1; margin-bottom: 2rem; font-family: "HYJunhei-85J"; } .ny40-section14 .image { width: 16.6666rem; margin-left: auto; margin-right: auto; margin-bottom: 2.5002rem; } .ny40-section14 .image img { width: 100%; } .ny40-section14 .ny26-table tr:nth-child(2n) { background-color: #F5F5F5; } .ny40-section14 .ny26-table td { font-family: "HYJunhei-65J"; } /* ==================== 内页40 - 板块十四 End ==================== */