Warning: file_get_contents(/www/wwwroot/a_csite.com/csite_template/www.derucci.com//static/home/css/ny1.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
/* ==================== 内页1 - 整体 Start ==================== */
.ny1-main {
max-width: 100% !important;
}
.ny1-main .pin-spacer {
background-color: #fff;
}
/* ==================== 内页1 - 整体 End ==================== */
/* ==================== 内页1 - 通用播放按钮 Start ==================== */
.ny1-btn {
display: flex;
align-items: center;
justify-content: flex-start;
height: 0.4666rem;
line-height: 0.4666rem;
font-size: 0.3334rem;
color: #0071E3;
z-index: 3;
font-family: "HYJunhei-65J";
cursor: pointer;
}
.ny1-btn.white {
color: #fff;
}
.ny1-btn img {
width: 0.4666rem;
margin-left: 0.1667rem;
}
/* ==================== 内页1 - 通用播放按钮 End ==================== */
/* ==================== 内页1 - 板块一 Start ==================== */
.ny1-section1 {
height: 49.74vw !important;
position: relative;
z-index: 2;
background-color: #000;
}
.ny1-section1 .ny1-section1-swiper {
height: 100%;
}
.ny1-section1 .video {
width: 100%;
height: 100%;
}
.ny1-section1 .video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
}
.ny1-section1 .ny1-btn {
position: absolute;
bottom: 1.5002rem;
right: 1.9002rem;
}
.ny1-popup .video {
padding: 0.5002rem 0.8333rem;
display: block;
width: 100%;
}
.ny1-popup .video video {
display: block;
width: 100%;
}
/* ==================== 内页1 - 板块一 End ==================== */
/* ==================== 内页1 - 板块二 Start ==================== */
.ny1-1-section2 {
overflow: hidden;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #000;
position: relative;
z-index: 2;
background: radial-gradient(circle, #1C2730, #000);
}
.ny1-1-section2 .ny1-1-section2-box {
width: 100%;
}
.ny1-1-section2 .max-body {
overflow: hidden;
}
.ny1-1-section2 .body {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.ny1-1-section2 .left-body {
display: flex;
align-items: center;
justify-content: flex-start;
width: 32rem;
flex-shrink: 0;
}
.ny1-1-section2 .body1 {
width: 50%;
flex-shrink: 0;
padding-left: 4.5002rem;
}
.ny1-1-section2 .body1 .btn-group {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0.5002rem;
}
.ny1-1-section2 .body1 .btn-group .index-btn {
margin-right: 0.5002rem;
}
.ny1-1-section2 .body1 .btn-group .index-btn:hover {
color: #0071E3;
}
.ny1-1-section2 .body1 .text2 {
font-size: 1rem;
line-height: 1.2;
font-family: "HYJunhei-85J";
color: #fff;
}
.ny1-1-section2 .body2 {
width: 50%;
}
.ny1-1-section2 .body2 .video {
display: block;
width: 13.5002rem;
height: 10rem;
}
.ny1-1-section2 .body2 video {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
}
.ny1-1-section2 .body3 {
flex-shrink: 0;
width: 50%;
}
.ny1-1-section2 .body3 .itembox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ny1-1-section2 .body3 .item {
width: 7.2666rem;
color: #fff;
}
.ny1-1-section2 .body3 .item:nth-child(2) ~ .item {
margin-top: 1rem;
}
.ny1-1-section2 .body3 .item .text1 {
font-size: 0.6rem;
color: #FFFFFF;
line-height: 1.1;
margin-bottom: 0.1667rem;
font-family: "HYJunhei-85J";
}
.ny1-1-section2 .body3 .item .text2 {
font-size: 0.3002rem;
color: #A0A0A0;
line-height: 1.8;
font-family: "HYJunhei-65J";
text-align: justify;
}
/* ==================== 内页1 - 板块二 End ==================== */
/* ==================== 内页1-1 - 板块三 Start ==================== */
.ny1-1-section3 {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
overflow: hidden;
position: relative;
z-index: 2;
}
.ny1-1-section3 .ny1-1-section3-box {
width: 100%;
}
.ny1-1-section3 .ny1-1-section3-swiper > .swiper-wrapper > .swiper-slide {
height: auto;
}
.ny1-1-section3 .body1 .body-box {
width: 23rem;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.ny1-1-section3 .body1 .video {
width: 15.3334rem;
height: 9rem;
flex-shrink: 0;
position: relative;
}
.ny1-1-section3 .body1 .video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ny1-1-section3 .body1 .video .ny1-1-btn {
position: absolute;
right: 0.6666rem;
bottom: 0.6666rem;
z-index: 2;
}
.ny1-1-section3 .body1 .info {
min-width: 0;
flex-grow: 1;
padding-left: 2rem;
}
.ny1-1-section3 .body1 .info .text1 {
font-size: 1rem;
color: #000000;
line-height: 1.2;
font-family: "HYJunhei-85J";
}
.ny1-1-section3 .body1 .info .text2 {
margin-top: 0.8333rem;
font-size: 0.3334rem;
color: #000000;
line-height: 1.8;
}
.ny1-1-section3 .body1 .info .qr {
width: 2.5002rem;
margin-top: 0.6666rem;
}
.ny1-1-section3 .body1 .info .qr .qr-img {
width: 2.5002rem;
display: block;
}
.ny1-1-section3 .body1 .info .qr .qr-img img {
width: 100%;
}
.ny1-1-section3 .body1 .info .qr .text {
text-align: center;
font-size: 0.3334rem;
color: rgba(0, 0, 0, 0.8);
margin-top: 0.1667rem;
}
.ny1-1-section3 .line {
width: 4.8333rem;
height: 0.0333rem;
background-color: #D9D9D9;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 1.1667rem;
}
.ny1-1-section3 .line span {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #000;
}
.ny1-1-section3 .body2 {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.ny1-1-section3 .body2 .body-box {
margin-left: auto;
margin-right: auto;
}
.ny1-1-section3 .body2 .itembox {
display: flex;
flex-wrap: wrap;
}
.ny1-1-section3 .body2 .itembox1 {
display: flex;
justify-content: center;
margin-bottom: 2.1667rem;
}
.ny1-1-section3 .body2 .itembox1 .item {
margin-right: 1.6666rem;
}
.ny1-1-section3 .body2 .itembox1 .item:last-child {
margin-right: 0;
}
.ny1-1-section3 .body2 .itembox2 {
display: flex;
justify-content: center;
}
.ny1-1-section3 .body2 .itembox2 .item {
margin-right: 1.4166rem;
}
.ny1-1-section3 .body2 .itembox2 .item:last-child {
margin-right: 0;
}
.ny1-1-section3 .body2 .item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.ny1-1-section3 .body2 .item:last-child {
padding-right: 0;
}
.ny1-1-section3 .body2 .item .icon {
width: 1rem;
margin-right: 0.1667rem;
flex-shrink: 0;
}
.ny1-1-section3 .body2 .item .info {
min-width: 0;
flex-grow: 1;
}
.ny1-1-section3 .body2 .item .info .text1 {
font-size: 0.4rem;
line-height: 1;
color: #000000;
font-family: "HYJunhei-85J";
margin-bottom: 0.2333rem;
}
.ny1-1-section3 .body2 .item .info .text2 {
font-size: 0.3334rem;
color: #666666;
line-height: 1.6;
}
/* ==================== 内页1-1 - 板块三 End ==================== */
/* ==================== 内页1-1 - 板块四 Start ==================== */
.ny1-1-section4 {
overflow: hidden;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
.ny1-1-section4 .ny1-1-section4-box {
width: 100%;
}
.ny1-1-section4 .body .title {
text-align: center;
margin-bottom: 0.5002rem;
position: relative;
z-index: 4;
}
.ny1-1-section4 .body .title .text1 {
font-size: 1.3334rem;
color: #000000;
line-height: 1;
font-family: "HYJunhei-85J";
margin-bottom: 0.3334rem;
}
.ny1-1-section4 .body .title .text2 {
font-size: 0.5334rem;
color: #000000;
line-height: 1.2;
}
.ny1-1-section4 .phone {
width: 18.3334rem;
height: 8.6666rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.ny1-1-section4 .phone .ny1-1-section4-swiper {
z-index: 2;
position: absolute;
top: 5%;
left: 2.5%;
width: 94%;
height: 88%;
border-radius: 0.6666rem;
}
.ny1-1-section4 .phone .image {
width: 100%;
height: 100%;
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ny1-1-section4 .phone .ny1-1-section4-swiper .swiper-pagination {
position: absolute;
bottom: 20px;
left: 0;
z-index: 3;
}
.ny1-1-section4 .phone .ny1-1-section4-swiper .swiper-pagination .swiper-pagination-bullet {
background-color: #fff;
}
.ny1-1-section4 .phone .ny1-1-section4-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #0071E3;
}
.ny1-1-section4 .phone .bg-image {
position: relative;
z-index: 1;
}
.ny1-1-section4 .phone .bg-image img {
width: 100%;
}
/* ==================== 内页1-1 - 板块四 End ==================== */
/* ==================== 内页1 - 板块五 Start ==================== */
.ny1-section5 {
padding-left: 1.6666rem;
padding-right: 1.6666rem;
background-color: #F4F4F4;
position: relative;
z-index: 2;
overflow: hidden;
padding-top: 2.6666rem;
padding-bottom: 2.6666rem;
}
.ny1-section5 .ny1-section5-box {
width: 100%;
max-width: 32rem;
margin-left: auto;
margin-right: auto;
}
.ny1-section5 .title {
margin-bottom: 1.3334rem;
}
.ny1-section5 .title.white {
color: #fff;
}
.ny1-section5 .title.white .text2 {
color: #fff;
}
.ny1-section5 .title .text1 {
font-size: 1.1667rem;
font-family: "HYJunhei-85J";
line-height: 1.1;
text-align: center;
}
.ny1-section5 .title .text2 {
font-size: 0.5002rem;
color: #86868A;
line-height: 1.2;
margin-top: 0.6666rem;
}
.ny1-section5 .itembox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 23.6666rem;
margin-left: auto;
margin-right: auto;
}
.ny1-section5 .item {
text-align: center;
width: 3.6666rem;
flex-wrap: wrap;
}
.ny1-section5 .item .text {
color: #1D1D1F;
font-size: 0.5002rem;
margin-top: 0.4333rem;
font-family: HYJunhei-65J;
}
.ny1-section5 .itembox2 {
margin-top: 1.6666rem;
width: 21.3334rem;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.ny1-section5 .itembox2 .item2 {
width: 49%;
background-color: #fff;
padding-top: 0.8333rem;
padding-bottom: 0.8333rem;
text-align: center;
border-radius: 0.1344rem;
display: block;
transition: all 0.4s;
}
.ny1-section5 .itembox2 .item2:hover {
transform: translateY(-0.1667rem);
}
.ny1-section5 .itembox2 .item2 .icon {
margin-left: auto;
margin-right: auto;
width: 1.0333rem;
}
.ny1-section5 .itembox2 .item2 .text {
margin-top: 0.5002rem;
font-size: 0.4rem;
color: #0071E3;
line-height: 1.1;
font-family: "HYJunhei-65J";
}
/* ==================== 内页1 - 板块五 End ==================== */
/* ==================== 内页1-1 - 板块六 Start ==================== */
.ny1-1-section6-bg-video {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
left: 0;
margin-top: -100vh;
overflow: hidden;
max-width: 100%;
}
.ny1-1-section6-bg-video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ny1-1-section6 {
position: relative;
}
.ny1-1-section6 .bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ny1-1-section6 .bg-video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ny1-1-section6 .ny1-1-section6-box {
height: 100vh;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
z-index: 2;
text-align: center;
position: relative;
}
.ny1-1-section6 .ny1-1-section6-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.76) 49%, rgba(0, 0, 0, 0.92) 100%);
z-index: 1;
opacity: 0.6;
}
.ny1-1-section6 .ny1-1-section6-box .text1 {
font-size: 1rem;
color: #FFFFFF;
line-height: 1;
font-family: "HYJunhei-85J";
text-align: center;
position: relative;
z-index: 2;
}
.ny1-1-section6 .ny1-1-section6-box .image {
margin-top: 1rem;
width: 18.3334rem;
margin-left: auto;
margin-right: auto;
}
.ny1-1-section6 .ny1-1-section6-box .image img {
width: 100%;
}
.ny1-1-section6 .ny1-1-section6-box .info {
position: relative;
z-index: 2;
}
.ny1-1-section6 .ny1-1-section6-box .more-btn {
display: table;
margin-left: auto;
margin-right: auto;
margin-top: 0.5002rem;
font-size: 0.4166rem;
color: #FFFFFF;
line-height: 1.1;
padding: 0.2666rem 1.024rem;
border-radius: 3.3334rem;
border: 0.0166rem solid #fff;
position: relative;
z-index: 2;
transition: all 0.4s;
font-family: "HYJunhei-65J";
}
.ny1-1-section6 .ny1-1-section6-box .more-btn:hover {
background-color: #fff;
color: #0071E3;
}
.ny1-1-section6 .video {
width: 100%;
position: relative;
}
.ny1-1-section6 .video .info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
z-index: 3;
}
.ny1-1-section6 .video .info .text-group {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.ny1-1-section6 .video .info .text1 {
font-size: 1.0016rem;
line-height: 1;
margin-bottom: 0.4992rem;
font-family: "HYJunhei-85J";
text-align: center;
}
.ny1-1-section6 .video .info .text1 span {
font-family: "HYJunhei-85J";
font-size: 1.4666rem;
line-height: 1;
}
.ny1-1-section6 .video .info .text2 {
font-size: 0.432rem;
line-height: 1;
}
.ny1-1-section6 .video .info .index-btn {
margin-top: 1.3344rem;
}
.ny1-1-section6 .video .info .index-btn:hover {
color: #0071E3;
}
.ny1-1-section6 .video video {
display: block;
width: 100%;
}
.ny1-1-section6 .index-btn {
margin-top: 0.5002rem;
position: relative;
z-index: 2;
}
.ny1-1-section6 .index-btn:hover {
color: #0071E3;
}
/* ==================== 内页1-1 - 板块六 End ==================== */
/* ==================== 内页1 - 板块七 Start ==================== */
.ny1-section7 {
background-color: #000;
position: relative;
z-index: 2;
overflow: hidden;
}
.ny1-section7 .head {
max-width: 23.5002rem;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 3rem;
padding-bottom: 0.8333rem;
}
.ny1-section7 .head .top {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.ny1-section7 .head .top .text1 {
font-size: 1rem;
color: #FFFFFF;
line-height: 1.1;
font-family: "HYJunhei-85J";
}
.ny1-section7 .head .top .index-btn:hover {
color: #0071E3;
}
.ny1-section7 .head .bottom {
margin-top: 0.3334rem;
font-size: 0.4333rem;
color: #FFFFFF;
}
.ny1-section7 .video {
display: block;
width: 100%;
height: 11.1667rem;
}
.ny1-section7 .video video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* ==================== 内页1 - 板块七 End ==================== */