.pagesbanner .pagesbanner-animate{left: 0;transform:translate(0,-50%);text-align: left;max-width: 42%;padding-left:5%;color:#fff}
.pagesbanner .pagesbanner-animate .p1{font-size:44px;font-weight:var(--fontbold7)}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:40px;}}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate .p1{font-size:32px;}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize24)}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p2{display:none;}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize16)}}
.foot-share{margin-top:20px}
.foot-share ul{display:flex;flex-wrap:wrap}
.foot-share ul li{list-style:none}
.foot-share ul a{margin-left:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#FFFFFF;background-color:var(--footercolor);transition:all .1s linear}
.foot-share ul a:hover{background-color:var(--color)}