@charset "utf-8"; 
:root{--color:#d20b10;}
.pagesbanner img{height:auto;min-height: inherit;}
.pagesbanner .pagesbanner-animate{top:20%;padding:0;color:var(--fontcolor);text-align:left;padding-left:10%;display:flex;flex-direction: column;align-items: flex-start;transform: initial;left:0;line-height:1;}
.pagesbanner .pagesbanner-animate .tit{font-weight: var(--fontbold7);font-size:54px;text-transform: uppercase;margin-bottom:1%;}
.pagesbanner .pagesbanner-animate .des{display:inline-block;background:var(--color);color:#fff;padding:1% 3% 1% 2%;border-bottom-right-radius: 50px;margin:3% 0 1%;font-size:30px;}
.pagesbanner .pagesbanner-animate .art{padding:1% 2%;border-top:1px solid #000;border-bottom:1px solid #000;display:inline-block;font-size:30px;}
@media (max-width:2500px){.pagesbanner .pagesbanner-animate .tit{font-size:2.2vw;}
.pagesbanner .pagesbanner-animate .des{font-size:1.2vw}
.pagesbanner .pagesbanner-animate .art{font-size:1.2vw}}
@media (max-width:768px){.pagesbanner{min-height:initial}
.pagesbanner .pagesbanner-animate .tit{font-size:18px;}
.pagesbanner .pagesbanner-animate .des{font-size:12px;margin-top:1%;}
.pagesbanner .pagesbanner-animate .art{font-size:12px}}
@media (max-width:600px){.pagesbanner .pagesbanner-animate{top:30%;}
.pagesbanner .pagesbanner-animate .des,.pagesbanner .pagesbanner-animate .art{display:none;}
.pagesbanner .pagesbanner-animate .tit{font-size:14px;max-width:50%}}
@media (min-width:1025px){footer .foot-share ul li a{width:60px;height:60px;}
footer .foot-share ul li a .iconfont{font-size:52px;}}