.home-cate{position:relative;padding:4% 0}
.home-cate{background:#f5f5f5}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color)}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#fff;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%}
.home-cate .catelist ul li:nth-child(3n){margin-right:0}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}
}@media(max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0}
}@media(max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}
}@media(max-width:768px){.home-cate{padding:40px 0}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px}
}

.home-banner .ban{position:absolute;opacity:0}
.home-banner .swiper-slide-active .ban{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-left:-30px}
100%{opacity:1;margin-left:0}
}
.home-banner .ban.ban1{top:13%;left:50%;transform:translateX(-50%);color:#fff;text-align:center;line-height:1.2}
.home-banner .ban.ban1 .p1{font-size:40px;font-weight:700}
.home-banner .ban.ban1 .p1 span{color:#c70211}
.home-banner .ban.ban1 .p2{margin:15px 0 20px;font-size:var(--fontsize20)}
.home-banner .ban.ban1 .more{color:#fff;background:#013592;width:160px;height:35px;border-radius:25px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.home-banner .ban.ban1-list{padding:0 20px;bottom:10%;left:50%;transform:translateX(-50%);line-height:1.2;display:flex;justify-content:space-between;list-style:none;background:#ebebed;border-radius:55px;width:75%}
.home-banner .ban.ban1-list::after{content:"";position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:100%;background:#ebebed;opacity:.6;border-radius:75px;z-index:1}
.home-banner .ban.ban1-list li{padding:20px 15px;flex:1;text-align:center;display:flex;flex-direction:column;z-index:2}
.home-banner .ban.ban1-list li .p1{position:relative;color:#ca0316;font-size:30px;font-weight:700}
.home-banner .ban.ban1-list li .p1 sup{position:absolute;line-height:1}
.home-banner .ban.ban1-list li .p2{flex:1;color:#79797c}
.home-banner .ban.ban2{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.2}
.home-banner .ban.ban2 .p1{font-size:40px;font-weight:700}
.home-banner .ban.ban2 .p2{margin:15px 0 20px;font-size:var(--fontsize20)}
.home-banner .ban.ban2 .more{color:#fff;background:#013592;width:135px;height:35px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.home-banner .ban.ban3{top:50%;left:160px;right:160px;transform:translateY(-50%);width:100%;max-width:1400px;line-height:1.2}
.home-banner .ban.ban3 .p1{font-size:40px;font-weight:700}
.home-banner .ban.ban3 .p2{position:relative;display:inline-block;margin:15px 0 75px;font-size:44px;font-weight:lighter}
.home-banner .ban.ban3 .p2::after{content:"";position:absolute;bottom:0;right:0;width:25%;height:5px;background:#013592}
.home-banner .ban.ban3 .btn{display:flex}
.home-banner .ban.ban3 .more{font-weight:700;width:135px;height:35px;display:flex;justify-content:center;align-items:center}
.home-banner .ban.ban3 .more1{color:#fff;background:#013592}
.home-banner .ban.ban3 .more2{color:#013592;border:1px solid #013592}
@media (max-width:1600px){.home-banner .ban.ban1 .p1{font-size:2.6vw}
.home-banner .ban.ban1 .p2{margin:.7vw 0 1.1vw;font-size:1.4vw}
.home-banner .ban.ban1 .more{width:12vw;height:2.5vw;font-size:1vw}
.home-banner .ban.ban1-list{border-radius:4vw}
.home-banner .ban.ban1-list::after{border-radius:4vw;width:calc(100% + 2.6vw);left:-1.3vw}
.home-banner .ban.ban1-list li{padding:1.2vw 1vw}
.home-banner .ban.ban1-list li .p1{font-size:2vw}
.home-banner .ban.ban1-list li .p2{font-size:1vw}
.home-banner .ban.ban2{top:53%;line-height:normal}
.home-banner .ban.ban2 .p1{font-size:2.6vw}
.home-banner .ban.ban2 .p2{margin:.7vw 0 1.1vw;font-size:1.4vw}
.home-banner .ban.ban2 .more{width:8.5vw;height:2.2vw;font-size:1vw}
.home-banner .ban.ban3 .p1{font-size:2.6vw}
.home-banner .ban.ban3 .p2{font-size:2.8vw;margin:1vw 0 4.5vw}
.home-banner .ban.ban3 .p2::after{height:.3vw}
.home-banner .ban.ban3 .more{width:8.5vw;height:2.2vw;font-size:1vw}
}
@media (max-width:1024px){.home-banner .ban.ban1 .p1{font-size:3vw}
.home-banner .ban.ban1 .p2{font-size:1.6vw}
.home-banner .ban.ban1 .more{font-size:1.3vw}
.home-banner .ban.ban3{left:15px}
.home-banner .ban.ban3 .p2{margin:1vw 0 3.5vw}
.home-banner .ban.ban3 .more{width:11vw;height:3vw;font-size:1.3vw}
}
@media (max-width:768px){.home-banner .ban.ban1 .p2{margin:0 0 .8vw}
.home-banner .ban.ban2 .p2{margin:0 0 .8vw}
}
@media (max-width:500px){.home-banner .ban.ban1 .p1{font-size:2vw}
.home-banner .ban.ban1 .p2{font-size:1.2vw}
.home-banner .ban.ban1 .more{font-size:1vw}
.home-banner .ban.ban2 .p1{font-size:2vw}
.home-banner .ban.ban2 .p2{font-size:1.2vw}
.home-banner .ban.ban2 .more{font-size:1vw}
}