.special-header{background:url(../images/zhuanti.png) center no-repeat;background-size:cover;width:100%;height:350px;overflow:hidden;position:sticky}
.special-header-title{position:absolute;width:100%;bottom:45%;color:#fff;text-align:center;font-size:30px;font-weight:700}
.special-header-title i{font-size:30px;color:#007bf5}
.special-nav{width:100%;height:60px;background:#fff;margin-top:100px!important;border-radius:5px}
.special-nav li{display:inline}
.special-nav li a{display:inline-block;line-height:60px;font-size:14px;margin:0 10px 0 20px;transition:all .5s;position:relative}
.special-nav li a:after{position:absolute;content:"";left:calc(50% - 10px);bottom:0;width:0;height:3px;background-color:#007bf5;transition:all .2s;-webkit-transition:all .2s;border-radius:20px}
.special-nav .hover a{display:inline-block;color:#007bf5}
.special-nav li a:hover{color:#1b8eff;transition:all .5s}
.special-nav .hover a:after{width:20px}
.special-main .container{position:relative}
.special-main{margin-top:-100px}
.special-main>.container{background-color:#fff;border-radius:10px;box-sizing:border-box;padding:20px}
.special-main .cover{width:100%!important}
.special-main .special-box{width:100%!important}
.special-main .cover ul,.special-main .special-box{margin:0;min-height:200px}
.special-main .special-box .box-list-item{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:18px}
.special-main .special-box .box-list-item .item-in{background-color:#fff;box-shadow:0 0 2px rgb(98 124 153 / 10%);position:relative;border-radius:10px;overflow:hidden;transition:all .5s;border:1px solid #f1f1f1;margin-bottom:20px;box-shadow:0 14px 20px -10px rgba(0,0,0,.1);width:24%;flex-grow: 0;box-sizing: border-box;}
.special-main .special-box .box-list-item .item-in .in-img{width:100%;height:150px;overflow:hidden}
.special-main .special-box .box-list-item .item-in .in-img img{width:100%;height:100%;transition:all .5s;object-fit:cover}
.special-main .special-box .box-list-item .item-in .in-img:hover img{transform:scale(1.1)}
.special-main .special-box .box-list-item .item-in .in-info{padding:15px 10px;border-bottom:1px solid #f6f6f6;margin-bottom:15px}
.special-main .special-box .box-list-item .item-in .in-info h3{font-size:20px;line-height:30px;font-weight:700}
.special-main .special-box .box-list-item .item-in .in-info .info-meta{display:flex;align-items:flex-start;justify-content:space-between}
.special-main .special-box .box-list-item .item-in .in-info .info-meta span.desc{max-width:75%}
.special-main .special-box .box-list-item .item-in .in-info .info-meta span{color:#888;font-size:14px}
.special-main .special-box .box-list-item .item-in .in-info .info-meta span.num{color:#007bf5}
.special-main .special-box .box-list-item .item-in .in-list{margin:10px;overflow:hidden;transition:all .5s}
.special-main .special-box .box-list-item .item-in:hover .in-list{height:auto}
.special-main .special-box .box-list-item .item-in .in-list li{display:flex;box-sizing:border-box;padding-bottom:20px}
.special-main .special-box .box-list-item .item-in .in-list li:last-child{padding-bottom:0}
.special-main .special-box .box-list-item .item-in .in-list .list-icon{display:block;margin-right:8px;width:50px;height:50px}
.special-main .special-box .box-list-item .item-in .in-list .list-icon img{width:100%;height:100%;background-color:#eee;display:block;border-radius:10px}
.special-main .special-box .box-list-item .item-in .in-list .list-info{max-width:calc(100% - 70px)}
.special-main .special-box .box-list-item .item-in .in-list .list-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:30px}
.special-main .special-box .box-list-item .item-in .in-list .list-info p,.special-main .special-box .box-list-item .item-in .in-list .list-info p a{color:#888;font-size:13px}
.special-main .special-box .box-list-item .item-in .in-list .list-info p a:hover{color:#007bf5}
.special-main .special-box .box-list-item .item-in .in-list .list-info p span{margin-right:15px}
.special-main .special-box .box-list-item .item-in .in-list .list-info p span:before{margin-right:5px}
.special-main .special-box .box-list-item .item-in .in-btn{padding:10px 10px 15px;display:flex;align-items:center;justify-content:center}
.special-main .special-box .box-list-item .item-in .in-btn a{color:#878787;background:#f3f3f3;line-height:30px;padding:5px 30px;border-radius:20px;font-size:15px;transition:all .5s}
.special-main .special-box .box-list-item .item-in .in-btn a:hover{color:#fff;background:#007bf5}
.special-main .cover ul li{float:left;width:254px;margin-right:20px;border-radius:10px;overflow:hidden;transition:all .5s;border:1px solid #f1f1f1;margin-bottom:20px;box-shadow:0 14px 20px -10px rgba(0,0,0,.1)}
.special-main .cover ul li:nth-child(5n){margin-right:0;float:right}
.special-main .cover ul li .img{width:100%;height:110px;overflow:hidden}
.special-main .cover ul li .img img{width:100%;height:100%;transition:all .5s;object-fit:cover}
.special-main .cover ul li:hover img{transform:scale(1.1)}
.special-main .cover ul li .tit{padding:10px 10px 5px}
.special-main .cover ul li .tit h3{font-size:15px;height:38px;line-height:20px;margin-bottom:5px;overflow:hidden;border-bottom:1px solid #f6f6f6;padding-bottom:5px}
.special-main .cover ul li .tit span{display:block;line-height:20px;font-size:12px;color:#888;padding-left:3px}
.special-main .cover ul li .tit span:before{margin-right:5px}
@media screen and (max-width:1520px){.special-main>.container{width:1300px}
.special-main .cover ul li{width:234px}
.special-main .special-box .box-list-item{gap:16px}
}
@media screen and (max-width:1320px){.special-main>.container{width:1200px}
.special-main .cover ul li{width:214px}
.special-main .special-box .box-list-item{gap:15px}
}
@media screen and (max-width:800px){.special-header{height:15rem}
.special-header h2{font-size:1.5rem;bottom:45%}
.special-header h2 i{font-size:1.5rem}
.special-nav{height:auto;overflow:hidden;padding:1% 0;margin-top:5rem!important}
.special-nav li a{line-height:30px;margin:0;color:#666}
.special-nav li{display:block;float:left;width:23%;text-align:center;background:#f6f6f6;margin:1%;border-radius:5px}
.special-nav li:nth-child(4n){float:right}
.special-nav li a:after{display:none}
.special-nav .hover a{color:#fff!important;font-weight:400;font-size:14px}
.special-nav .hover{background:#007bf5!important}
.special-main{margin-top:-5rem}
.special-main>.container{width:95%}
.special-main .cover ul li{width:48%;margin-right:0;margin-bottom:10px}
.special-main .cover ul li:nth-child(5n){float:left}
.special-main .cover ul li:nth-child(2n){width:49%;float:right}
.special-main .cover ul li:nth-child(n+6){margin-bottom:10px}
.special-main .cover ul li .img{width:100%;height:5.1rem}
.special-main .cover ul li .tit h3{height:2.3rem}
.special-main .special-box .box-list-item .item-in{width:100%}
}
