/* ==================== 内页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 ==================== */ /* ==================== 内页4 - 通用选项卡 Start ==================== */ .ny4-tabs { display: inline-flex; align-items: center; justify-content: flex-start; background-color: #EDEDED; padding: 0.1002rem; border-radius: 1.6666rem; margin-bottom: 1rem; flex-wrap: wrap; } .ny4-tabs .tab-item { padding: 0.2499rem 0.6666rem; font-size: 0.6rem; line-height: 1; border-radius: 3.3334rem; cursor: pointer; transition: all 0.4s; } .ny4-tabs .tab-item.active { background-color: #000; color: #fff; } /* ==================== 内页4 - 通用选项卡 End ==================== */ /* ==================== 内页7 - 板块0 Start ==================== */ .ny7-section0 .image img { width: 100%; } /* ==================== 内页7 - 板块0 End ==================== */ /* ==================== 内页7 - 板块一 Start ==================== */ .ny7-section1 { padding-top: 1.6666rem; } .ny7-section1 .body { text-align: center; } .ny7-section1 .mxw-box { width: 23rem; text-align: left; } .ny7-section1 .ny4-tabs { width: auto; margin-bottom: 0.5002rem; } .ny7-section1 .ny4-tabs .tab-item { font-size: 0.2666rem; color: #86868B; line-height: 1.1; } .ny7-section1 .ny4-tabs .tab-item.active { color: #fff; } .ny7-section1 .body .ny6-title { padding-bottom: 0; border-bottom: 0; margin-bottom: 1.6666rem; } .ny7-section1 .ny7-section1-swiper > .swiper-wrapper { display: block; } .ny7-section1 .ny7-section1-swiper > .swiper-wrapper > .swiper-slide { display: none; } .ny7-section1 .ny7-section1-swiper > .swiper-wrapper > .swiper-slide.active { display: block; } .ny7-section1 .swiper-slide1-swiper { position: relative; padding-right: 1.6667rem; } .ny7-section1 .swiper-slide1-swiper.first:after { visibility: hidden; opacity: 0; } .ny7-section1 .swiper-slide1-swiper:before, .ny7-section1 .swiper-slide1-swiper:after { content: ""; display: block; width: 3.3333rem; height: 100%; position: absolute; top: 0; z-index: 3; transition: all 1s; opacity: 1; visibility: visible; } .ny7-section1 .swiper-slide1-swiper:before { background-image: linear-gradient(to left, #fff, transparent); right: 0; } .ny7-section1 .swiper-slide1-swiper:after { background-image: linear-gradient(to right, #fff, transparent); left: 0; } .ny7-section1 .swiper-slide1-swiper .swiper-slide { width: auto; } .ny7-section1 .swiper-slide1 .item { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 2.5rem; } .ny7-section1 .swiper-slide1 .item:first-child { margin-top: 1.3333rem; } .ny7-section1 .swiper-slide1 .item:last-child { margin-bottom: 0; } .ny7-section1 .swiper-slide1 .item .title { background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative; margin-right: 0.5rem; padding-left: 0.6rem; height: 1.6667rem; display: flex; align-items: center; justify-content: flex-start; } .ny7-section1 .swiper-slide1 .item .title span { font-size: 0.4333rem; color: #4160AC; font-family: "HYJunhei-85J"; line-height: 1.1; z-index: 3; position: relative; } .ny7-section1 .swiper-slide1 .item .title .bg { top: 0; left: 0; width: 1.6667rem; height: 1.6667rem; background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); } .ny7-section1 .swiper-slide1 .list { display: flex; align-items: flex-start; justify-content: flex-start; position: relative; } .ny7-section1 .swiper-slide1 .list:before { content: ""; display: block; border: 2px solid #4160AC; position: absolute; top: 50%; transform: translateY(-50%); left: -0.1667rem; width: 0.1333rem; height: 0.1333rem; border-radius: 100%; } .ny7-section1 .swiper-slide1 .list:after { content: ""; display: block; width: 100%; height: 0; border-bottom: 1px dashed #4160AC; position: absolute; top: 50%; } .ny7-section1 .swiper-slide1 .list-item { padding-left: 0.25rem; position: relative; } .ny7-section1 .swiper-slide1 .list-item:last-child { padding-right: 0.6667rem; } .ny7-section1 .swiper-slide1 .list-item::before { content: ""; display: block; width: 0.1167rem; height: 0.1167rem; background-color: #4160AC; border-radius: 100%; position: absolute; bottom: -0.3667rem; left: 0.25rem; } .ny7-section1 .swiper-slide1 .list-item::after { content: ""; display: block; width: 0.0167rem; height: 0.15rem; background-color: #4160AC; border-radius: 100%; position: absolute; bottom: -0.5rem; left: 0.3rem; } .ny7-section1 .swiper-slide1 .list-item:nth-child(2n-1)::before { bottom: -0.355rem; left: 0.3333rem; } .ny7-section1 .swiper-slide1 .list-item:nth-child(2n-1)::after { bottom: -0.5rem; left: 0.3833rem; } .ny7-section1 .swiper-slide1 .list-item:nth-child(2n) { margin-top: 2.75rem; margin-left: -0.6667rem; } .ny7-section1 .swiper-slide1 .list-item:nth-child(2n)::before { top: -0.3rem; left: 0.4167rem; } .ny7-section1 .swiper-slide1 .list-item:nth-child(2n)::after { top: -0.45rem; left: 0.4667rem; } .ny7-section1 .swiper-slide1 .list-item .icon { width: 0.8333rem; display: block; margin-bottom: 0.2rem; } .ny7-section1 .swiper-slide1 .list-item .icon img { width: 100%; } .ny7-section1 .swiper-slide1 .list-item .text1 { font-size: 0.2667rem; color: rgba(102, 102, 102, 0.5); line-height: 1.1; margin-bottom: 0.0667rem; } .ny7-section1 .swiper-slide1 .list-item .text2 { font-size: 0.3333rem; color: #4160AC; line-height: 1.2; } .ny7-section1 .swiper-slide1 .btn-group { position: static; margin-right: 0; margin-left: auto; display: flex; align-items: center; justify-content: flex-end; margin-top: 1.1667rem; } .ny7-section1 .swiper-slide1 .btn-group .swiper-button { position: static; transform: translateY(0); font-size: 0.4rem; color: #5A5958; } .ny7-section1 .swiper-slide1 .btn-group .swiper-button.swiper-button-prev { margin-right: 0.3833rem; } .ny7-section1 .swiper-slide2 { padding-top: 0.8333rem; } .ny7-section1 .swiper-slide2 .itembox { display: flex; flex-wrap: wrap; justify-content: center; } .ny7-section1 .swiper-slide2 .item { min-width: 3.3333rem; margin-right: 0.3333rem; } .ny7-section1 .swiper-slide2 .item:last-child { margin-right: 0; } .ny7-section1 .swiper-slide2 .item:last-child .icon:after { display: none; } .ny7-section1 .swiper-slide2 .item .icon { width: 1.6667rem; margin-left: auto; margin-right: auto; position: relative; } .ny7-section1 .swiper-slide2 .item .icon::after { content: ""; display: block; background: url(../images/ny7/img015.jpg) no-repeat center; width: 1.3333rem; height: 0.2667rem; background-size: 100%; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; margin-left: 0.3333rem; } .ny7-section1 .swiper-slide2 .item .num { font-size: 0.3333rem; color: rgba(102, 102, 102, 0.5); line-height: 1.4; margin-top: 0.1667rem; text-align: center; } .ny7-section1 .swiper-slide2 .item .text { text-align: center; margin-top: 0.2667rem; font-size: 0.3333rem; line-height: 1.4; color: #666666; } .ny7-section1 .swiper-slide3 .itembox { background-color: #F5F5F7; border-radius: 0.4667rem; overflow: hidden; padding: 0.5667rem 1.1667rem; } .ny7-section1 .swiper-slide3 .item.active .head { border-bottom: 0; } .ny7-section1 .swiper-slide3 .item.active .head .icon { display: none; } .ny7-section1 .swiper-slide3 .item:last-child .head { border-bottom: 0; } .ny7-section1 .swiper-slide3 .item .head { display: flex; align-items: center; justify-content: flex-start; position: relative; padding-top: 0.6rem; padding-bottom: 0.6rem; cursor: pointer; border-bottom: 1px solid #E3E3E5; } .ny7-section1 .swiper-slide3 .item .head .text { font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny7-section1 .swiper-slide3 .item .head .icon { position: absolute; top: 50%; right: 0; width: 0.3333rem; height: 0.3333rem; transform: translateY(-50%); } .ny7-section1 .swiper-slide3 .item .head .icon:before, .ny7-section1 .swiper-slide3 .item .head .icon:after { content: ""; display: block; position: absolute; background-color: #6E6E73; } .ny7-section1 .swiper-slide3 .item .head .icon:before { width: 2px; height: 100%; left: 50%; top: 0; margin-left: -1px; } .ny7-section1 .swiper-slide3 .item .head .icon:after { width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; } .ny7-section1 .swiper-slide3 .item .list { display: none; } .ny7-section1 .swiper-slide3 .item .list-item { font-size: 0.2667rem; padding-bottom: 0.5rem; } .ny7-section1 .swiper-slide3 .item .list-item .text1 { padding-left: 0.4rem; position: relative; margin-bottom: 0.3333rem; } .ny7-section1 .swiper-slide3 .item .list-item .text1:before { position: absolute; left: 0; top: 0; content: "Q:"; } .ny7-section1 .swiper-slide3 .item .list-item .text2 { padding-left: 0.4rem; position: relative; color: #86868B; } .ny7-section1 .swiper-slide3 .item .list-item .text2:before { position: absolute; left: 0; top: 0; content: "A:"; } .ny7-section1 .swiper-slide4 .image { border-radius: 0.3334rem; overflow: hidden; } .ny7-section1 .swiper-slide4 .image img { width: 100%; } .ny7-section1 .swiper-slide4 .itembox { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; } .ny7-section1 .swiper-slide4 .itembox .item { width: 30%; background-color: #E9E9E9; padding: 0.6666rem; border-radius: 0.3334rem; } .ny7-section1 .swiper-slide4 .itembox .item:nth-child(3n-1) { margin-left: 5%; margin-right: 5%; } .ny7-section1 .swiper-slide4 .itembox .item:nth-child(3) ~ .item { margin-top: 1rem; } .ny7-section1 .swiper-slide4 .itembox .item .icon { width: 0.6666rem; margin-bottom: 0.6666rem; margin-left: auto; margin-right: auto; } .ny7-section1 .swiper-slide4 .itembox .item .text1 { font-size: 0.3667rem; font-family: "HYJunhei-85J"; line-height: 1.1; margin-bottom: 0.2499rem; } .ny7-section1 .swiper-slide4 .itembox .item .text2 { font-size: 0.2666rem; color: #868686; line-height: 2; } .ny7-section1 .swiper-slide4 .itembox2 { margin-top: 1.3334rem; display: flex; flex-wrap: wrap; align-items: flex-start; } .ny7-section1 .swiper-slide4 .itembox2 .item { width: 20%; padding-right: 0.1667rem; } .ny7-section1 .swiper-slide4 .itembox2 .item .icon { width: 1.1667rem; display: block; margin-bottom: 0.3334rem; } .ny7-section1 .swiper-slide4 .itembox2 .item .text1 { font-size: 0.4333rem; line-height: 1.1; font-family: "HYJunhei-85J"; margin-bottom: 0.3334rem; } .ny7-section1 .swiper-slide4 .itembox2 .item .text2 { font-size: 0.3002rem; color: #666666; line-height: 1.3; text-align: justify; } .ny7-section1 .swiper-slide5 .table { overflow: auto; margin-top: 0.6667rem; } .ny7-section1 .swiper-slide5 table, .ny7-section1 .swiper-slide5 td, .ny7-section1 .swiper-slide5 th { border-collapse: collapse; } .ny7-section1 .swiper-slide5 table { width: 100%; } .ny7-section1 .swiper-slide5 tr { transition: background-color 0.4s; } .ny7-section1 .swiper-slide5 tr:first-child td { text-align: center; color: #fff; background-color: #101010; } .ny7-section1 .swiper-slide5 td { color: #666666; font-size: 0.3333rem; padding: 0.4rem; border: 1px solid #e2e2e2; background-color: #F5F7F9; vertical-align: text-top; line-height: 1.6; color: #1E1E20; } .ny7-section1 .swiper-slide5 td:nth-child(2n) { background-color: #fff; } /* ==================== 内页7 - 板块一 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: 0; } .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 ==================== */ /* ==================== 内页7 - 板块二 Start ==================== */ .ny7-section2 { padding-top: 3.1667rem; padding-bottom: 2.1667rem; } /* ==================== 内页7 - 板块二 End ==================== */