.apple-peifang {margin:30px 0;}
.apple-peifang .swiper-slide {text-align:center;padding:0 15px;width:565px;}
.apple-peifang .swiper-slide-active { width:940px;}
.swiper-slide .inner .con{ padding:20px;margin: 0;}
.swiper-slide .inner .ntext{ display:none;}
.swiper-slide-active .inner .ntext { display:block;}
.swiper-slide .inner .width_tlb {
    width: calc(40% - 40px);
}
.swiper-slide .inner .npic{ width:100%;padding-left: 0;}
.swiper-slide-active .inner .npic{ width: 60%;}
.swiper-slide .inner .npic img {width:100%;max-height: 586px;max-width: 515px;border-radius:30px;opacity:0.3;}
.gallery-item-desc {width:940px;text-align:left;display:inline-block;padding-top:46px;opacity:0;transition-duration:1.2s;}
.init .gallery-item-desc {opacity:0;}
.gallery-item-desc h3 {line-height:1.16667;font-weight:600;letter-spacing:.009em;color:#111;font-size:20px;}
.gallery-item-desc p {margin-top:1em;color:#333;font-size:13px;}
.swiper-slide-active .inner .npic img {opacity:1!important;}
.swiper-slide-prev .gallery-item-desc {transform:translateX(-70px);}
.swiper-slide-next .gallery-item-desc {transform:translateX(70px);}
.swiper-slide-active .gallery-item-desc {opacity:1;}
@media only screen and (max-width:768px) {
.apple-peifang .swiper-slide{transform:scale(.9);padding:0;width:100%;margin:0 0;min-width:272px; }
.apple-peifang .swiper-slide-active {transform:scale(1);}
.swiper-slide-active .inner .uk-grid {width: calc(100% - 40px);margin: 0 auto !important;}
.swiper-slide .inner .width_tlb {
    width: calc(40% - 10px);
}
.swiper-slide .inner .con { padding:10px;}
.swiper-slide .inner .npic img {width:100%;max-height: 238px;max-width: 210px;border-radius:10px;opacity:0.3;}
.gallery-item-desc {padding-top:10px;width:100%;}
.uk-width-auto {width: auto;padding-left: 0;}
.swiper-slide-active .gallery-item-desc {opacity: 1;transform: translateX(0px);padding: 0 10px;width: calc(100% - 20px);}
}


.uk-container-pf {
    position: absolute;
    display: flex;
    justify-content: space-between; /* 按钮分布在两侧 */
    align-items: center; /* 垂直居中 */
    width: calc(100% + 40px); /* 宽度稍微超过幻灯片宽度，保证按钮可见 */
    pointer-events: none; /* 防止遮挡幻灯片内容 */
    z-index: 99;
    top: 50%; /* 初始垂直居中 */
    transform:translateY(calc(-50% - 52px));
}

.swiper-button-prev, .swiper-button-next {
    pointer-events: all; /* 恢复按钮的可点击性 */
    position: absolute;
    background-color: #ccc;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    transition: all 0.5s;
    outline: none;
    opacity: 1;
    top: 50%; /* 按钮垂直居中 */
    transform: translateY(-50%);
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    
    background-image: url(../images/right_arr.svg);
    left: 10px;
    right: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/left_arr.svg);
    right: 10px;
    left: auto;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #333; /* 按钮悬停样式 */
}