Warning: file_get_contents(/www/wwwroot/a_csite.com/csite_template/www.derucci.com//static/home/css/ny19.css?t=2024-6-25 11:48:33): failed to open stream: No such file or directory in /www/wwwroot/a_csite.com/sincycle.com/coreLibs/base/baseApp.php on line 371
.ny19-main .pin-spacer {
background-color: #000;
}
/* ==================== 内页23 - 板块一 Start ==================== */
.ny19-section0 {
position: relative;
height: 100vh;
}
.ny19-section0 .image {
height: 100vh;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ny19-section0 .text1 {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
color: #fff;
font-family: "HYJunhei-85J";
font-size: 1.168rem;
line-height: 1.2;
margin-bottom: 0.5002rem;
z-index: 9;
visibility: hidden;
}
.ny19-section0 .info {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
z-index: 4;
visibility: hidden;
margin-top: -0.5002rem;
}
.ny19-section0 .info .text2 {
font-size: 0.4333rem;
line-height: 1.2;
opacity: 0.5;
margin-bottom: 0.5002rem;
font-family: "HYJunhei-35J";
}
.ny19-section0 .info .text2:last-child {
margin-bottom: 0;
}
.ny19-section0 .video {
width: 100%;
height: 100vh;
}
.ny19-section0 .video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ny19-section0 .common-pagination {
position: absolute;
bottom: 1.3344rem;
left: 50%;
transform: translateX(-50%);
}
.ny19-section0 .common-pagination .swiper-pagination-bullet {
background-color: #2c2c2c;
}
.ny19-section0 .common-pagination .swiper-pagination {
border-color: rgba(255, 255, 255, 0.1);
background: -webkit-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
background: -o-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
background: -moz-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
background: linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
}
.ny19-section0 .common-pagination .play-btn {
border-color: rgba(255, 255, 255, 0.1);
background: -webkit-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
background: -o-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
background: -moz-linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
background: linear-gradient(146deg, rgba(112, 112, 112, 0.4) 0%, rgba(121, 121, 121, 0.58) 100%);
}
/* ==================== 内页23 - 板块一 End ==================== */
/* ==================== 内页19 - 板块一 Start ==================== */
.ny19-section1 {
position: relative;
max-width: 100%;
overflow: hidden;
height: 100vh;
background-color: #000;
}
.ny19-section1 .video {
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.ny19-section1 .video video {
height: 100%;
display: block;
width: 100%;
object-fit: cover;
}
.ny19-section1 .body1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
visibility: hidden;
}
.ny19-section1 .body1 .text1 {
width: 100%;
font-size: 0.8333rem;
line-height: 1.8;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}
.ny19-section1 .title-group {
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.ny19-section1 .title {
color: #fff;
font-size: 0.7667rem;
line-height: 1.1;
margin-bottom: 0.6534rem;
font-family: "HYJunhei-35J";
opacity: 0.6;
}
/* ==================== 内页19 - 板块一 End ==================== */
/* ==================== 内页19 - 板块二 Start ==================== */
.ny19-section2-1 {
background-color: #000;
position: relative;
z-index: 2;
height: 100vh;
overflow: hidden;
}
.ny19-section2-1 .image {
height: 100%;
}
.ny19-section2-1 .image img {
width: 100%;
display: block;
}
.ny19-section2-1 .video {
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.ny19-section2-1 .video video {
height: 100%;
display: block;
width: 100%;
object-fit: cover;
}
.ny19-section2-1 .body1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: column;
text-align: center;
padding-top: 5.2832rem;
background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0.3));
background: -moz-linear-gradient(to top, #000, rgba(0, 0, 0, 0.3));
background: -o-linear-gradient(to top, #000, rgba(0, 0, 0, 0.3));
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0.3));
}
.ny19-section2-1 .body1 .title2 {
font-size: 1.5002rem;
color: #fff;
font-family: "HYJunhei-85J";
line-height: 1.2;
}
.ny19-section2-1 .body1 .title2 span {
color: transparent;
background: -webkit-linear-gradient(to right, #08E4FB, #01ADE0);
background: -o-linear-gradient(to right, #08E4FB, #01ADE0);
background: -moz-linear-gradient(to right, #08E4FB, #01ADE0);
background: linear-gradient(to right, #08E4FB, #01ADE0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "HYJunhei-85J";
}
/* ==================== 内页19 - 板块二 Start ==================== */
/* ==================== 内页19 - 板块二 Start ==================== */
.ny19-section2 {
height: 100vh;
padding-top: 2.3334rem;
padding-bottom: 2.3334rem;
background-color: #090B15;
animation: ny19-section2-ani 20s linear infinite alternate;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
.ny19-section2 .mxw-box {
width: 25rem;
margin-left: auto;
margin-right: auto;
}
.ny19-section2 .itembox {
display: flex;
align-items: center;
justify-content: space-between;
}
.ny19-section2 .itembox .item {
width: 4rem;
flex-shrink: 0;
}
.ny19-section2 .center {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.ny19-section2 .center .left-image {
width: 4.8333rem;
flex-shrink: 0;
}
.ny19-section2 .center .right-image {
width: 4.3334rem;
flex-shrink: 0;
}
.ny19-section2 .center .center-image {
text-align: center;
}
.ny19-section2 .center .center-image .text1 {
width: 12.3328rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.1667rem;
}
.ny19-section2 .center .center-image .text1 img {
width: 100%;
}
.ny19-section2 .center .center-image .text2 {
font-size: 1rem;
color: #fff;
line-height: 1.1;
font-family: "HYJunhei-85J";
}
.ny19-section2 .center .center-image .text2 p {
font-family: inherit;
}
.ny19-section2 .center .center-image .text2 span {
font-family: inherit;
font-weight: 400;
color: #D9B088;
}
@keyframes ny19-section2-ani {
0% {
background-position-y: 0;
}
100% {
background-position-y: 1000%;
}
}
/* ==================== 内页19 - 板块二 End ==================== */
/* ==================== 内页19 - 板块三 Start ==================== */
.ny19-section3 {
background-color: #000;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.ny19-section3 .ny19-section3-box {
width: 100%;
}
.ny19-section3 .ny19-section3-box .top {
padding-left: 4.5002rem;
}
.ny19-section3 .ny19-section3-box .top .text1 {
font-size: 1rem;
line-height: 1.2;
font-family: "HYJunhei-85J";
margin-bottom: 0.6666rem;
color: #fff;
}
.ny19-section3 .ny19-section3-box .top .text2 {
font-size: 0.2666rem;
color: #86868B;
line-height: 1.8;
}
.ny19-section3 .ny19-section3-box .top .text2 span {
color: #fff;
}
.ny19-section3 .swiper {
overflow: hidden;
min-width: 0;
flex-grow: 1;
padding-bottom: 0.8333rem;
padding-top: 0.5002rem;
padding-left: 1rem;
position: relative;
}
.ny19-section3 .swiper:before {
content: "";
display: block;
width: 2.56rem;
height: 100%;
background: -webkit-linear-gradient(to right, #000 20%, transparent);
background: -o-linear-gradient(to right, #000 20%, transparent);
background: -moz-linear-gradient(to right, #000 20%, transparent);
background: linear-gradient(to right, #000 20%, transparent);
position: absolute;
left: 0;
top: 0;
z-index: 2;
pointer-events: none;
}
.ny19-section3 .ny19-section3-swiper {
width: 100%;
overflow: visible;
}
.ny19-section3 .ny19-section3-swiper .swiper-slide {
width: auto;
width: 3rem;
margin-left: 0.5002rem;
box-shadow: -0.0666rem 0 0.3334rem 0.0166rem rgba(0, 0, 0, 0.6);
-webkit-box-reflect: below 0 linear-gradient(transparent, transparent 80%, rgba(0, 0, 0, 0.2));
}
.ny19-section3 .ny19-section3-swiper .swiper-slide img {
transition: all 0.4s;
}
.ny19-section3 .ny19-section3-swiper .swiper-slide:hover img {
transform: scale(1.1);
}
.ny19-section3 .ny19-section3-swiper .swiper-slide:first-child {
margin-left: 0;
}
.ny19-section3 .ny19-section3-swiper .swiper-slide:nth-child(2n-1) {
margin-top: 2.1667rem;
}
.ny19-section3 .body {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 4.5002rem;
overflow: hidden;
width: 100%;
margin-bottom: -0.8333rem;
}
.ny19-section3 .body .title {
padding-top: 2rem;
flex-shrink: 0;
}
.ny19-section3 .body .title .text1 {
font-size: 0.4333rem;
line-height: 1.2;
font-family: "HYJunhei-85J";
color: #FFFFFF;
}
.ny19-section3 .body .title .index-btn {
margin-top: 0.6666rem;
}
/* ==================== 内页19 - 板块三 End ==================== */
/* ==================== 内页19 - 板块四 Start ==================== */
.ny19-section4 {
overflow: hidden;
position: relative;
background-color: #000;
height: 100vh;
}
.ny19-section4 .ny19-section4-box {
height: 100%;
}
.ny19-section4 .bg-image {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.ny19-section4 .bg-color {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ny19-section4 .bg-color div {
width: 100%;
height: 100%;
display: block;
background-color: #000;
}
.ny19-section4 .text1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
line-height: 1.2;
font-family: "HYJunhei-85J";
z-index: 3;
font-size: 1.5002rem;
width: 100%;
text-align: center;
}
.ny19-section4 .text1 span {
color: transparent;
background: -webkit-linear-gradient(to right, #08E4FB, #01ADE0);
background: -o-linear-gradient(to right, #08E4FB, #01ADE0);
background: -moz-linear-gradient(to right, #08E4FB, #01ADE0);
background: linear-gradient(to right, #08E4FB, #01ADE0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "HYJunhei-85J";
}
.ny19-section4 .desc {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
z-index: 3;
text-align: center;
}
.ny19-section4 .text2 {
font-size: 0.6666rem;
color: #FFFFFF;
line-height: 1.1;
margin-bottom: 0.3334rem;
font-family: "HYJunhei-85J";
text-align: center;
}
.ny19-section4 .text3 {
font-size: 0.4333rem;
color: #8A8A8A;
line-height: 1.8;
text-align: center;
}
.ny19-section4 .text3 span {
color: #fff;
font-family: "HYQiHei_40S";
}
/* ==================== 内页19 - 板块四 End ==================== */
/* ==================== 内页19 - 板块五 Start ==================== */
.ny19-section5 {
overflow: hidden;
background-color: #000;
height: 100vh;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
z-index: 3;
}
.ny19-section5 .ny19-section5-box {
width: 100%;
}
.ny19-section5 .ny19-section5-swiper {
width: 17.6666rem;
flex-shrink: 0;
overflow: visible;
margin-left: 4.8rem;
margin-right: auto;
}
.ny19-section5 .ny19-section5-swiper .swiper-slide:first-child {
position: relative;
z-index: 3;
}
.ny19-section5 .ny19-section5-swiper .swiper-slide:first-child .item {
padding-left: 0;
}
.ny19-section5 .item {
padding-left: 1.6666rem;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.ny19-section5 .item .image {
width: 12rem;
flex-shrink: 0;
height: 7rem;
}
.ny19-section5 .item .image video {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
}
.ny19-section5 .item .info {
margin-right: 0.3334rem;
min-width: 0;
flex-grow: 1;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: center;
}
.ny19-section5 .item .icon {
width: 1rem;
display: block;
margin-bottom: 0.3334rem;
}
.ny19-section5 .item .text1 {
font-size: 0.4333rem;
line-height: 1.1;
color: #fff;
margin-bottom: 0.2499rem;
}
.ny19-section5 .item .text2 {
font-size: 0.3002rem;
color: #8A8A8A;
line-height: 1.4;
}
/* ==================== 内页19 - 板块五 End ==================== */
/* ==================== 内页19 - 板块六 Start ==================== */
.ny19-section6-bg-video {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
left: 0;
margin-top: -100vh;
}
.ny19-section6-bg-video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ny19-section6 {
position: relative;
height: 8.5667rem;
display: flex;
align-items: center;
justify-content: center;
}
.ny19-section6 .info {
width: 100%;
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
position: relative;
z-index: 2;
}
.ny19-section6 .text1 {
font-size: 1rem;
line-height: 1;
margin-bottom: 0.3334rem;
font-family: "HYJunhei-85J";
}
.ny19-section6 .text2 {
font-size: 0.4333rem;
line-height: 1;
margin-bottom: 0.6666rem;
}
.ny19-section6 .text3 {
font-size: 0.4333rem;
line-height: 1;
margin-bottom: 0.5834rem;
}
.ny19-section6 .more-btn {
font-size: 0.3334rem;
line-height: 1.1;
padding: 0.1667rem 0.3334rem;
border: 0.0166rem solid;
border-radius: 1.6666rem;
color: #fff;
transition: all 0.4s;
}
.ny19-section6 .more-btn:hover {
color: #000;
background-color: #fff;
}
/* ==================== 内页19 - 板块六 End ==================== */
/* ==================== 内页19 - 板块七 Start ==================== */
.ny19-section7 {
position: relative;
background-color: #000;
background-size: cover;
background-position: center;
}
.ny19-section7 .max-body {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding-left: 6.3002rem;
}
.ny19-section7 .body {
height: 100%;
padding-top: 0.6666rem;
padding-bottom: 0.6666rem;
position: relative;
background-clip: text;
-webkit-background-clip: text;
background: -webkit-linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%);
background: -o-linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%);
background: -moz-linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%);
background-image: linear-gradient(to top, transparent 10%, #fff 18%, #fff 83%, transparent 92%);
background-size: 100% 120%;
background-position: 0 40%;
background-repeat: no-repeat;
}
.ny19-section7 .body::-webkit-scrollbar {
width: 0.0666rem;
background: #ececec;
border-radius: 1.6666rem;
}
.ny19-section7 .body::-webkit-scrollbar-thumb {
border-radius: 1.6666rem;
background: #333;
cursor: pointer;
}
.ny19-section7 .swiper {
color: #fff;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.ny19-section7 .swiper .text1,
.ny19-section7 .swiper .text2,
.ny19-section7 .swiper .text3,
.ny19-section7 .swiper .text4 {
-webkit-background-clip: text;
background-repeat: no-repeat;
color: transparent !important;
}
.ny19-section7 .swiper .text1 *,
.ny19-section7 .swiper .text2 *,
.ny19-section7 .swiper .text3 *,
.ny19-section7 .swiper .text4 * {
-webkit-background-clip: text;
background-repeat: no-repeat;
color: transparent !important;
}
.ny19-section7 .swiper .ny19-section7-swiper {
margin-left: 0;
margin-right: 0;
margin-right: 4rem;
}
.ny19-section7 .swiper .text1 {
font-size: 1rem;
font-family: "HYJunhei-85J";
line-height: 1.1;
margin-bottom: 1rem;
margin-top: 10%;
}
.ny19-section7 .swiper .text1 strong {
color: #D9B088;
font-family: inherit;
}
.ny19-section7 .swiper .text2 {
font-size: 0.4333rem;
line-height: 1;
margin-bottom: 0.4166rem;
}
.ny19-section7 .swiper .text3 {
color: #8A8A8A;
font-size: 0.3334rem;
line-height: 1.6;
font-family: "HYJunhei-65J";
}
.ny19-section7 .swiper .text3 p {
font-family: inherit;
}
.ny19-section7 .swiper .text3 strong {
font-family: inherit;
font-weight: 400;
color: #fff;
}
.ny19-section7 .swiper .item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
font-size: 0.3334rem;
line-height: 1.7;
}
.ny19-section7 .swiper .item .item-text1 {
flex-shrink: 0;
color: #8A8A8A;
}
.ny19-section7 .swiper .item .item-text2 {
color: #fff;
}
.ny19-section7 .ny19-section7-swiper {
width: 9.1667rem;
flex-shrink: 0;
margin-right: 3.3334rem;
height: 8.3334rem;
}
.ny19-section7 .right-body {
width: 6.8333rem;
height: 8.4rem;
position: relative;
background-size: 100%;
background-repeat: no-repeat;
padding-top: 0.3334rem;
z-index: 2;
}
.ny19-section7 .right-body .audio {
display: none;
}
.ny19-section7 .right-body.active .play {
background-image: url('../images/ny19/img514@34x34.png');
}
.ny19-section7 .right-body.active .img2-group {
animation-play-state: running;
}
.ny19-section7 .right-body.active .img3 {
transform: rotate(0deg);
}
.ny19-section7 .right-body .img1 {
width: 6.6666rem;
}
.ny19-section7 .right-body .img2-group {
width: 6.5002rem;
margin-left: auto;
margin-right: auto;
animation: ny19-section7-ani 10s linear infinite;
animation-play-state: paused;
position: relative;
}
.ny19-section7 .right-body .img2-group .img2-item img {
width: 100%;
}
.ny19-section7 .right-body .img2-group .img2-item:first-child ~ .img2-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}
.ny19-section7 .right-body .img3 {
position: absolute;
right: 0;
top: -0.5002rem;
width: 2.6666rem;
transform-origin: right 0.8333rem;
transition: all 1s;
transform: rotate(-12deg);
}
.ny19-section7 .right-body .control {
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 0.3334rem;
padding-right: 0.5002rem;
}
.ny19-section7 .right-body .prev,
.ny19-section7 .right-body .play,
.ny19-section7 .right-body .next {
width: 0.5667rem;
height: 0.5667rem;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
margin-right: 0.2666rem;
cursor: pointer;
transition: all 0.4s;
}
.ny19-section7 .right-body .prev.swiper-button-disabled,
.ny19-section7 .right-body .play.swiper-button-disabled,
.ny19-section7 .right-body .next.swiper-button-disabled {
opacity: 0.3;
}
.ny19-section7 .right-body .prev:hover,
.ny19-section7 .right-body .play:hover,
.ny19-section7 .right-body .next:hover {
transform: scale(1.1);
}
.ny19-section7 .right-body .prev {
background-image: url('../images/ny19/img515@34x34.png');
}
.ny19-section7 .right-body .next {
margin-right: 0.1667rem;
background-image: url('../images/ny19/img516@34x34.png');
}
.ny19-section7 .right-body .play {
background-image: url('../images/ny19/img513@34x34.png');
}
.ny19-section7 .right-body .tool {
display: flex;
align-items: center;
justify-content: flex-start;
min-width: 0;
flex-grow: 1;
}
.ny19-section7 .right-body .before-time,
.ny19-section7 .right-body .after-time {
font-size: 0.1667rem;
font-family: "HYQiHei_40S";
flex-shrink: 0;
white-space: nowrap;
}
.ny19-section7 .right-body .timeline {
position: relative;
min-width: 0;
flex-grow: 1;
background-color: rgba(255, 255, 255, 0.1);
margin-left: 0.2666rem;
margin-right: 0.2666rem;
height: 0.0666rem;
border-radius: 1.6666rem;
}
.ny19-section7 .right-body .timeline .line {
background-color: #D9B088;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
border-radius: 1.6666rem;
}
.ny19-section7 .right-body .timeline .line-btn {
display: block;
width: 0.1334rem;
height: 0.1334rem;
border-radius: 100%;
position: absolute;
left: 0.0333rem;
top: 50%;
transform: translateY(-50%);
background-color: #B28B64;
cursor: pointer;
}
@keyframes ny19-section7-ani {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* ==================== 内页19 - 板块七 End ==================== */
/* ==================== 内页19 - 板块八 Start ==================== */
.ny19-section8 {
background-color: #000;
position: relative;
z-index: 2;
height: 100vh;
overflow: hidden;
}
.ny19-section8 .bg-video {
width: 100%;
height: 100%;
display: block;
}
.ny19-section8 .bg-video video {
display: block;
width: 100%;
object-fit: cover;
height: 100%;
}
.ny19-section8 .body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.ny19-section8 .body .bg-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
background: radial-gradient(circle at center, transparent, #000 100%);
}
.ny19-section8 .body .info {
width: 100%;
text-align: center;
}
.ny19-section8 .body .title {
font-size: 1rem;
color: #FFFFFF;
line-height: 1.1;
font-family: "HYJunhei-85J";
}
.ny19-section8 .body .desc {
color: #CBCED3;
font-size: 0.4333rem;
line-height: 1.4;
margin-top: 0.3334rem;
}
.ny19-section8 .btn-group {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.8333rem;
}
.ny19-section8 .btn-group .index-btn2 {
margin-right: 0.7501rem;
}
.ny19-section8-popup video {
display: block;
width: 100%;
border-radius: 0.1667rem;
overflow: hidden;
}
.ny19-section8-popup h1,
.ny19-section8-popup h2 {
font-weight: 300;
}
/* ==================== 内页19 - 板块八 End ==================== */
/* ==================== 内页19 - 板块九 Start ==================== */
.ny19-section9 {
background-color: #000;
position: relative;
z-index: 2;
height: 100vh;
}
.ny19-section9 .ny19-section9-box {
position: relative;
z-index: 2;
height: 100%;
background-color: #000;
}
.ny19-section9 .max-body {
height: 100%;
}
.ny19-section9 .info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
display: flex;
align-items: center;
}
.ny19-section9 .title-group {
width: 100%;
font-size: 1rem;
height: 4em;
color: #fff;
}
.ny19-section9 .title-group p {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
padding-left: 4.8rem;
display: block;
font-size: 1rem;
line-height: 1.4;
font-family: "HYJunhei-85J";
background-repeat: no-repeat;
opacity: 0;
}
.ny19-section9 .item {
top: 0;
left: 0;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
}
.ny19-section9 .item1 {
width: 2.4166rem;
height: 2.4166rem;
top: 3.5002rem;
left: 4rem;
}
.ny19-section9 .item2 {
width: 1.6666rem;
height: 1.6666rem;
top: 0.4166rem;
left: 11.1667rem;
}
.ny19-section9 .item3 {
width: 2.3334rem;
height: 2.3334rem;
top: 0.8rem;
left: 13.5002rem;
}
.ny19-section9 .item4 {
width: 0.8333rem;
height: 0.8333rem;
top: 2.1002rem;
left: 12.3834rem;
}
.ny19-section9 .item5 {
width: 1.2666rem;
height: 1.2666rem;
top: 3.9334rem;
left: 12.2499rem;
}
.ny19-section9 .item6 {
width: 1.2666rem;
height: 1.2666rem;
top: 3.9334rem;
left: 13.6499rem;
}
.ny19-section9 .item7 {
width: 2.3334rem;
height: 2.3334rem;
top: 3.1667rem;
left: 16rem;
}
.ny19-section9 .item8 {
width: 4.8333rem;
height: 4.8333rem;
top: 3.1168rem;
left: 18.5002rem;
}
.ny19-section9 .item9 {
width: 2.3168rem;
height: 2.3168rem;
top: 3.1168rem;
left: 23.5334rem;
}
.ny19-section9 .item10 {
width: 0.8333rem;
height: 0.8333rem;
top: 3.4666rem;
left: 26.1667rem;
}
.ny19-section9 .item11 {
width: 1.9168rem;
height: 1.9168rem;
top: 3.1168rem;
left: 27.5334rem;
}
.ny19-section9 .item12 {
width: 0.8333rem;
height: 0.8333rem;
top: 4.6166rem;
left: 26.1667rem;
}
.ny19-section9 .item13 {
width: 1.6666rem;
height: 1.6666rem;
top: 6.3002rem;
left: 5.7002rem;
}
.ny19-section9 .item14 {
width: 1.0832rem;
height: 1.0832rem;
top: 5.0333rem;
left: 14.9168rem;
}
.ny19-section9 .item15 {
width: 1.2666rem;
height: 1.2666rem;
top: 6.1168rem;
left: 13.6499rem;
}
.ny19-section9 .item16 {
width: 2.3168rem;
height: 2.3667rem;
top: 5.6166rem;
left: 16.0166rem;
}
.ny19-section9 .item17 {
width: 2.3168rem;
height: 2.3168rem;
top: 5.6666rem;
left: 23.5334rem;
}
.ny19-section9 .item18 {
width: 2.3168rem;
height: 2.3168rem;
top: 8.1501rem;
left: 10.5667rem;
}
.ny19-section9 .item19 {
width: 2.3168rem;
height: 2.3168rem;
top: 8.1667rem;
left: 13.4499rem;
}
.ny19-section9 .item20 {
width: 2.3168rem;
height: 2.3168rem;
top: 8.1667rem;
left: 18.5002rem;
}
.ny19-section9 .item21 {
width: 2.3168rem;
height: 2.3168rem;
top: 8.1667rem;
left: 21rem;
}
.ny19-section9 .item22 {
width: 2.3168rem;
height: 2.3168rem;
top: 8.1667rem;
left: 23.5334rem;
}
.ny19-section9 .item23 {
width: 3.8832rem;
height: 3.8832rem;
top: 6.5334rem;
left: 26.1168rem;
}
.ny19-section9 .item24 {
width: 2.3168rem;
height: 2.3168rem;
top: 11.0499rem;
left: 8.1667rem;
}
.ny19-section9 .item25 {
width: 2.3168rem;
height: 2.3168rem;
top: 12.3002rem;
left: 10.5002rem;
}
.ny19-section9 .item26 {
width: 4.6666rem;
height: 4.6666rem;
top: 10.7834rem;
left: 13.4499rem;
}
.ny19-section9 .item27 {
width: 2.3168rem;
height: 2.3168rem;
top: 10.6333rem;
left: 18.5002rem;
}
.ny19-section9 .item28 {
width: 3.6666rem;
height: 3.5834rem;
top: 10.6333rem;
left: 20.9834rem;
}
.ny19-section9 .item29 {
width: 0.8333rem;
height: 0.8333rem;
top: 10.6333rem;
left: 24.8333rem;
}
.ny19-section9 .item30 {
width: 0.8333rem;
height: 0.8333rem;
top: 10.6333rem;
left: 25.7667rem;
}
.ny19-section9 .item31 {
width: 0.8333rem;
height: 0.8333rem;
top: 11.5002rem;
left: 24.8333rem;
}
.ny19-section9 .item32 {
width: 0.8333rem;
height: 0.8333rem;
top: 11.5002rem;
left: 25.7667rem;
}
.ny19-section9 .item33 {
width: 1.6666rem;
height: 1.6666rem;
top: 10.6333rem;
left: 26.8333rem;
}
.ny19-section9 .item34 {
width: 2.3334rem;
height: 2.3334rem;
top: 10.6333rem;
left: 29rem;
}
.ny19-section9 .item35 {
width: 1.6666rem;
height: 1.6666rem;
top: 13.1667rem;
left: 25.8333rem;
}
.ny19-section9 .item36 {
width: 1.7002rem;
height: 1.7002rem;
top: 1.1168rem;
right: 8.6666rem;
left: auto;
}
.ny19-section9 .item37 {
width: 0.8832rem;
height: 0.8832rem;
top: 2.1168rem;
right: 7.5002rem;
left: auto;
}
/* ==================== 内页19 - 板块九 End ==================== */
/* ==================== 内页19 - 板块十 Start ==================== */
.ny19-section10 {
padding-top: 2.6666rem;
height: 100vh;
background-size: cover;
background-position: center;
}
.ny19-section10 .title {
font-size: 1rem;
color: #ffffff;
padding-left: 4.7834rem;
line-height: 1.2;
font-family: "HYJunhei-85J";
}
.ny19-section10 svg {
display: block;
width: 48.1501rem;
height: 9.6333rem;
}
.ny19-section10 .swiper {
overflow: hidden;
position: relative;
margin-top: -2.3334rem;
}
.ny19-section10 .swiper .swiper-box {
position: relative;
padding-left: 2.3334rem;
padding-bottom: 2.0666rem;
}
.ny19-section10 .swiper .ny19-section10-swiper {
overflow: visible;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ny19-section10 .swiper .ny19-section10-swiper .swiper-wrapper {
width: 48.1501rem;
}
.ny19-section10 .swiper .swiper-slide {
width: auto;
height: auto;
position: absolute;
}
.ny19-section10 .swiper .swiper-slide:nth-child(2n-1) .item::before {
display: none;
}
.ny19-section10 .swiper .swiper-slide:nth-child(2n) .item::after {
display: none;
}
.ny19-section10 .swiper .swiper-slide:nth-child(1) {
left: 2rem;
bottom: 2.1094rem;
}
.ny19-section10 .swiper .swiper-slide:nth-child(2) {
left: 7.8333rem;
bottom: 0.312rem;
}
.ny19-section10 .swiper .swiper-slide:nth-child(3) {
left: 14rem;
bottom: 4.2426rem;
}
.ny19-section10 .swiper .swiper-slide:nth-child(4) {
left: 19.5002rem;
bottom: 2.7581rem;
}
.ny19-section10 .swiper .swiper-slide:nth-child(5) {
left: 24.8333rem;
bottom: 6.5286rem;
}
.ny19-section10 .swiper .swiper-slide:nth-child(6) {
left: 30.8333rem;
bottom: 6.0387rem;
}
.ny19-section10 .swiper .swiper-slide:nth-child(7) {
left: 37.5002rem;
bottom: 8.448rem;
}
.ny19-section10 .swiper .swiper-slide:nth-child(8) {
left: 44.2307rem;
bottom: 8.736rem;
}
.ny19-section10 .swiper .item:before,
.ny19-section10 .swiper .item:after {
content: "";
display: block;
width: 0.8333rem;
height: 0.8333rem;
background: url(../images/ny19/img691@50x50.png) no-repeat center;
background-size: 100%;
}
.ny19-section10 .swiper .item:before {
margin-left: 0.1667rem;
margin-bottom: 0.5002rem;
}
.ny19-section10 .swiper .item:after {
margin-left: 0.1094rem;
margin-top: 0.5002rem;
}
.ny19-section10 .swiper .item .text1 {
font-size: 0.4333rem;
color: #ffffff;
line-height: 1;
display: table;
color: transparent;
background: -webkit-linear-gradient(to right, #09f3fb, #0087fd);
background: -o-linear-gradient(to right, #09f3fb, #0087fd);
background: -moz-linear-gradient(to right, #09f3fb, #0087fd);
background: linear-gradient(to right, #09f3fb, #0087fd);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "HYJunhei-85J";
}
.ny19-section10 .swiper .item .text2 {
margin-top: 0.0832rem;
font-size: 0.3002rem;
color: #ffffff;
}
/* ==================== 内页19 - 板块十 End ==================== */
/* ==================== 内页19 - 板块十一 Start ==================== */
.ny19-section11 {
background-color: #000;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
height: 100vh;
width: 100%;
}
.ny19-section11 .body {
background-color: rgba(0, 0, 0, 0.4);
position: relative;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.ny19-section11 .video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ny19-section11 .video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ny19-section11 .text1 {
font-size: 1rem;
line-height: 1.2;
margin-bottom: 0.5002rem;
text-align: center;
color: #FFFFFF;
font-family: "HYJunhei-85J";
position: relative;
z-index: 3;
}
.ny19-section11 .text2 {
font-size: 0.3002rem;
color: #FFFFFF;
line-height: 1.6;
text-align: center;
opacity: 0.8;
position: relative;
z-index: 3;
}
.ny19-section11 .itembox {
margin-top: 1rem;
display: flex;
align-items: stretch;
justify-content: center;
position: relative;
z-index: 3;
}
.ny19-section11 .item {
margin-right: 3.3334rem;
}
.ny19-section11 .item:last-child {
margin-right: 0;
}
.ny19-section11 .item .icon {
width: 1rem;
display: block;
margin-left: auto;
margin-right: auto;
}
.ny19-section11 .item .text {
margin-top: 0.3334rem;
font-size: 0.3334rem;
line-height: 1.1;
text-align: center;
color: #fff;
}
/* ==================== 内页19 - 板块十一 End ==================== */
/* ==================== 内页19 - 板块十二 Start ==================== */
.ny19-section12 {
position: relative;
height: 100vh;
}
.ny19-section12 .body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: rgba(0, 0, 0, 0.4);
}
.ny19-section12 .video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ny19-section12 .video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ny19-section12 .info .text1 {
font-size: 1.5002rem;
color: #FFFFFF;
font-family: "HYJunhei-85J";
line-height: 1.2;
}
.ny19-section12 .info .text1 span {
color: transparent;
background: -webkit-linear-gradient(to right, #09f3fb, #0087fd);
background: -o-linear-gradient(to right, #09f3fb, #0087fd);
background: -moz-linear-gradient(to right, #09f3fb, #0087fd);
background: linear-gradient(to right, #09f3fb, #0087fd);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "HYJunhei-85J";
}
.ny19-section12 .info .text2 {
font-size: 0.3002rem;
color: #FFFFFF;
margin-top: 0.5002rem;
line-height: 1.6;
opacity: 0.8;
}
.ny19-section12 .info .index-btn {
margin-top: 1rem;
}
.ny19-section12 .title-group {
text-align: center;
}
.ny19-section12 .title-group p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
font-size: 0.7667rem;
color: #fff;
line-height: 1.2;
display: none;
}
.ny19-section12 .title-group p strong {
font-weight: 400;
font-family: "HYJunhei-85J";
}
/* ==================== 内页19 - 板块十二 End ==================== */
/* ==================== 内页19 - 板块十三 Start ==================== */
.ny19-section13 {
height: 100vh;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
text-align: center;
}
.ny19-section13 .text1 {
font-size: 1.5002rem;
line-height: 1.2;
font-family: "HYJunhei-85J";
color: #FFFFFF;
}
.ny19-section13 .text1 span {
color: transparent;
background: -webkit-linear-gradient(to right, #09f3fb, #0087fd);
background: -o-linear-gradient(to right, #09f3fb, #0087fd);
background: -moz-linear-gradient(to right, #09f3fb, #0087fd);
background: linear-gradient(to right, #09f3fb, #0087fd);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "HYJunhei-85J";
}
.ny19-section13 .text2 {
margin-top: 0.6666rem;
font-size: 0.3002rem;
color: #FFFFFF;
line-height: 1.4;
opacity: 0.6;
}
/* ==================== 内页19 - 板块十三 End ==================== */
/* ==================== 内页19 - 板块 Start ==================== */
.ny19-section10-11-12-swiper {
position: relative;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #000;
}
/* ==================== 内页19 - 板块 End ==================== */