﻿@charset "utf-8"; 
.home-banner .banner-animote {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1400px;color: rgb(255, 255, 255);opacity: 0;text-align: center;padding: 0px 70px;}

.home-banner .swiper-slide>a::after{display:none}
.home-banner .banner-animote.tbn-banner1{display:flex;align-items:center;justify-content:flex-end;text-align:left;padding:0 90px 0 70px;left:63%;top:59%}
.tbn-banner1 .tbn-banner1-box{max-width:660px}
.tbn-banner1 .tbn-title{display:flex;flex-direction:column;color:#fff;text-transform:uppercase}
.tbn-banner1 .tbn-row1{display:flex;align-items:baseline;gap:16px;font-size:42px;line-height:1;font-weight:700;letter-spacing:1px;text-shadow:1px 1px 1px #fff;color:#0063c1}
.tbn-banner1 .tbn-num{font-size:100px;line-height:.85;font-weight:800;color:#0063c1;letter-spacing:-2px;text-shadow:1px 1px 1px #fff}
.tbn-banner1 .tbn-num sup{font-size:.42em;top:-15px;position:relative;line-height:1}
.tbn-banner1 .tbn-row2{font-size:24px;font-weight:600;letter-spacing:1.5px;margin-top:10px}
.tbn-banner1 .tbn-badges{display:flex;align-items:center;gap:14px;margin-top:24px}
.tbn-banner1 .tbn-badges img{height:42px;width:auto;object-fit:contain}
.tbn-banner1 .tbn-stats{display:flex;gap:48px;margin:26px 0 0;padding:0;list-style:none}
.tbn-banner1 .tbn-stats li{display:flex;flex-direction:column;align-items:flex-start}
.tbn-banner1 .tbn-stats strong{font-size:34px;line-height:1;font-weight:800;color:#0063c1;text-shadow:1px 1px 1px #fff;display:block}
.tbn-banner1 .tbn-stats span{margin-top:8px;padding:9px 14px;font-size:15px;font-weight:600;color:#fff;background:#ffd400;border-radius:26px}
.tbn-banner1 .tbn-note{margin:20% 0 0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.88)}
@media (max-width:1280px){.home-banner .banner-animote.tbn-banner1{zoom:.8}
.tbn-banner1 .tbn-note{margin:12% 0 0}
.tbn-banner1 .tbn-row1{font-size:34px}
.tbn-banner1 .tbn-num{font-size:76px}
.tbn-banner1 .tbn-row2{font-size:20px}
.tbn-banner1 .tbn-stats strong{font-size:28px}}
@media (max-width:768px){.home-banner .banner-animote.tbn-banner1{justify-content:center;text-align:center;padding:0 15px}
.tbn-banner1 .tbn-title{align-items:center}
.tbn-banner1 .tbn-row1{font-size:24px;gap:10px}
.tbn-banner1 .tbn-num{font-size:52px}
.tbn-banner1 .tbn-row2{font-size:14px;letter-spacing:.5px}
.tbn-banner1 .tbn-badges{justify-content:center;gap:8px;margin-top:16px}
.tbn-banner1 .tbn-badges img{height:26px}
.tbn-banner1 .tbn-stats{justify-content:center;gap:24px;margin-top:16px}
.tbn-banner1 .tbn-stats strong{font-size:22px}
.tbn-banner1 .tbn-stats span{font-size:11px;padding:3px 8px}
.tbn-banner1 .tbn-note{margin-top:14px;font-size:12px}}
.home-banner .banner-animote.tbn-banner2{display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:0 70px}
.tbn-badges-boxs{transform:translateX(40px)}
.tbn-banner2 .tbn-banner-box{max-width:800px}
.tbn-banner2 .tbn-bar{display:block;width:60%;height:50px;background:#e60012;margin-bottom:18px;-webkit-clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}
.tbn-banner2 .tbn-title{font-size:44px;line-height:1.1;font-weight:800;font-style:italic;letter-spacing:.5px;color:#fff;text-transform:uppercase;text-shadow:3px 3px 8px rgba(230,0,18,.65),1px 1px 2px rgba(0,0,0,.35)}
.tbn-banner2 .tbn-sub{margin:10px 0 0;font-size:28px;font-weight:600;font-style:italic;color:#fff}
.tbn-banner2 .tbn-feats li{text-shadow:1px 1px 5px rgba(230,0,18,.45),1px 1px 2px rgba(0,0,0,.3)}
.tbn-banner2 .tbn-bar{-webkit-filter:drop-shadow(6px 6px 10px rgba(230,0,18,.35));filter:drop-shadow(6px 6px 10px rgba(230, 0, 18, .35))}
.tbn-banner2 .tbn-feats{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:12px 32px;margin:22px 0 0;padding:0;list-style:none;position:relative;padding-top:25px;padding-left:3%}
.tbn-banner2 .tbn-feats::after{position:absolute;content:'';width:60%;height:6px;background:#e60012;top:0;left:5%}
.tbn-banner2 .tbn-feats li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#fff}
.tbn-banner2 .tbn-check{position:relative;width:18px;height:18px;flex-shrink:0}
.tbn-banner2 .tbn-check::before{content:"";position:absolute;left:6px;top:0;width:5px;height:18px;background:#e60012;transform:skewX(-18deg)}
.tbn-banner2 .tbn-cards{display:flex;align-items:flex-end;gap:16px;margin-top:26px;transform:translateX(-45px)}
.tbn-banner2 .tbn-cards img{height:96px;width:auto;object-fit:contain}
@media (max-width:1280px){.tbn-banner2 .tbn-title{font-size:34px}
.tbn-banner2 .tbn-sub{font-size:16px}
.home-banner .banner-animote.tbn-banner2{zoom:.8}}
@media (max-width:768px){.home-banner .banner-animote.tbn-banner2{padding:0 15px}
.home-banner .banner-animote.tbn-banner2{zoom:.6}
.tbn-banner2 .tbn-title{font-size:24px}
.tbn-banner2 .tbn-sub{font-size:14px}
.tbn-banner2 .tbn-bar{display:none}
.tbn-banner2 .tbn-cards{transform:translateX(0)}
.tbn-banner2 .tbn-feats{grid-template-columns:1fr;gap:8px;margin-top:16px}
.tbn-banner2 .tbn-feats li{font-size:13px}
.tbn-banner2 .tbn-cards{gap:8px;margin-top:16px}
.tbn-banner2 .tbn-cards img{height:56px}}
.home-banner .banner-animote.tbn-banner3{display:flex;align-items:center;justify-content:flex-start;text-align:left;zoom:1.1}
.tbn-banner3 .tbn-banner-box{max-width:560px}
.tbn-banner3 .tbn-title{font-size:52px;line-height:1.05;font-weight:800;font-style:italic;letter-spacing:1px;color:#fff;text-transform:uppercase;text-shadow:0 4px 16px rgba(0,0,0,.4)}
.tbn-banner3 .tbn-label{display:inline-block;margin:16px 0 0;padding:9px 20px;background:#2b4bd8;color:#fff;font-size:16px;font-weight:700;font-style:italic;letter-spacing:.5px;text-transform:uppercase}
.tbn-banner3 .tbn-points{margin:22px 0 0;padding:0;list-style:none}
.tbn-banner3 .tbn-points li{position:relative;padding-left:20px;margin-top:9px;font-size:15px;font-weight:600;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.4)}
.tbn-banner3 .tbn-points li::before{content:"";position:absolute;left:0;top:5px;border-left:7px solid #5b7bf0;border-top:5px solid transparent;border-bottom:5px solid transparent}
.tbn-banner3 .tbn-dash{position:relative;width:360px;max-width:100%;height:2px;margin-top:20px;background-image:linear-gradient(to right,rgba(255,255,255,.85) 55%,transparent 0);background-size:12px 2px;background-repeat:repeat-x}
.tbn-banner3 .tbn-dash::before{content:"";position:absolute;left:0;top:-4px;border-left:9px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.tbn-banner3 .tbn-desc{margin:16px 0 0;max-width:400px;font-size:13px;line-height:1.75;color:rgba(255,255,255,.92)}
.tbn-banner3 .tbn-gallery{position:absolute;right:60px;top:50%;transform:translateY(-50%)}
@media (max-width:1440px){.home-banner .banner-animote.tbn-banner3{left:55%;zoom:.9}}
@media (max-width:1280px){.home-banner .banner-animote.tbn-banner3{left:58%;zoom:.8}
.tbn-banner3 .tbn-gallery{zoom:.8;right:20%}
.tbn-banner3 .tbn-title{font-size:40px}
.tbn-banner3 .tbn-label{font-size:13px}}
@media (max-width:1024px){.tbn-banner3 .tbn-gallery{display:none}
.home-banner .banner-animote.tbn-banner3{padding:0 70px}}
@media (max-width:768px){.home-banner .banner-animote.tbn-banner3{padding:0 15px}
.tbn-banner3 .tbn-title{font-size:26px}
.tbn-banner3 .tbn-label{font-size:12px;padding:6px 12px}
.tbn-banner3 .tbn-points li{font-size:13px}
.tbn-banner3 .tbn-dash{width:100%}
.tbn-banner3 .tbn-desc{font-size:12px}}
.home-banner .banner-animote.tbn-banner4{display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:0 90px;top:37%}
.tbn-banner4 .tbn-banner-box{max-width:660px}
.tbn-banner4 .tbn-title{font-size:40px;line-height:1.15;font-weight:800;font-style:italic;letter-spacing:.5px;color:#fff;text-transform:uppercase;text-shadow:0 4px 14px rgba(0,0,0,.4)}
.tbn-banner4 .tbn-title .tbn-orange{color:#f96a1b}
.tbn-banner4 .tbn-claim{display:flex;align-items:center;gap:10px;margin:20px 0 0;font-size:15px;font-weight:600;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.4)}
.tbn-banner4 .tbn-dot{position:relative;width:16px;height:16px;border-radius:50%;background:#f96a1b;flex-shrink:0}
.tbn-banner4 .tbn-dot::before{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.tbn-banner4 .tbn-btn{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:11px 24px;background:#f96a1b;color:#fff;font-size:14px;font-weight:700;border-radius:4px;transition:background .3s linear}
.tbn-banner4 .tbn-btn:hover{background:#d8550c;color:#fff}
.tbn-banner4 .tbn-buckets{position:absolute;right:70px;bottom:0;display:flex;align-items:flex-end;gap:20px}
.tbn-banner4 .tbn-buckets img{width:auto;object-fit:contain;-webkit-filter:drop-shadow(0 14px 16px rgba(0,0,0,.45));filter:drop-shadow(0 14px 16px rgba(0, 0, 0, .45))}
.tbn-banner4 .tbn-buckets img:first-child{height:120px}
.tbn-banner4 .tbn-buckets img:nth-child(2){height:150px}
.tbn-banner4 .tbn-buckets img:nth-child(3){height:180px}
.tbn-banner4 .tbn-buckets img:nth-child(4){height:215px}
@media (max-width:1280px){.home-banner .banner-animote.tbn-banner4{zoom:.8;padding:0 60px}
.tbn-banner4 .tbn-title{font-size:32px}}
@media (max-width:1024px){.tbn-banner4 .tbn-buckets{display:none}}
@media (max-width:768px){.home-banner .banner-animote.tbn-banner4{padding:0 15px}
.tbn-banner4 .tbn-title{font-size:24px}
.tbn-banner4 .tbn-claim{font-size:13px}
.tbn-banner4 .tbn-btn{padding:9px 18px;font-size:13px}}

.tbn-banner5{position: absolute;width: 100%;top: 50%;left: 15%;display: flex;transform: translateY(-50%);}
.home-banner .banner-animote.tbn-banner5{padding:0 400px 0 130px}
.tbn-banner5 .tbn-side{position:absolute;left:0;top:0;bottom:0;width:74px;background:#2b4bd8}
.tbn-banner5 .tbn-side i{position:absolute;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:#fff}
.tbn-banner5 .tbn-side i:nth-child(1){top:16px}
.tbn-banner5 .tbn-side i:nth-child(2){top:32px}
.tbn-banner5 .tbn-side i:nth-child(3){top:48px}
.tbn-banner5 .tbn-side .tbn-vline{position:absolute;left:50%;transform:translateX(-50%);top:78px;bottom:152px;width:2px;background:rgba(255,255,255,.55)}
.tbn-banner5 .tbn-side .tbn-sideimg{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;width:46px;height:120px;object-fit:cover;border:3px solid #fff}
.tbn-banner5 .tbn-gallery{right:40px;width:400px;height:320px}
.tbn-banner5 .tbn-gallery img:nth-child(1){left:0;top:0;width:200px;height:140px}
.tbn-banner5 .tbn-gallery img:nth-child(2){right:0;top:16px;width:190px;height:130px}
.tbn-banner5 .tbn-gallery img:nth-child(3){right:20px;bottom:0;width:210px;height:120px}
@media (max-width:1600px) {.home-banner .banner-animote.tbn-banner5{zoom: .9;}}
@media (max-width:1280px){.home-banner .banner-animote.tbn-banner5{zoom:.8;padding:0 330px 0 110px}
.tbn-banner5 .tbn-title{font-size:40px}
.tbn-banner5 .tbn-label{font-size:13px}}
@media (max-width:1024px){.tbn-banner5 .tbn-gallery{display:none}
.tbn-banner5{left: 6%;}
.tbn-banner5 .tbn-banner-box{zoom: .8;}
.home-banner .banner-animote.tbn-banner5{padding:0 80px 0 100px}}
@media (max-width:768px){.tbn-banner5 .tbn-side{display:none}
.home-banner .banner-animote.tbn-banner5{padding:0 15px}
.tbn-banner5 .tbn-title{font-size:26px}
.tbn-banner5 .tbn-label{font-size:12px;padding:6px 12px}
.tbn-banner5 .tbn-points li{font-size:13px}
.tbn-banner5 .tbn-desc{font-size:12px}}

@media (min-width:1025px){
 .pagesbanner {padding-top: 100px;background: #000;} 
}