.banner{width:100%;height:4rem;background-size:auto 100%;object-fit:cover;background-position:center;margin-top:84px;}
.lines1{width:19.2rem;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;position:sticky;top:84px;z-index:2;background: #fff}
.lines1 .ls{width:3.36rem;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lines1 .ls .title{font-size:18px;font-weight:700;color:#333}
.lines1 .ls .remark{font-size:12px;color:#999;text-transform:uppercase;line-height:24px}
.lines1 .ls.ls-active{background-color:#999}
.lines1 .ls.ls-active .title{color:#fff}
.lines1 .ls.ls-active .remark{color:#fff;}
.cons{margin:.35rem auto auto;width:15.2rem;display:flex;flex-wrap:wrap}
.cons .lis{width:4.96rem;display:flex;flex-direction:column;margin-bottom:.65rem;background-color:#f7f8fa}
.cons .lis:not(:nth-of-type(3n)){margin-right:calc((15.2rem - (4.96rem * 3))/ 2)}
.cons .lis .img{width:100%;font-size:0;height:2.8rem}
.cons .lis .img img{width:100%;max-height:100%}
.cons .lis .remark{width:100%;background-color:#f7f8fa;padding:0 .24rem;box-sizing:border-box;padding-bottom:.44rem}
.cons .lis .remark .title{font-size:18px;color:#333;text-overflow:ellipsis;max-width:95%;padding:.3rem 0 .4rem;box-sizing:border-box;white-space:nowrap;overflow:hidden}
.cons .lis:hover .remark .title{font-weight:700}
.cons .lis .remark .detail{display:flex;justify-content:space-between;align-items:flex-end}
.cons .lis .remark .detail .more{display:flex;justify-content:space-evenly;font-size:16px;color:#fff;width:120px;line-height:40px;align-items:center;background-color:#999;border-radius:5px;transition:.5s}
.cons .lis:hover .remark .detail .more{color:#fff;background-color:#0059df}
.cons .lis .remark .detail .time{display:flex;font-size:14px;color:#999;align-items:center}
.cons .lis .remark .detail .time img{padding-right:8px}
.infomations{padding:.4rem 0;width:15.2rem;margin:auto}
.infomations .title{text-align:center;font-size:.32rem;color:#222;line-height:.9rem;font-weight:bold}
.infomations .lines{display:flex;width:100%;background-color:rgba(0,89,223,.08);height:.8rem;justify-content:center}
.infomations .lines .icon{line-height:.8rem;height:100%;display:flex;align-items:center;font-size:18px;color:#222;width:3.36rem;white-space:nowrap}
.infomations .lines .icon:nth-of-type(1){justify-content:center}
.infomations .lines .icon img{width:auto;padding:0 10px}
.infomations .infos{font-size:18px}
.infomations .list{display:flex;justify-content:space-between;margin:.6rem auto .4rem}
.infomations .list .left{display:flex;flex-direction:column;max-width:50%}
.infomations .list .left .lsa{font-size:16px;color:#222;/*max-width:500px;*/overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.infomations .list .left a.lsa{cursor:pointer;}
.infomations .list .left a.lsa:hover{text-decoration: underline}
.infomations .list .right{display:flex;width:190px;height:55px;padding:0 20px 0;box-sizing:border-box;color:#fff;background-color:#999;border-radius:5px;align-items:center;justify-content:space-between;cursor:pointer}
.infomations .list .right .l-left{display:flex;flex-direction:column}
.infomations .list .right .l-left .s-title{font-size:16px}
.infomations .list .right .l-left .s-desc{font-size:12px;text-transform:uppercase}
.infomations .list .right .l-right{font-size:0}
.recommend{width:15.2rem;margin:auto}
.recommend .top{display:flex;align-items:flex-end;justify-content:space-between}
.recommend .top .r1{display:flex;align-items:flex-end}
.recommend .top .r1 .r-title{font-size:.24rem;color:#222;min-width:100px}
.recommend .top .r1 .r-desc{font-size:14px;color:#222;text-transform:uppercase;opacity:.7;padding:0 10px}
.recommend .top:after{content:'';display:block;width:12.5rem;height:1px;background-color:#ddd}
.recommend .bottom{width:100%;display:flex;margin:.45rem auto}
.recommend .bottom .lsb{display:flex;flex-direction:column;width:3.44rem}
.recommend .bottom .lsb:not(:nth-last-of-type(1)){margin-right:calc((100% - (3.44rem * 4))/ 3)}
.recommend .bottom .lsb .img{width:100%;height:2rem}
.recommend .bottom .lsb .img img{width:100%;max-height:100%}
.recommend .bottom .lsb .ls-title{font-size:16px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;line-height:.6rem}
.bottom-cons .logos{font-size:0;margin:auto;display:flex;flex-direction:column;width:max-content;align-items:center}
.bottom-cons .logos img{width:max-content;margin-top:.1rem}
.bottom-cons .line{display:flex;justify-content:center;margin-top:.3rem;align-items:center}
.bottom-cons .line .left{font-size:0;display:flex;flex-direction:column;align-items:center;width:100px}
.bottom-cons .line .left img{width:100%}
.bottom-cons .line .left .text{font-size:14px;color:#333;padding-top:.1rem}
.bottom-cons .line .right{display:flex;flex-direction:column;margin-left:.45rem}
.bottom-cons .line .right>.text{font-size:14px;color:#333;opacity:.68;line-height:28px}
.bottom-cons .line .right>.num{font-size:26px;color:#333}
.num2{display:none}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .lines1{top:71px}
  .lines1 .ls{height:68px}
}
@media screen and (max-width:1350px){
  .recommend .top .r1 .r-title{font-size:20px}
  .infomations .title{font-size:22px}
}
@media screen and (max-width:1150px){
  .cons .lis .remark .detail .more{width: 90px;height: 35px;font-size: 14px;}
  .infomations .list .right{width:150px;height:50px}
}
@media screen and (max-width:1000px){
  .lines1{top:63px}
  }
@media screen and (max-width:850px){
  .cons .lis .remark .detail .more{width: 80px;height: 30px;font-size: 14px;}
}
@media screen and (max-width:783px){
.num1{display:none}
.num2{display:block}
.lines1{width: 100%;}
.cons{width: 90%;}
.cons .lis:not(:nth-of-type(3n)){margin-right: 0;}
.cons .lis{width: 100%;}
.cons .lis .img{height: 3.8rem;}
.bottom-cons .line .left{display:none}
.infomations{width:100%}
}
@media screen and (max-width:783px){
  .bottom-cons .line .right>.num2{margin-bottom:.3em}
}