﻿.l-wrap{max-width:1440px;margin:0 auto}
.home-title h5{font-size:24px;line-height:1;color:#3b3b3b}
.home-btn{display:flex;justify-content:center}
.home-btn a{background:#97d1c9;color:#fff;line-height:1;padding:15px 50px;border-radius:30px;text-decoration:underline;text-transform: capitalize;transition: all .3s ease-in-out;}
.home-arrivals{padding:60px 0}
.arrivals-list{display:flex;justify-content:space-between;margin:25px 0 50px}
.arrivals-li{width:24%}
.arrivals-img{overflow:hidden;}
.arrivals-img img{display:block;transition:all .3s ease-in-out}
.arrivals-text{padding:10px;text-align:center}
.home-about{display:flex;align-items:center;background:#f8f8f8}
.about-left{width:50%}
.about-right{flex:1;padding-left:60px;padding-right:240px}
.about-left img{width:100%;display:block}
.about-right p{font-size:20px;color:#3b3b3b;line-height:30px;margin:20px 0}
.home-classification{margin-top:60px}
.sort-list{display:flex;justify-content:center;flex-wrap:wrap}
.sort-box{width:50%;padding:10px}
.sort-box a{display:flex;position:relative;width:100%;height:100%}
.sort-box a::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:#0000002e}
.sort-box a p{position:absolute;font-size:32px;text-align:center;width:100%;color:#fff;top:10%;z-index:9}
.home-popular{background:#f8f8f8;padding:50px 0;margin-top:30px}
.home-footer img{display:block;width:100%;}
.home-popular .arrivals-li{background: #Fff;}
.arrivals-li:hover .arrivals-img img{transform: scale(1.05);}
.home-btn:hover a{opacity: 0.6;}
.news-item{display: flex;}
.news-box{width: 33.33%;display: flex;justify-content: center;align-items: center;}
.news-box a{display: block;width: 100%;}
@media (max-width:1600px) {
    .about-right{padding-right: 80px;}
}
@media (max-width:1440px) {
    .l-wrap{padding: 0 3%;}
    .home-arrivals{padding: 30px 0;}
    .arrivals-list{margin: 25px 0 30px;}
    .about-right {padding-right: 3%;padding-left: 30px;}
    .about-right p{margin: 15px 0;font-size: 18px;}
}
@media (max-width:1024px) {
    .home-about{flex-direction: column;}
    .about-left,.about-right{width: 100%;padding: 0 3%;}
    .home-classification {margin-top: 25px;}
    .sort-box a p{font-size: 26px;}
}
@media (max-width:768px) {
    .arrivals-list{flex-wrap: wrap;}
    .arrivals-li{width: 49%;}
    .arrivals-text{padding: 15px 10px;}
    .sort-box {width: 100%;padding: 10px 0;}
    .home-title{text-align: center;}
    .about-right p{font-size: 16px;}
    .sort-box a p{font-size: 22px;}
}
video#video{display:block;width:100%;}
.about-left video{display:block;width:100%;}
.home-customers {padding:60px 0}
.customers-swiper{width:100%}
.customers-swiper .swiper-pagination{position:static;margin-top:10px}
.customers-swiper .swiper-pagination-bullet-active {background:var(--color)}
@media (max-width:768px){.home-customers {padding:40px 0}
.home-tit{font-size:25px;margin-bottom:15px}}