.ny9-main .mxw-box { width: 23.68rem; } /* ==================== 内页9 - 通用标题 Start ==================== */ .ny9-title { font-size: 1rem; color: #1D1D1F; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny9-title.white { color: #fff; } /* ==================== 内页9 - 通用标题 End ==================== */ /* ==================== 内页9 - 通用body Start ==================== */ .ny9-body { display: flex; align-items: flex-start; justify-content: flex-start; } .ny9-body .ny9-title { margin-right: 0.8333rem; flex-shrink: 0; white-space: nowrap; } .ny9-body .body-right { min-width: 0; flex-grow: 1; } /* ==================== 内页9 - 通用body End ==================== */ /* ==================== 内页9 - 板块一 Start ==================== */ .ny9-section1 { position: relative; } .ny9-section1 .ny9-section1-swiper { width: 100%; } .ny9-section1 .swiper-slide { position: relative; } .ny9-section1 .image { width: 100%; display: block; } .ny9-section1 .image img { display: block; width: 100%; } .ny9-section1 .info { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; text-align: center; z-index: 5; } .ny9-section1 .info .text1 { font-size: 0.5834rem; line-height: 1.2; color: #1E1E20; font-family: "HYJunhei-85J"; margin-bottom: 0.1667rem; } .ny9-section1 .info .text2 { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny9-section1 .info .more-btn { margin-top: 1rem; font-size: 0.4333rem; color: #1E1E20; text-align: center; cursor: pointer; display: table; margin-left: auto; margin-right: auto; } .ny9-section1 .info .more-btn .icon { margin-top: 0.3334rem; width: 0.4666rem; margin-left: auto; margin-right: auto; } .ny9-section1 .info .more-btn .icon img { width: 100%; } .ny9-section1 .common-pagination { position: absolute; bottom: 1rem; left: 0; width: 100%; } .ny9-section1 .common-pagination .play-btn, .ny9-section1 .common-pagination .swiper-pagination { background: linear-gradient(180deg, rgba(239, 239, 242, 0.84) 0%, rgba(239, 239, 242, 0.78) 100%); } .ny9-section1 .common-pagination .swiper-pagination .swiper-pagination-bullet { background: #585655; } .ny9-section1 .common-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background: #292929; } .ny9-section1 .common-pagination .play-btn .iconfont { color: #2E2E2F; } /* ==================== 内页9 - 板块一 End ==================== */ /* ==================== 内页9 - 板块二 Start ==================== */ .ny9-section2 { display: flex; align-items: flex-start; justify-content: center; background-color: #fff; padding-top: 2rem; padding-bottom: 2.5rem; overflow: hidden; } .ny9-section2 .body { width: 100%; display: flex; align-items: center; justify-content: flex-start; } .ny9-section2 .body .info { width: 9.8333rem; margin-right: 0.8333rem; } .ny9-section2 .body .info .text1 { font-size: 1rem; color: #1E1E20; font-family: "HYJunhei-85J"; line-height: 1.2; margin-bottom: 0.3334rem; } .ny9-section2 .body .info .text2 { font-size: 0.4333rem; color: #1E1E20; line-height: 1.2; } .ny9-section2 .body .info .text3 { margin-top: 0.6666rem; font-size: 0.3334rem; line-height: 1.6; text-align: justify; color: #666666; } .ny9-section2 .body .video { background: url(../images/ny9/img084@740x540.png) no-repeat center; width: 12.3334rem; height: 9rem; flex-shrink: 0; background-size: 100%; margin-top: 1.1667rem; } .ny9-section2 .body .video video { width: 11.712rem; height: 6.6666rem; object-fit: cover; object-position: center; overflow: hidden; margin-top: 0.9926rem; margin-left: 0.32rem; } .ny9-section2 .body .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.8333rem; } .ny9-section2 .body .btn-group .index-btn2 { margin-right: 0.6666rem; } /* ==================== 内页9 - 板块二 End ==================== */ /* ==================== 内页9 - 板块三 Start ==================== */ .ny9-section3 { background-color: #F5F5F7; padding-top: 2.6666rem; padding-bottom: 3rem; } .ny9-section3 .max-body { padding-right: 0.6666rem; padding-left: 4.5002rem; } .ny9-section3 .body { display: flex; align-items: center; justify-content: center; } .ny9-section3 .left-body { min-width: 0; flex-grow: 1; margin-right: 0.6666rem; } .ny9-section3 .left-body .text1 { font-size: 1rem; color: #1E1E20; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny9-section3 .left-body .index-btn { margin-top: 0.3334rem; justify-content: flex-start; font-size: 0.4333rem; color: #1E1E20; } .ny9-section3 .left-body .index-btn:after { filter: brightness(0); } .ny9-section3 .left-body .index-btn:hover { color: #0071E3; } .ny9-section3 .left-body .itembox { margin-bottom: 0.8333rem; display: flex; justify-content: space-between; margin-top: 1.1667rem; } .ny9-section3 .left-body .item { display: flex; align-items: flex-end; justify-content: flex-start; font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; } .ny9-section3 .left-body .item:nth-child(2) strong { margin-left: 0.3334rem; } .ny9-section3 .left-body .item strong { font-size: 1rem; color: #1E1E20; line-height: 1; margin-right: 0.4166rem; font-weight: 400; } .ny9-section3 .image { width: 15rem; flex-shrink: 0; } .ny9-section3 .image img { width: 100%; } /* ==================== 内页9 - 板块三 End ==================== */ /* ==================== 内页9 - 板块四 Start ==================== */ .ny9-section4 { background-color: #FFFFFF; padding-top: 2.6666rem; } .ny9-section4 .ny9-title { margin-bottom: 1.1667rem; font-size: 0.9334rem; } .ny9-section4 .itembox { display: flex; flex-wrap: wrap; } .ny9-section4 .item { position: relative; height: 11.3334rem; background-size: cover; background-position: center; flex-grow: 1; transition: all 0.4s; margin-right: 0.1002rem; } .ny9-section4 .item:hover { flex-grow: 4; flex-shrink: 0; } .ny9-section4 .item:hover .text1 { opacity: 0; visibility: hidden; } .ny9-section4 .item:hover .more-btn { opacity: 1; visibility: visible; } .ny9-section4 .item .text1 { position: absolute; z-index: 2; padding: 0.5002rem 0.4rem; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); transition: all 0.4s; font-size: 0.4333rem; color: #fff; display: flex; flex-flow: column; justify-content: flex-end; align-items: flex-start; } .ny9-section4 .item .more-btn { width: 1rem; height: 1rem; background: #0D0F0A; position: absolute; bottom: 0.5002rem; right: 0.6666rem; z-index: 3; display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: all 0.4s; opacity: 0; visibility: hidden; } .ny9-section4 .item .more-btn .iconfont { color: #fff; font-size: 0.4666rem; } .ny9-section4-popup .popup-box { background-color: #fff; } .ny9-section4-popup .close { background-color: #333336; margin-right: 0.5002rem; margin-top: 0.5002rem; } .ny9-section4-popup .ny9-section4-popup-body { padding-top: 1.9168rem; padding-left: 1.6666rem; padding-right: 1.6666rem; padding-bottom: 2.3334rem; display: flex; align-items: flex-start; justify-content: flex-start; } .ny9-section4-popup .list { background-color: #F3F3F5; border-radius: 0.3334rem 0.3334rem 0.3334rem 0.3334rem; padding: 0.8333rem 0.5002rem; flex-shrink: 0; margin-right: 1rem; position: sticky; top: 0.6666rem; left: 0; } .ny9-section4-popup .list-item { margin-bottom: 0.6666rem; border-radius: 1.6666rem; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; height: 1.1002rem; padding: 0.2499rem 0.5002rem; padding-right: 0.6666rem; cursor: pointer; font-size: 0.4333rem; } .ny9-section4-popup .list-item.active { background-color: #fff; box-shadow: 0vw 0vw 0.5002rem 0vw rgba(0, 0, 0, 0.08); } .ny9-section4-popup .list-item.active .text { color: #1E1E20; } .ny9-section4-popup .list-item.active .icon { filter: brightness(0); -webkit-filter: brightness(0); } .ny9-section4-popup .list-item:last-child { margin-bottom: 0; } .ny9-section4-popup .list-item .icon { flex-shrink: 0; width: 0.7002rem; margin-right: 0.1667rem; filter: brightness(0.5); -webkit-filter: brightness(0.5); } .ny9-section4-popup .list-item .text { min-width: 0; flex-grow: 1; color: #86868B; line-height: 0.5334rem; font-size: 0.5002rem; } .ny9-section4-popup .ny9-section4-popup-swiper { min-width: 0; flex-grow: 1; } .ny9-section4-popup .ny9-section4-popup-swiper .text1 { font-size: 1rem; line-height: 1.2; font-family: "HYJunhei-85J"; margin-bottom: 0.8333rem; color: #1E1E20; } .ny9-section4-popup .ny9-section4-popup-swiper .text2 { font-size: 0.4333rem; color: #86868B; line-height: 1.6; margin-bottom: 2rem; } .ny9-section4-popup .ny9-section4-popup-swiper .text3 { font-size: 1rem; color: #1E1E20; font-family: "HYJunhei-85J"; line-height: 1; margin-bottom: 0.8333rem; } .ny9-section4-popup .ny9-section4-popup-swiper .text3 span { color: #86868B; font-family: inherit; } .ny9-section4-popup .ny9-section4-popup-swiper .itembox { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 0.1667rem; } .ny9-section4-popup .ny9-section4-popup-swiper .itembox .item { width: 49.5%; } .ny9-section4-popup .ny9-section4-popup-swiper .itembox .item:nth-child(2) ~ .item { margin-top: 0.1667rem; } .ny9-section4-popup .ny9-section4-popup-swiper .itembox2 { margin-bottom: 0.1667rem; } .ny9-section4-popup .ny9-section4-popup-swiper .itembox2 .item { width: 100%; margin-bottom: 0.1667rem; } .ny9-section4-popup .ny9-section4-popup-swiper .item { position: relative; } .ny9-section4-popup .ny9-section4-popup-swiper .image img { width: 100%; } .ny9-section4-popup .ny9-section4-popup-swiper .name { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; background-color: rgba(50, 50, 50, 0.48); font-size: 0.4rem; color: #FFFFFF; padding: 0.5002rem 0.3334rem; text-align: center; } /* ==================== 内页9 - 板块四 End ==================== */ /* ==================== 内页9 - 板块五 Start ==================== */ .ny9-section5 { padding-top: 2.6666rem; } .ny9-section5 .head { text-align: center; margin-bottom: 1.0832rem; } .ny9-section5 .ny9-section5-body { width: 100%; overflow: hidden; } .ny9-section5 .tabs { display: inline-flex; align-items: center; justify-content: flex-start; background-color: #E9E9E9; padding: 0.26vw; border-radius: 1.6666rem; flex-wrap: wrap; } .ny9-section5 .tabs .tab-item { padding: 0.2rem 0.4rem; font-size: 0.2666rem; line-height: 1; color: #666666; transition: all 0.4s; border-radius: 1.6666rem; cursor: pointer; } .ny9-section5 .tabs .tab-item.active { background-color: #000; color: #fff; } .ny9-section5 .ny9-section5-swiper { overflow: visible; } .ny9-section5 .ny9-section5-swiper > .swiper-wrapper { overflow: visible; } .ny9-section5 .ny9-section5-swiper > .swiper-wrapper > .swiper-slide { padding-left: 4.5834rem; padding-right: 4.5834rem; padding-bottom: 2.6666rem; } .ny9-section5 .item { display: flex; align-items: center; justify-content: center; width: 100%; position: relative; } .ny9-section5 .swiper { width: 13.5002rem; position: relative; margin-right: 1rem; flex-shrink: 0; } .ny9-section5 .info { min-width: 0; flex-grow: 1; } .ny9-section5 .info .text1 { font-size: 0.6666rem; line-height: 1; margin-bottom: 0.5834rem; font-family: "HYJunhei-85J"; color: #000; } .ny9-section5 .info .text2 { font-size: 0.3334rem; color: #666666; line-height: 1.6; text-align: justify; } .ny9-section5 .info .text2 strong { font-size: 0.4333rem; line-height: 1.4; font-weight: 400; margin-bottom: 0.1219rem; display: inline-block; color: #000; } .ny9-section5 .info .text2 ul { position: relative; } .ny9-section5 .info .text2 ul li { display: inline-block; position: relative; padding-left: 0.3334rem; margin-bottom: 0.5002rem; } .ny9-section5 .info .text2 ul li:last-child { margin-bottom: 0; } .ny9-section5 .info .text2 ul li:before { content: ""; display: block; width: 0.1334rem; height: 0.1334rem; background-color: #000; border-radius: 100%; position: absolute; top: 0.2362rem; left: 0; } .ny9-section5 .min-img-list { position: absolute; bottom: 0.5002rem; left: 0; padding-right: 0.5002rem; z-index: 3; display: flex; align-items: center; justify-content: flex-end; width: 13.5002rem; } .ny9-section5 .min-item { width: 1.0666rem; border: 2px solid #fff; border-radius: 2px; overflow: hidden; cursor: pointer; margin-right: 0.1168rem; position: relative; } .ny9-section5 .min-item:last-child { margin-right: 0; } .ny9-section5 .min-item.active:after { opacity: 0; } .ny9-section5 .min-item:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; transition: all 0.4s; } .ny9-section5 .min-item.swiper-slide-thumb-active:after { opacity: 0; } .ny9-section5 .ny9-section5-swiper-big .swiper-slide { display: flex; align-items: center; justify-content: flex-start; } .ny9-section5 .ny9-section5-swiper-big .left-image { margin-right: 1.6666rem; position: relative; width: 13.5002rem; flex-shrink: 0; } .ny9-section5 .common-pagination { margin-top: 1.5002rem; bottom: 0; } /* ==================== 内页9 - 板块五 End ==================== */ /* ==================== 内页9 - 板块六 Start ==================== */ .ny9-section6 { background-color: #fff; padding-bottom: 1.6666rem; } .ny9-section6 .max-body { padding-left: 4.5834rem; padding-right: 4.5834rem; } .ny9-section6 .ny9-title { margin-bottom: 1.0832rem; } .ny9-section6 .body { background: #fff; box-shadow: 0rem 0rem 0.5002rem 0rem rgba(0, 0, 0, 0.08); border-radius: 0.6666rem 0.6666rem 0.6666rem 0.6666rem; padding: 2rem 2.1002rem; display: flex; align-items: center; justify-content: space-between; } .ny9-section6 .qr { width: 8.1667rem; margin-right: 1.1667rem; text-align: center; flex-shrink: 0; } .ny9-section6 .qr .image { display: block; border-radius: 0.5002rem; overflow: hidden; box-shadow: 0rem 0rem 0.5002rem 0rem rgba(0, 0, 0, 0.08); } .ny9-section6 .qr .text { line-height: 1.1; font-size: 0.4333rem; color: #373739; margin-top: 0.5002rem; } .ny9-section6 form { min-width: 0; flex-grow: 1; } .ny9-section6 form .layui-input, .ny9-section6 form .layui-select, .ny9-section6 form .layui-textarea { background-color: transparent; border-radius: 0.2rem; border-color: #373739; height: 0.9667rem; line-height: 0.9667rem; padding-left: 0.3334rem; padding-right: 0.3334rem; color: #373739; } .ny9-section6 form .layui-input::-webkit-input-placeholder, .ny9-section6 form .layui-select::-webkit-input-placeholder, .ny9-section6 form .layui-textarea::-webkit-input-placeholder { color: #373739; } .ny9-section6 form .layui-input::-moz-placeholder, .ny9-section6 form .layui-select::-moz-placeholder, .ny9-section6 form .layui-textarea::-moz-placeholder { color: #373739; } .ny9-section6 form .layui-input:-moz-placeholder, .ny9-section6 form .layui-select:-moz-placeholder, .ny9-section6 form .layui-textarea:-moz-placeholder { color: #373739; } .ny9-section6 form .layui-input:-ms-input-placeholder, .ny9-section6 form .layui-select:-ms-input-placeholder, .ny9-section6 form .layui-textarea:-ms-input-placeholder { color: #373739; } .ny9-section6 form .layui-input:focus, .ny9-section6 form .layui-select:focus, .ny9-section6 form .layui-textarea:focus, .ny9-section6 form .layui-input:hover, .ny9-section6 form .layui-select:hover, .ny9-section6 form .layui-textarea:hover { border-color: #373739 !important; } .ny9-section6 form .layui-form-select dl dd.layui-this { background-color: #000; } .ny9-section6 form .layui-form-select dl { top: 100%; } .ny9-section6 .form-itembox1 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.3334rem; } .ny9-section6 .form-itembox1 .form-item { width: 49.5%; } .ny9-section6 .form-itembox1 .form-item:nth-child(2n) { margin-left: 1%; } .ny9-section6 .form-itembox2 { margin-bottom: 0.3334rem; display: flex; align-items: center; } .ny9-section6 .form-itembox2 .form-item { width: 32.666%; } .ny9-section6 .form-itembox2 .form-item:nth-child(3n-1) { margin-left: 1%; margin-right: 1%; } .ny9-section6 .form-checkbox { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.3334rem; } .ny9-section6 .form-checkbox .layui-form-checkbox { padding: 0; margin: 0; width: 0.2333rem; height: 0.2333rem; flex-shrink: 0; background-color: transparent; background: url(../images/ny9/img020@60x60.png) no-repeat center; -webkit-filter: brightness(0); filter: brightness(0); background-size: 100%; } .ny9-section6 .form-checkbox .layui-form-checkbox.layui-form-checked { position: relative; background-image: url(../images/ny9/img019@60x60.png); } .ny9-section6 .form-checkbox .layui-form-checkbox.layui-form-checked .layui-icon { display: flex; align-items: center; justify-content: center; } .ny9-section6 .form-checkbox .layui-form-checkbox.layui-form-checked .layui-icon:before { content: ""; width: 50%; height: 50%; background-color: #6A6B6D; border-radius: 100%; } .ny9-section6 .form-checkbox .layui-form-checkbox .layui-icon { display: none !important; } .ny9-section6 .form-checkbox .layui-form-checkbox:hover .layui-icon:before { content: ""; } .ny9-section6 .form-checkbox .layui-form-checkbox:hover:before { display: none; } .ny9-section6 .form-checkbox .layui-form-checkbox i { border-radius: 100%; width: 100%; height: 100%; border: 1px solid #373739; } .ny9-section6 .form-checkbox .text { font-size: 0.2666rem; color: #373739; margin-left: 0.0666rem; } .ny9-section6 .form-checkbox .text a { color: #373739; } .ny9-section6 .form-checkbox .text a:hover { text-decoration: underline; } .ny9-section6 button { width: 1.8666rem; height: 0.6rem; display: flex; align-items: center; justify-content: center; border-radius: 1.6666rem; border: 1px solid #373739; margin-left: auto; margin-right: auto; margin-top: 1rem; transition: all 0.4s; font-size: 0.3002rem; color: #373739; } .ny9-section6 button:hover { background-color: #373739; color: #fff; } /* ==================== 内页9 - 板块六 End ==================== */