.home-activity{padding: 5% 0;}
.activity-wrap{padding: 30px 35px;background: #00000099;border-radius: 25px;}
.activity-wrap .text {font-size: var(--fontsize18);color: #0183D1;line-height: 1;margin-bottom: 15px;}
.activity-wrap .title{line-height: 1;}
.activity-wrap .img{justify-content: space-between;}
.activity-wrap .img>div{width: 49%;}
.activity-wrap .img>div img{width: 100%;margin-right: 0;}
.activity-wrap .img>div p{text-align: center;margin-top: 15px;}
.activity-wrap .home-more{margin: 0 auto;display: flex;justify-content: center;border-radius: 12px;}
#indexbanner .banner-animote-in{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0}
#indexbanner .banner-animote-in .p1{font-size:60px;font-weight:var(--fontbold6);line-height:1.3;text-shadow: 1px 2px 3px #000;color:var(--color)}
#indexbanner .banner-animote-in .p1 span{color:var(--color)}
#indexbanner .banner-animote-in .p2{font-size:var(--fontsize18);margin:10px 0 0;text-shadow: 1px 2px 3px #000;}
#indexbanner .swiper-slide-active .banner-animote-in{animation:bannerain .5s forwards;animation-delay:.7s}
@keyframes bannerain{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@media (max-width:1600px){#indexbanner .banner-animote-in .p1{font-size:4vw;}
#indexbanner .banner-animote-in .p2{font-size:1.2vw}}
@media (max-width:768px){#indexbanner .banner-animote-in .p1{font-size:26px;}
#indexbanner .banner-animote-in .p2{font-size:12px}}
@media (max-width:600px){#indexbanner .banner-animote-in .p1{font-size:16px;text-align:center}
#indexbanner .banner-animote-in .p2{display:none}}