.ny41-main .mxw-box { width: 24rem; } /* ==================== 内页41 - 通用 Start ==================== */ .ny41-info { color: #fff; } .ny41-info.black { color: #000; } .ny41-info .text1 { font-size: 0.4333rem; line-height: 1.2; } .ny41-info .text2 { margin-top: 0.5002rem; font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; } .ny41-info .text3 { margin-top: 0.5002rem; font-size: 0.3334rem; line-height: 1.6; opacity: 0.6; } /* ==================== 内页41 - 通用 End ==================== */ /* ==================== 内页41 - 板块一 Start ==================== */ .ny41-section1 { position: relative; } .ny41-section1 .image { width: 100%; } .ny41-section1 .image img { width: 100%; } .ny41-section1 .body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #fff; z-index: 2; } .ny41-section1 .body .max-body { padding-left: 4rem; } .ny41-section1 .body .text1 { font-size: 0.3334rem; line-height: 1.1; } .ny41-section1 .body .text2 { margin-top: 0.2499rem; font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1.2; } .ny41-section1 .body .text3 { margin-top: 0.5002rem; font-size: 0.4333rem; line-height: 1.1; } .ny41-section1 .body .itembox { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 1rem; } .ny41-section1 .body .item { margin-right: 0.3334rem; } .ny41-section1 .body .item .icon { width: 1rem; display: block; margin-left: auto; margin-right: auto; } .ny41-section1 .body .item .icon img { width: 100%; } .ny41-section1 .body .item .text { margin-top: 0.2666rem; font-size: 0.3002rem; color: #FFFFFF; text-align: center; } /* ==================== 内页41 - 板块一 End ==================== */ /* ==================== 内页41 - 板块二 Start ==================== */ .ny41-section2 { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 1.9168rem; padding-bottom: 1rem; } .ny41-section2 .ny41-info { text-align: center; margin-bottom: 0.6666rem; } .ny41-section2 .itembox { display: flex; justify-content: center; align-items: flex-start; } .ny41-section2 .item { margin-right: 1.3334rem; display: block; text-align: center; } .ny41-section2 .item:nth-child(2n-1) { margin-top: 2rem; } .ny41-section2 .item:last-child { margin-right: 0; } .ny41-section2 .item .icon { width: 3.1667rem; display: block; margin-left: auto; margin-right: auto; } .ny41-section2 .item .text { font-size: 0.3334rem; color: #fff; line-height: 1.4; } .ny41-section2 .image { display: block; margin-left: auto; margin-right: auto; width: 15rem; } .ny41-section2 .image img { width: 100%; } /* ==================== 内页41 - 板块二 End ==================== */ /* ==================== 内页41 - 板块三 Start ==================== */ .ny41-section3 { padding-top: 1.6666rem; padding-bottom: 1.5002rem; background-size: cover; background-position: center; background-repeat: no-repeat; } .ny41-section3 .ny41-info { text-align: center; } .ny41-section3 .ny41-info .text3 { opacity: 1; } .ny41-section3 .itembox { display: flex; align-items: center; justify-content: center; margin-top: 0.8333rem; } .ny41-section3 .itembox .item { margin-right: 1.3334rem; } .ny41-section3 .itembox .item:last-child { margin-right: 0; } .ny41-section3 .itembox .icon { display: block; width: 1.5002rem; margin-left: auto; margin-right: auto; } .ny41-section3 .itembox .icon img { width: 100%; } .ny41-section3 .itembox .text { margin-top: 0.3334rem; font-size: 0.4rem; color: #fff; text-align: center; } .ny41-section3 .body { margin-top: 1.3334rem; margin-left: auto; margin-right: auto; width: 9.3334rem; position: relative; } .ny41-section3 .body .itembox2 { position: absolute; bottom: 2.1667rem; left: 0; width: 100%; z-index: 3; display: flex; align-items: stretch; justify-content: center; } .ny41-section3 .body .itembox2 .item2 { text-align: center; color: #fff; margin-right: 1.5002rem; text-shadow: 0 0 0.3334rem rgba(0, 0, 0, 0.6); } .ny41-section3 .body .itembox2 .item2:last-child { margin-right: 0; } .ny41-section3 .body .itembox2 .item2 .text1 { font-size: 0.6666rem; line-height: 1.2; } .ny41-section3 .body .itembox2 .item2 .text2 { font-size: 0.4333rem; line-height: 1.2; } .ny41-section3 .itembox3 { margin-top: 1.5002rem; display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; } .ny41-section3 .itembox3 .item3 { margin-right: 0.3334rem; width: 6.3334rem; display: block; position: relative; } .ny41-section3 .itembox3 .item3:hover .bg-image img { transform: scale(1.1); } .ny41-section3 .itembox3 .item3:last-child { margin-right: 0; } .ny41-section3 .itembox3 .item3 .bg-image { border-radius: 0.3334rem; overflow: hidden; } .ny41-section3 .itembox3 .item3 .bg-image img { width: 100%; transition: all 0.4s; } .ny41-section3 .itembox3 .item3 .info { padding: 0.6666rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start; color: #fff; } .ny41-section3 .itembox3 .item3 .info .text1 { font-size: 0.4rem; line-height: 1.2; } .ny41-section3 .itembox3 .item3 .info .text1 strong { font-size: 0.5002rem; font-weight: 400; } .ny41-section3 .itembox3 .item3 .info .text2 { font-size: 0.3334rem; opacity: 0.6; line-height: 1.4; } /* ==================== 内页41 - 板块三 End ==================== */ /* ==================== 内页41 - 板块四 Start ==================== */ .ny41-section4 { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; position: relative; } .ny41-section4 .max-body { position: relative; padding-left: 4rem; min-height: 100vh; display: flex; align-items: center; justify-content: flex-start; } .ny41-section4 .image { display: block; } .ny41-section4 .image img { display: block; width: 100%; } .ny41-section4 .itembox { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0.8333rem; } .ny41-section4 .itembox .item { margin-right: 1rem; } .ny41-section4 .itembox .item:last-child { margin-right: 0; } .ny41-section4 .itembox .icon { display: block; width: 1.5002rem; margin-left: auto; margin-right: auto; } .ny41-section4 .itembox .icon img { width: 100%; } .ny41-section4 .itembox .text { margin-top: 0.3334rem; font-size: 0.4rem; color: #fff; text-align: center; } /* ==================== 内页41 - 板块四 End ==================== */ /* ==================== 内页41 - 板块五 Start ==================== */ .ny41-section5 { overflow: hidden; padding-top: 2.8333rem; padding-bottom: 3.0832rem; } .ny41-section5 .body { display: flex; align-items: center; justify-content: space-between; } .ny41-section5 .ny41-info { margin-right: 0.6666rem; min-width: 0; flex-grow: 1; } .ny41-section5 .image { width: 14.1667rem; display: block; flex-shrink: 0; overflow: hidden; border-radius: 0.1667rem; } .ny41-section5 .image img { width: 100%; } /* ==================== 内页41 - 板块五 End ==================== */ /* ==================== 内页41 - 板块六 Start ==================== */ .ny41-section6 { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .ny41-section6 .max-body { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: flex-start; padding-left: 4rem; } .ny41-section6 .itembox { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0.8333rem; } .ny41-section6 .itembox .item { margin-right: 1rem; } .ny41-section6 .itembox .item:last-child { margin-right: 0; } .ny41-section6 .itembox .icon { display: block; width: 1.5002rem; margin-left: auto; margin-right: auto; } .ny41-section6 .itembox .icon img { width: 100%; } .ny41-section6 .itembox .text { margin-top: 0.3334rem; font-size: 0.4rem; color: #fff; text-align: center; } /* ==================== 内页41 - 板块六 End ==================== */ /* ==================== 内页41 - 板块七 Start ==================== */ .ny41-section7 { position: relative; overflow: hidden; padding-top: 1.8333rem; } .ny41-section7 .ny41-info { text-align: center; margin-bottom: 1rem; } .ny41-section7 .ny41-info .text1 { font-family: "HYJunhei-85J"; } .ny41-section7 .ny41-info .text2 { margin-top: 0.1667rem; } .ny41-section7 .ny41-info .text3 { margin-top: 0.2499rem; } .ny41-section7 .image { height: 12.5002rem; background-attachment: fixed; background-size: cover; background-position: center; } /* ==================== 内页41 - 板块七 End ==================== */ /* ==================== 内页41 - 板块八 Start ==================== */ .ny41-section8 { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center; } .ny41-section8 .max-body { min-height: 100vh; padding-right: 4rem; display: flex; align-items: center; justify-content: flex-end; } .ny41-section8 .itembox { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0.8333rem; } .ny41-section8 .itembox .item { margin-right: 1rem; } .ny41-section8 .itembox .item:last-child { margin-right: 0; } .ny41-section8 .itembox .icon { display: block; width: 1.5002rem; margin-left: auto; margin-right: auto; } .ny41-section8 .itembox .icon img { width: 100%; } .ny41-section8 .itembox .text { margin-top: 0.3334rem; font-size: 0.4rem; color: #fff; text-align: center; } /* ==================== 内页41 - 板块八 End ==================== */ /* ==================== 内页41 - 板块九 Start ==================== */ .ny41-section9 { padding-top: 2.6666rem; padding-bottom: 2.3334rem; } .ny41-section9 .body { display: flex; align-items: flex-start; justify-content: space-between; } .ny41-section9 .title { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; margin-bottom: 1rem; } .ny41-section9 .left-body { min-width: 0; flex-grow: 1; } .ny41-section9 .tabs { position: relative; } .ny41-section9 .tabs .tab-item { position: relative; border-left: 0.0333rem solid #000; padding: 0.2499rem 0.8333rem; opacity: 0.1; cursor: pointer; } .ny41-section9 .tabs .tab-item.active { opacity: 1; } .ny41-section9 .tabs .tab-item.active .text2 { display: block; } .ny41-section9 .tabs .tab-item .text1 { font-size: 0.5002rem; line-height: 1.1; margin-bottom: 0.3334rem; } .ny41-section9 .tabs .tab-item .text2 { font-size: 0.3334rem; color: rgba(0, 0, 0, 0.6); line-height: 1.6; text-align: justify; display: none; } .ny41-section9 .swiper { width: 16rem; display: block; border-radius: 0.1667rem; overflow: hidden; flex-shrink: 0; } .ny41-section9 .swiper .image { width: 100%; } .ny41-section9 .swiper .image img { width: 100%; } /* ==================== 内页41 - 板块九 End ==================== */ /* ==================== 内页41 - 板块十 Start ==================== */ .ny41-section10 { padding-bottom: 3.1667rem; } .ny41-section10 .image { width: 18.3334rem; margin-left: auto; margin-right: auto; margin-bottom: 2rem; } .ny41-section10 .image img { width: 100%; } .ny41-section10 tr:nth-child(2n) { background-color: #F5F5F5; } .ny41-section10 tr td { font-family: "HYJunhei-65J"; } /* ==================== 内页41 - 板块十 End ==================== */