body {
  background: #f3f3f3;
}
.w12{width:1200px;margin:0 auto;}
.banner img { display: block; width: 100%; object-fit: none; }
  .listbox { width: 100%; max-width: 1920px; margin: 55px auto 75px; }
  .listbox .tab { height: 77px; border-bottom: 2px solid #99262a; }
  .listbox .tab .fl { float: left;line-height: 52px; font-size: 26px; font-weight: bold; color: #9C3030; }
  .listbox .tab .fr { float: right; }
  .listbox .tab .fr a { float: left; padding: 6px; width: 83px; line-height: 40px; font-size: 17px; color: #fff; text-align: center; background: #0a58b4; border-radius: 5px; }
  .listbox .tab .fr .select { float: right; margin-left: 14px; height: 52px; position: relative; cursor: pointer; }
  .listbox .tab .fr .select .choose { float: left; width: 136px; height: 40px; padding: 6px; line-height: 40px; font-size: 17px; color: #fff; text-align: center; border-radius: 5px 0 0 5px; background: #0a58b4; }
  .listbox .tab .fr .select .icon { float: right; padding: 6px; width: 40px; line-height: 40px; color: #fff; text-align: center; background: #99262a; border-radius: 0 5px 5px 0;}
  .listbox .tab .fr .select .iconfont{display: inline-block; transition: all .4s;-webkit-transition: all .4s;}
  .listbox .tab .fr .select .selectlist { position: absolute; top: 52px; left: 0; width: 148px; background: #0a58b4; display: none; z-index: 2; }
  .listbox .tab .fr .select .selectlist p { line-height: 40px; font-size: 20px; color: #fff; text-align: center; }
  .listbox .tab .fr .select .selectlist p:hover { color: #fff; background: #99262a; }
  .listbox .tab .fr .select.rotate .iconfont{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
  .listbox .list { margin-top: 54px; }
  .listbox .list .item { display: block; padding: 30px 3% 30px 3.75%; background: #fff; position: relative; border-radius: 5px; margin-bottom: 35px;transition: all .4s;-webkit-transition: all .4s;overflow: hidden;}
  .listbox .list .item .pic { float: left; width: 300px; height: 203px; overflow: hidden; border-radius: 8px; }
  .listbox .list .item .pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .listbox .list .item .info { float: left; padding: 10px 0 0 3%; width: 740px; }
  .listbox .list .item .info .time { height: 38px; }
  .listbox .list .item .info .time .day { float: left; line-height: 38px; font-size: 30px; color: #1f1f1f; font-family: "shuzi1"; font-weight: bold; }
  .listbox .list .item .info .time .year { padding-top: 12px; float: left; margin-left: 30px; line-height: 22px; font-size: 16px; color: #999; font-family: "shuzi1"; font-weight: bold; }
  .listbox .list .item .info .tit { margin-top: 24px; height: 24px; line-height: 24px; font-size: 18px; color: #1f1f1f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .listbox .list .item .info .desc { margin-top: 24px; line-height: 26px; font-size: 15px; color: #999; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .listbox .list .item .iconfont { position: absolute; top: 41px; right: 36px; width: 40px; line-height: 40px; font-size: 24px; text-align: center; background: #0a58b4; color: #fff; border-radius: 50%;}
  .listbox .list .item:hover { background: #99262a; }
  .listbox .list .item:hover .info .time .day { color: #fff; }
  .listbox .list .item:hover .info .time .year { color: #fff; }
  .listbox .list .item:hover .info .tit { color: #fff; } 
  .listbox .list .item:hover .info .desc { color: #fff; } 
  .listbox .list .item:hover .iconfont { background: #fff; color: #99262a; }
  .news { margin: 80px auto; width: 100%; max-width: 1920px; } 
  .news .detail { padding: 60px 45px;margin: 0 auto; background: #fff; border-radius: 5px; } 
  .news .detail .tit { line-height: 30px; font-size: 22px; font-weight: bold; color: #1f1f1f; margin-bottom: 52px; text-align: center;} 
  .news .detail .info { padding: 10px 36px; height: 36px; background: #f6f4f4; } 
  .news .detail .info .time { float: left; } 
  .news .detail .info .time .iconfont { float: left; line-height: 36px; font-size: 18px; color: #999; margin-right: 5px; } 
  .news .detail .info .time span { float: left; line-height: 36px; font-size: 14px; color: #666; } 
  .news .detail .info .look { float: left; margin-left: 20px; } 
  .news .detail .info .look .iconfont { float: left; line-height: 36px; font-size: 16px; color: #999; margin-right: 5px; } 
  .news .detail .info .look span { float: left; line-height: 36px; font-size: 14px; color: #666; } 
  .news .detail .info a { float: right; line-height: 36px; font-size: 14px; color: #bbb; } 
  .news .detail .cont { margin-top: 50px; }
  .news .detail .cont p, .news .detail .cont span{font-size:16px;line-height:35px;color:#1f1f1f;} 
  .news .detail .cont p img{height:auto!important;max-width: 100%;}
  .news .detail .cont * { max-width: 100%; } 
  .news .other { width: 1040px; margin: 36px auto 0;padding-right:160px;position: relative;}
  .news .other .fl p { line-height: 35px; font-size: 15px; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
  .news .other .fl p a { color: #666; } 
  .news .other .btn {position:absolute;top:0;right:0;padding: 10px; width: 135px; height: 35px; line-height: 35px; font-size: 15px; color: #666; text-align: center; border-radius: 5px; background: #fff; }
@media screen and (max-width: 1220px) {
    .banner { height: 4rem; }
    .banner img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .w12{width:98%;margin:0 auto;}
    .listbox .list .item .info{width:62%;}
    .listbox{margin:30px 0 50px;}
    .news { margin: 40px auto; } 
    .news .other{width:100%;box-sizing: border-box;}
    .news .detail {padding: 40px 25px;}
    .news .detail .tit{margin-bottom:32px;}
  }
@media screen and (max-width: 992px) {
  .listbox .list .item .pic{width:35%;height:185px;}
}
@media screen and (max-width: 768px) {
  .listbox { margin: 0.3rem 0; } 
  .listbox .tab { height: 0.9rem; display: flex; justify-content: space-between; border-bottom: 0.02rem solid #99262a; } 
  .listbox .tab .fl { line-height: 0.7rem; font-size: 0.34rem; font-weight: bold; color: #333; } 
  .listbox .tab .fr { height: 0.7rem; display: inline-flex; } 
  .listbox .tab .fr a { width: 1.2rem; line-height: 0.7rem; font-size: 0.28rem; color: #fff; text-align: center; background: #0a58b4; border-radius: 0.04rem;padding:0; } 
  .listbox .tab .fr .select { margin-left: 0.2rem; height: 0.7rem; display: inline-flex; position: relative; cursor: pointer; } 
  .listbox .tab .fr .select .choose { width: 1.8rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.28rem; color: #fff; text-align: center; border-radius: 0.06rem 0 0 0.06rem; background: #0a58b4;padding:0; } 
  .listbox .tab .fr .select .icon { width: 0.7rem; line-height: 0.7rem; font-size: 0.3rem; color: #fff; text-align: center; background: #99262a; border-radius: 0 0.06rem 0.06rem 0; padding:0;} 
  .listbox .tab .fr .select .iconfont{font-size:.24rem;}
  .listbox .tab .fr .select .selectlist { position: absolute; top: 0.7rem; left: 0; width: 1.8rem; background: #0a58b4; display: none; z-index: 2; } 
  .listbox .tab .fr .select .selectlist p { line-height: 0.6rem; font-size: 0.3rem; color: #fff; text-align: center; } 
  .listbox .tab .fr .select .selectlist p:hover { color: #fff; background: #99262a; } 
  .listbox .list { margin-top: 0.3rem; } 
  .listbox .list .item { display: flex; padding: 0.2rem; background: #fff; position: relative; border-radius: 0.04rem; margin-bottom: 0.25rem; transition: all .1s;
    -webkit-transition: all .1s;} 
  .listbox .list .item .pic {width: 2.4rem;height: 1.72rem; overflow: hidden; border-radius: 0.04rem; flex-shrink: 0;} 
  .listbox .list .item .pic img { display: block; width: 100%; height: 100%; object-fit: cover; } 
  .listbox .list .item .info { width: 4.5rem; padding-left: 0.2rem; box-sizing: border-box;padding-top:0; } 
  .listbox .list .item .info .time { height: 0.5rem; } 
  .listbox .list .item .info .time .day { float: left; line-height: 0.5rem; font-size: 0.36rem; color: #1f1f1f; font-family: "shuzi1"; font-weight: bold; } 
  .listbox .list .item .info .time .year { padding-top: 0.1rem; float: left; margin-left: 0.15rem; line-height: 0.36rem; font-size: 0.24rem; color: #999; font-family: "shuzi1"; font-weight: bold; } 
  .listbox .list .item .info .tit { margin-top: 0.1rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; color: #1f1f1f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
  .listbox .list .item .info .desc { margin-top: 0.1rem; line-height: 0.44rem; font-size: 0.26rem; color: #999; height: 0.44rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } 
  .listbox .list .item .iconfont { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.5rem; line-height: 0.5rem; font-size: 0.22rem; text-align: center; background: #0a58b4; color: #fff; border-radius: 50%; }

}

 

@media screen and (max-width: 768px) {
  .news { margin: 0.4rem 0; } 
  .news .detail { padding: 0.3rem .2rem; background: #fff; } 
  .news .detail .tit { line-height: 0.5rem; font-size: 0.34rem; font-weight: bold; color: #1f1f1f; margin-bottom: 0.2rem; } 
  .news .detail .info { padding: 0 0.1rem; height: 0.6rem; background: #f6f4f4; } 
  .news .detail .info .time { float: left; height: 0.6rem; display: inline-flex; align-items: center; } 
  .news .detail .info .time .iconfont { font-size: 0.24rem; color: #999; margin-right: 0.06rem; } 
  .news .detail .info .time span { font-size: 0.24rem; color: #666; } 
  .news .detail .info .look { float: left; margin-left: 0.2rem; height: 0.6rem; display: inline-flex; align-items: center; } 
  .news .detail .info .look .iconfont { font-size: 0.24rem; color: #999; margin-right: 0.06rem; } 
  .news .detail .info .look span { font-size: 0.24rem; color: #666; } 
  .news .detail .info a { float: right; line-height: 0.6rem; font-size: 0.26rem; color: #bbb; } 
  .news .detail .cont { margin-top: 0.2rem; } 
  .news .detail .cont * { word-break: break-all; max-width: 100%; } 
  .news .other { margin: 0.3rem 0 0; display: flex; justify-content: space-between; align-items: center; padding:0;} 
  .news .other .fl { width: 5rem; margin-right: 0.2rem;} 
  .news .other .fl p { line-height: 0.5rem; font-size: 0.28rem; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
  .news .other .fl p a { color: #666; } 
  .news .other .btn { width: 1.6rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; color: #666; text-align: center; border-radius: 0.04rem; background: #fff; padding:0;}
}