/* ==================== 内页35 - 板块一 Start ==================== */ .ny35-section1 { position: relative; } .ny35-section1 .video { display: block; width: 100%; height: 100vh; position: relative; } .ny35-section1 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny35-section1 .body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 4.1667rem; padding-bottom: 1.9002rem; display: flex; flex-flow: column; justify-content: space-between; align-items: center; background-color: rgba(0, 0, 0, 0.4); } .ny35-section1 .info { color: #FFFFFF; text-align: center; } .ny35-section1 .info .text1 { font-size: 1rem; line-height: 1.1; margin-bottom: 0.6666rem; font-family: "HYJunhei-85J"; } .ny35-section1 .info .text2 { font-size: 0.2666rem; line-height: 1.4; } .ny35-section1 .itembox { display: flex; flex-wrap: wrap; justify-content: center; } .ny35-section1 .item { width: 2.3334rem; display: block; margin-right: 3.8333rem; text-align: center; } .ny35-section1 .item:last-child { margin-right: 0; } .ny35-section1 .item .icon { width: 1rem; display: block; margin-bottom: 0.2499rem; margin-left: auto; margin-right: auto; } .ny35-section1 .item .text { font-size: 0.2666rem; color: #fff; line-height: 1.1; margin-top: 0.2499rem; } /* ==================== 内页35 - 板块一 End ==================== */ /* ==================== 内页35 - 板块二 Start ==================== */ .ny35-section2 { padding-top: 2.6666rem; } .ny35-section2 .ny35-section2-box { width: 100%; display: flex; align-items: center; justify-content: center; height: 100vh; } .ny35-section2 .title { font-size: 1rem; line-height: 1.2; color: #1E1E20; font-family: "HYJunhei-85J"; margin-bottom: 1.3334rem; display: table; margin-left: auto; margin-right: auto; } .ny35-section2 .title .title-box { font-family: inherit; } .ny35-section2 .title2 { font-size: 1rem; line-height: 1.2; color: #1E1E20; font-family: "HYJunhei-85J"; margin-right: 1.1667rem; flex-shrink: 0; } .ny35-section2 .title3 { font-size: 0.4333rem; line-height: 1.2; color: #4A4A4C; font-family: "HYJunhei-85J"; margin-bottom: 0.5002rem; } .ny35-section2 .title3 strong { color: #4160AC; line-height: 1.2; font-weight: 400; font-family: "HYJunhei-85J"; } .ny35-section2 .body { width: 100%; } .ny35-section2 .itembox { width: 100%; overflow: hidden; padding-left: 4.5002rem; } .ny35-section2 .itembox-wrapper { display: flex; align-items: stretch; } .ny35-section2 .bottom { margin-top: 0.3334rem; display: flex; align-items: center; justify-content: flex-start; } .ny35-section2 .bottom .page { font-size: 0.3002rem; color: #1E1E20; } .ny35-section2 .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-right: 0.1667rem; } .ny35-section2 .btn-group .swiper-button { position: static; width: 0.5334rem; height: 0.5334rem; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #EFEDE9; color: #646362; font-size: 0.2333rem; transform: translate(0); margin: 0; margin-right: 0.1002rem; } .ny35-section2 .btn-group .swiper-button.swiper-button-disabled { opacity: 1; color: rgba(100, 99, 98, 0.2); } .ny35-section2 .item { flex-shrink: 0; margin-right: 1.1667rem; display: flex; align-items: center; justify-content: flex-start; } .ny35-section2 .item1 .image1 { width: 9.6666rem; display: block; margin-right: 1.1667rem; flex-shrink: 0; } .ny35-section2 .item1 .swiper { flex-shrink: 0; width: 14.5002rem; padding: 0.8333rem 1rem 0.6666rem; background-color: #FAFAFA; } .ny35-section2 .item1 .ny35-item1-swiper { width: 100%; } .ny35-section2 .item1 .ny35-item1-slide1 { width: 100%; } .ny35-section2 .item1 .ny35-item1-slide1 .list-item { padding-bottom: 0.3334rem; display: block; border-bottom: 1px dashed #AEAEAF; margin-bottom: 0.3334rem; } .ny35-section2 .item1 .ny35-item1-slide1 .list-item:last-child { margin-bottom: 0; border-bottom: 0; } .ny35-section2 .item1 .ny35-item1-slide1 .head { font-size: 0.3002rem; color: #666666; position: relative; padding-left: 0.4166rem; font-weight: bold; margin-bottom: 0.1667rem; } .ny35-section2 .item1 .ny35-item1-slide1 .head:before { content: ""; display: block; width: 0.1002rem; height: 0.1002rem; border-radius: 100%; overflow: hidden; position: absolute; top: 50%; left: 0.1667rem; transform: translateY(-50%); background-color: #666666; } .ny35-section2 .item1 .ny35-item1-slide1 .desc { color: #86868B; font-size: 0.2666rem; margin-top: 0.1667rem; line-height: 1.4; } .ny35-section2 .item1 .ny35-item1-slide2 .image { width: 9.1667rem; } .ny35-section2 .item1 .ny35-item1-slide2 .image img { width: 100%; } .ny35-section2 .item1 .ny35-item1-slide3 .text1 { font-size: 0.3002rem; color: #4160AC; position: relative; padding-left: 0.4166rem; font-weight: bold; margin-bottom: 0.2499rem; } .ny35-section2 .item1 .ny35-item1-slide3 .text1:before { content: ""; display: block; width: 0.1002rem; height: 0.1002rem; border-radius: 100%; overflow: hidden; position: absolute; top: 50%; left: 0.1667rem; transform: translateY(-50%); background-color: #4160AC; } .ny35-section2 .item1 .ny35-item1-slide3 .item2 .image { width: 100%; margin-top: 0.1667rem; } .ny35-section2 .item1 .ny35-item1-slide3 .text2 { font-size: 0.2666rem; line-height: 1.1; font-weight: bold; color: #666666; margin-bottom: 0.1667rem; } .ny35-section2 .item1 .ny35-item1-slide3 .text3 { font-size: 0.2666rem; line-height: 1.4; color: #86868B; margin-bottom: 0.3334rem; } .ny35-section2 .item1 .ny35-item1-slide3 .item3 { width: 100%; display: flex; align-items: center; justify-content: flex-start; margin-top: 0.3334rem; } .ny35-section2 .item1 .ny35-item1-slide3 .item3 .item-left { min-width: 0; flex-grow: 1; margin-right: 0.5002rem; } .ny35-section2 .item1 .ny35-item1-slide3 .item3 .image { width: 5.6666rem; margin-right: 0.6666rem; flex-shrink: 0; } .ny35-section2 .item1 .ny35-item1-slide4 .list { display: flex; justify-content: space-between; align-items: stretch; } .ny35-section2 .item1 .ny35-item1-slide4 .list-item { width: 49%; } .ny35-section2 .item1 .ny35-item1-slide4 .desc { padding-left: 0.5002rem; margin-bottom: 0.2499rem; font-size: 0.2666rem; line-height: 1.4; color: #86868B; } .ny35-section2 .item1 .ny35-item1-slide4 .image { width: 100%; } .ny35-section2 .item1 .ny35-item1-slide4 .image img { width: 100%; } .ny35-section2 .item1 .ny35-item1-slide5 .list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .ny35-section2 .item1 .ny35-item1-slide5 .list-item { display: flex; width: 49%; } .ny35-section2 .item1 .ny35-item1-slide5 .list-item:nth-child(2) ~ .list-item { margin-top: 0.7334rem; } .ny35-section2 .item1 .ny35-item1-slide5 .list-item .icon { width: 1.3002rem; flex-shrink: 0; margin-right: 0.3334rem; } .ny35-section2 .item1 .ny35-item1-slide5 .list-item .info { min-width: 0; flex-grow: 1; padding-top: 0.4rem; } .ny35-section2 .item1 .ny35-item1-slide5 .list-item .text1 { font-size: 0.4333rem; color: #535353; line-height: 1.1; margin-bottom: 0.1667rem; } .ny35-section2 .item1 .ny35-item1-slide5 .list-item .text2 { color: #86868B; font-size: 0.2666rem; line-height: 1.4; } .ny35-section2 .item2 .swiper { flex-shrink: 0; width: 14.5002rem; padding: 0.8333rem 1rem 0.6666rem; background-color: #FAFAFA; } .ny35-section2 .item2 .text1 { font-size: 0.2666rem; color: #86868B; line-height: 1.4; margin-bottom: 0.4166rem; } .ny35-section2 .item2 .list-item .text2 { font-size: 0.3002rem; color: #666666; position: relative; padding-left: 0.4166rem; font-weight: bold; margin-bottom: 0.1667rem; } .ny35-section2 .item2 .list-item .text2:before { content: ""; display: block; width: 0.1002rem; height: 0.1002rem; border-radius: 100%; overflow: hidden; position: absolute; top: 50%; left: 0.1667rem; transform: translateY(-50%); background-color: #666666; } .ny35-section2 .item2 .ny35-item2-slide1 .image { width: 10.1667rem; } .ny35-section2 .item2 .ny35-item2-slide1 .image img { width: 100%; } .ny35-section2 .item2 .ny35-item2-slide2 { position: relative; } .ny35-section2 .item2 .ny35-item2-slide2 .list { margin-top: 0.5002rem; padding-right: 3rem; } .ny35-section2 .item2 .ny35-item2-slide2 .image { position: absolute; bottom: 0; right: 0.8333rem; width: 1.6666rem; } .ny35-section2 .item2 .ny35-item2-slide2 .image img { width: 100%; } .ny35-section2 .item3 .content { flex-shrink: 0; width: 14.5002rem; padding: 0.8333rem 1rem 0.6666rem; background-color: #FAFAFA; } .ny35-section2 .item3 .list { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.3334rem; } .ny35-section2 .item3 .list .list-item { width: 49%; } .ny35-section2 .item3 .text1 { font-size: 0.2666rem; color: #86868B; line-height: 1.4; margin-bottom: 0.3334rem; } .ny35-section2 .item3 ul li { font-size: 0.3002rem; color: #666666; position: relative; padding-left: 0.4166rem; font-weight: bold; margin-bottom: 0.2499rem; } .ny35-section2 .item3 ul li:last-child { margin-bottom: 0; } .ny35-section2 .item3 ul li:before { content: ""; display: block; width: 0.1002rem; height: 0.1002rem; border-radius: 100%; overflow: hidden; position: absolute; top: 50%; left: 0.1667rem; transform: translateY(-50%); background-color: #666666; } .ny35-section2 .line { margin-top: 1.3334rem; width: 5rem; height: 0.0333rem; background-color: #D3D3D3; position: relative; margin-left: auto; margin-right: auto; } .ny35-section2 .line span { width: 1.6666rem; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-color: #000; } /* ==================== 内页35 - 板块二 End ==================== */ /* ==================== 内页35 - 板块三 Start ==================== */ .ny35-section3-4 { width: 100%; overflow: hidden; } .ny35-section3-4 .ny35-section3-4-box { display: flex; align-items: center; justify-content: flex-start; } .ny35-section3-4 .ny35-section3 { width: 100%; flex-shrink: 0; } .ny35-section3-4 .ny35-section4 { width: 100%; flex-shrink: 0; } .ny35-section3-4 .ny35-section4 .image { height: 4.6667rem; } .ny35-section3-4 .ny35-section4 .image img { height: 100%; width: auto; } .ny35-section3 { position: relative; height: 100vh; overflow: hidden; } .ny35-section3 .video { height: 100vh; } .ny35-section3 .title { z-index: 3; font-size: 1rem; line-height: 1.2; position: absolute; top: 4.8333rem; left: 0; width: 100%; font-family: "HYJunhei-85J"; color: transparent; background: -webkit-linear-gradient(to bottom, #E6E6E6, #646469); background: -o-linear-gradient(to bottom, #E6E6E6, #646469); background: -moz-linear-gradient(to bottom, #E6E6E6, #646469); background: linear-gradient(to bottom, #E6E6E6, #646469); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; } /* ==================== 内页35 - 板块三 End ==================== */ /* ==================== 内页35 - 板块四 Start ==================== */ .ny35-section4 { width: 100%; height: 100vh; display: flex; flex-flow: column; align-items: center; justify-content: center; background-color: #111111; } .ny35-section4 .ny35-section4-box-swiper { width: 100%; } .ny35-section4 .ny35-section4-box-swiper > .swiper-wrapper > .swiper-slide { height: auto; display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny35-section4 .swiper { width: 100%; } .ny35-section4 .swiper-slide1 { text-align: center; } .ny35-section4 .swiper-slide1 .ny35-section4-swiper1 { margin-left: auto; margin-right: auto; width: 100%; } .ny35-section4 .swiper-slide1 .info { text-align: center; margin-bottom: 1.4333rem; } .ny35-section4 .swiper-slide1 .info .text1 { font-size: 1rem; color: #fff; font-family: "HYJunhei-85J"; } .ny35-section4 .swiper-slide1 .info .text2 { margin-top: 0.1667rem; font-size: 0.3002rem; color: #FFFFFF; } .ny35-section4 .swiper-slide1 .info .btn-group { margin-top: 0.5002rem; display: flex; align-items: center; justify-content: center; } .ny35-section4 .swiper-slide1 .info .btn-group .index-btn2 { margin-right: 0.7501rem; margin-left: 0; } .ny35-section4 .swiper-slide1 .image { width: 17.6666rem; margin-left: auto; margin-right: auto; } .ny35-section4 .swiper-slide1 .image img { width: 100%; } .ny35-section4 .swiper-slide1 .swiper-pagination { position: static; margin-top: 0.6666rem; display: inline-flex; align-items: center; justify-content: center; padding: 0.2666rem 0.3334rem; background: #2E2E30; border-radius: 3.3334rem; } .ny35-section4 .swiper-slide1 .swiper-pagination .swiper-pagination-bullet { width: 0.4166rem; height: 0.4166rem; margin-right: 0.2666rem; background-size: 100%; border-radius: 100%; background: #1E1E1F; box-shadow: inset 0rem 0.0499rem 0.0499rem 0rem rgba(0, 0, 0, 0.25); opacity: 1; cursor: pointer; } .ny35-section4 .swiper-slide1 .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .ny35-section4 .swiper-slide1 .swiper-pagination .swiper-pagination-bullet.active { background: url(../images/ny14/img024@48x48.png) no-repeat center; background-size: 100%; box-shadow: none; } .ny35-section4 .swiper-slide2 { display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; } .ny35-section4 .swiper-slide2 .info { text-align: center; margin-bottom: 1.4333rem; } .ny35-section4 .swiper-slide2 .info .text1 { font-size: 1rem; color: #fff; font-family: "HYJunhei-85J"; } .ny35-section4 .swiper-slide2 .info .text2 { margin-top: 0.1667rem; font-size: 0.3002rem; color: #FFFFFF; } .ny35-section4 .ny35-section4-swiper2-slide1 { text-align: center; width: 100%; } .ny35-section4 .ny35-section4-swiper3-slide1 { text-align: center; width: 100%; } .ny35-section4 .ny35-section4-swiper3-slide1 > .swiper-wrapper > .swiper-slide { display: flex; flex-flow: column; justify-content: center; align-items: center; } .ny35-section4 .ny35-section4-swiper3-slide1 .image { width: 16.3334rem; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; } .ny35-section4 .tabs { display: inline-flex; align-items: center; justify-content: center; border-radius: 1.6666rem; background-color: #373737; padding: 0.208vw; margin-top: 1.1667rem; } .ny35-section4 .tabs .tab-item { border-radius: 1.6666rem; padding: 0 0.3334rem; min-width: 1.6666rem; height: 0.7168rem; line-height: 0.7168rem; font-size: 0.3334rem; color: #86868B; text-align: center; cursor: pointer; } .ny35-section4 .tabs .tab-item.active { background-color: #0071E3; color: #fff; } .ny35-section4 .bottom { margin-top: 0.5667rem; flex-shrink: 0; } .ny35-section4 .bottom .line { height: 0.1168rem; width: 6.4333rem; border-radius: 1.6666rem; overflow: hidden; background-color: #373737; } .ny35-section4 .bottom .line span { display: block; height: 100%; width: 50%; background-color: #fff; border-radius: 1.6666rem; } .ny35-section4 .bottom .itembox { margin-top: 0.1667rem; display: flex; align-items: center; justify-content: space-between; } .ny35-section4 .bottom .itembox .item { font-size: 0.2666rem; color: #fff; line-height: 1.1; opacity: 0.5; cursor: pointer; } /* ==================== 内页35 - 板块四 End ==================== */ /* ==================== 内页35 - 板块五 Start ==================== */ .ny35-section5 { overflow: hidden; padding-top: 2.6666rem; padding-bottom: 2.6666rem; } .ny35-section5 .title { text-align: center; } .ny35-section5 .title .text1 { font-size: 1.1667rem; color: #1E1E20; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny35-section5 .title .text2 { margin-top: 0.2666rem; font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; } .ny35-section5 .title .index-btn { margin-top: 1rem; justify-content: center; } .ny35-section5 .video { background-color: #000; border-radius: 0.1667rem; overflow: hidden; padding: 0.3334rem; width: 20.2333rem; height: 11.6rem; margin-left: auto; margin-right: auto; margin-top: 1rem; } .ny35-section5 .video video { border: 1px solid #fff; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* ==================== 内页35 - 板块五 End ==================== */ /* ==================== 内页35 - 板块六 Start ==================== */ .ny35-section6 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; background-color: #000000; } .ny35-section6 .title { font-size: 1rem; color: #FFFFFF; line-height: 1.2; text-align: center; font-family: "HYJunhei-85J"; margin-bottom: 1rem; } .ny35-section6 .video { width: 22.9334rem; display: block; margin-left: auto; margin-right: auto; border-radius: 0.0832rem; overflow: hidden; } .ny35-section6 .video video { width: 100%; display: block; } /* ==================== 内页35 - 板块六 End ==================== */