@charset "utf-8";
@import "2022_reset.css";
@import "2022_header.css";
@import "2022_footer.css";

body {background: #f3f3f3;}
.middle {background: #ffffff;padding: 10px 30px 10px 30px;min-height: 400px;}
.infoBox {width: 100%;overflow: hidden;}
.infoRight {width: auto;position: relative;overflow: hidden;}
.infoRight h1 {width: 100%;border-bottom: 1px solid #ccc;text-align: center;}
.infoTitle>a.on,
.infoTitle>a:hover {color: #00479d;border-bottom: 2px solid #306396;}
.infoTitle>a {display: block;width:90px;height: 58px;font-size: 17px;padding: 0 15px;line-height: 60px;font-weight: bold;}

.ZtzlPicList{min-height: calc(100vh - 789px);margin: 0 auto;overflow: hidden;}
.ZtzlPicList>ul{ width: 105%;}
.ZtzlPicList li{position: relative;overflow: hidden;float: left;width: 275px;margin-right: 33px;margin-top: 15px;margin-bottom: 15px;/* background: #f6f6f6; */}
.ZtzlPicList li p{display: block;position: relative;overflow: hidden;height: 90px;}
.ZtzlPicList li p img{width: 100%;height: 100%;display: block;transform: none;}
.ZtzlPicList li span{display: block;line-height: 1.5;font-size: 14px;text-align: center;padding: 9px 0;}
.ZtzlPicList li span:after{content: "";transition: all .5s ease;position:absolute;left:0;bottom:0;width:0px;height: 2px;background-color: #084fa4;box-shadow: 0 -1px 27px 2px #b0cae9;}
.ZtzlPicList li:hover span:after{ width:100%;}
.ZtzlPicList li.clear{ width: 100%; margin: 0;}
.ZtzlPicList li.appbr{ display: none;}