/* @font-face{font-family:BagnardSans;src:url('/js/38258/BagnardSans-2.otf') format('truetype')} */
.bannertxt1{/*font-family:BagnardSans;*/position:absolute;top:50%;transform:translateY(-50%);left:4%;opacity:0;text-align:center;width:55%}
#home-swiper .swiper-slide-active .bannertxt1{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
.bannertxt1 .title{font-weight:bold;color:#fff;font-size:3.5vw;line-height:1.1;text-transform:uppercase;text-shadow:0px 0px 2px #000;}
.bannertxt1 .title span{color:#FFD200;}
.bannertxt1 .intro{background:#353535;display:inline-block;color:#fff;position:relative;margin:2vw 0 4vw;font-size:1.5vw;line-height:1.4;padding:.4vw 3.5vw}
.bannertxt1 .intro:before{content:'';width:2.3vw;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:.6vw;}
.bannertxt1 .intro:after{content:'';width:2.3vw;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;right:.6vw;}
.bannertxt1 .btn{display:flex;justify-content:center;}
.bannertxt1 .btn a{display:flex;}
.bannertxt1 .btn a span{background:#353535;font-size:1.7vw;color:#fff;text-transform:capitalize;letter-spacing:2px;line-height:1.2;padding:.5vw .8vw}
.bannertxt1 .btn a em{display:block;margin-left:.3vw;width:3vw;;background:#FFD200;position:relative;}
.bannertxt1 .btn a em:before{content:'';width:2vw;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:.5vw}
.bannertxt1 .btn a em:after{content:'';height:2vw;width:3px;background:#fff;position:absolute;left:50%;margin-left:-2px;top:.5vw}
.bannertxt2 .title{font-size:3.2vw;}
.bannertxt2 .intro{margin:.8vw 0 2vw;font-size:1.2vw;}
@media (max-width:768px){.bannertxt1 .intro{font-size:12px;padding:5px 24px;}
.bannertxt1 .intro:before{width:12px;height:1px;margin:0;left:6px;}
.bannertxt1 .intro:after{width:12px;height:1px;margin:0;right:6px;}
.bannertxt1 .btn a span{letter-spacing:1px;font-size:12px;padding:0 8px;line-height:22px;}
.bannertxt1 .btn a em{margin-left:3px;width:22px;}
.bannertxt1 .btn a em:before{width:16px;left:3px;height:2px;}
.bannertxt1 .btn a em:after{height:16px;width:2px;margin-left:-1px;top:3px;}}
@media (max-width:550px){.bannertxt1 .title{font-size:18px;}
.bannertxt1 .intro{display:none}
.bannertxt1 .btn{margin:10px;}}
.bannertxt2{left:50%;transform:translateX(-50%);top:8%;width:60%}
.bannertxt2::before{content:"";position:absolute;top:36%;left:50%;transform:translate(-50%, -44%);width:106%;height:100%;background:rgba(0,0,0,.4);z-index:-1}