Warning: file_get_contents(/www/wwwroot/a_csite.com/csite_template/www.derucci.com//static/home/css/ny29.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
.ny29-main .mxw-box {
width: 24rem;
}
/* ==================== 内页29 - 板块一 Start ==================== */
.ny29-section1 {
position: relative;
}
.ny29-section1 .info {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
z-index: 3;
}
.ny29-section1 .info .max-body {
padding-left: 4rem;
}
.ny29-section1 .info .text1 {
font-size: 1rem;
line-height: 1.1;
font-family: "HYJunhei-85J";
}
.ny29-section1 .info .text2 {
margin-top: 0.5rem;
font-size: 0.4333rem;
line-height: 1.1;
}
.ny29-section1 .image img {
width: 100%;
}
/* ==================== 内页29 - 板块一 End ==================== */
/* ==================== 内页29 - 板块二 Start ==================== */
.ny29-section2 {
padding-top: 2.6666rem;
padding-bottom: 3rem;
background-color: #fff;
position: relative;
}
.ny29-section2 .itembox {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
}
.ny29-section2 .item {
width: 32.6666%;
position: relative;
border-radius: 0.1667rem;
overflow: hidden;
transition: all 0.4s;
}
.ny29-section2 .item:nth-child(3n-1) {
margin-left: 1%;
margin-right: 1%;
}
.ny29-section2 .item:nth-child(3) ~ .item {
margin-top: 1%;
}
.ny29-section2 .item:hover {
border-radius: 1rem;
}
.ny29-section2 .item:hover .image img {
transform: scale(1.1);
}
.ny29-section2 .item:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 40%);
background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 40%);
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 40%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 40%);
z-index: 2;
pointer-events: none;
}
.ny29-section2 .item .image {
position: relative;
z-index: 1;
}
.ny29-section2 .item .image img {
transition: all 0.4s;
width: 100%;
}
.ny29-section2 .item .text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0.6666rem;
z-index: 3;
color: #fff;
font-size: 0.4333rem;
line-height: 1.1;
}
/* ==================== 内页29 - 板块二 End ==================== */
/* ==================== 内页29 - 板块三 Start ==================== */
.ny29-section3 {
overflow: hidden;
background-color: #fff;
}
.ny29-section3 .max-body {
height: 100vh;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 4rem;
}
.ny29-section3 .ny29-section3-swiper {
width: 17.5002rem;
display: block;
margin-left: 0;
margin-right: 0;
overflow: visible;
}
.ny29-section3 .ny29-section3-swiper .swiper-slide {
margin-right: 0.6666rem;
}
.ny29-section3 .item {
padding-top: 1.8333rem;
padding-bottom: 1.8333rem;
padding-left: 1.3334rem;
padding-right: 2rem;
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 0.1667rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ny29-section3 .item .info {
margin-right: 0.6666rem;
min-width: 0;
flex-grow: 1;
}
.ny29-section3 .item .info .text1 {
font-size: 0.6rem;
margin-bottom: 0.8333rem;
font-family: "HYJunhei-85J";
line-height: 1.2;
}
.ny29-section3 .item .info .text2 {
color: rgba(0, 0, 0, 0.6);
font-size: 0.2666rem;
line-height: 1.8;
text-align: justify;
}
.ny29-section3 .item .image {
width: 5.1667rem;
flex-shrink: 0;
display: block;
}
.ny29-section3 .item .image img {
width: 100%;
}
/* ==================== 内页29 - 板块三 End ==================== */
/* ==================== 内页29 - 板块四 Start ==================== */
.ny29-section4 {
padding-top: 3.8333rem;
padding-bottom: 4.3334rem;
overflow: hidden;
}
.ny29-section4 .itembox {
padding-left: 2.5002rem;
padding-right: 2.5002rem;
}
.ny29-section4 .item {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 4.1667rem;
}
.ny29-section4 .item:nth-child(2n-1) .info {
margin-right: 3.6666rem;
}
.ny29-section4 .item:nth-child(2n) .info {
order: 2;
margin-left: 3.6666rem;
}
.ny29-section4 .item:last-child {
margin-bottom: 0;
}
.ny29-section4 .item .info {
min-width: 0;
flex-grow: 1;
}
.ny29-section4 .item .info .text1 {
font-family: "HYJunhei-85J";
font-size: 1rem;
color: #000000;
line-height: 1.2;
}
.ny29-section4 .item .info .text2 {
margin-top: 0.6666rem;
color: rgba(0, 0, 0, 0.6);
font-size: 0.4333rem;
line-height: 1.6;
}
.ny29-section4 .item .image {
display: block;
width: 8.5002rem;
}
.ny29-section4 .item .image img {
display: block;
width: 100%;
}
/* ==================== 内页29 - 板块四 End ==================== */
/* ==================== 内页29 - 板块五 Start ==================== */
.ny29-section5 {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.ny29-section5 .body {
width: 24rem;
display: flex;
align-items: center;
justify-content: flex-start;
}
.ny29-section5 .ny29-section5-swiper {
width: 8rem;
position: relative;
overflow: visible;
margin-left: 0;
margin-right: 0;
padding-top: 1.5002rem;
margin-right: 1.5002rem;
}
.ny29-section5 .ny29-section5-swiper .swiper-slide {
transform-origin: left bottom;
}
.ny29-section5 .ny29-section5-swiper .swiper-slide:first-child ~ .swiper-slide {
position: absolute;
width: 100%;
}
.ny29-section5 .ny29-section5-swiper .swiper-slide:first-child ~ .swiper-slide .image .bg {
opacity: 0.8;
}
.ny29-section5 .ny29-section5-swiper .image {
width: 8rem;
border-radius: 0.1667rem;
overflow: hidden;
position: relative;
}
.ny29-section5 .ny29-section5-swiper .image .bg {
position: absolute;
top: 0;
left: 0;
z-index: 3;
background-color: #fff;
width: 100%;
height: 100%;
opacity: 0;
}
.ny29-section5 .ny29-section5-swiper .image img {
width: 100%;
}
.ny29-section5 .itembox {
margin-left: 4.5002rem;
}
.ny29-section5 .item {
position: relative;
padding: 0.5002rem 1.3334rem;
color: rgba(0, 0, 0, 0.2);
line-height: 1.1;
font-size: 0.6666rem;
border-left: 2px solid #B8CAD8;
cursor: pointer;
}
.ny29-section5 .item .line {
content: "";
height: 100%;
width: 2px;
position: absolute;
left: -2px;
top: 0;
z-index: 4;
background-color: #000;
opacity: 0;
}
.ny29-section5 .item.active {
color: #000000;
}
.ny29-section5 .item.active .line {
opacity: 1;
}
/* ==================== 内页29 - 板块五 End ==================== */
/* ==================== 内页29 - 板块六 Start ==================== */
.ny29-section6 {
position: relative;
width: 100%;
}
.ny29-section6 .body1 .itembox {
width: 100%;
height: 24.6666rem;
position: relative;
}
.ny29-section6 .body1 .info {
text-align: center;
position: absolute;
top: 11.9501rem;
left: 50%;
transform: translateX(-50%);
z-index: 9;
}
.ny29-section6 .body1 .info .text1 {
font-family: "HYJunhei-85J";
font-size: 1rem;
line-height: 1.1;
}
.ny29-section6 .body1 .info .text2 {
margin-top: 0.5002rem;
font-size: 0.4333rem;
line-height: 1.4;
text-align: center;
color: rgba(0, 0, 0, 0.6);
}
.ny29-section6 .body1 .item {
display: block;
border-radius: 0.8333rem;
overflow: hidden;
position: absolute;
}
.ny29-section6 .body1 .item img {
width: 100%;
}
.ny29-section6 .body1 .item.item1 {
width: 11rem;
top: 3.1667rem;
right: 6.5002rem;
transform-origin: -10% 240%;
}
.ny29-section6 .body1 .item.item2 {
width: 7.1002rem;
top: 8.6666rem;
right: 2.6666rem;
transform-origin: -210%;
}
.ny29-section6 .body1 .item.item3 {
width: 7.0333rem;
top: 16.6666rem;
left: 11.1667rem;
transform-origin: 80% -150%;
}
.ny29-section6 .body1 .item.item4 {
width: 8.0666rem;
left: 5.6666rem;
top: 17.1667rem;
z-index: 3;
transform-origin: 190% -140%;
}
.ny29-section6 .body1 .item.item5 {
width: 7.1002rem;
left: 2.8333rem;
top: 8.8333rem;
transform-origin: 310%;
}
.ny29-section6 .body2 {
padding-top: 3.3334rem;
padding-bottom: 3.8rem;
}
/* ==================== 内页29 - 板块六 End ==================== */