body {
  background: #F3F3F3;
}
  .w12{width:1200px;margin:0 auto;}
  .banner img { display: block; width: 100%; object-fit: none; }
  .box1{padding:70px 0;}
  .box1 h2{font-size:26px;color:#9C3030;font-weight:bold;text-align: center;padding-bottom:36px;border-bottom:2px solid #99262A;margin-bottom:45px;}
  .recommend{overflow: hidden;}
  .recommend .fl{float:left;width:48.33%;position: relative;border-radius: 8px;}
  .recommend .fl:last-child{float:right;}
  .recommend .fl .img img{width:100%;border-radius: 8px;display:block;}
  .recommend .fl .txt{position: absolute;bottom:0;height:89px;left:0;width:100%;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(58, 58, 58, 0.48) 48%, #171717 100%);border-radius: 0 0 8px 8px;}
  .recommend .fl .txt h3{font-size:20px;margin-top:42px;color:#fff;margin-left:4.8%;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .list{margin-top:45px;}
  .list ul {overflow: hidden;}
  .list ul li{float:left;width:31.83%;margin-right:2.25%;margin-bottom:42px;border-radius: 5px;overflow: hidden;}
  .list ul li:nth-child(3n){margin-right:0;}
  .list ul li .img{overflow: hidden;}
  .list ul li .img img{transition: all .4s;-webkit-transition: all .4s;width:100%;display: block;}
  .list ul li .txt{padding:20px 50px 20px 5.23%;background:#fff;position: relative;}
  .list ul li .txt h4{font-size:16px;color:#333;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .list ul li .txt .iconfont{position: absolute;width:30px;height:30px;border-radius: 50%;position: absolute;background:#0A58B4;font-size:16px;color:#fff;line-height:30px;position: absolute;top:20px;right:20px;transition: all .4s;-webkit-transition: all .4s;text-align: center;}
  .list ul li a:hover .img img{transform: scale(1.1);-webkit-transform:scale(1.1);}
  .list ul li a:hover .txt .iconfont{background:#9C3030;}
  .loadmore{text-align: center;}
  .load_btn{width:231px;height:60px;margin:0 auto;background:#9C3030;border-radius: 60px;line-height:60px;text-align: center;font-size:16px;color:#fff;cursor: pointer;}
  .load_btn .iconfont{font-size:12px;margin-left:10px;}
@media screen and (max-width: 1220px){
  .banner { width: 100%; height: 4rem; }
  .banner img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .w12{width:98%;margin:0 auto;}
  .box1{padding:40px 0;}
}
@media screen and (max-width: 768px) {
  .banner { width: 100%; height: 4rem; }
  .banner img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .box1{padding:.3rem 0 .5rem;}
  .box1 h2{font-size:.38rem;padding-bottom:.2rem;margin-bottom:.3rem;}
  .recommend .fl{width:98%;border-radius: .08rem;float:none!important;margin:0 auto .2rem;}
  .recommend .fl .txt {height: 1.08rem;border-radius: 0 0 .08rem .08rem;}
  .recommend .fl .txt h3 {font-size: .3rem;margin-top: .4rem;}
  .list{margin-top:.16rem;}
  .list ul li{width:3.6rem;margin-right:.15rem;margin-bottom:.36rem;}
  .list ul li:nth-child(2n){margin-right:0;}
  .list ul li:nth-child(3n){margin-right:.15rem;}
  .list ul li:nth-child(6n){margin-right:0;}
  .list ul li .txt { padding: .2rem .5rem .2rem .1rem;}
  .list ul li .txt h4 {font-size: .28rem;line-height: .42rem;}
  .list ul li .txt .iconfont{width:.4rem;height:.4rem;line-height:.4rem;font-size:.24rem;top:.21rem;right:.1rem;}
  .load_btn{width: 2.6rem;height: .74rem;display: block;border-radius: .39rem;line-height: .74rem;margin: 0 auto;font-size: .26rem;}
  .load_btn .iconfont{font-size:.2rem;margin-left:.1rem;}
}