﻿#swiper-banner .ban{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:2}
#swiper-banner .swiper-slide-active .ban{animation:bannerani .5s forwards;animation-delay:1s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
#swiper-banner .ban1{top:40%;left:25%;font-weight:bold;line-height:1.2;text-align: center;}
#swiper-banner .ban1 .p1{color:#2d76c3;font-size:2.8vw}
#swiper-banner .ban1 .p2{color:#1259a8;font-size:2vw;margin: .5vw 0;}
#swiper-banner .ban1 .p3{color:#0f5dae;font-size:3.8vw;font-weight:900;letter-spacing:.2vw}
#swiper-banner .ban1 .p4{margin-top:.5vw;color:#105bac;font-size:1.3vw;line-height:1.5;}
#swiper-banner .ban1 .more{margin-top: 1vw;font-size:1.5vw;color:#105daa;font-weight:700;text-decoration:none;border-bottom:.2vw solid #105daa;display:inline-block}
#swiper-banner .ban2{text-align:center;}
#swiper-banner .ban2 .p1{font-size:3.5vw;font-weight:700;color:#115cac;padding-bottom:.5vw;margin-bottom: .5vw;letter-spacing:.2vw;position:relative}
#swiper-banner .ban2 .p1::after{content:"";position: absolute;display:block;bottom: 0;left: 50%;transform: translateX(-50%);width:0;height:0;border-left:1.5vw solid transparent;border-right:1.5vw solid transparent;border-top:1vw solid #fe9035;}
#swiper-banner .ban2 .p2{font-size:2.1vw;color:#333;line-height:1.2;font-weight:500}
#swiper-banner .ban3{color:#fff;width:90%;top:30%;}
#swiper-banner .ban3 .text-top{display:flex;align-items:flex-end;gap:1.2vw}
#swiper-banner .ban3 .big-title{font-size:5.2vw;font-weight:900;line-height:1;margin:0;position:relative}
#swiper-banner .ban3 .big-title::after{content:"";position:absolute;right:-6vw;top:.8vw;width:4.7vw;height:.2vw;background:#f26605}
#swiper-banner .ban3 .side-text{font-size:2.4vw;font-weight:300}
#swiper-banner .ban3 .text-desc{margin-top:1.5vw}
#swiper-banner .ban3 .text-desc p{font-size:1.4vw;line-height:1.6;}
#swiper-banner .ban{position:absolute;z-index:99;pointer-events:auto;touch-action:none}
#swiper-banner .swiper-wrapper{touch-action:pan-x}
#swiper-banner .ban .text-wrap{user-select:text;-webkit-user-select:text}
