.ny30-main .mxw-box { width: 24rem; } /* ==================== 内页30 - 通用标题 Start ==================== */ .ny30-title { margin-bottom: 1rem; text-align: left; color: #083366; } .ny30-title .text1 { font-size: 1rem; line-height: 1; margin-bottom: 0.3334rem; font-family: "HYJunhei-85J"; } .ny30-title .text2 { font-size: 0.4333rem; line-height: 1.1; } /* ==================== 内页30 - 通用标题 End ==================== */ /* ==================== 内页30 - 板块一 Start ==================== */ .ny30-section1 .image { display: block; width: 100%; } .ny30-section1 .image img { width: 100%; } /* ==================== 内页30 - 板块一 End ==================== */ /* ==================== 内页30 - 板块二 Start ==================== */ .ny30-section2 { background-color: #fff; padding-top: 2.3334rem; padding-bottom: 3.3334rem; } .ny30-section2 .title { font-size: 1rem; line-height: 1.1; font-family: "HYJunhei-85J"; color: #083366; margin-bottom: 1.1667rem; text-align: center; } .ny30-section2 .title strong { font-weight: 400; font-size: 1.6666rem; color: transparent; background: -webkit-linear-gradient(to bottom, #45C7F0, #358EFD); background: -o-linear-gradient(to bottom, #45C7F0, #358EFD); background: -moz-linear-gradient(to bottom, #45C7F0, #358EFD); background: linear-gradient(to bottom, #45C7F0, #358EFD); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "HYJunhei-85J"; line-height: 1; display: inline-block; } .ny30-section2 .itembox { display: flex; flex-wrap: wrap; } .ny30-section2 .item { width: 32.6666%; background: url(../images/ny30/img008@470x340.png) no-repeat center; background-size: cover; background-position: center; padding: 1.0832rem 0.3334rem; text-align: center; overflow: hidden; border-radius: 0.1667rem; transition: all 0.4s; } .ny30-section2 .item:hover .icon, .ny30-section2 .item:hover .text1, .ny30-section2 .item:hover .text2 { transform: translateY(-0.1667rem); } .ny30-section2 .item:nth-child(3n-1) { margin-left: 1%; margin-right: 1%; } .ny30-section2 .item:nth-child(3) ~ .item { margin-top: 1%; } .ny30-section2 .item .icon { width: 2.2rem; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.3334rem; transition: all 0.4s; } .ny30-section2 .item .info { text-align: center; } .ny30-section2 .item .text1 { font-size: 0.4333rem; line-height: 1.1; color: #083366; margin-bottom: 0.1667rem; transition: all 0.4s; } .ny30-section2 .item .text2 { font-size: 0.3334rem; color: #083366; line-height: 1.4; font-family: "HYJunhei-35J"; transition: all 0.4s; } /* ==================== 内页30 - 板块二 End ==================== */ /* ==================== 内页30 - 板块三 Start ==================== */ .ny30-section3 { background-color: #CEEBF9; padding-top: 2.3334rem; padding-bottom: 3.5002rem; } .ny30-section3 .item { display: flex; align-items: stretch; justify-content: flex-start; } .ny30-section3 .item .image { overflow: hidden; border-radius: 0.3334rem; flex-shrink: 0; } .ny30-section3 .item .info { min-width: 0; flex-grow: 1; background-color: #F1FAFF; padding: 0.6666rem 0.6666rem; border-radius: 0.3334rem; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; } .ny30-section3 .item .text1 { color: #08324F; font-size: 0.6rem; line-height: 1.1; } .ny30-section3 .item .text2 { color: #08324F; font-size: 0.4333rem; line-height: 1.1; margin-top: 0.3334rem; } .ny30-section3 .item .text3 { margin-top: 0.5002rem; font-size: 0.2666rem; color: #606466; line-height: 1.6; text-align: justify; } .ny30-section3 .item .img { margin-top: 0.3334rem; } .ny30-section3 .item1 { margin-bottom: 0.8333rem; } .ny30-section3 .item1 .image { width: 15.8333rem; margin-right: 0.1667rem; } .ny30-section3 .item2 .image { width: 15.8333rem; margin-left: 0.1667rem; } /* ==================== 内页30 - 板块三 End ==================== */ /* ==================== 内页30 - 板块四 Start ==================== */ .ny30-section4 { background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 3.3334rem; padding-bottom: 3.3334rem; } .ny30-section4 .body { display: flex; } .ny30-section4 .info { min-width: 0; flex-grow: 1; } .ny30-section4 .info .text1 { font-size: 1rem; line-height: 1.4; color: #fff; font-family: "HYJunhei-85J"; margin-bottom: 1rem; } .ny30-section4 .info .text2 { font-size: 0.4333rem; line-height: 1.6; color: #B9BABD; } .ny30-section4 .image { flex-shrink: 0; width: 15rem; display: block; margin-left: 0.6666rem; } .ny30-section4 .image img { width: 100%; } /* ==================== 内页30 - 板块四 End ==================== */ /* ==================== 内页30 - 板块五 Start ==================== */ .ny30-section5 { padding-top: 2.1667rem; padding-bottom: 1.5834rem; background-color: #FFFFFF; overflow: hidden; } .ny30-section5 .ny30-title { text-align: center; } .ny30-section5 .item { display: flex; align-items: stretch; } .ny30-section5 .item:first-child ~ .item { margin-top: -2.5002rem; } .ny30-section5 .item:nth-child(2n-1) .info { padding-top: 1.8333rem; margin-right: 1.3334rem; } .ny30-section5 .item:nth-child(2n-1) .image { width: 13rem; } .ny30-section5 .item:nth-child(2n) .info { padding-top: 7.1667rem; margin-left: 1.3334rem; } .ny30-section5 .item:nth-child(2n) .image { width: 9.6666rem; } .ny30-section5 .item .info { min-width: 0; flex-grow: 1; } .ny30-section5 .item .info .text1 { font-size: 0.6rem; line-height: 1.4; text-align: justify; color: #083366; margin-bottom: 0.5002rem; } .ny30-section5 .item .info .text2 { font-size: 0.4333rem; line-height: 1.6; text-align: justify; color: #6B85A3; } .ny30-section5 .item .image { flex-shrink: 0; border-radius: 0.1667rem; overflow: hidden; } .ny30-section5 .item .image img { width: 100%; } /* ==================== 内页30 - 板块五 End ==================== */ /* ==================== 内页30 - 板块六 Start ==================== */ .ny30-section6 { background-color: #FCFCFC; padding-top: 3.8333rem; padding-bottom: 1rem; overflow: hidden; } .ny30-section6 .ny30-section6-swiper { overflow: visible; } .ny30-section6 .item { display: flex; align-items: stretch; } .ny30-section6 .item .image { flex-shrink: 0; display: block; width: 13rem; border-radius: 0.3334rem; overflow: hidden; } .ny30-section6 .item .info { padding-left: 1.1667rem; padding-right: 1.1667rem; padding-top: 0.6666rem; padding-bottom: 0.6666rem; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; min-width: 0; flex-grow: 1; } .ny30-section6 .item .info .text1 { font-size: 0.6rem; line-height: 1.4; text-align: justify; color: #083366; } .ny30-section6 .item .info .text2 { color: #6A83A2; line-height: 1.6; text-align: justify; font-size: 0.4rem; margin-top: 0.3334rem; } .ny30-section6 .bottom { margin-top: 1.1667rem; display: flex; align-items: center; justify-content: flex-start; } .ny30-section6 .bottom .swiper-scrollbar { height: 0.0333rem; background-color: #F1F1F1; width: 7rem; position: relative; } .ny30-section6 .bottom .swiper-scrollbar .swiper-scrollbar-drag { background-color: #083366; } .ny30-section6 .bottom .btn-group { margin-left: 0.6666rem; display: flex; align-items: center; justify-content: flex-start; } .ny30-section6 .bottom .swiper-button { width: 0.8333rem; height: 0.8333rem; display: flex; align-items: center; justify-content: center; position: static; margin: 0; transform: translate(0, 0); font-size: 0.4333rem; color: #fff; background-color: #083366; border-radius: 100%; margin-right: 0.1667rem; transition: all 0.4s; } .ny30-section6 .bottom .swiper-button.swiper-button-disabled { opacity: 1; background-color: #CACACA; } .ny30-section6 .bottom .swiper-button:last-child { margin-right: 0; } /* ==================== 内页30 - 板块六 End ==================== */ /* ==================== 内页30 - 板块七 Start ==================== */ .ny30-section7 { padding-top: 4rem; padding-bottom: 3.3334rem; } .ny30-section7 .ny30-title { text-align: center; } .ny30-section7 .itembox { display: flex; flex-wrap: wrap; align-items: stretch; } .ny30-section7 .item { position: relative; border-radius: 0.3334rem; overflow: hidden; width: 32.6666%; } .ny30-section7 .item:nth-child(3n-1) { margin-left: 1%; margin-right: 1%; } .ny30-section7 .item:hover .info { transform: translateY(-0.1667rem); } .ny30-section7 .item:hover .image img { transform: scale(1.1); } .ny30-section7 .item:after { content: ""; display: block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%); background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%); background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%); z-index: 2; } .ny30-section7 .item .image { position: relative; z-index: 1; } .ny30-section7 .item .image img { transition: all 0.4s; width: 100%; display: block; } .ny30-section7 .item .info { position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; font-size: 0.4333rem; color: #fff; padding-bottom: 0.9168rem; padding-left: 0.1667rem; padding-right: 0.1667rem; text-align: center; transition: all 0.4s; } /* ==================== 内页30 - 板块七 End ==================== */ /* ==================== 内页30 - 板块八 Start ==================== */ .ny30-section8 { padding-bottom: 3rem; } .ny30-section8 .itembox { display: flex; flex-wrap: wrap; } .ny30-section8 .item { width: 49%; } .ny30-section8 .item:nth-child(2n) { margin-left: 2%; margin-top: -2.6666rem; } .ny30-section8 .item .image { border-radius: 0.3334rem; overflow: hidden; } .ny30-section8 .item .image img { width: 100%; } .ny30-section8 .item .text { padding: 0.5002rem 0.4333rem; line-height: 1.6; font-size: 0.4333rem; color: #6B85A3; } /* ==================== 内页30 - 板块八 End ==================== */ /* ==================== 内页30 - 板块九 Start ==================== */ .ny30-section9 { background-color: #F9F9F9; overflow: hidden; } .ny30-section9 .max-body { padding-top: 2.6666rem; padding-bottom: 2.6666rem; padding-left: 4rem; } .ny30-section9 .ny30-section9-swiper { overflow: visible; margin-left: 0; } .ny30-section9 .item { display: block; } .ny30-section9 .item .image { flex-shrink: 0; display: block; border-radius: 0.3334rem; overflow: hidden; } .ny30-section9 .item .image img { width: 100%; } .ny30-section9 .item .text1 { font-size: 0.4333rem; margin-bottom: 0.3334rem; color: #083366; } .ny30-section9 .item .text2 { margin-top: 0.4166rem; font-size: 0.3334rem; color: #6882A1; } .ny30-section9 .btn-group { margin-top: 1rem; display: flex; align-items: center; justify-content: flex-end; margin-right: 4rem; } .ny30-section9 .swiper-button { width: 0.8333rem; height: 0.8333rem; display: flex; align-items: center; justify-content: center; position: static; margin: 0; transform: translate(0, 0); font-size: 0.4333rem; color: #fff; background-color: #083366; border-radius: 100%; margin-right: 0.1667rem; transition: all 0.4s; } .ny30-section9 .swiper-button.swiper-button-disabled { opacity: 1; background-color: #CACACA; } .ny30-section9 .swiper-button:last-child { margin-right: 0; } /* ==================== 内页30 - 板块九 End ==================== */ /* ==================== 内页30 - 板块十 Start ==================== */ .ny30-section10 { background-color: #FFFFFF; padding-top: 2.1667rem; padding-bottom: 3.5834rem; } .ny30-section10 .ny26-title2 { color: #083366; } .ny30-section10 .ny26-table { border-color: #083366; } .ny30-section10 .ny26-table td { border-color: #083366; } .ny30-section10 .ny26-table tr:nth-child(2n-1) td { color: #083366; } .ny30-section10 .ny26-table tr:nth-child(2n) td { color: #fff; background-color: #6B85A3; } /* ==================== 内页30 - 板块十 End ==================== */