.ny12-main .mxw-box { width: 24rem; } /* ==================== 内页12 - 通用标题 Start ==================== */ .ny12-title .text1 { font-size: 0.2333rem; color: #654a35; line-height: 1.1; margin-bottom: 0.1667rem; } .ny12-title .text2 { display: inline-block; position: relative; margin-bottom: 0.9667rem; } .ny12-title .text2:after { content: ""; display: block; width: 4.5002rem; height: 0.2666rem; position: absolute; bottom: 0; left: 0; z-index: 1; background: -webkit-linear-gradient(to right, #D4BAA3 60%, transparent); background: -o-linear-gradient(to right, #D4BAA3 60%, transparent); background: -moz-linear-gradient(to right, #D4BAA3 60%, transparent); background: linear-gradient(to right, #D4BAA3 60%, transparent); } .ny12-title .text2-text { position: relative; z-index: 2; font-size: 1rem; line-height: 1.2; color: #654a35; font-family: "HYJunhei-85J"; } .ny12-title .text3 { color: #77726e; font-size: 0.3334rem; line-height: 2.2; font-family: "HYJunhei-35J"; } /* ==================== 内页12 - 通用标题 End ==================== */ /* ==================== 内页12 - 通用标题2 Start ==================== */ .ny12-title2 { text-align: center; margin-bottom: 1.5002rem; } .ny12-title2 .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; color: #5e3d2e; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(to bottom, #997A61 20%, #5B4332); background-image: -o-linear-gradient(to bottom, #997A61 20%, #5B4332); background-image: -moz-linear-gradient(to bottom, #997A61 20%, #5B4332); background-image: linear-gradient(to bottom, #997A61 20%, #5B4332); } .ny12-title2 .line { display: flex; align-items: center; justify-content: center; margin-top: 0.4166rem; } .ny12-title2 .line span, .ny12-title2 .line:before, .ny12-title2 .line:after { background-color: #A07F65; } .ny12-title2 .line:before, .ny12-title2 .line:after { content: ""; display: block; width: auto; height: 0.1002rem; width: 0.1002rem; border-radius: 100%; } .ny12-title2 .line span { width: 0.7667rem; height: 0.1002rem; margin-left: 0.1168rem; margin-right: 0.1168rem; border-radius: 1.6666rem; } .ny12-title2 .text2 { margin-top: 0.8333rem; font-family: "HYJunhei-35J"; font-size: 0.3334rem; line-height: 1.8; color: #77726e; } /* ==================== 内页12 - 通用标题2 End ==================== */ /* ==================== 内页12 - 板块一 Start ==================== */ .ny12-section1 .image img { width: 100%; } /* ==================== 内页12 - 板块一 End ==================== */ /* ==================== 内页12 - 板块二 Start ==================== */ .ny12-section2 { padding-top: 2.1667rem; padding-bottom: 2.5002rem; } .ny12-section2 .image { max-width: 100%; } .ny12-section2 .image img { width: 100%; } .ny12-section2 .body { display: flex; border-radius: 0.3334rem; } .ny12-section2 .body .info { position: relative; z-index: 2; min-width: 0; flex-grow: 1; background-color: #fff; border-radius: 0.3334rem; margin-right: -0.3334rem; padding-left: 1.5002rem; padding-right: 1.5002rem; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; box-shadow: 0 0 0.5002rem 0.0832rem rgba(0, 0, 0, 0.05); } .ny12-section2 .body .image { width: 50%; border-radius: 0 0.3334rem 0.3334rem 0; overflow: hidden; box-shadow: 0 0 0.5002rem 0.0832rem rgba(0, 0, 0, 0.05); } .ny12-section2 .body .image img { width: 100%; } /* ==================== 内页12 - 板块二 End ==================== */ /* ==================== 内页12 - 板块三 Start ==================== */ .ny12-section3 { padding-top: 2.7667rem; padding-bottom: 2.4rem; background-size: cover; background-position: center; background-repeat: no-repeat; } .ny12-section3 .swiper { overflow: hidden; } .ny12-section3 .ny12-section3-swiper { overflow: visible; width: 14.1667rem; margin-left: 0; margin-right: auto; } .ny12-section3 .ny12-section3-swiper .swiper-slide.swiper-slide-active .item .text { opacity: 1; } .ny12-section3 .ny12-section3-swiper .swiper-slide:first-child { z-index: 2; } .ny12-section3 .item { position: relative; } .ny12-section3 .item .image { border-radius: 0.3334rem; overflow: hidden; } .ny12-section3 .item .image img { width: 100%; } .ny12-section3 .item .text { font-size: 0.4333rem; color: #654a35; margin-top: 0.6666rem; line-height: 1.4; } .ny12-section3 .btn-group { display: flex; justify-content: flex-end; align-items: center; margin-top: 1.1667rem; } .ny12-section3 .swiper-button-prev, .ny12-section3 .swiper-button-next { width: 0.8333rem; height: 0.8333rem; border-radius: 100%; position: static; margin: 0; transform: translate(0); background-color: #D5CBAF; } .ny12-section3 .swiper-button-prev .iconfont, .ny12-section3 .swiper-button-next .iconfont { font-size: 0.2666rem; } .ny12-section3 .swiper-button-prev { transform: rotateY(-180deg); margin-right: 0.1667rem; } /* ==================== 内页12 - 板块三 End ==================== */ /* ==================== 内页12 - 板块四 Start ==================== */ .ny12-section4 { padding-top: 2.8333rem; } .ny12-section4 .body { position: relative; background-size: cover; height: 100vh; } .ny12-section4 .body .image { position: relative; z-index: 1; } .ny12-section4 .body .info { position: absolute; right: 0; height: 100%; top: 0; width: 36%; z-index: 2; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; } .ny12-section4 .body .itembox { color: transparent; background-image: linear-gradient(to bottom, transparent 40%, #3f2c1e 50%, transparent 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: auto 600%; background-position-y: 80%; } .ny12-section4 .body .item { margin-bottom: 1.5002rem; } .ny12-section4 .body .item:last-child { margin-bottom: 0; } .ny12-section4 .body .item .text1 { font-size: 0.8333rem; line-height: 1; color: #3f2c1e; font-family: "HYJunhei-85J"; } .ny12-section4 .body .item .text2 { font-size: 0.3334rem; color: #58483c; } .ny12-section4 .body .image2 { width: 7.68rem; margin-top: 1.5002rem; } /* ==================== 内页12 - 板块四 End ==================== */ /* ==================== 内页12 - 板块五 Start ==================== */ .ny12-section5 { background-color: #fff; padding-top: 2.8333rem; padding-bottom: 3.5002rem; } .ny12-section5 .body1 .image { margin-bottom: 3.8333rem; box-shadow: 0rem 0rem 1.5834rem 0rem rgba(0, 0, 0, 0.1); border-radius: 0.3334rem; overflow: hidden; } .ny12-section5 .body1 .image img { width: 100%; } .ny12-section5 .body1 .ny12-title { margin-bottom: 1.5002rem; } .ny12-section5 .body2 { display: flex; align-items: flex-start; justify-content: space-between; } .ny12-section5 .body2-left { width: 11rem; flex-shrink: 0; box-shadow: 0rem 0rem 1.5834rem 0rem rgba(0, 0, 0, 0.1); border-radius: 0.3334rem; margin-right: 0.8333rem; } .ny12-section5 .body2-left .image { overflow: hidden; border-radius: 0.3334rem; } .ny12-section5 .body2-left .image img { width: 100%; } .ny12-section5 .body2-right { min-width: 0; flex-grow: 1; } .ny12-section5 .body2-right .ny12-title { text-align: right; margin-bottom: 1.1667rem; } .ny12-section5 .body2-right .ny12-title .text2 { padding-right: 0; margin-bottom: 0; } .ny12-section5 .body2-right .ny12-title .text2:after { left: auto; right: 0; transform: rotateY(180deg); } .ny12-section5 .body2-right .ny12-section5-swiper2 { margin-bottom: 1.5002rem; box-shadow: 0rem 0rem 1.5834rem 0rem rgba(0, 0, 0, 0.1); border-radius: 0.3334rem; } .ny12-section5 .itembox { display: flex; flex-wrap: wrap; margin-bottom: 0.2499rem; justify-content: flex-end; } .ny12-section5 .item { width: 1.1667rem; height: 1.1667rem; margin: 0.1334rem; position: relative; border-radius: 0.2333rem; margin-right: 0.4333rem; border-color: inherit; cursor: pointer; } .ny12-section5 .item.active:after { opacity: 1; visibility: visible; } .ny12-section5 .item:last-child { margin-right: 0; } .ny12-section5 .item:after { content: ""; display: block; border-radius: 0.2333rem; width: calc(100% + 0.1334rem); height: calc(100% + 0.1334rem); border: 0.0166rem solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: all 0.4s; } .ny12-section5 .tip { color: #77726e; font-family: "HYJunhei-35J"; font-size: 0.3334rem; text-align: right; padding-top: 0.3334rem; } /* ==================== 内页12 - 板块五 End ==================== */ /* ==================== 内页12 - 板块六 Start ==================== */ .ny12-section6 { background-color: #F0F0F0; padding-top: 3rem; padding-bottom: 2.3334rem; } .ny12-section6 .body { padding-left: 4rem; display: flex; align-items: center; justify-content: flex-start; } .ny12-section6 .body-left { flex-shrink: 0; margin-right: 4.6666rem; } .ny12-section6 .swiper { min-width: 0; flex-grow: 1; overflow: hidden; } .ny12-section6 .ny12-section6-swiper { width: 41.667vw; overflow: visible; margin-left: 0; margin-right: auto; } /* ==================== 内页12 - 板块六 End ==================== */ /* ==================== 内页12 - 板块七 Start ==================== */ .ny12-section7 { padding-top: 3.1667rem; padding-bottom: 2.5002rem; } .ny12-section7 .item { margin-bottom: 2.3334rem; display: flex; align-items: center; justify-content: space-between; } .ny12-section7 .item:last-child { margin-bottom: 0; } .ny12-section7 .item:nth-child(2n-1) .image { margin-right: 2.8333rem; } .ny12-section7 .item:nth-child(2n) .image { order: 2; margin-left: 2.5002rem; } .ny12-section7 .item .image { width: 11.1667rem; flex-shrink: 0; border-radius: 0.3334rem; overflow: hidden; } .ny12-section7 .item .image img { width: 100%; } .ny12-section7 .item .info { min-width: 0; flex-grow: 1; } /* ==================== 内页12 - 板块七 End ==================== */ /* ==================== 内页12 - 板块八 Start ==================== */ .ny12-section8 { padding-bottom: 1.7501rem; } .ny12-section8 .body-content { width: 100%; } .ny12-section8 .top { margin-bottom: 1.3334rem; } .ny12-section8 .body { overflow: hidden; display: flex; align-items: center; justify-content: flex-start; height: 100vh; } .ny12-section8 .body .line { background-color: #E5E5E5; border-radius: 1.6666rem; position: relative; height: 0.1168rem; } .ny12-section8 .body .line span { position: absolute; display: block; border-radius: 1.6666rem; width: 20%; height: 100%; background-color: #654A35; left: 0; top: 0; } .ny12-section8 .itembox { display: flex; width: 13.3334rem; margin-left: auto; margin-right: auto; } .ny12-section8 .itembox .item { flex-shrink: 0; border-radius: 0.3334rem; overflow: hidden; margin-right: 0.5002rem; position: relative; box-shadow: 0rem 0rem 1.5834rem 0rem rgba(0, 0, 0, 0.1); width: 100%; } .ny12-section8 .itembox .item .bg-icon { display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; z-index: 2; } .ny12-section8 .itembox .item img { width: 100%; } .ny12-section8 .bottom { display: table; margin-left: auto; margin-right: auto; } .ny12-section8 .itembox2 { display: flex; margin-top: 0.5002rem; } .ny12-section8 .itembox2 .item { text-align: center; margin-right: 0.8333rem; color: #666; cursor: pointer; width: 3.6667rem; flex-shrink: 0; } .ny12-section8 .itembox2 .item:last-child { margin-right: 0; } .ny12-section8 .itembox2 .text1 { font-size: 0.3334rem; margin-bottom: 0.1667rem; font-size: 0.4333rem; } .ny12-section8 .itembox2 .text2 { font-size: 0.2rem; } /* ==================== 内页12 - 板块八 End ==================== */ /* ==================== 内页12 - 板块九 Start ==================== */ .ny12-section9 { padding-bottom: 2.6666rem; } .ny12-section9 .ny12-section9-swiper { width: 18.3334rem; margin-left: auto; margin-right: auto; } .ny12-section9 .image { text-align: center; } .ny12-section9 .image img { width: 100%; } .ny12-section9 .btn-group { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 1.1667rem; } .ny12-section9 .btn-group .btn { padding: 0.0832rem 0.1667rem; min-width: 1.6rem; color: #a07f65; border: solid 0.0166rem #a07f65; font-size: 0.3667rem; text-align: center; border-radius: 1.6666rem; line-height: 1; font-family: HYQiHei_50S; margin-right: 0.3334rem; cursor: pointer; } .ny12-section9 .btn-group .btn:last-child { margin-right: 0; } .ny12-section9 .btn-group .btn.active { background-color: #a07f65; color: #fff; } /* ==================== 内页12 - 板块九 End ==================== */ /* ==================== 内页12 - 板块十 Start ==================== */ .ny12-section10 { padding-bottom: 3.1667rem; } .ny12-section10 .body { padding: 1.1667rem 1.1667rem; background-color: #FFF4E3; border-radius: 0.2666rem; } .ny12-section10 table { width: 100%; border-bottom: 0.0166rem solid #B5A290; margin-bottom: 0.4166rem; } .ny12-section10 table:last-child { margin-bottom: 0; border-bottom: 0; } .ny12-section10 td { padding: 0.1667rem 0; color: #866144; width: 20%; line-height: 2; font-size: 0.3334rem; } .ny12-section10 td strong { font-family: "HYJunhei-85J"; color: #7D5739; line-height: 1.1; font-weight: 400; } /* ==================== 内页12 - 板块十 End ==================== */