.list-header{background:url(../images/04.jpg) center no-repeat;background-size:cover;width:100%;height:370px;overflow:hidden}
.list-header .list-header-info{position:absolute;width:100%;bottom:0;height:70px;background:#fff}
.list-header img{width:90%;height:90%;border-radius:50%;padding:5%;transition:all 1s}
.list-header .img{border-radius:50%;overflow:hidden;height:120px;width:120px;border:5px solid #fff;background:#fff;margin:120px auto 0;box-shadow:0 15px 20px -20px #000}
.list-header .img:hover img{transform:rotate(360deg)}
.list-header .tit{margin:15px auto 0;font-size:15px;text-align:center;padding:5px 20px;background:#fff;display:table;border-radius:22px;font-weight:700;color:#333;position:relative;box-shadow:0 15px 20px -15px #000}
.list-header .tit:after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-15.5px;right:50%;z-index:1;transform:translate(10px,0)}
.list-nav{width:100%;height:60px;background:#fff;margin-top:100px!important;border-radius:5px}
.list-nav li{display:inline}
.list-nav li a{display:inline-block;line-height:60px;font-size:14px;margin: 0 10px 0 20px;transition:all .5s;position:relative;}
.list-nav li a:after{position:absolute;content:'';left: calc(50% - 10px);bottom: 0px;width:0;height: 3px;background-color:#007bf5;transition:all .2s;-webkit-transition:all .2s;border-radius:20px;}
.list-nav .hover a{display:inline-block;color: #007bf5;}
.list-nav li a:hover{color:#1b8eff;transition:all .5s}
.list-nav .hover a:after{width: 20px;}
.list-main .container{position: relative;}
.list-main{margin-top:30px}
.list-main .fl,.list-main .left{width:900px;background-color:#fff;border-radius:5px;box-sizing:border-box;padding:20px 10px}
.list-main .left>ul li{padding:20px 10px;border-bottom:1px solid #f6f6f6;position:relative;height:30px;transition:all .5s;line-height:30px}
.list-main .left>ul li:first-child{margin-top:-10px}
.list-main .left>ul li:last-child{border-bottom:0}
.list-main .left>ul li:after{content:'';position:absolute;width:0;height:101%;background:#fbfbfb;left:0;bottom:-1px;z-index:0;}
.list-main .left>ul li:hover:after{width:100%}
.list-main .article>ul .tit span,.list-main .left>ul li span{border-radius:5px;background:#f6f6f6;color:#a7a7a7;padding:5px 5px 4px;font-size:12px;margin-right:10px;z-index:1;position:relative;border:1px solid #f1f1f1;float:left;margin-top:2.5px;line-height:15px;font-weight:400}
.list-main .left>ul li .tit{z-index:1;position:relative;float:left}
.list-main .left>ul li time{float:right;color:#999;margin-right:50px;z-index:1;position:relative}
.list-main .left>ul li time.news{color:#ff5722}
.list-main .left>ul li .link{float:right;padding:5px 15px;border-radius:5px;background:#1b8eff;font-size:12px;line-height:16px;height:15px;margin-top:2.5px;color:#fff;z-index:1;position:relative}
.list-main .soft>ul{padding:10px}
.list-main .soft>ul li{float:left;width:23%;border: 1px solid #f6f6f6;height:240px;margin-right:18px;margin-bottom:18px;position:relative;overflow:hidden;border-radius: 5px;}
.list-main .article>ul li:first-child{padding-top:0}
.list-main .article>ul li:last-child{border-bottom:0}
.list-main .article>ul li{margin:10px auto;padding-top:20px;padding-bottom:26px;width:95%;height:13pc;border-bottom:1px solid #ededed;position:relative}
.list-main .article>ul .tit{margin-bottom:25px;font-size:18px;line-height:30px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700}
.list-main .article>ul .tit span{margin-top:2px}
.list-main .article>ul li .item-main{position:relative;overflow:hidden;width:100%}
.list-main .article>ul .img{float:left;display:block;border-radius:5px;object-fit: cover}
.list-main .article>ul .info{overflow:hidden;margin-left:229px;color:#666}
.list-main .article>ul .info .desc{margin-top:20px;margin-bottom:0;color:#666;text-align:justify;font-size:14px;line-height:25px}
.list-main .article>ul .info .detail{position:absolute;bottom:50px;width:600px;color:#333;line-height:30px}
.list-main .article>ul .info .btn{width:92px;height:28px;border:1px solid #c2c2c2;border-radius:2px;color:#999;text-align:center;letter-spacing:2px;font-size:14px;line-height:28px}
.list-main .article>ul .info .btn:hover{border-color:#007bf5;background:#007bf5;color:#fff}
.list-main .soft>ul li:nth-child(4n){margin-right:0}
.list-main .soft>ul .list-img{display:block;width:95px;margin:25px auto;border-radius:20px;border:1px solid #f6f6f6}
.list-main .soft>ul .list-img img{width:95px;height:95px;border-radius:20px}
.list-main .soft>ul .soft-title{text-align:center;width:85%;margin:auto;text-overflow:ellipsis;white-space:inherit;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:box}
.list-main .soft>ul .list-ca{text-align:center;font-size:13px;color:#888;margin-top:10px}
.list-main .soft>ul .list-btn{position:absolute;height:0;width:100%;bottom:0;background:#fff;text-align:center;transition:all .5s}
.list-main .soft>ul .list-btn span{display:block}
.list-main .soft>ul .list-btn .pf{color: #fdc800;}
.list-main .soft>ul .list-btn .dx{font-size:13px;color:#888}
.list-main .soft>ul .list-btn a{border-radius:5px;border:1px solid #f1f1f1;padding:4px 15px;margin-top:10px;display:inline-block;color:#999;transition: all .3s;}
.list-main .soft>ul .list-btn a:hover{color:#fff;border:1px solid #007bf5;background:#007bf5;}
.list-main .soft>ul li:hover .list-btn{height:100px;transition: all .3s;}
.list-nav.search{margin-top:90px;line-height: 60px;text-indent:20px;font-size:18px;font-weight:700;color:#333;}
.list-nav.search b{color:#1b8eff;text-transform: uppercase;padding: 0 10px;}
@media screen and (max-width:800px){.list-nav{height:auto;overflow:hidden;padding:1% 0;margin-top:5rem!important}
.list-nav li a{line-height:30px;margin:0;color: #666;}
.list-nav li{display:block;float:left;width:23%;text-align:center;background:#f6f6f6;margin:1%;border-radius:5px}
.list-nav li:nth-child(4n){float:right}
.list-nav li a:after{display:none}
.list-nav .hover a{color:#fff!important;font-weight:400;font-size:14px}
.list-nav .hover{background: #007bf5!important;}
.list-main{margin-top:10px}
.list-main .fl,.list-main .left{width:100%;padding:20px 0}
.list-main .left>ul li time,.list-main .right{display:none}
.list-main .left>ul li .tit{max-width:calc(100% - 150px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list-main .article>ul .img{width:25%;height:5rem;display:none}
.list-main .article>ul .info{margin-left:0}
.list-main .article>ul .tit{margin-bottom:0}
.list-main .article>ul .info .detail{bottom:0;position:unset}
.list-main .article>ul li{height:auto}
.list-main .soft>ul li{width:100%;border:0;height:auto;margin:0 0 1rem;border-bottom:1px solid #f6f6f6;padding-bottom:1rem;border-radius: 0;}
.list-main .soft>ul li .list-img{width:4rem;float:left;margin:auto;overflow:hidden;height:4rem;border-radius: 15px;}
.list-main .soft>ul .list-img img{width:100%;height:100%;border-radius: 15px;}
.list-main .soft>ul li .list-info{float:right;width:100%;max-width:calc(100% - 5rem);position:relative}
.list-main .soft>ul li .soft-title{text-align:left;font-size:.9rem;width:75%;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;margin:0}
.list-main .soft>ul li .list-ca{text-align:left;font-size:.8rem;margin:4px 0}
.list-main .soft>ul li .list-btn span{float:left;font-size:.8rem!important}
.list-main .soft>ul li .list-btn{position:unset;height:auto}
.list-main .soft>ul li .list-btn .pf{margin-right:.5rem}
.list-main .soft>ul li .list-btn a{border-radius:9px;position:absolute;top:-7px;right:1%;width:2rem;padding:.5rem;display:block;box-sizing:unset}
.list-main .soft>ul li:hover .list-btn{height:auto;transition:all .5s}
}