/* ==================== 首页 - 板块一 start ==================== */ .index-section1 { position: relative; margin-bottom: 0.2499rem; } .index-section1 .image { display: block; } .index-section1 .image img { width: 100%; } .index-section1 .common-pagination { position: absolute; bottom: 3.125vw; left: 25%; z-index: 4; width: 50%; } .index-section1 .common-pagination .play-btn, .index-section1 .common-pagination .swiper-pagination { border-color: rgba(255, 255, 255, 0.14); background: -webkit-linear-gradient(146deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); background: -o-linear-gradient(146deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); background: -moz-linear-gradient(146deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); background: linear-gradient(146deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); } .index-section1 .common-pagination .swiper-pagination .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.5); } .index-section1 .swiper-slide { position: relative; } .index-section1 .swiper-slide .index-btn { position: absolute; bottom: 16vw; left: 25vw; z-index: 40; cursor: pointer; } .index-section1 .swiper-slide .index-btn:after { width: 0.4rem; height: 0.4rem; } .index-popup video { display: block; width: 100%; } @media screen and (max-width: 1260px) { .index-section1 .swiper-slide .index-btn { bottom: 4.6167rem; left: 7.4rem; } } /* ==================== 首页 - 板块一 end ==================== */ /* ==================== 首页 - 板块二 start ==================== */ .index-section2 { background-color: #000000; margin-bottom: 0.2499rem; overflow: hidden; display: flex; align-items: center; justify-content: center; } .index-section2 .index-info { text-align: center; position: absolute; top: 2.3334rem; left: 0; width: 100%; z-index: 3; } .index-section2 .video { position: relative; display: block; width: 100%; height: 15.9167rem; z-index: 1; } .index-section2 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .index-section2 .btn-group { margin-top: 0.8333rem; display: flex; justify-content: center; align-items: center; } .index-section2 .btn-group .index-btn2 { margin-right: 0.6666rem; } /* ==================== 首页 - 板块二 end ==================== */ /* ==================== 首页 - 板块三 start ==================== */ .index-section3 { display: block; position: relative; width: 100%; overflow: hidden; background-color: #000; height: 15.9167rem; } .index-section3 .video { display: block; width: 100%; height: 100%; z-index: 1; display: flex; align-items: flex-start; justify-content: center; } .index-section3 .video video { height: 100%; display: block; width: 100%; object-fit: cover; object-position: center; } .index-section3 .body1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .index-section3 .body1 .info { text-align: center; position: absolute; top: 50%; left: 0; z-index: 3; width: 100%; transform: translatey(-50%); } .index-section3 .body1 .info .text1 { color: #fff; font-size: 0.2666rem; } .index-section3 .body1 .info .text2 { font-size: 1rem; margin-top: 0.3334rem; color: #fff; line-height: 1; font-family: "hyjunhei-85j"; } .index-section3 .body1 .info .btn-group { margin-top: 0.8333rem; display: flex; align-items: center; justify-content: center; } .index-section3 .body1 .info .btn-group .index-btn2 { margin-right: 0.7501rem; } .index-section3 .body1 .info .btn-group .index-btn { color: #fff; } .index-section3 .body1 .info .btn-group .index-btn:before { background-color: #fff; } .index-section3 .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 0 0 0.1002rem black; visibility: hidden; } .index-section3 .title .text1 { font-size: 0.4rem; line-height: 1; margin-bottom: 0.3334rem; font-family: "hyqihei_60s"; } .index-section3 .title .text2 { font-size: 1.3334rem; line-height: 1; font-family: "hyqihei_60s"; } .index-section3 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: linear-gradient(360deg, #00050d 0%, rgba(0, 26, 68, 0.77) 100%); opacity: 0.5; } .index-section3 .ny14-play-btn { bottom: 0.8333rem; } /* ==================== 首页 - 板块三 end ==================== */ /* ==================== 首页 - 板块四 start ==================== */ .index-section4 { position: relative; height: 15.9167rem; width: 100%; margin-top: 0.2499rem; margin-bottom: 0.2499rem; } .index-section4:after { content: ""; background: linear-gradient(360deg, #021129 0%, rgba(0, 26, 68, 0.5) 100%); opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .index-section4 .video { display: block; width: 100%; height: 100%; z-index: 1; } .index-section4 .video video { height: 100%; display: block; width: 100%; object-fit: cover; } .index-section4 .info { text-align: center; position: absolute; top: 5.1168rem; left: 50%; transform: translatex(-50%); z-index: 3; } .index-section4 .info .text1 { font-size: 0.833vw; margin-bottom: 1.042vw; color: #fff; } .index-section4 .info .text2 { color: #fff; font-size: 3.125vw; line-height: 1; font-family: "hyjunhei-85j"; } .index-section4 .info .btn-group { display: flex; margin-top: 0.8333rem; align-items: center; justify-content: center; } .index-section4 .info .btn-group .index-btn2 { margin-right: 0.7501rem; } .index-section4 .info .btn-group .index-btn:after { margin-top: 0; } /* ==================== 首页 - 板块四 end ==================== */ /* ==================== 首页 - 板块五 start ==================== */ .index-section5 { display: block; position: relative; width: 100%; overflow: hidden; background-color: #000; margin-bottom: 0.2499rem; height: 15.9167rem; } .index-section5 .video1 { display: block; width: 100%; height: 100%; z-index: 1; } .index-section5 .video1 video { height: 100%; display: block; width: 100%; object-fit: cover; } .index-section5 .body1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .index-section5 .body1 .video { width: 100%; height: 100%; max-width: 100%; display: flex; align-items: flex-end; justify-content: center; } .index-section5 .body1 .video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .index-section5 .body1 .info { text-align: center; position: absolute; top: 3.3334rem; left: 0; z-index: 2; width: 100%; transform: translate(0); } .index-section5 .body1 .info .text1 { font-size: 0.2666rem; color: #fff; } .index-section5 .body1 .info .text2 { font-size: 1rem; color: #fff; line-height: 1; font-family: "hyjunhei-85j"; margin-top: 0.2499rem; } .index-section5 .body1 .info .btn-group { display: flex; align-items: center; justify-content: center; margin-top: 0.6666rem; } .index-section5 .body1 .info .btn-group .index-btn2 { margin-right: 0.6666rem; } .index-section5 .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 0 0 0.1002rem black; } .index-section5 .title .text1 { font-size: 0.4rem; line-height: 1; margin-bottom: 0.3334rem; font-family: "hyqihei_60s"; } .index-section5 .title .text2 { font-size: 1.3334rem; line-height: 1; font-family: "hyqihei_60s"; } /* ==================== 首页 - 板块五 end ==================== */ /* ==================== 首页 - 板块六 start ==================== */ .index-section6-video { width: 100%; height: 100vh; z-index: 12; position: relative; } .index-section6-video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; max-width: 100%; max-height: 100%; } .index-section6 { display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; height: 100vh; overflow: hidden; } .index-section6 .body1 { display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; } .index-section6 .body1 .index-info { width: 11.1667rem; text-align: left; flex-grow: inherit; margin-left: 1.5002rem; } .index-section6 .body1 .index-info .text2 { margin-top: 0; } .index-section6 .body1 .index-info .text3 { margin-top: 0.5002rem; line-height: 1.6; } .index-section6 .body1 .video { margin-left: 1.5002rem; background: url(/uploads/image/shimages/img788-800x640.png) no-repeat center; width: 13.3334rem; height: 10.6666rem; flex-shrink: 0; background-size: 100%; margin-top: 1.1667rem; } .index-section6 .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; } .index-section6 .body1 .btn-group { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.8333rem; } .index-section6 .body1 .btn-group .index-btn2 { margin-right: 0.6666rem; } /* ==================== 首页 - 板块六 end ==================== */ /* ==================== 首页 - 板块七 start ==================== */ .index-section7 { height: 100vh; display: flex; align-items: center; justify-content: flex-start; background-color: #ffffff; overflow: hidden; } .index-section7 .index-section7-swiper { height: 100%; display: flex; justify-content: flex-start; align-items: center; padding-left: 2.1334rem; overflow: visible; } .index-section7 .index-section7-swiper .swiper-wrapper { align-items: flex-start; height: auto; } .index-section7 .index-section7-swiper .swiper-slide { width: 20rem; height: auto; } .index-section7 .index-section7-swiper .swiper-slide:nth-child(2) .item .image { margin-left: -1.7174rem; } .index-section7 .index-section7-swiper .swiper-slide:nth-child(3) .item .image { margin-left: -0.64rem; } .index-section7 .index-section7-swiper .swiper-slide:nth-child(4) .item .image { margin-left: -0.3008rem; } .index-section7 .item { flex-shrink: 0; display: flex; align-items: center; } .index-section7 .item .image { width: 10rem; flex-shrink: 0; } .index-section7 .item .image img { width: 100%; } .index-section7 .item .info { min-width: 0; margin-right: 0.3334rem; } .index-section7 .item .text1 { font-size: 1rem; color: #1e1e20; line-height: 1; font-family: "hyjunhei-85j"; } .index-section7 .item .text2 { margin-top: 0.5002rem; font-size: 0.4333rem; color: #1e1e20; line-height: 1.6; } .index-section7 .item .btn-group { display: flex; justify-content: flex-start; align-items: center; margin-top: 0.6666rem; } .index-section7 .item .btn-group .index-btn:after { margin-top: 0.1em; } .index-section7 .item .btn-group .index-btn:first-child { margin-right: 1rem; } /* ==================== 首页 - 板块七 end ==================== */ /* ==================== 首页 - 板块八 start ==================== */ .index-section8-bg-video { width: 100%; height: 100vh; position: sticky; top: 0; left: 0; margin-top: -100vh; } .index-section8-bg-video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .index-section8 { padding-top: 3.3334rem; padding-bottom: 3.3334rem; background-color: rgba(0, 0, 0, 0.4); border-left: 0.2rem solid #f5f5f7; border-right: 0.2rem solid #f5f5f7; } .index-section8 .btn-group { margin-top: 0.6666rem; display: flex; align-items: center; justify-content: center; } .index-section8 .btn-group .index-btn2 { margin-right: 0.7501rem; } /* ==================== 首页 - 板块八 end ==================== */ /* ==================== 首页 - 板块九 start ==================== */ .index-section9 { background-color: #f5f5f7; border: 0.2rem solid #f5f5f7; } .index-section9 .itembox { display: flex; align-items: stretch; } .index-section9 .item { background-color: #fff; width: 32.866%; } .index-section9 .item:nth-child(3n-1) { margin-left: 0.7%; margin-right: 0.7%; } .index-section9 .item .info { padding-top: 1.6rem; padding-left: 0.8333rem; padding-right: 0.8333rem; width: 100%; text-align: center; } .index-section9 .item .info .text1 { font-size: 1rem; color: #1e1e20; line-height: 1; font-family: "hyjunhei-85j"; } .index-section9 .item .info .text2 { margin-top: 0.5002rem; font-size: 0.4333rem; color: #1e1e20; font-family: "hyjunhei-65j"; } .index-section9 .item .info .index-btn { margin-top: 0.5002rem; line-height: 1.1; } .index-section9 .item .image { margin-top: 0.4rem; } .index-section9 .item .image img { width: 100%; } /* ==================== 首页 - 板块九 end ==================== */