@import url(https://css02.v15cdn.com/m625/aos.css);
.home-banner{height: calc(100vh - 46px);}
.home-banner .swiper{height: 100%;}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex;height: 100%;}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1}
.home-banner .swiper-slide img{object-fit:cover;width:100%;height:auto;transform:scale(1.1);transition:transform 1.2s}
.home-banner video{width:100%;object-fit:cover}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;color:#fff;opacity:0;z-index:2}
.home-banner .banner-animote .p1{font-size:var(--fontsize18)}
.home-banner .banner-animote .p2{font-size:64px;line-height:1.2;font-weight:var(--fontbold7);margin:20px auto 30px}
.home-banner .banner-animote .txt{text-align:center;font-size:var(--fontsize18)}
.home-banner .banner-animote .p3{display:flex;align-items:center;justify-content:center;margin-top:30px}
.home-banner .banner-animote .home-more{background-color:#fff;color:#000;border-color:#fff}
.home-banner .banner-animote .home-more:hover{background-color:var(--color);color:#fff;border-color:var(--color)}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:1s}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#fff;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%;opacity:0}
.home-banner:hover .bannerswiper-next,.home-banner:hover .bannerswiper-prev{opacity:1}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
.home-banner .swiper-pagination{bottom:20px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:#b9b9b9;opacity:1;transition:all .2s linear}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color);width:35px;border-radius:10px}
.swiper-pagination-bullet{width:12px;height:12px}
@media (max-width:1280px){.home-banner .banner-animote .p2{font-size:var(--fontsize40)}
}
@media (max-width:1024px){.home-banner .banner-animote .p2{font-size:var(--fontsize30)}
}
@media (max-width:768px){.home-banner .banner-animote .p3{display:none}
.home-banner .banner-animote .txt{display:none}
.home-banner .banner-animote .p1{font-size:var(--fontsize16)}
}
@media (max-width:500px){.home-banner .banner-animote{top:45%}
.home-banner .banner-animote .p2{font-size:20px;margin:10px 0 0}
.home-banner .banner-animote .p3{display:none}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
}
.home-about,.home-adv,.home-brand,.home-cate,.home-factory,.home-life,.home-news,.home-quote,.home-socks{padding:4% 0}
.home-card{background:#f4f4f4;padding:25px 0}
.home-card .swiper-slide{display:flex;justify-content:center;align-items:center;transition:all .2s linear;padding:20px;border-radius:5px}
.home-card .swiper-slide:hover{background-color:#fff}
.home-card .homecardswiper-pagination{display:none;justify-content:center;width:100%;margin-top:20px}
.home-card .homecardswiper-pagination .swiper-pagination-bullet{background-color:var(--color)}
.home-socks .box{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.home-socks .home-title{text-align:left}
.home-socks .info{width:512px}
.home-socks .info .txt{color:var(--introcolor);margin:20px 0 40px}
.home-socks .list{flex:1;padding-left:20px;max-width:62%;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-socks .list li{width:48%;margin-bottom:70px}
.home-socks .list li:nth-child(3){margin-bottom:0}
.home-socks .list li:nth-child(4){margin-bottom:0}
.home-socks .list li:hover .icon{transform:translateY(10px)}
.home-socks .list .icon{border:1px solid #575757;border-radius:50%;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);line-height:1;margin-bottom:40px;transition:all .2s linear}
.home-socks .list .icon em{font-size:var(--fontsize32)}
.home-socks .list .p1{font-size:var(--fontsize22);color:var(--color);font-weight:var(--fontbold6)}
.home-socks .list .p2{margin-top:10px;color:var(--introcolor)}
.home-cate{background-color:#f5f5f5}
.home-cate .box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.home-cate .img{overflow:hidden}
.home-cate .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.home-cate .left{width:49%;position:relative}
.home-cate .left .info{bottom:12%;left:8%}
.home-cate .left .info .list{max-width:360px;display:flex;flex-wrap:wrap}
.home-cate .left .info .list li{width:48%}
.home-cate .left .info .tit{font-size:48px}
.home-cate .left:hover img{transform:scale(1.03)}
.home-cate .right{width:49%;position:relative}
.home-cate .top{position:relative}
.home-cate .top:hover img{transform:scale(1.03)}
.home-cate .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3.3%}
.home-cate .bottom .item{width:48%;position:relative}
.home-cate .bottom .item:hover img{transform:scale(1.03)}
.home-cate .bottom .info .list{min-height:210px}
.home-cate .info{position:absolute;left:36px;color:#fff;z-index:2;bottom:8%}
.home-cate .info .tit{font-size:var(--fontsize36);font-weight:var(--fontbold6)}
.home-cate .info .line{display:block;width:70px;height:6px;background-color:#fff;margin:15px 0 30px}
.home-cate .info .list li{margin-bottom:4px;transition:all .2s linear}
.home-cate .info .list li a{display:flex;align-items:center}
.home-cate .info .list li a em{margin-right:10px}
.home-cate .info .list li:hover{transform:translateX(5px)}
.home-about .box{display:flex;align-items:center;justify-content:space-between}
.home-about .home-title{text-align:left}
.home-about .info{width:40%;max-width:512px}
.home-about .info .tip{text-transform:uppercase;font-weight:var(--fontbold6);color:#000;letter-spacing:2px;margin-bottom:10px}
.home-about .info .txt{margin:30px 0 12%;color:var(--introcolor)}
.home-about .info .home-more{background-color:var(--color);color:#fff}
.home-about .info .home-more:hover{color:var(--color);background-color:#fff}
.home-about .img-box{width:54%;padding-left:40px;position:relative}
.home-about .img-box .img-icon{position:absolute;left:0;top:46%;transform:translateY(-50%);height:80%}
.home-about .img-box .img-icon img{max-height:100%}
.home-factory{background:no-repeat center;background-size:cover}
.home-factory .box{width:700px;box-sizing:border-box;background-color:#fff;border-radius:3px;padding:50px;margin-left:auto}
.home-factory .home-title{text-align:left}
.home-factory .tip{text-transform:uppercase;color:#000;font-weight:var(--fontbold6);letter-spacing:2px;margin-bottom:10px}
.home-factory .txt{margin:30px 0 12%;color:var(--introcolor)}
.home-factory .home-more{background-color:var(--color);color:#fff}
.home-factory .home-more:hover{color:var(--color);background-color:#fff}
.home-adv .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.home-adv .list li{width:21%;margin-top:40px}
.home-adv .list li:hover .icon{transform:translateY(-5px)}
.home-adv .list li:hover .more{padding-left:90px}
.home-adv .list li:hover .more span{left:0}
.home-adv .list li:hover .more em{background-color:var(--color);color:#fff}
.home-adv .list .icon{transition:all .2s linear;margin-bottom:30px}
.home-adv .list .icon em{font-size:60px;color:var(--color);line-height:1.2}
.home-adv .list .tit{font-size:var(--fontsize22);font-weight:var(--fontbold7);text-transform:capitalize;line-height:1.4;color:#000}
.home-adv .list .line{width:54px;height:2px;display:block;background-color:var(--color);margin:20px 0}
.home-adv .list .txt{color:var(--introcolor);min-height:120px}
.home-adv .list .more{transition:all .2s linear;margin-top:10px;font-weight:var(--fontbold6);color:var(--color);overflow:hidden;display:flex;align-items:center;line-height:1;position:relative;transition:all .2s linear}
.home-adv .list .more span{position:absolute;left:-90px;transition:all .2s linear}
.home-adv .list .more em{margin-left:6px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-quote{position:relative;z-index:1}
.home-quote .bg-video{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}
.home-quote .bg-video video{width:100%;height:100%;object-fit:cover}
.home-quote .box{color:#fff;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.home-quote .quote-box{background-color:rgba(0,0,0,.46);padding:50px 30px;width:34%;border-radius:10px}
.home-quote .quote-box .wmkcfeedback .send-btn::before{display:none}
.home-quote .quote-box .wmkcfeedback .send-btn:hover{background-color:#000}
.home-quote .quote-box .home-title{text-align:left}
.home-quote .quote-box .des{margin:20px 0 30px}
.home-quote .quote-box .wmkcfeedback .send-btn{margin-left:0;border-radius:3px;background-color:transparent;border:1px solid #fff}
.home-quote .home-title{color:#fff}
.home-quote .info{flex:1;padding-left:4%}
.home-quote .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.home-quote .list li{width:31%;margin-top:40px}
.home-quote .list li .num{display:block;width:42px;height:42px;border-radius:50%;background-color:#fff;color:#000;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .2s linear}
.home-quote .list li .p1{font-size:var(--fontsize20);font-weight:var(--fontbold7);margin-bottom:10px}
.home-quote .list li:hover .num{background-color:var(--color);color:#fff}
.home-brand{background-color:#000}
.home-brand .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.home-brand .img{width:46%}
.home-brand .info{width:50%}
.home-brand .info .icon{margin-bottom:40px}
.home-brand .info .txt{color:#999;margin:30px 0}
.home-brand .info .home-more{background-color:#fff;color:#000}
.home-brand .info .home-more:hover{border:1px solid #fff;background-color:var(--color);color:#fff}
.home-brand .home-title{text-align:left;color:#fff}
.home-life{background-color:#f5f5f5}
.home-life .home-des{margin-top:30px}
.home-life .swiper{padding: 20px 0;margin-top: 40px;}
.home-life .homelifeswiper-pagination{display: flex;width: 100%;justify-content: center;margin-top: 20px;}
.home-life .homelifeswiper-pagination .swiper-pagination-bullet-active{background-color:var(--color);}
.home-life .swiper-slide{background-color:#fff;height:130px;display:inline-flex;align-items:center;justify-content:center;padding:20px;border-radius:10px;transition:all .2s linear}
.home-life .swiper-slide:hover{box-shadow:0 1px 20px 3px rgba(34,47,90,.17)}
.home-news .home-des{margin-top:30px}
.home-news .list{display:flex;flex-wrap:wrap}
.home-news .list li{width:23.5%;margin-right:2%;margin-top:60px;background-color:#fff;box-shadow:0 4px 14px 2px rgba(238,238,238,.85);border-radius:10px;overflow:hidden}
.home-news .list li:nth-child(4n){margin-right:0}
.home-news .list li .img{display:block;overflow:hidden}
.home-news .list li .img img{width:100%;transition:all .2s linear}
.home-news .list li .info{padding:20px}
.home-news .list li .info .title{font-size:var(--fontsize20);font-weight:var(--fontbold7);color:#000}
.home-news .list li .info .flex{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.home-news .list li .info .date{font-size:var(--fontsize14);color:#7b7b7b}
.home-news .list li .info .more{font-weight:var(--fontbold7);transition:all .2s linear}
.home-news .list li:hover .img img{transform:scale(1.03)}
.home-news .list li:hover .info .title{color:#24bac9}
.home-news .list li:hover .info .flex .more{color:#24bac9}
@media screen and (max-width:1660px){.home-cate .info .tit{font-size:var(--fontsize24)}
.home-socks .info{width:36%}
}
@media screen and (max-width:1440px){.home-cate .info{bottom:20px}
.home-cate .right .info{bottom:5px;left:10px}
.home-cate .right .info .line{margin:10px 0 15px}
.home-cate .bottom .info .list{height:200px}
}
@media screen and (max-width:1280px){.home-cate .left .info .tit{font-size:var(--fontsize24)}
.home-cate .info .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-cate .info .list li{width:48%}
.home-cate .info .list li span{font-size:var(--fontsize14)}
.home-cate .bottom .info .list{height:auto;min-height:100px}
.home-cate .right .info{bottom:10px;left:20px}
}
@media screen and (max-width:1024px){.home-about,.home-adv,.home-brand,.home-cate,.home-factory,.home-life,.home-news,.home-quote,.home-socks{padding:50px 0}
.home-card .homecardswiper-pagination{display:flex}
.home-socks .info{width:100%}
.home-socks .list{margin-top:25px;max-width:100%;width:100%;padding-left:0}
.home-cate .box{margin-top:25px}
.home-cate .left{width:100%;max-height:400px}
.home-cate .left .img{max-height:100%}
.home-cate .left img{width:100%;height:100%;object-fit:cover}
.home-cate .left .info{left:20px;bottom:10px}
.home-cate .right{margin-top:25px;width:100%}
.home-adv .list{margin-top:0}
.home-adv .list li{margin-top:25px}
.home-adv .list .icon em{font-size:var(--fontsize40)}
.home-adv .list .tit{font-size:var(--fontsize18)}
.home-quote .box{flex-direction:column-reverse}
.home-quote .quote-box{width:100%;margin-top:25px}
.home-quote .info{width:100%;padding-left:0}

.home-news .list li{margin-top:25px}
}
@media screen and (max-width:768px){.home-card .homecardswiper-pagination{margin-top:10px}
.home-about .box{flex-direction:column-reverse}
.home-about .img-box{width:100%}
.home-about .info{width:100%;max-width:100%;margin-top:25px}
.home-factory .box{width:100%;padding:25px}
.home-factory .box .txt{margin:20px 0 30px}
.home-adv .list li{width:49%}
.home-quote .list li{width:49%;margin-top:25px}
.home-brand .img{width:100%}
.home-brand .info{width:100%;margin-top:25px}
.home-life .swiper{margin-top: 10px;}
.home-life .swiper-slide img{max-width: 100%;max-height: 80%;width: auto;}
.home-news .list{justify-content:space-between}
.home-news .list li{width:49%;margin-right:0}
}
@media screen and (max-width:500px){.home-card .swiper-slide{padding:10px}
.home-socks .list li{width:100%;margin-bottom:25px}
.home-socks .list li .icon{margin-bottom:20px}
.home-cate .top .img{height:260px}
.home-cate .top .img img{width:100%;height:100%;object-fit:cover}
.home-cate .bottom{margin-top:0}
.home-cate .bottom .item{width:100%;margin-top:25px}
.home-about .img-box{padding-left:15px}
.home-about .info .txt{margin:15px 0 20px}
.home-adv .list li{margin-top:30px;width:100%}
.home-adv .list li .icon{margin-bottom:20px}
.home-adv .list li .txt{min-height:auto}
.home-quote .list li{width:100%}
.home-quote .quote-box{padding:20px}
.home-life .swiper-slide{padding:10px;height:80px}
.home-news .list li .info{padding:10px}
.home-news .list li .info .title{font-size:var(--fontsize18)}
}