.list{background:#f2f2f2}
.list .con{max-width:1360px}
.list .banner{padding-bottom:.2rem}
.list .banner .swiper-pagination{bottom:.5rem}
.list .content{display:flex}
.list .content .l{width:calc(100% - 270px - 13px);margin-right:13px}
.list .content .l .list{box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);background:transparent;border-radius:.1rem}
.list .content .l .li{padding:.2rem;position:relative;background:#fff;box-sizing:border-box;border-top:1px solid #ccc;width:100%}
.list .content .l .li:first-child{border-top:0;border-top-left-radius:.1rem;border-top-right-radius:.1rem}
.list .content .l .li:last-child{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}
.list .content .l .li .tit{margin-bottom:.15rem;display:flex;justify-content:start;align-items:center}
.list .content .l .li .tit h2{font-size:.2rem;color:var(--color);line-height:1.5;font-weight:bold}
.list .content .l .li .tit h2 a{font-size:.2rem;color:var(--color)}
.list .content .l .li .tit h2 a:hover{color:var(--main)}
.list .content .l .li .tit h3{font-size:.2rem;color:var(--color);font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:.3rem;line-height:1.5}
.list .content .l .li .tit h3 a{font-size:.2rem;color:var(--color)}
.list .content .l .li .tit h3 a:hover{color:var(--main)}
.list .content .l .li .tit .time{margin-left:auto;font-size:.14rem;color:#ccc}
.list .content .l .li .c{display:flex;justify-content:space-between}
.list .content .l .li .c .img{width:30%;height:1.8rem;margin-right:2%}
.list .content .l .li .c .img img{border-radius:5px;width:100%;height:100%;object-fit:cover}
.list .content .l .li .c .text{width:68%;display:flex;flex-direction:column;justify-content:space-between}
.list .content .l .li .c .text p{font-size:.16rem;color:#2d2d2d;line-height:1.75;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.list .content .l .li .c .text .tool{display:flex;justify-content:start;align-items:end;margin-top:.15rem}
.list .content .l .li .c .text .tool p{color:#b7b7b7;font-size:.16rem;margin-right:.2rem;vertical-align:middle}
.list .content .l .li .c .text .tool p i{font-size:.16rem;color:#b7b7b7;margin-right:5px}
.list .content .l .li .c .text .tool .btn{font-size:.2rem;padding:.15rem .5rem;color:#fff;background:var(--main);margin-left:auto;border-radius:.3rem;line-height:1}
.list .content .l .li .c .text .tool .btn:hover{background:var(--hover)}
.list .content .l .page{display:flex;justify-content:center;align-items:center;margin-top:.3rem}
.list .content .l .page li,.list .content .l .page span,.list .content .l .page a{font-size:.18rem;color:#3b3b3b;border-radius:50%;background:#fff;border:1px solid #929292;width:.5rem;height:.5rem;display:flex;justify-content:center;align-items:center;margin-right:.1rem;line-height:.5rem}
.list .content .l .page li:last-child{margin-right:0}
.list .content .l .page li.cur,.list .content .l .page span.current{background:var(--main);color:#fff;border-color:var(--main)}
.list .content .l .page li:hover,.list .content .l .page span:hover,.list .content .l .page a:hover{background:var(--hover);border-color:var(--hover);color:#fff}
.list .content .l .page li a{font-size:.18rem;color:#3b3b3b;display:block;width:100%;height:100%;text-align:center;line-height:.5rem}
.list .content .l .page li:hover a,.list .content .l .page li.cur a{color:#fff}
.list .content .l-m{width:100%}
.list .content .l-m .li{width:48%;margin-bottom:.3rem;float: left;box-sizing:border-box}
.list .content .l-m .li .img{width:100%;max-height:5rem;margin-bottom:.1rem}
.list .content .l-m .li .img img{border-radius:5px;width:100%;height:100%;object-fit:cover;display:block}
.list .content .l-m .li .tit{margin-bottom:.1rem;display:flex;justify-content:start;align-items:center}
.list .content .l-m .li .tit h2{font-size:.28rem;color:var(--color);line-height:1.5;font-weight:bold}
.list .content .l-m .li .tit h2 a{font-size:.28rem;color:var(--color)}
.list .content .l-m .li .tit h2 a:hover{color:var(--main)}
.list .content .l-m .li .tit h3{font-size:.28rem;color:var(--color);font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.5}
.list .content .l-m .li .tit h3 a{font-size:.28rem;color:var(--color)}
.list .content .l-m .li .tit h3 a:hover{color:var(--main)}
.list .content .l-m .li .tool{display:flex;justify-content:end;align-items:end}
.list .content .l-m .li .tool p{color:#b7b7b7;font-size:.24rem;margin-right:.1rem;vertical-align:middle}
.list .content .l-m .li .tool p i{font-size:.24rem;color:#b7b7b7;margin-right:6px}
.list .content .l-m .li .tool p:last-child{margin-right:0}
.list .content .l-m .li .tool p.time{font-size:.24rem;color:var(--color);margin-right:auto}
.list .content .pages{margin:.2rem 0}
.list .content .pages .page{display:flex;justify-content:center;align-items:center}
.list .content .pages .page li,.list .content .pages .page span,.list .content .pages .page a{font-size:.18rem;color:#3b3b3b;border-radius:50%;background:#fff;border:1px solid #929292;width:.6rem;height:.6rem;display:flex;justify-content:center;align-items:center;margin-right:.1rem;line-height:.5rem}
.list .content .pages .page li:last-child{margin-right:0}
.list .content .pages .page li.cur,.list .content .pages .page .current{background:var(--main);color:#fff;border-color:var(--main)}
.list .content .pages .page li a{font-size:.2rem;color:#3b3b3b;display:block;width:100%;height:100%;text-align:center;line-height:.6rem}
.list .content .pages .page li.cur a{color:#fff}
.list .content .r{width:270px}
.list .content .r.r-fixed{position:fixed;top:1rem;width:270px}
.list .content .r .docs{background:#fff;padding:.1rem;box-sizing:border-box;width:100%;border-radius:.1rem;margin-bottom:.1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.list .content .r .docs .doc{display:flex;flex-direction:column}
.list .content .r .docs .doc.doc2{display:none}
.list .content .r .docs .doc .img{width:100%;/*height:1.8rem;*/position:relative;margin-bottom:.1rem}
.list .content .r .docs .doc .img img{width:100%;height:100%;object-fit:cover;border-radius:.1rem}
.list .content .r .docs .doc .img a{position:absolute;left:50%;bottom:.1rem;background:var(--main);border-radius:.3rem;padding:.1rem 0;width:50%;color:#fff;font-size:.2rem;line-height:1;transform:translateX(-50%);text-align:center}
.list .content .r .docs .doc .img a:hover{background-color:var(--hover)}
.list .content .r .docs .doc h2{font-size:.24rem;color:#222;font-weight:bold;line-height:1.5}
.list .content .r .docs .doc h3{font-size:.2rem;color:#777;font-weight:bold;line-height:2}
.list .content .r .docs .doc ul li{font-size:.14rem;color:#777;line-height:1.5}
.list .content .r .docs .doc p{font-size:.14rem;color:#777;line-height:1.5}
.list .content .r .docs .doc .btn{font-size:.16rem;color:#fff;background:var(--main);padding:0 .3rem;line-height:2;margin:.1rem auto 0;animation:scale 1s .2s ease infinite;-webkit-animation:scale 1s .2s ease infinite}
.list .content .r .docs .doc .btn:hover{background:var(--hover)}
.list .content .r .inline{background:#fff;padding:.1rem;box-sizing:border-box;width:100%;border-radius:.1rem;margin-bottom:.1rem;flex-direction:column;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.list .content .r .inline h2{font-size:.24rem;color:#222;font-weight:bold;line-height:1.5}
.list .content .r .inline h3{font-size:.2rem;color:#777;font-weight:bold;line-height:2}
.list .content .r .inline p{font-size:.16rem;color:#777;margin-bottom:.1rem}
.list .content .r .inline p span{color:red}
.list .content .r .inline .btn{font-size:.16rem;color:#fff;background:var(--main);padding:0 .3rem;line-height:2;margin:0 auto;animation:scale 1s .2s ease infinite;-webkit-animation:scale 1s .2s ease infinite}
.list .content .r .inline .btn:hover{background:var(--hover)}
.list .content .r .acts{border-radius:.1rem;background:#fff;margin-bottom:.1rem;position:relative;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.list .content .r .acts img{border-radius:.1rem}
.list .content .r .acts .btns{position:absolute;left:2.5%;top:27%;width:95%;animation:banner 1.5s infinite}
.list .content .r .lmenu{background:#fff;padding:.1rem;box-sizing:border-box;width:100%;border-radius:.1rem;margin-bottom:.1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.list .content .r .lmenu ul{display:flex;flex-direction:column}
.list .content .r .lmenu ul li{width:100%;font-size:.2rem;color:#fff;background:var(--main);padding-left:.3rem;line-height:2;box-sizing:border-box;margin-bottom:.1rem;border-radius:.1rem;font-weight:bold;border:1px solid var(--main)}
.list .content .r .lmenu ul li:last-child{margin-bottom:0}
.list .content .r .lmenu ul li:hover{background:var(--hover)}
.list .content .r .lmenu ul li a{font-size:.2rem;color:#fff;display:block}
.list .content .r .lnew{background:#fff;padding:.1rem;box-sizing:border-box;width:100%;border-radius:.1rem;margin-bottom:.1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.list .content .r .lnew h2{font-size:.24rem;color:#131313;line-height:1.5;margin-bottom:.1rem;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:.1rem}
.list .content .r .lnew ul{display:flex;flex-direction:column}
.list .content .r .lnew ul li{font-size:.16rem;color:#414141;line-height:1.75;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list .content .r .lnew ul li:last-child{margin-bottom:0}
.list .content .r .lnew ul li a{font-size:.16rem;color:#414141}
.list .content .r .lnew ul li:hover,.list .content .r .lnew ul li:hover a{color:var(--main)}
@media screen and (max-width: 1500px){
    .list .content .l .li .c .text .tool p{margin-right:.1rem}
    .list .content .l .li .c .text .tool .btn{padding:.15rem .2rem;font-size:.16rem}
    .list .content .r .docs .doc .img a{padding:.1rem .2rem}
    .list .content .r .lnew ul li,.list .content .r .lnew ul li a{font-size:.18rem}
}
@media screen and (max-width: 997px){
    .list{background:#fff}
    .list .banner{padding:0 0 .5rem}
    .list .content{flex-direction:column}
    .list .content .l{width:100%;margin-bottom:.3rem;margin-right:0}
    .list .content .l .li .tit h3{font-size:.36rem}
    .list .content .r{width:100%}
    .list .content .r.r-fixed{position:unset;width:100%}
    .list .content .r .lnew h2{font-size:.48rem;line-height:1.4}
    .list .content .r .lnew ul li{font-size:.26rem;padding:0 .1rem;box-sizing:border-box;line-height:2;margin-bottom:.15rem}
    .list .content .r .lnew ul li a{font-size:.26rem}
}