@charset "utf-8";
.s4 .px1400 .slick-prev,
.s4 .px1400 .slick-next {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../images/sbtp1.png) center center no-repeat;
    z-index: 9;
    font-size:0;
}

.s4 .px1400 .slick-next {
    left: auto;
    right: 0;
    background-image: url(../images/sbtp2.png);
}

.s4 .px1400 .list .slider {
    /*padding: 0px 20px;
    width: 1430px;
    transform: translateX(-35px);2026年4月4日注释掉 */
    padding: 0px 20px;
    width: 100%;
}

.s4 .px1400 .item {
    padding: 15px;
    box-sizing: border-box;
}

.s4 .px1400 .item a {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(83, 140, 255, 0.24);
}

/* .s4 .px1400 .item img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}*/

/* 假设 .item 是图片的父容器 */
.s4 .px1400 .item {
    /* 方法A：使用 aspect-ratio 属性（现代浏览器） */
    aspect-ratio: 3 / 4;
    /* 或者方法B：使用 padding 技巧（兼容旧浏览器） */
    /* position: relative;
    padding-bottom: 133.33%; 因为 4/3 = 133.33% */
}

.s4 .px1400 .item img {
    width: 100%;
    height: 100%;
    object-fit:fill;
    display: block; /* 去除图片默认间隙 */
}

.s4 .px1400 .item .title {
    font-size: 23px;
    line-height: 30px;
    color: #ffffff;
    padding: 0px 20px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    text-align: center;
    width: 100%;
    display: none;
    font-weight: 600;
}

.s4 .px1400 .item a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.7);
    transition: all 0.4s;
    opacity: 0;
}

.s4 .px1400 .item a:hover::before {
    opacity: 1;
}

.s4 .px1400 .item a:hover .title {
    display: block;
}

@media screen and (max-width: 1450px) {
    /*.s4 .px1400 .list .slider {
        padding: 0px 20px;
        width: 100%;
        transform: translateX(0px);
    }*/
}

@media screen and (max-width: 1420px) {}

@media screen and (max-width: 1000px) {
.s4 .px1400 .slick-prev,
.s4 .px1400 .slick-next {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../images/sbtp1.png) center center no-repeat;
    z-index: 9;
}

.s4 .px1400 .slick-next {
    left: auto;
    right: 0;
    background-image: url(../images/sbtp2.png);
}

.s4 .px1400 .list .slider {
    .s4 .px1400 .list .slider {
    /*padding: 0px 20px;
    width: 1430px;
    transform: translateX(-35px);2026年4月4日注释掉 */
    width: 100%;
    padding: 0px 20px;
}
}

.s4 .px1400 .item {
    padding: 15px;
    box-sizing: border-box;
}

.s4 .px1400 .item a {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(83, 140, 255, 0.24);
}

/* 假设 .item 是图片的父容器 */
.s4 .px1400 .item {
    /* 方法A：使用 aspect-ratio 属性（现代浏览器） */
    aspect-ratio: 3 / 4;
    /* 或者方法B：使用 padding 技巧（兼容旧浏览器） */
    /* position: relative;
    padding-bottom: 133.33%; 因为 4/3 = 133.33% */
}

.s4 .px1400 .item img {
    width: 100%;
    height: 100%;
    object-fit:fill;
    display: block; /* 去除图片默认间隙 */
}

.s4 .px1400 .item .title {
    font-size: 23px;
    line-height: 30px;
    color: #ffffff;
    padding: 0px 20px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    text-align: center;
    width: 100%;
    display: none;
    font-weight: 600;
}

.s4 .px1400 .item a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.7);
    transition: all 0.4s;
    opacity: 0;
}

.s4 .px1400 .item a:hover::before {
    opacity: 1;
}

.s4 .px1400 .item a:hover .title {
    display: block;
}
}

@media screen and (max-width: 600px) {
    .s4 .px1400 .item img {
        /*height: calc((94vw - 30px)/32*21);*/
    }
}