﻿@media (min-width:1025px) {
.home-cate .list{padding-left: 0;}
.home-cate .list li:nth-child(1){position: relative;width: 32%;aspect-ratio:7/6}
.home-cate .list li{width: 32%;}
}
.home-banner .swiper-slide>a::after{display:none}
.home-banner .ban{position:absolute;color:#fff;opacity:0}
.home-banner .swiper-slide-active .ban{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
@keyframes bannerimg{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
.home-banner .ban1{top:40%;right:8%;width:32%;text-align:right}
.home-banner .ban1 .p1,.home-banner .ban3 .p1{font-size:var(--fontsize30);font-weight:700;letter-spacing:5px}
.home-banner .ban1 .p1 span,.home-banner .ban3 .p1 span{font-size:36px}
.home-banner .ban1 .p2{margin:10px 0 30px;font-size:var(--fontsize22);line-height:2}
.home-banner .home-more{font-weight:700;padding-right:35px;background:linear-gradient(to bottom,#0092c1,#04449e);min-width:200px;height:35px;border-radius:30px}
.home-banner .home-more::after{display:none}
.home-banner .home-more::before{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:0;height:0;border-width:6px 0 6px 9px;border-style:solid;border-color:transparent transparent transparent #fff}
.home-banner .ban2{bottom:19%;left:50%;transform:translateX(-50%)}
.home-banner .ban3{width:100%;bottom:10%;left:50%;transform:translateX(-50%);color:#000;text-align:center}
.home-banner .ban3 .text{position:relative;z-index:2}
.home-banner .ban3 .p2{margin:10px 0 25px;font-size:var(--fontsize22)}
.home-banner .ban3 .p4{position:absolute;top:-15%;left:50%;transform:translateX(-50%);font-size:80px;opacity:.1;line-height:1;letter-spacing:5px;z-index:1}
@media (max-width:1440px){.home-banner .ban1{width:45%}
.home-banner .ban1 .p1,.home-banner .ban3 .p1{font-size:var(--fontsize26)}
.home-banner .ban1 .p1 span,.home-banner .ban3 .p1 span{font-size:var(--fontsize30)}
.home-banner .ban1 .p2{margin:5px 0 20px;font-size:var(--fontsize20)}
.home-banner .ban3 .p2{margin:5px 0 20px;font-size:var(--fontsize20)}
.home-banner .ban3 .p4{font-size:70px}
}
@media (max-width:1024px){.home-banner .ban1 .p1,.home-banner .ban3 .p1{font-size:var(--fontsize22);line-height:1.4}
.home-banner .ban1 .p1 span,.home-banner .ban3 .p1 span{font-size:var(--fontsize26)}
.home-banner .ban1 .p2{margin:5px 0 15px;font-size:var(--fontsize16);line-height:1.8}
.home-banner .home-more{height:30px;font-size:var(--fontsize14);min-width:160px}
.home-banner .home-more::before{border-width:4px 0 4px 7px}
.home-banner .ban3{bottom:13%}
.home-banner .ban3 .p2{margin:5px 0 15px;font-size:var(--fontsize18);line-height:1.5}
.home-banner .ban3 .p4{font-size:60px}
}
@media (max-width:768px){.home-banner .ban1{top:45%}
.home-banner .ban1 .p2{display:none}
.home-banner .home-more{margin-top:10px}
.home-banner .ban3 .p2{margin:5px 0;font-size:var(--fontsize16)}
.home-banner .ban3 .p4{font-size:50px}
}
@media (max-width:540px){.home-banner .ban1{width:100%}
.home-banner .ban1 .p1,.home-banner .ban3 .p1{font-size:var(--fontsize16)}
.home-banner .ban1 .p1 span,.home-banner .ban3 .p1 span{font-size:var(--fontsize20)}
.home-banner .home-more{height:26px;font-size:var(--fontsize12);min-width:100px;padding:0 20px 0 10px}
.home-banner .home-more::before{border-width:3px 0 3px 6px;right:10px}
.home-banner .ban3 .p2{display:none}
.home-banner .ban3 .p4{font-size:36px;letter-spacing:normal}
}
