/* ==================== 内页55 - 板块一 Start ==================== */ .ny55-section1 { position: relative; } .ny55-section1 .ny55-section1-swiper { width: 100%; } .ny55-section1 .video { height: 15.9168rem; width: 100%; position: relative; } .ny55-section1 .video video { width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny55-section1 .video .play-btn { position: absolute; bottom: 1.1168rem; right: 1.3334rem; z-index: 9; width: 0.5667rem; height: 0.5667rem; border-radius: 100%; border: 1px solid #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; } .ny55-section1 .video .play-btn.active .icon:nth-child(1) { display: none; } .ny55-section1 .video .play-btn.active .icon:nth-child(2) { display: block; } .ny55-section1 .video .play-btn .icon { font-size: 0.3334rem; color: #fff; } .ny55-section1 .video .play-btn .icon:nth-child(2) { display: none; } .ny55-section1 .bottom { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 22.7501rem; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; } .ny55-section1 .bottom .title { font-size: 0.6666rem; color: #FFFFFF; font-family: "HYJunhei-85J"; line-height: 1.1; } .ny55-section1 .bottom .tabs { display: flex; align-items: center; justify-content: flex-start; } .ny55-section1 .bottom .tabs .tab-item { font-size: 0.3334rem; color: #FFFFFF; line-height: 1.1; padding: 0.1667rem 0.3334rem; border: 1px solid #fff; margin-right: 0.2333rem; border-radius: 1.6666rem; cursor: pointer; display: block; } .ny55-section1 .bottom .tabs .tab-item.active { background-color: #fff; color: #1E1E20; } .ny55-section1 .bottom .tabs .tab-item:last-child { margin-right: 0; } /* ==================== 内页55 - 板块一 End ==================== */ /* ==================== 内页55 - 板块二 Start ==================== */ .ny55-section2 { padding-top: 2.6666rem; } .ny55-section2 .ny55-section2-box { margin-left: auto; margin-right: auto; width: 22.7501rem; } .ny55-section2 .swiper-slide { padding-bottom: 2.6666rem; } .ny55-section2 .swiper-slide .item:nth-child(8) ~ .item { display: none; } .ny55-section2 .swiper-slide.active .item:nth-child(8) ~ .item { display: block; } .ny55-section2 .itembox { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } .ny55-section2 .itembox .item { display: block; width: 24%; margin-right: 1.333%; } .ny55-section2 .itembox .item .image { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; height: 8rem; } .ny55-section2 .itembox .item .image img { position: absolute; top: 0; left: 0; width: 0; height: 0; } .ny55-section2 .itembox .item:nth-child(4n) { margin-right: 0; } .ny55-section2 .itembox .item:nth-child(4) ~ .item { margin-top: 0.6666rem; } .ny55-section2 .itembox .item .text { font-size: 0.3334rem; line-height: 1.6; margin-top: 0.3334rem; display: block; text-align: justify; color: #1E1E20; } .ny55-section2 .common-btn { position: static; } .ny55-section2-popup .video { width: 100%; padding-bottom: 1rem; height: 13.3334rem; } .ny55-section2-popup .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* ==================== 内页55 - 板块二 End ==================== */