.home-show .hshowlist{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-show .hshowlist .item{width: 19%;margin-bottom: 15px;}
.home-show .hshowlist .item img{width: 100%;}
.home-show .hshowlist .name{text-align: center;font-weight: 600;font-size: 18px;}
.hotproduct{display:none;}
.home-show .home-title{margin-bottom:2%;text-align: center;}
.home-show .hshowlist .item:hover .name{color:var(--color)}
@media(max-width:768px){.home-show .hshowlist .item{width: 48%;}}
#indexSwiper .banner-animote{position:absolute;top:50%;left:5%;transform:translateY(-50%);max-width:35%;color:var(--headercolor);opacity:0;text-align: center;}
#indexSwiper .banner-animote .p1{font-size:46px;font-weight:var(--fontbold7);line-height:1.3;text-transform: uppercase;margin:0 auto;}
#indexSwiper .banner-animote .p2{font-size:18px;margin:4% 0 5%}
#indexSwiper .banner-animote .p3 a{border-color:var(--color);background:var(--color);display:inline-block;width:auto;padding:5px 15px;border-radius: 30px;color:#fff;transition: all .3s;font-size:20px}
#indexSwiper .banner-animote .p3 a:hover{color:var(--color);background: #fff;}
#indexSwiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@media (max-width:1600px){#indexSwiper .banner-animote .p1{font-size:2.6vw}
#indexSwiper .banner-animote .p2{font-size:1.25vw}
#indexSwiper .banner-animote .p3{font-size:1.4vw}}
@media (max-width:768px){#indexSwiper{height:auto;}
#indexSwiper .banner-animote .p1{font-size:20px}
#indexSwiper .banner-animote .p2{font-size:12px;}
#indexSwiper .banner-animote .p3{display:none}}
@media (max-width:550px){#indexSwiper .banner-animote{left:10%;}
#indexSwiper .banner-animote .p2{display:none;}
#indexSwiper .banner-animote .p1{font-size:12px}}
.home-certifi-item{display:block}
.home-certifi-item .swiper{margin-bottom:20px;width:100%}
.home-certifi-item .swiper .swiper-slide img{width:100%}
#indexSwiper .banner-animote{color:#000}
#indexSwiper .banner-animote .tit{letter-spacing:8px;font-size:var(--fontsize30);font-weight:var(--fontbold7);text-transform:uppercase}
#indexSwiper .banner-animote{left:12%}
#indexSwiper .banner-animote .p1{font-size:56px}
@media (min-width:1281px){#indexSwiper .banner-animote.banner-animote4 .p1{font-size: 64px;}
#indexSwiper .banner-animote.banner-animote4 .tit{font-size:40px;letter-spacing:10px;}}
#indexSwiper .banner-animote .p2{font-size:var(--fontsize20)}
#indexSwiper .banner-animote .p3 a{min-width:120px}
@media screen and (max-width:1280px){#indexSwiper .banner-animote .tit{font-size:var(--fontsize20)}
#indexSwiper .banner-animote .p1{font-size:32px}
#indexSwiper .banner-animote .p2{font-size:var(--fontsize16)}
}
@media screen and (max-width:768px){#indexSwiper .banner-animote .tit{display:none}
#indexSwiper .banner-animote .p1{font-size:var(--fontsize20)}
}