

.san-about-factory{max-width: 1920px;padding:90px 0 0;margin: 0 auto;}
.san-about-factory .title{text-align:center}
.san-about-factory .title h2{font-size:40px;}
.san-about-factory .title p{margin-top:10px;font-size:20px;}
.san-about-factory .list {margin-top:50px;overflow:hidden}
.san-about-factory .list .swiper-slide{position:relative;overflow:hidden;width:1040px;}
.san-about-factory .list .swiper-slide img {width:100%;aspect-ratio:2.17 / 1;object-fit:cover;}
.san-about-factory .list .swiper-slide img:hover {transform:scale(1.03)}
.san-about-factory .txt {position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:30px;background-image:linear-gradient(rgba(210,207,206,0),#27282c);}
.san-about-factory .txt h3 {color:#fff;font-size:30px;line-height:1;font-weight: 400;}
.san-about-factory .txt p {padding:10px 0;}
.san-about-factory .home-scenarioshd {display:flex;justify-content:center;margin-top:50px;}
.san-about-factory .home-ny {display:flex;justify-content:center;width:70%;height:20px;overflow:hidden}
.san-about-factory .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-flex;display:flex;transition-property:transform;box-sizing:content-box;}
.san-about-factory .swiper-container {width:100%;overflow:hidden;}
.san-about-factory .swiper-slide {flex-shrink:0;position:relative;transition-property:transform;}
.san-about-factory .home-ny .swiper-btn-prev,.san-about-factory .home-ny .swiper-btn-next {display:inline-block;width:15px;height:15px;font-size:20px;line-height:15px;color:var(--color-primary);cursor:pointer;-webkit-transition:.3s all;-moz-transition:.3s all;-ms-transition:.3s all;transition:.3s all}
.san-about-factory .home-ny .swiper-btn-prev {position:relative;z-index:1;}
.san-about-factory .home-ny .swiper-btn-next {margin-left:17px}
.san-about-factory .home-ny .swiper-btn-prev:hover,.san-about-factory .home-ny .swiper-btn-next:hover {color:var(--color-primary);border:none}
.san-about-factory .san-swiper-pagination {flex:1;width:100%;height:2px;background:#cbd2d6;margin-top:10px;margin-left:20px;}



@media screen and (max-width:1550px) {
.san-about-factory .list .swiper-slide{width:940px;}
}

@media screen and (max-width:1441px) {
.san-about-factory .list .swiper-slide{width:840px;}
.san-about-factory .txt h3{font-size:28px;}
}

@media screen and (max-width:1367px) {
.san-about-factory .list .swiper-slide{width:740px;}
.san-about-factory .txt h3{font-size:26px;}
}

@media screen and (max-width:1281px){
.san-about-factory{padding:60px 0 0}
.san-about-factory .title h2{font-size:32px;}
.san-about-factory .title p{font-size:18px;}
.san-about-factory .list .swiper-slide{width:640px;}
.san-about-factory .txt{padding:25px;}
.san-about-factory .txt h3{font-size:24px;}
}


@media screen and (max-width:1171px){
.san-about-factory .title h2{font-size:30px;}
}

@media screen and (max-width:992px){
.san-about-factory .title h2{font-size:29px;}
}

@media screen and (max-width:768px){
.san-about-factory{padding:30px 0 0}
.san-about-factory .title h2{font-size:28px;}
.san-about-factory .title p{font-size:17px;}
}

@media screen and (max-width:576px) {
.san-about-factory .title h2{font-size:26px;}
}



@media screen and (max-width:480px) {
.san-about-factory{padding:15px 0 20px 0;}
.san-about-factory .title h2 {font-size:24px;}
.san-about-factory .title p {font-size:16px;}
.san-about-factory .txt h3 {font-size:18px;}
.san-about-factory .txt {padding:15px;}
.san-about-factory .txt a {font-size:12px;}
}


@media screen and (max-width:420px) {
.san-about-factory .title h2{font-size:22px;}

}


