#swiper-banner .banner-animote{position:absolute;top:50%;left:0;width:100%;max-width:50%;padding-left:80px;color:#000;opacity:1;transform:translate(0,-50%)}
#swiper-banner .banner-animote .title{font-size:32px;font-weight:var(--fontbold6);margin-bottom:20px;line-height:1.3}
#swiper-banner .banner-animote .text{font-size:20px;font-weight:var(--fontbold5);opacity:.8}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-left:-30px}
100%{opacity:1;margin-left:0}}
@media (max-width:1440px){#swiper-banner .banner-animote .title{font-size:28px}
#swiper-banner .banner-animote .text{font-size:18px}}
@media (max-width:1200px){#swiper-banner .banner-animote{padding-left:40px}}
@media (max-width:1024px){#swiper-banner .banner-animote .title{font-size:24px}
#swiper-banner .banner-animote .text{font-size:16px}}
@media (max-width:768px){#swiper-banner .banner-animote{padding-left:20px}
#swiper-banner .banner-animote .title{font-size:20px;margin-bottom:10px}
#swiper-banner .banner-animote .text{font-size:14px}}
@media (max-width:560px){#swiper-banner .banner-animote{padding-left:15px}
#swiper-banner .banner-animote .title{font-size:16px;margin-bottom:0}
#swiper-banner .banner-animote .text{display:none}}
@media (max-width:415px){#swiper-banner .banner-animote .title{font-size:14px}}
.fshare{display:none}
@media (min-width:801px){.about-l img{position:absolute;height:100%;width:100%;left:0;top:0;object-fit:cover;object-position:top}}
.nav>li#liproducts ul.submenu li#HeadProCat5,aside .categories .sf-menu li#LeftNavCat5,footer .fnav li#li_Menu101_sitemap,footer .fpronav li#HeadProCat5{display:none}