Warning: file_get_contents(/www/wwwroot/a_csite.com/csite_template/www.derucci.com//static/home/css/ny11.css?t=2024-6-5 16:29:53): failed to open stream: No such file or directory in /www/wwwroot/a_csite.com/sincycle.com/coreLibs/base/baseApp.php on line 371
/* ==================== 内页11 - 通用版心 Start ==================== */
.ny11-box {
width: 22.8333rem;
max-width: 90%;
}
.ny11-main .pin-spacer {
background-color: #000 !important;
}
/* ==================== 内页11 - 通用版心 End ==================== */
/* ==================== 内页11 - 通用标题 Start ==================== */
.ny11-title .text1 {
font-size: 1rem;
color: #1E1E20;
font-family: "HYJunhei-85J";
line-height: 1.1;
}
.ny11-title .bottom {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.ny11-title .text2 {
font-size: 0.8rem;
color: #1D1D1E;
font-family: "HYJunhei-85J";
line-height: 1.1;
margin-top: 0.6666rem;
}
.ny11-title .text3 {
margin-top: 0.3334rem;
color: #86868A;
font-size: 0.4333rem;
line-height: 1.2;
}
.ny11-title .text4 {
font-size: 0.5002rem;
color: #86868A;
margin-top: 0.5002rem;
}
.ny11-title .more-btn {
margin-left: 1.3334rem;
font-size: 0.5002rem;
color: #2A64C5;
line-height: 1.1;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
}
.ny11-title .more-btn:after {
content: "";
display: none;
width: 100%;
height: 0.0333rem;
position: absolute;
bottom: -0.0333rem;
left: 0;
background-color: #2A64C5;
}
.ny11-title .more-btn:hover:after {
display: block;
}
.ny11-title .more-btn .iconfont {
font-size: 0.6em;
margin-left: 0.1667rem;
}
/* ==================== 内页11 - 通用标题 End ==================== */
/* ==================== 内页11 - 板块一 Start ==================== */
.ny11-section1 {
position: relative;
z-index: 2;
background-color: #fff;
}
.ny11-section1 .info {
position: absolute;
top: 2.8333rem;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
z-index: 2;
text-align: center;
}
.ny11-section1 .info .text1 {
font-size: 1rem;
font-family: "HYJunhei-85J";
}
.ny11-section1 .info .text2 {
font-size: 0.4333rem;
margin-top: 0.3334rem;
line-height: 1.1;
}
.ny11-section1 .info .text2 span {
font-family: "HYJunhei-35J";
line-height: 1;
vertical-align: 0.0666rem;
}
.ny11-section1 .image {
width: 100%;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
max-width: 100%;
position: relative;
}
.ny11-section1 .image:after {
content: "";
display: block;
width: 100%;
height: 50vh;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;
background: -webkit-linear-gradient(to top, #000 10%, transparent);
background: -o-linear-gradient(to top, #000 10%, transparent);
background: -moz-linear-gradient(to top, #000 10%, transparent);
background: linear-gradient(to top, #000 10%, transparent);
}
.ny11-section1 .image img {
width: 100%;
}
/* ==================== 内页11 - 板块一 End ==================== */
/* ==================== 内页11 - 板块二 Start ==================== */
.ny11-section2 {
background-color: #000000;
padding-top: 2.6666rem;
padding-bottom: 2.6666rem;
}
.ny11-section2 .max-body {
padding-left: 4.5834rem;
padding-right: 4.5834rem;
}
.ny11-section2 .top {
color: #FFFFFF;
}
.ny11-section2 .top .text1 {
font-size: 1rem;
line-height: 1.1;
font-family: "HYJunhei-85J";
margin-bottom: 0.6666rem;
}
.ny11-section2 .top .text2 {
font-size: 0.8rem;
line-height: 1.1;
font-family: "HYJunhei-85J";
margin-bottom: 0.3334rem;
}
.ny11-section2 .top .text3 {
font-size: 0.3334rem;
color: #8A8A8A;
line-height: 1.6;
text-align: justify;
}
.ny11-section2 .image {
margin-top: 1rem;
width: 100%;
}
.ny11-section2 .image img {
width: 100%;
display: block;
}
.ny11-section2 .itembox {
margin-top: 1.1667rem;
display: flex;
align-items: stretch;
justify-content: flex-start;
}
.ny11-section2 .item {
width: 33.333%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.ny11-section2 .item .icon {
flex-shrink: 0;
width: 1.0666rem;
display: block;
margin-right: 0.3334rem;
}
.ny11-section2 .item .info {
min-width: 0;
flex-grow: 1;
height: 100%;
}
.ny11-section2 .item .text1 {
font-size: 0.4333rem;
font-family: "HYJunhei-85J";
line-height: 1.1;
color: #fff;
margin-bottom: 0.3334rem;
}
.ny11-section2 .item .text2 {
font-size: 0.3334rem;
color: #8A8A8A;
line-height: 1.6;
text-align: justify;
}
/* ==================== 内页11 - 板块二 End ==================== */
/* ==================== 内页11 - 板块三 Start ==================== */
.ny11-section3 {
height: 100vh;
position: relative;
z-index: 12;
background-color: #000;
}
.ny11-section3 .video {
width: 100%;
height: 100%;
display: block;
}
.ny11-section3 .video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ny11-section3 .content {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
}
.ny11-section3 .info1 {
text-align: center;
}
.ny11-section3 .info1 .index-btn {
margin-top: 0.3334rem;
}
.ny11-section3 .text1,
.ny11-section3 .text2 {
text-align: center;
font-size: 1rem;
display: table;
line-height: 1.2;
margin-left: auto;
margin-right: auto;
font-family: "HYJunhei-85J";
color: #fff;
}
.ny11-section3 .text2 {
color: #86868B;
}
.ny11-section3 .text3 {
width: 10rem;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0.3334rem;
}
.ny11-section3 .text3 img {
width: 100%;
}
.ny11-section3 .info {
margin-top: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.ny11-section3 .info p {
display: block;
text-align: center;
color: #fff;
font-size: 0.3334rem;
font-family: "HYJunhei-35J";
margin-bottom: 0.5002rem;
}
/* ==================== 内页11 - 板块三 End ==================== */
/* ==================== 内页11 - 板块四 Start ==================== */
.ny11-section4 {
background-color: #060607;
padding-top: 2.6666rem;
padding-bottom: 1.0832rem;
position: relative;
z-index: 2;
}
.ny11-section4 .max-body {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding-left: 4.5834rem;
padding-right: 5.5002rem;
}
.ny11-section4 .left-body .text1 {
font-family: "HYJunhei-85J";
color: #fff;
font-size: 1rem;
line-height: 1.2;
background: -webkit-linear-gradientt(to bottom, #fff 70%, transparent 100%);
background: -o-linear-gradientt(to bottom, #fff 70%, transparent 100%);
background: -moz-linear-gradientt(to bottom, #fff 70%, transparent 100%);
background: linear-gradient(to bottom, #fff 70%, transparent 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
margin-bottom: 0.3334rem;
}
.ny11-section4 .left-body .text2 {
font-size: 0.4333rem;
color: #86868A;
line-height: 1.8;
}
.ny11-section4 .left-body .text2 strong {
font-weight: 400;
color: #fff;
}
/* ==================== 内页11 - 板块四 End ==================== */
/* ==================== 内页11 - 板块四-1 Start ==================== */
.ny11-section4-1-video {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
left: 0;
margin-top: -100vh;
}
.ny11-section4-1-video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ny11-section4-1 {
height: 12.1667rem;
}
/* ==================== 内页11 - 板块四-1 End ==================== */
/* ==================== 内页11 - 板块五 Start ==================== */
.ny11-section5 {
background-color: #000000;
position: relative;
overflow: hidden;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100vh;
}
.ny11-section5 .max-body {
position: relative;
height: 100%;
width: 100%;
}
.ny11-section5 .ny11-section5-box {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.ny11-section5 .itembox {
position: absolute;
top: -2.56rem;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.ny11-section5 .item {
position: absolute;
}
.ny11-section5 .item:nth-child(1) {
width: 1.4rem;
top: 5.7667rem;
left: 6.1002rem;
}
.ny11-section5 .item:nth-child(2) {
width: 0.8333rem;
top: 3.7501rem;
left: 7.8333rem;
}
.ny11-section5 .item:nth-child(3) {
width: 2.1002rem;
top: 6.3334rem;
left: 8rem;
}
.ny11-section5 .item:nth-child(4) {
width: 1.3334rem;
top: 4.5002rem;
left: 9.5002rem;
}
.ny11-section5 .item:nth-child(5) {
top: 2.8333rem;
left: 10.6666rem;
width: 0.8666rem;
}
.ny11-section5 .item:nth-child(6) {
top: 6.3334rem;
left: 10.8333rem;
width: 1.1334rem;
}
.ny11-section5 .item:nth-child(7) {
top: 3.6666rem;
left: 11.8333rem;
width: 0.8666rem;
}
.ny11-section5 .item:nth-child(8) {
top: 4.6666rem;
left: 12.5002rem;
width: 1.4333rem;
}
.ny11-section5 .item:nth-child(9) {
top: 3rem;
left: 13.5834rem;
width: 0.6666rem;
}
.ny11-section5 .item:nth-child(10) {
top: 3.3334rem;
left: 15.1667rem;
width: 0.7334rem;
}
.ny11-section5 .item:nth-child(11) {
top: 3rem;
left: 16.6666rem;
width: 1.4rem;
}
.ny11-section5 .item:nth-child(12) {
top: 4.3334rem;
right: 11.9334rem;
width: 0.7002rem;
}
.ny11-section5 .item:nth-child(13) {
top: 2.6666rem;
right: 11.3334rem;
width: 0.9002rem;
}
.ny11-section5 .item:nth-child(14) {
top: 7.6666rem;
right: 11rem;
width: 0.7002rem;
}
.ny11-section5 .item:nth-child(15) {
top: 5.3334rem;
right: 9.3334rem;
width: 1.7667rem;
}
.ny11-section5 .item:nth-child(16) {
top: 3.6666rem;
right: 9.3334rem;
width: 1.0666rem;
}
.ny11-section5 .item:nth-child(17) {
top: 5rem;
right: 8.1667rem;
width: 0.7002rem;
}
.ny11-section5 .item:nth-child(18) {
top: 6.5002rem;
right: 8.1667rem;
width: 1.0666rem;
}
.ny11-section5 .item:nth-child(19) {
top: 7.8333rem;
right: 7.5002rem;
width: 0.8333rem;
}
.ny11-section5 .item:nth-child(20) {
top: 4.3334rem;
right: 6.1667rem;
width: 1.6666rem;
}
.ny11-section5 .item:nth-child(21) {
top: 7rem;
right: 6.5002rem;
width: 0.8666rem;
}
.ny11-section5 .item:nth-child(22) {
top: 7.8333rem;
left: 10.6666rem;
width: 0.5667rem;
}
.ny11-section5 .image {
margin-top: 4rem;
display: block;
margin-left: auto;
margin-right: auto;
width: 8.1667rem;
position: relative;
z-index: 3;
}
.ny11-section5 .image .img1 {
position: absolute;
top: -1.5002rem;
left: 0.5002rem;
width: 6rem;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 2;
animation: ny11-section6 1.5s infinite alternate ease-in-out;
}
.ny11-section5 .image .img1 img {
width: 100%;
}
.ny11-section5 .image .img2 {
width: 8.1667rem;
display: block;
margin-left: auto;
margin-right: auto;
animation: ny11-section6 1.5s infinite alternate ease-in-out;
}
.ny11-section5 .image .img2 img {
width: 100%;
}
.ny11-section5 .body {
margin-top: 0.6666rem;
text-align: center;
}
.ny11-section5 .body .text1 {
font-size: 1rem;
color: #fff;
font-family: "HYJunhei-85J";
line-height: 1.1;
margin-bottom: 0.2499rem;
}
.ny11-section5 .body .text2 {
font-size: 0.4333rem;
color: #fff;
line-height: 1.3;
font-family: "HYJunhei-65J";
}
.ny11-section5 .body .text3 {
margin-top: 0.6666rem;
font-size: 0.3002rem;
color: #86868A;
line-height: 1.1;
}
@keyframes ny11-section6 {
0% {
transform: translateY(0.1667rem);
}
100% {
transform: translateY(-0.1667rem);
}
}
/* ==================== 内页11 - 板块五 End ==================== */
/* ==================== 内页11 - 板块六 Start ==================== */
.ny11-section6 {
position: relative;
padding-top: 2.6667rem;
padding-bottom: 2.6667rem;
background-color: #F6F6F6;
}
.ny11-section6 .max-body {
max-width: 22.8333rem;
margin-left: auto;
margin-right: auto;
}
.ny11-section6 .text1 {
font-size: 1rem;
color: #1E1E20;
line-height: 1.1;
margin-bottom: 1.1667rem;
font-family: "HYJunhei-85J";
}
.ny11-section6 .itembox {
position: relative;
height: 7.6rem;
display: flex;
align-items: stretch;
justify-content: center;
}
.ny11-section6 .item {
display: block;
height: 100%;
position: relative;
transition: all 0.4s;
overflow: hidden;
width: 2.8333rem;
flex-shrink: 0;
margin-right: 0.1667rem;
}
.ny11-section6 .item:last-child {
margin-right: 0;
}
.ny11-section6 .item.active {
width: 10.8333rem;
flex-shrink: inherit;
flex-grow: 1;
}
.ny11-section6 .item.active .bottom .ny11-section6-swiper {
opacity: 1;
visibility: visible;
}
.ny11-section6 .item.active .bottom .title {
opacity: 0;
visibility: hidden;
}
.ny11-section6 .item.active .bg-image img {
opacity: 0;
visibility: hidden;
}
.ny11-section6 .item .bg-image {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s;
}
.ny11-section6 .item .bg-image img {
visibility: visible;
opacity: 1;
transition: all 0.2s;
height: 100%;
}
.ny11-section6 .item .bottom {
position: absolute;
width: 100%;
bottom: 0;
height: 1rem;
background: rgba(157, 157, 157, 0.4);
backdrop-filter: blur(0.3333rem);
-webkit-backdrop-filter: blur(0.3333rem);
display: flex;
align-items: center;
justify-content: center;
}
.ny11-section6 .item .bottom .title {
font-size: 0.3333rem;
line-height: 1.2;
text-align: center;
color: #fff;
transition: all 0.4s;
visibility: visible;
opacity: 1;
}
.ny11-section6 .item .bottom .ny11-section6-swiper {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0.6667rem;
transform: translateY(-50%);
transition: all 0.4s;
visibility: hidden;
opacity: 0;
}
.ny11-section6 .item .bottom .ny11-section6-swiper.center .swiper-wrapper {
justify-content: center;
}
.ny11-section6 .item .bottom .ny11-section6-swiper .swiper-wrapper {
justify-content: flex-start;
-webkit-transition-timing-function: linear !important;
-moz-transition-timing-function: linear !important;
-ms-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide {
width: auto;
padding: 0 0.3333rem;
position: relative;
}
.ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:first-child {
padding-left: 0;
}
.ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:last-child {
padding-right: 0;
}
.ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:last-child:after {
display: none;
}
.ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide:after {
content: "";
display: block;
width: 1px;
height: 50%;
background-color: #fff;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0.3;
}
.ny11-section6 .item .bottom .ny11-section6-swiper .swiper-slide img {
width: auto;
height: 100%;
}
/* ==================== 内页11 - 板块六 End ==================== */
/* ==================== 内页11 - 板块七 Start ==================== */
.ny11-section7 {
padding-top: 2.6666rem;
padding-bottom: 2.6666rem;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
background-color: #fff;
}
.ny11-section7 .max-body {
padding-left: 4.5002rem;
padding-right: 4.5002rem;
}
.ny11-section7 .body1 {
width: 100%;
margin-bottom: 1.3334rem;
}
.ny11-section7 .body1 .ny11-title .text4 {
font-size: 0.4333rem;
color: #1E1E20;
}
.ny11-section7 .body1 .ny11-title .text4 span,
.ny11-section7 .body1 .ny11-title .text4 strong {
font-weight: 400;
color: #CB1E1E;
font-family: "HYJunhei-85J";
}
.ny11-section7 .map {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.ny11-section7 .map img {
width: 100%;
}
.ny11-section7 .common-btn {
margin-top: 1.3334rem;
}
/* ==================== 内页11 - 板块七 End ==================== */
/* ==================== 内页11 - 板块八 Start ==================== */
.ny11-section8 {
background-color: #060607;
padding-top: 2.6666rem;
padding-bottom: 2.6666rem;
position: relative;
z-index: 2;
}
.ny11-section8 .head {
margin-bottom: 0.6666rem;
}
.ny11-section8 .head .mxw-box {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.ny11-section8 .play-btn {
width: 0.9334rem;
height: 0.9334rem;
background: url('../images/img240@100x100.png') no-repeat center;
background-size: 100%;
cursor: pointer;
}
.ny11-section8 .play-btn.active {
background-image: url('../images/img239@100x100.png');
}
.ny11-section8 .ny11-title {
margin-bottom: 0;
}
.ny11-section8 .ny11-title .text1 {
background: -webkit-linear-gradient(to left, #fff 75%, transparent 101%);
background: -o-linear-gradient(to left, #fff 75%, transparent 101%);
background: -moz-linear-gradient(to left, #fff 75%, transparent 101%);
background: linear-gradient(to left, #fff 75%, transparent 101%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.ny11-section8 .item .image {
border-radius: 0.3334rem;
overflow: hidden;
height: 4.3334rem;
}
.ny11-section8 .item .text {
font-size: 0.4rem;
color: #fff;
line-height: 1.1;
margin-top: 0.3334rem;
}
.ny11-section8 .ny11-section8-swiper {
margin-bottom: 0.6666rem;
}
.ny11-section8 .ny11-section8-swiper .swiper-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.ny11-section8 .ny11-section8-swiper .swiper-slide {
width: 31.25%;
margin-right: 0.3334rem;
}
.ny11-section8 .common-btn {
margin-top: 1.1667rem;
}
/* ==================== 内页11 - 板块八 End ==================== */
/* ==================== 内页10 - 板块三 Start ==================== */
.ny10-section3 {
padding-top: 2.6666rem;
padding-bottom: 2.6666rem;
}
.ny10-section3 .ny10-section3-box {
padding: 0 4.5834rem;
}
.ny10-section3 .ny10-title2 {
margin-bottom: 1.0832rem;
text-align: center;
}
.ny10-section3 .ny10-title2 .text1 {
font-size: 0.4333rem;
margin-bottom: 0.2499rem;
line-height: 1;
color: #0071E3;
}
.ny10-section3 .ny10-title2 .text2 {
font-size: 1rem;
line-height: 1;
color: #1D1D1F;
font-family: "HYJunhei-85J";
}
.ny10-section3 .itembox {
display: flex;
flex-wrap: wrap;
}
.ny10-section3 .item {
width: 23.875%;
margin-right: 1.5%;
}
.ny10-section3 .item:nth-child(4n) {
margin-right: 0;
}
.ny10-section3 .item:nth-child(4) ~ .item {
margin-top: 1.1667rem;
}
.ny10-section3 .item .image {
width: 100%;
height: 3.5667rem;
border-radius: 0.1667rem;
overflow: hidden;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.2);
}
.ny10-section3 .item .image img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
}
.ny10-section3 .item .info {
margin-top: 0.3334rem;
}
.ny10-section3 .item .text1 {
font-size: 0.5002rem;
color: #FF791B;
line-height: 1.1;
font-family: "HYJunhei-85J";
}
.ny10-section3 .item .text2 {
margin-top: 0.3334rem;
font-size: 0.4333rem;
color: #1D1D1F;
line-height: 1.4;
min-height: 2.8em;
}
.ny10-section3 .item .text3 {
margin-top: 0.1667rem;
color: #1D1D1F;
font-size: 0.4rem;
line-height: 1.1;
font-family: "HYJunhei-85J";
min-height: 1.1em;
}
.ny10-section3 .item .text4 {
margin-top: 0.3334rem;
font-size: 0.3002rem;
color: #86868B;
line-height: 1.1;
}
.ny10-section3 .item .more-btn {
margin-top: 0.5002rem;
padding: 0.1667rem;
width: 2.6666rem;
height: 0.7667rem;
color: #fff;
line-height: 1.1;
background: #0071E3;
display: table;
border-radius: 1.6666rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.3002rem;
color: #FFF6F6;
letter-spacing: 2px;
}
.ny10-section3 .common-btn {
margin-top: 1.1667rem;
}
.ny10-section3 .common-btn .btn-content {
border-color: #E8E8E8;
}
/* ==================== 内页10 - 板块三 End ==================== */
/* ==================== 内页11 - 板块九 Start ==================== */
.ny11-section9 {
padding-top: 2.6666rem;
padding-bottom: 2.6666rem;
position: relative;
z-index: 2;
background-color: #fff;
}
.ny11-section9 .ny11-title {
margin-bottom: 0.7501rem;
}
.ny11-section9 .mxw-box {
max-width: 90%;
width: 21rem;
}
.ny11-section9 .item {
width: 32.6%;
margin-right: 0;
}
.ny11-section9 .item .image {
height: 4.8rem;
}
.ny11-section9 .item:nth-child(3n-1) {
margin-left: 1.1%;
margin-right: 1.1%;
}
.ny11-section9 .item:nth-child(3) ~ .item {
margin-top: 1rem;
}
/* ==================== 内页11 - 板块九 End ==================== */
/* ==================== 内页11 - 板块十 Start ==================== */
.ny11-section10 {
position: relative;
z-index: 2;
background-color: #fff;
padding-top: 3.3334rem;
}
.ny11-section10 .ny11-title {
margin-bottom: 0.6666rem;
}
.ny11-section10 .ny11-section10-img {
width: 21.9667rem;
overflow: visible;
margin-left: auto;
margin-right: auto;
}
.ny11-section10 .ny11-section10-img .image {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
height: 10.6666rem;
border-radius: 0.3334rem;
}
.ny11-section10 .ny11-section10-img img {
width: 100%;
}
.ny11-section10 .ny11-section10-year {
position: relative;
padding-bottom: 0.1667rem;
}
.ny11-section10 .ny11-section10-year:after {
content: "";
display: block;
width: 100%;
height: 0.0333rem;
background-color: #000;
position: absolute;
bottom: 0.0832rem;
left: 0;
}
.ny11-section10 .ny11-section10-year .text {
font-size: 0.5002rem;
color: #86868A;
line-height: 1;
cursor: pointer;
}
.ny11-section10 .ny11-section10-year .text:after {
content: "";
display: none;
width: 0.0666rem;
height: 0.2rem;
background-color: #000;
position: absolute;
bottom: -0.1667rem;
border-radius: 0.1667rem;
right: 0.5002rem;
}
.ny11-section10 .ny11-section10-year .swiper-slide {
text-align: center;
position: relative;
padding-bottom: 0.1667rem;
}
.ny11-section10 .ny11-section10-year .swiper-slide:before,
.ny11-section10 .ny11-section10-year .swiper-slide:after {
content: "";
display: none;
width: 0.0666rem;
height: 0.2rem;
background-color: #000;
position: absolute;
bottom: -0.1667rem;
border-radius: 0.1667rem;
}
.ny11-section10 .ny11-section10-year .swiper-slide::before {
left: 0;
}
.ny11-section10 .ny11-section10-year .swiper-slide::after {
right: 0;
}
.ny11-section10 .ny11-section10-year .swiper-slide.active::before,
.ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active::before,
.ny11-section10 .ny11-section10-year .swiper-slide.active:after,
.ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active:after {
display: block;
}
.ny11-section10 .ny11-section10-year .swiper-slide.active .text,
.ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active .text {
color: #000;
font-family: "HYJunhei-85J";
}
.ny11-section10 .ny11-section10-year .swiper-slide.active .text:after,
.ny11-section10 .ny11-section10-year .swiper-slide.swiper-slide-thumb-active .text:after {
display: block;
}
.ny11-section10 .ny11-section10-text {
height: 3rem;
}
.ny11-section10 .swiper-btn {
position: absolute;
bottom: 0;
height: 1rem;
color: #C3C3C5;
display: flex;
align-items: center;
justify-content: flex-start;
border-left: 0.0499rem solid #C3C3C5;
padding-left: 0.0832rem;
cursor: pointer;
transition: all 0.4s;
}
.ny11-section10 .swiper-btn.swiper-button-disabled {
display: none;
}
.ny11-section10 .swiper-btn:hover {
color: #000;
border-left-color: #000;
}
.ny11-section10 .swiper-btn .iconfont {
font-size: 0.4rem;
}
.ny11-section10 .swiper-btn-prev {
left: -0.6666rem;
transform: rotateY(180deg);
}
.ny11-section10 .swiper-btn-next {
right: -0.6666rem;
}
.ny11-section10 .body4 {
overflow: hidden;
margin-bottom: 1.1667rem;
}
.ny11-section10 .body2,
.ny11-section10 .body3 {
width: 16.1667rem;
margin-left: auto;
margin-right: auto;
}
.ny11-section10 .body2 {
position: relative;
}
.ny11-section10 .body3 {
text-align: center;
margin-top: 1.1667rem;
position: relative;
}
.ny11-section10 .body3:before,
.ny11-section10 .body3:after {
content: "";
display: block;
width: 100%;
height: 1rem;
background-color: #fff;
position: absolute;
left: 0;
z-index: 3;
pointer-events: none;
}
.ny11-section10 .body3:before {
top: 0;
background: -webkit-linear-gradient(to bottom, #fff 30%, transparent);
background: -o-linear-gradient(to bottom, #fff 30%, transparent);
background: -moz-linear-gradient(to bottom, #fff 30%, transparent);
background: linear-gradient(to bottom, #fff 30%, transparent);
}
.ny11-section10 .body3:after {
bottom: 0;
background: -webkit-linear-gradient(to top, #fff 30%, transparent);
background: -o-linear-gradient(to top, #fff 30%, transparent);
background: -moz-linear-gradient(to top, #fff 30%, transparent);
background: linear-gradient(to top, #fff 30%, transparent);
}
.ny11-section10 .body3 .swiper-slide-active .text {
font-family: "HYJunhei-85J";
font-size: 0.5373rem;
}
.ny11-section10 .body3 .text {
height: 100%;
font-size: 0.5347rem;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
}
/* ==================== 内页11 - 板块十 End ==================== */