#indexbanner .swiper-slide>a::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height:100%;background:rgba(0, 0, 0, .4);z-index: 1;}
#indexbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#F3F3F3;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards;z-index:2}
#indexbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5,500);line-height:1.2}
#indexbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4,400)}
@keyframes pagesbanner{0%{margin-top:20px;opacity:0}100%{margin-top:0px;opacity:1}}
@media (max-width:1024px){
#indexbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
#indexbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}}
@media (max-width:768px){
#indexbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
#indexbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}}

#indexbanner .pagesbanner-animate{text-align:left}
#indexbanner .pagesbanner-animate .p1{font-weight: var(--fontbold7);font-size:36px;}
#indexbanner .pagesbanner-animate .p2{max-width:85%;font-size:24px;margin:1% 0;}
#indexbanner .pagesbanner-animate .p4{font-size:24px;}
#indexbanner .pagesbanner-animate .p4 span{margin-right:5px;}
#indexbanner .pagesbanner-animate .p3{margin-top:2%;}
#indexbanner .pagesbanner-animate .p3 a{display:inline-block;padding:5px 20px;color:#fff;background: #BB968D;border-radius: 5px;font-size:20px;transition: all .3s;}
#indexbanner .pagesbanner-animate .p3 a:hover{background: #fff;color:#000;}
@media (max-width:1600px){#indexbanner .pagesbanner-animate .p1{font-size:2.2vw;}
#indexbanner .pagesbanner-animate .p2,#indexbanner .pagesbanner-animate .p4{font-size:1.3vw;}
#indexbanner .pagesbanner-animate .p3 a{font-size:1.15vw}}
@media (max-width:768px){#indexbanner .pagesbanner-animate .p1{font-size:20px;}
#indexbanner .pagesbanner-animate .p2,#indexbanner .pagesbanner-animate .p4{font-size:12px;}
#indexbanner .pagesbanner-animate .p2{max-width:100%;}
#indexbanner .pagesbanner-animate .p3 a{display:none}}
@media (max-width:600px){#indexbanner .pagesbanner-animate .p4{display:none;}
#indexbanner .pagesbanner-animate .p1{font-size:15px;}
#indexbanner .pagesbanner-animate .p2{line-height:1.1}}