.shadow{box-shadow: 0 8px 16px 0 #ddd;}
.top-banner{background: url(https://img.zqy.com/publicImage/202512/6780151d79d140cab10b84cb51ec8050.jpg) center no-repeat; height: 220px;}
.tabs{display: flex; justify-content: space-evenly;}
.tab a{color: #666;position: relative;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tab a:before{position: absolute;bottom: -17px;content: "";left: 50%;width: 0;height: 3px;border-radius: 3px; background: #326cf6;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.tab1 a:before{bottom: -10px;}
.tab a:hover{color: #326cf6; font-weight: bold;}
.tab a:hover:before, .tab a.active:before{left: 0; width: 100%; }
.tab a.active{color: #326cf6; font-weight: bold;}

.list li a{display: flex; padding: 10px 15px 10px 20px; justify-content: center; align-items: center;}
.list li a .relative{width: 226px; height: 150px; overflow: hidden; border-radius: 6px;}
.list li a .relative img{width: 226px; height: 150px; border-radius: 6px;}
.list li a .inr{display: flex; flex-direction: column; flex: 1;}
.list li a .inr .tit{display: flex; justify-content: space-between;}
.list li a .inr .tit p{max-width: 700px; font-size: 20px; color: #333;}
.list li a .inr .tit span{color: #ff6200; font-weight: bold;}
.list li a .lines{font-size: 14px; margin-bottom: 5px; line-height: 22px; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 15px 0; color: #666;}
.list li a .inr-bot{display: flex; align-items: center;}
.list li a .inr-bot .touxiang{background: url(/images/ter-bg.png) center no-repeat; width: 40px; height: 40px; text-align: center; padding-top: 4px; box-sizing: border-box;}
.list li a .inr-bot .introduce{background: #ffece0; color: #ff6200; padding: 4px 5px; border-radius: 14px;}
.numb{font-size: 26px; color: #666; font-weight: bold; width:80px}