.location {position:relative}
.location iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
.location-box{position:relative;z-index:1}
@media (max-width:1024px){.location iframe{position:relative;height:400px;}
.location-box{width:100%}}
@media (max-width:500px){.location iframe{height:300px;}
.location-box{padding:20px 0}}
#swiper-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFF;opacity:0;text-align:center;width:100%;text-shadow: 1px 2px 3px #000;}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
#swiper-banner .banner-animote .p1{font-size: 2.5vw;font-weight: bold;margin-bottom:1%}
#swiper-banner .banner-animote .p2{font-size:1.3vw;}
@media (max-width:768px){#swiper-banner .banner-animote{padding:0 10px}
#swiper-banner .banner-animote .p1{font-size:14px}
#swiper-banner .banner-animote .p2{font-size: 12px;}}
@media (min-width:1025px){
.hotpro-list:nth-child(1){justify-content:space-between}
.hotpro-list:nth-child(1) li{width:49%;margin-right:0}
}