/* ==================== 内页6 - 通用分类 Start ==================== */ .ny6-cate { position: absolute; top: 0; right: 0; z-index: 2; width: 100%; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(0.3334rem); -webkit-backdrop-filter: blur(0.3334rem); } .ny6-cate .mxw-box { width: 24rem; max-width: 90%; text-align: right; display: flex; align-items: center; justify-content: space-between; padding-top: 0.1667rem; padding-bottom: 0.1667rem; } .ny6-cate .text1 { font-size: 0.4333rem; color: #1E1E20; line-height: 1; font-family: "HYJunhei-85J"; } .ny6-cate .cate-itembox { display: flex; align-items: center; justify-content: flex-start; } .ny6-cate .cate-item { color: #1E1E20; font-size: 0.3002rem; line-height: 1.1; font-family: "HYJunhei-65J"; margin-right: 0.6666rem; } .ny6-cate .cate-item.active { opacity: 0.5; } .ny6-cate .cate-item:last-child { margin-right: 0; } /* ==================== 内页6 - 通用分类 End ==================== */ /* ==================== 内页6 - 通用标题 Start ==================== */ .ny6-title { font-size: 1rem; font-family: "HYJunhei-85J"; line-height: 1; padding-top: 1rem; padding-bottom: 1rem; text-align: center; color: #1D1D1F; background: url(../images/ny6/mg001@1700x200.png) no-repeat center; background-size: 28.3334rem auto; } /* ==================== 内页6 - 通用标题 End ==================== */ /* ==================== 内页6 - 通用标题 Start ==================== */ .ny6-title2 { text-align: center; margin-bottom: 1.0832rem; } .ny6-title2 .text1 { font-size: 1rem; color: #1E1E20; line-height: 1; font-family: "HYJunhei-85J"; } .ny6-title2 .text2 { margin-top: 0.4166rem; font-size: 0.4333rem; color: #86868B; line-height: 1.2; } /* ==================== 内页6 - 通用标题 End ==================== */ /* ==================== 内页6 - 通用按钮 Start ==================== */ .ny6-btn { position: relative; } .ny6-btn .mxw-box { width: 27.3334rem; margin-left: auto; margin-right: auto; max-width: 90%; text-align: center; overflow: hidden; } .ny6-btn span { position: relative; padding-left: 0.3334rem; padding-right: 0.3334rem; font-size: 0.3334rem; color: #0066CC; line-height: 1; display: inline-flex; align-items: center; cursor: pointer; } .ny6-btn span .iconfont { display: block; transform: rotateX(180deg); margin-left: 0.1667rem; font-size: 0.3667rem; } .ny6-btn span::before, .ny6-btn span::after { content: ""; display: block; width: 32rem; height: 0.0333rem; position: absolute; top: 50%; background-color: #EFEFEF; } .ny6-btn span::before { left: 100%; } .ny6-btn span::after { right: 100%; } /* ==================== 内页6 - 通用按钮 End ==================== */ /* ==================== 内页6 - 板块一 Start ==================== */ .ny6-section1 { position: relative; } .ny6-section1 .common-pagination { margin-top: 1rem; } .ny6-section1 .mxw-box { position: relative; } .ny6-section1 .image { max-width: 100%; } .ny6-section1 .image img { width: 100%; } /* ==================== 内页6 - 板块一 End ==================== */ /* ==================== 内页6 - 板块二 Start ==================== */ .ny6-section2 { padding-top: 1.8333rem; padding-bottom: 2.8333rem; } .ny6-section2 .mxw-box { width: 23.3334rem; } .ny6-section2 .ny6-title { padding-bottom: 1rem; position: relative; margin-bottom: 1rem; } .ny6-section2 .ny6-title:after { content: ""; display: block; width: 23rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1rem; height: 1px; background-color: #E4E4E5; } .ny6-section2 .body { padding-top: 1.3334rem; } .ny6-section2 > .mxw-box { width: 23.3334rem; max-width: 90%; } .ny6-section2 .itembox.active .item:nth-child(6) ~ .item { display: block; } .ny6-section2 .item { background: #FFFFFF; box-shadow: 0rem 0rem 0.5002rem 0rem rgba(0, 0, 0, 0.08); border-radius: 0.3334rem 0.3334rem 0.3334rem 0.3334rem; overflow: hidden; } .ny6-section2 .item:nth-child(6) ~ .item { display: none; } .ny6-section2 .item .info { padding: 0.6666rem 0.3334rem; } .ny6-section2 .item .text2 { font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; margin-bottom: 0.3334rem; font-family: "HYJunhei-85J"; } .ny6-section2 .item .text3 { font-size: 0.2666rem; line-height: 1.4; color: #86868B; } .ny6-section2 .item .text4 { margin-top: 0.5002rem; color: #86868B; line-height: 1.6; font-family: "HYJunhei-65J"; font-size: 0.2666rem; } .ny6-section2 .item .text4 strong { font-size: 0.2666rem; color: #1D1D1F; font-weight: 400; font-family: inherit; } .ny6-section2 .item .text5 { margin-top: 0.8333rem; font-size: 0.2666rem; color: #0071E3; line-height: 1.1; display: table; } .ny6-section2 .item .text5:hover { text-decoration: underline; } .ny6-section2 .ny6-btn { margin-top: 2rem; } /* ==================== 内页6 - 板块二 End ==================== */ /* ==================== 内页6 - 板块三 Start ==================== */ .ny6-section3 { background-color: #000000; padding-top: 2.7501rem; padding-bottom: 2.7501rem; } .ny6-section3 .mxw-box { width: 23.3334rem; } .ny6-section3 .body { display: flex; align-items: center; justify-content: space-between; } .ny6-section3 .body-left { margin-right: 0.3334rem; color: #fff; } .ny6-section3 .body-left .text1 { font-size: 1.3667rem; margin-bottom: 1.1667rem; font-family: "HYJunhei-85J"; } .ny6-section3 .body-left .desc { font-size: 0.4rem; line-height: 2.5; } .ny6-section3 .body-right { width: 5rem; flex-shrink: 0; } .ny6-section3 .body-right .image { border-radius: 0.2333rem; overflow: hidden; } .ny6-section3 .body-right .image img { width: 100%; } .ny6-section3 .body-right .text { font-size: 0.5002rem; line-height: 1.1; margin-top: 0.5002rem; text-align: center; color: #fff; } /* ==================== 内页6 - 板块三 End ==================== */