﻿.pagesbanner .pagesbanner-animate{transform:translateY(-50%);left:5%;top:50%;width: 580px;max-width: 50%;}
.pagesbanner .pagesbanner-animate .p1{text-align: left;line-height: 1;font-size: 80px;color:var(--fontcolor)}
.pagesbanner .pagesbanner-animate .p1 strong{font-size: 120px;}
.pagesbanner .pagesbanner-animate .p2{margin-top: 0;text-align: left;line-height: 1;font-size: 22px;color:var(--fontcolor)}
.pagesbanner-animate .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.pagesbanner-animate .box .item{width: 48%;background: #000000;padding: 8px 0;border-radius: 5px;margin-bottom: 20px;font-size: 20px;}
@media (max-width:1440px) {.pagesbanner .pagesbanner-animate .p1{text-align: left;line-height: 1;font-size: 60px;}
.pagesbanner .pagesbanner-animate .p1 strong{font-size: 80px;}
.pagesbanner .pagesbanner-animate .p2{font-size:16px;}
.pagesbanner-animate .box .item{padding: 8px 10px;font-size: 16px;}
.pagesbanner .pagesbanner-animate{width:450px}}
@media (max-width:1024px) {.pagesbanner-animate{display: none;}}
@media (min-width: 1025px) {
.page-nav .pagenav-catelist {display: grid;gap:2%;grid-template-columns: repeat(3,1fr);}
.page-nav .pagenav-catelist>li{width: 100%;margin: 0;}
.page-nav .pagenav-catelist>li:nth-child(n+4){margin-top:1em}
.page-nav .pagenav-catelist>li#LeftNavCat4{order: 1;}
}
@media (max-width: 1024px) {
.pagesbanner-animate {display: block;}
.pagesbanner .pagesbanner-animate{max-width: 55vw;left: 2vw;padding-left: 0;}
.pagesbanner .pagesbanner-animate .p1{font-size: 2.5vw;}
.pagesbanner-animate .box{margin-top: 1vw;}
.pagesbanner-animate .box .item{margin-bottom: 0.5vw;font-size:2vw;padding: 0.5vw 1vw;}
.pagesbanner .pagesbanner-animate .p2{font-size: 2vw;}
.pagesbanner .pagesbanner-animate .p1 strong{font-size: 5vw;}
}