﻿.home-page #swiper-banner .banner-animote{width: 80%;top:45%;;left:7%;transform:translate(0,-50%);max-width:40%;color: #fff;position: absolute;opacity:0;}
.home-page #swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:1s}
@keyframes bannerani{0%{margin-left:40px}
100%{opacity:1;margin-left:0px}
}
.home-page #swiper-banner .banner-animote.bannertxt3{top:38%}
.home-page #swiper-banner .banner-animote .p1{line-height: 1.2;font-size: 46px;margin-bottom: 20px}
.home-page #swiper-banner .banner-animote .btn a{display: inline-flex;margin-top: 20px;padding: 6px 20px;border: 1px solid #fff;font-weight: 500;width: auto;border-radius: 5px;background: #fff;color: #000;font-size:20px}
.home-page #swiper-banner .banner-animote .btn a:hover{color:var(--color)}
@media (max-width:1700px){.home-page #swiper-banner .banner-animote .p1{font-size:2.3vw}}
@media (max-width:1024px){.home-page #swiper-banner .banner-animote .p1{margin-bottom:15px}
.home-page #swiper-banner .banner-animote .btn a{font-size:var(--fontsize16);padding:5px 15px;margin:0}
.home-page #swiper-banner .banner-animote .p1{font-size:22px}}
@media (max-width:768px){.home-page #swiper-banner .banner-animote .p1{margin-bottom:10px}
.home-page #swiper-banner .banner-animote .btn a{font-size:var(--fontsize13);padding:2px 8px;}
.home-page #swiper-banner .banner-animote .p1{font-size:var(--fontsize15)}}
@media (max-width:540px){.home-page #swiper-banner .banner-animote{max-width:50%;}
.home-page #swiper-banner .banner-animote .p1{margin-bottom:10px}
.home-page #swiper-banner .banner-animote .btn a{font-size:var(--fontsize12);padding:1px 6px;}
.home-page #swiper-banner .banner-animote .p1{font-size:var(--fontsize12)}}
.honor .home-tit{margin:0}