﻿@charset "utf-8"; 
:root{--color:#243166}
.pagesbanner .pagesbanner-animate{top:65%}
.pagesbanner .pagesbanner-animate .p1{color:#eff0f2;font-size:55px;font-weight:var(--fontbold7);line-height:1.1}
.pagesbanner .pagesbanner-animate .p2{color:#fff;font-size:30px;line-height:1.2;font-weight:var(--fontbold7);display:flex;align-items:center;justify-content:center}
.pagesbanner .pagesbanner-animate .p2 p{margin:0 15px}
.pagesbanner .pagesbanner-animate .p2 span{display:inline-block;width:20px;height:20px;background-color:transparent;border-color:#2be0fb;border-style:solid;border-width:6px 6px 0 0;border-radius:5px}
.pagesbanner .pagesbanner-animate .p2 span:nth-child(1){transform:rotate(45deg)}
.pagesbanner .pagesbanner-animate .p2 span:nth-child(3){transform:rotate(-135deg)}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:45px}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize26)}}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate{top:68%}
.pagesbanner .pagesbanner-animate .p1{font-size:36px}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize22);margin-top:10px}
.pagesbanner .pagesbanner-animate .p2 p{margin:0 8px}
.pagesbanner .pagesbanner-animate .p2 span{width:15px;height:15px;border-width:5px 5px 0 0;border-radius:4px}}
@media (max-width:1280px){.pagesbanner .pagesbanner-animate{top:74%}
.pagesbanner .pagesbanner-animate .p1{font-size:30px}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize17)}
.pagesbanner .pagesbanner-animate .p2 p{margin:0 8px}
.pagesbanner .pagesbanner-animate .p2 span{width:13px;height:13px;border-width:4px 4px 0 0}
}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{top:50%}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:34px}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize18);line-height:1.3}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize24)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize15)}
.pagesbanner .pagesbanner-animate .p2 p{margin:0}
.pagesbanner .pagesbanner-animate .p2 span{width:14px;height:12px;border-width:4px 4px 0 0;border-radius:2px}}
