.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{display:flex;flex-direction:column}
.cons .ls{cursor:pointer}
.cons .ls .inner{width:15.2rem;display:flex;padding:.4rem 0;justify-content:space-between;margin:auto}
.cons .ls .inner .left{display:flex;align-items:center}
.cons .ls .inner .left>.img{width:4rem;height:2.4rem;padding-right:.8rem}
.cons .ls .inner .left>.img img{width:100%;max-height:100%}
.cons .ls .inner .left .text{display:flex;flex-direction:column}
.cons .ls .inner .left .text .a1{font-size:24px;color:#222}
.cons .ls .inner .left .text .a2{display:flex;font-size:18px;color:#222;padding-top:.3rem}
.cons .ls .inner .left .text .a2 .icon{padding-right:10px}
.cons .ls .inner .left .text .a3{display:flex;width:190px;height:55px;border-radius:5px;background-color:#999;padding:0 20px;box-sizing:border-box;color:#fff;align-items:center;justify-content:space-between;margin-top:.3rem}
.cons .ls .inner .left .text .a3 .cn{font-size:16px}
.cons .ls .inner .left .text .a3 .en{font-size:12px}
.cons .ls .inner .left .text .a3 .img{font-size:0}
.cons .ls .inner .right{display:flex;justify-content:center;flex-direction:column}
.cons .ls .inner .right .date{font-size:.48rem;color:#a6cbff;font-weight:700}
.cons .ls .inner .right .ym{font-size:18px;color:#444;padding-top:.15rem}
.cons .ls:hover{background-color:#f4f4f4}
.cons .ls:hover .inner .left .text .a3{background-color:#0059df}
.cons .ls:hover .inner .right .date{color:#0059df}
.infomations{padding:.4rem 0;width:15.2rem;margin:auto}
.infomations .title{text-align:center;font-size:.32rem;color:#222;font-weight:bold}
.infomations .lines{display:flex;width:100%;background-color:rgba(0,89,223,.08);min-height:.8rem;justify-content:center;margin-top:.35rem;align-items:center}
.infomations .lines .icon{line-height:25px;height:100%;display:flex;align-items:center;font-size:18px;color:#222;width:50%;padding:.2rem 0 .2rem .35rem}
.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){
.cons .ls .inner .left>.img{height:unset}
.cons .ls .inner{width:18.2rem}
.recommend .top .r1 .r-title{font-size:20px}
.infomations .title{font-size:22px}
}
@media screen and (max-width:1150px){
.infomations .list .right{width:150px;height:50px}
.cons .ls .inner .left .text .a1{font-size:22px}
.cons .ls .inner .left .text .a2{font-size:16px}
.cons .ls .inner .left .text .a3{width:150px;height:45px}
}
@media screen and (max-width:1000px){
  .lines1{top:63px}
  }
@media screen and (max-width:783px){
.num1{display:none}
.num2{display:block}
.lines1{width:100%}
.cons .ls .inner{width:100%}
.cons .ls .inner .right{display:none}
.cons .ls .inner .left{flex-direction:column;width:100%}
.cons .ls .inner .left>.img{padding-right:0;font-size:0}
.cons .ls .inner .left .text{width:90%;margin:auto}
.cons .ls .inner .left>.img{width:90%}
.cons .ls .inner .left .text .a1{padding-top:20px}
.cons .ls .inner .left .text .a2{padding-top:15px}
.cons .ls .inner .left .text .a3{margin-top:15px}
.bottom-cons .line .left{display:none}
.infomations{width:100%}

}
@media screen and (max-width:540px){
  .bottom-cons .line .right>.num2{margin-bottom:.3em}
}