﻿@charset "utf-8"; 
.prodetails-tabs .l-wrap{justify-content: center;}
.home-banner .swiper-slide>a::after{display: none;}
.home-banner .banner-animote{top:unset;position:absolute;bottom:40%;left:8%;color:var(--fontcolor);opacity:0;max-width:770px;text-align:left}
.home-banner .banner-animote .title{font-size:48px;font-weight:700;line-height:1.4;text-transform:capitalize;color:transparent;background-image:-webkit-linear-gradient(1800deg,#0098F5,#1CCE7E);-webkit-background-clip:text}
.home-banner .banner-animote .text{margin-top:20px;font-size:18px;font-weight:600}
.home-banner .banner-animote .btn{margin-top:4em}
.home-banner .banner-animote .btn .home-more{background:linear-gradient(90deg,#0098F5,#1CCE7E)}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}
}@media (max-width:1024px){.home-banner .banner-animote{left:7%;bottom:30%}
.home-banner .banner-animote .title{font-size:34px}
}@media (max-width:768px){.home-banner .banner-animote{width:100%;left:0px;bottom:30%;padding:0px 15px}
.home-banner .banner-animote .title{font-size:var(--fontsize26)}
.home-banner .banner-animote .text{font-size:var(--fontsize16)}
.home-banner .banner-animote .btn{display:none}
}@media (max-width:500px){.home-banner .banner-animote .title{font-size:var(--fontsize16)}
.home-banner .banner-animote .text{font-size:var(--fontsize14);margin-top:10px}}
 .home-banner .banner-animote .title,.home-banner .banner-animote .btn .home-more{color:var(--color)}
.home-banner .banner-animote .btn .home-more:hover{color:#fff}
.home-about .homeabout-info .homeabout-more{color:var(--fontcolor)}