/* ==================== 内页23 - 通用标题 Start ==================== */ .ny23-title { font-size: 1rem; color: #1E1E20; font-family: "HYJunhei-85J"; line-height: 1.1; margin-bottom: 1.0832rem; text-align: center; } .ny23-title.white { color: #fff; } /* ==================== 内页23 - 通用标题 Start ==================== */ /* ==================== 内页23 - 板块一 Start ==================== */ .ny23-section1 { position: relative; height: 100vh; } .ny23-section1 .ny23-section1-swiper { height: 100%; } .ny23-section1 .image { height: 100vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .ny23-section1 .video { width: 100%; height: 100%; } .ny23-section1 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny23-section1 .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; color: #fff; text-align: center; z-index: 4; background-color: rgba(4, 22, 71, 0.3); } .ny23-section1 .info .logo { width: 2.8333rem; margin-left: auto; margin-right: auto; display: block; margin-bottom: 0.8333rem; } .ny23-section1 .info .logo img { width: 100%; } .ny23-section1 .info .text1 { font-size: 0.2666rem; font-family: "HYJunhei-65J"; line-height: 1.1; } .ny23-section1 .info .text2 { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1.2; margin-top: 0.2499rem; } .ny23-section1 .info .btn-group { margin-top: 0.6666rem; display: flex; align-items: center; justify-content: center; } .ny23-section1 .common-pagination { position: absolute; bottom: 1.3344rem; left: 50%; transform: translateX(-50%); } .ny23-section1 .common-pagination .swiper-pagination-bullet { background-color: #A69F9D; } .ny23-section1 .common-pagination .swiper-pagination { border-color: rgba(255, 255, 255, 0.1); background: -webkit-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -o-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -moz-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); } .ny23-section1 .common-pagination .play-btn { color: #A69F9D; border-color: rgba(255, 255, 255, 0.1); background: -webkit-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -o-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: -moz-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); background: linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%); } .ny23-section1 .common-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background-color: #fff; } /* ==================== 内页23 - 板块一 End ==================== */ /* ==================== 内页23 - 板块二 Start ==================== */ .ny23-section2 { overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #F7F7F7; height: 100vh; } .ny23-section2 .body1 { margin-left: 0; margin-right: 0; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; padding-top: 1.6666rem; } .ny23-section2 .body1 .index-info { width: 9.3334rem; margin-left: 0; text-align: left; flex-grow: inherit; padding-top: 2.1667rem; } .ny23-section2 .body1 .index-info .text2 { margin-top: 0; } .ny23-section2 .body1 .index-info .text3 { font-family: "HYQiHei_60S"; margin-top: 0.5002rem; } .ny23-section2 .body1 .video { background: url(../images/img788@800x640.png) no-repeat center; width: 13.3334rem; height: 10.6666rem; flex-shrink: 0; background-size: 100%; margin-left: 1.5002rem; margin-right: -1.6666rem; } .ny23-section2 .body1 .video video { width: 10.8333rem; height: 8.1667rem; object-fit: cover; object-position: center; border-radius: 0.3002rem; overflow: hidden; margin-top: 0.4166rem; margin-left: 0.4499rem; } .ny23-section2 .body1 .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.8333rem; } .ny23-section2 .body1 .btn-group .index-btn2 { margin-right: 0.7501rem; } /* ==================== 内页23 - 板块二 End ==================== */ /* ==================== 内页23 - 板块三 Start ==================== */ .ny23-section3 { height: 100vh; } .ny23-section3 .ny23-section3-swiper { position: relative; width: 100%; height: 100%; } .ny23-section3 .ny23-section3-swiper .swiper-slide:first-child ~ .swiper-slide { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .ny23-section3 .ny23-section3-swiper .item { position: relative; width: 100%; height: 100%; } .ny23-section3 .ny23-section3-swiper .video { width: 100%; height: 100%; } .ny23-section3 .ny23-section3-swiper .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny23-section3 .ny23-section3-swiper .image { width: 100%; } .ny23-section3 .ny23-section3-swiper .image img { width: 100%; } .ny23-section3 .ny23-section3-swiper .info { position: absolute; top: 4.5002rem; left: 4.6666rem; } .ny23-section3 .ny23-section3-swiper .info.white .text1, .ny23-section3 .ny23-section3-swiper .info.white .text2 { color: #fff; } .ny23-section3 .ny23-section3-swiper .info .text1 { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; margin-bottom: 0.4166rem; } .ny23-section3 .ny23-section3-swiper .info .text2 { font-size: 0.4333rem; color: #666666; line-height: 1.6; text-align: justify; } /* ==================== 内页23 - 板块三 End ==================== */ /* ==================== 内页23 - 板块四 Start ==================== */ .ny23-section4 { padding-top: 2.832rem; padding-bottom: 2.832rem; background-color: #fff; } .ny23-section4 .title { text-align: center; font-size: 1.0016rem; color: #FFFFFF; line-height: 1; font-family: "HYJunhei-85J"; margin-bottom: 1.0016rem; } .ny23-section4 .mxw-box { width: 23.168rem; } .ny23-section4 .body1 .itembox { display: flex; align-items: center; } .ny23-section4 .body1 .item { display: block; overflow: hidden; position: relative; height: 8.16rem; width: 25%; transition: all 0.4s; cursor: pointer; margin-right: 0.0512rem; } .ny23-section4 .body1 .item:hover { width: 46%; } .ny23-section4 .body1 .item:hover .text1 { opacity: 0.2; visibility: visible; } .ny23-section4 .body1 .item:hover .img2 { opacity: 0; visibility: hidden; } .ny23-section4 .body1 .item:hover .info { padding: 0.6rem 0.4666rem; } .ny23-section4 .body1 .item:nth-child(4n) { margin-right: 0; } .ny23-section4 .body1 .item .img1, .ny23-section4 .body1 .item .img2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: left center; transition: all 0.2s; } .ny23-section4 .body1 .item .img1 { width: 4.8rem; opacity: 1; visibility: visible; left: 50%; transform: translateX(-50%); } .ny23-section4 .body1 .item .video { height: 100%; } .ny23-section4 .body1 .item .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ny23-section4 .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5002rem 0.3334rem; transition: all 0.4s; background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .ny23-section4 .info .text1 { font-size: 0.2656rem; opacity: 0.2; color: #FFFFFF; margin-bottom: 0.1664rem; visibility: hidden; opacity: 0; transition: all 0.4s; } .ny23-section4 .info .text2 { font-size: 0.4rem; color: #FFFFFF; line-height: 1.1; font-family: "HYJunhei-85J"; } /* ==================== 内页23 - 板块四 End ==================== */ /* ==================== 内页23 - 板块五 Start ==================== */ .ny23-section5 { overflow: hidden; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: #000; } .ny23-section5 .title { color: #FFFFFF; text-align: center; margin-bottom: 0.6666rem; } .ny23-section5 .title .text1 { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1; margin-bottom: 0.2499rem; } .ny23-section5 .title .text2 { font-size: 0.4333rem; font-family: "HYJunhei-65J"; line-height: 1.1; } .ny23-section5 .title .index-btn { margin-top: 0.6666rem; } .ny23-section5 .ny23-section5-swiper { overflow: visible; width: 24rem; margin-left: 2.832rem; } .ny23-section5 .ny23-section5-swiper .swiper-slide { margin-right: 2%; position: relative; } .ny23-section5 .ny23-section5-swiper .swiper-slide:first-child { z-index: 3; } .ny23-section5 .item { position: relative; } .ny23-section5 .item .video { display: block; height: 10rem; } .ny23-section5 .item .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; } .ny23-section5 .item .text { font-size: 0.4992rem; color: #FFFFFF; line-height: 1.1; padding: 0.6656rem; position: absolute; z-index: 3; left: 0; bottom: 0; } .ny23-section5 .item .index-btn { position: absolute; bottom: 0.6666rem; right: 0.6666rem; z-index: 3; } .ny23-section5-popup .video { width: 100%; padding: 0.6666rem; } .ny23-section5-popup .video video { display: block; width: 100%; } /* ==================== 内页23 - 板块五 End ==================== */ /* ==================== 内页23 - 板块六 Start ==================== */ /* ==================== 内页23 - 板块六 End ==================== */