@charset "utf-8";

#inc02 .links{display:flex;align-items:center;position:relative;height:260px;padding-left:50px;background:url(./img/bg.png) right no-repeat #0c1320}
#inc02 .links a{display:flex;flex-flow:column;align-items:center;position:relative;width:9%;font-size:16px;color:#fff;transition:all .2s}
#inc02 .links a+a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:50px;background:rgba(255, 255, 255, .15)}
#inc02 .links a img{margin-bottom:20px;transition:all .2s}

#inc02 .latest_wrap{display:flex;justify-content:space-between;padding:160px 80px}
#inc02 .latest_wrap .tit{padding-top:40px;font-size:46px;font-weight:700;line-height:1.2;color:#111}
#inc02 .latest{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;width:75%;border-top:1px solid #e1e1e1}
#inc02 .latest .item{position:relative}
#inc02 .latest .item:before{opacity:0;display:block;content:"";position:absolute;top:-1px;left:0;width:100%;height:3px;background:var(--primary);transition:all .2s}
#inc02 .latest .item a{display:flex;flex-flow:column;padding:50px 0 0;color:#777}
#inc02 .latest .item span{padding-bottom:10px;font-size:14px;font-weight:800;color:var(--primary)}
#inc02 .latest .item p{margin:20px 0 25px;font-size:20px;font-weight:700;line-height:1.45;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#inc02 .latest .item i{margin-top:40px;font-size:14px;font-style:normal}
#inc02 .latest .item div{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#inc02 .latest .item div img{object-fit:cover;width:100%;height:100%}
#inc02 .latest .empty{padding:50px 0}

@media(hover:hover){
#inc02 .links a:hover{color:rgba(255, 255, 255, .6)}
#inc02 .links a:hover img{opacity:0.7}
#inc02 .latest .item:hover:before{opacity:1}
}
@media(max-width:1600px){
#inc02 .latest_wrap .tit{margin-right:100px}
#inc02 .latest_wrap{justify-content: initial}
}
@media(max-width:1480px){
#inc02 .latest{width:100%;justify-items:center}
#inc02 .latest_wrap{flex-direction:column}
#inc02 .latest_wrap .tit{margin-right:0;margin-bottom:40px;padding:0}
#inc02 .latest .item a{padding:50px 0 0}
}
@media(max-width:1280px){
#inc02 .links{justify-content:center;padding:0}
#inc02 .links:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .35)}
#inc02 .links a{width:20%;text-align:center;line-height:1.4}  
#inc02 .latest_wrap{display:block;padding:120px 50px 100px}
}
@media(max-width:1024px){
#inc02 .latest_wrap{padding:80px 30px 60px}
#inc02 .latest_wrap .tit{font-size:38px}
#inc02 .latest .item{width:auto}
#inc02 .latest .item span{font-size:13px}
#inc02 .latest .item a{margin-right:0}
#inc02 .latest .item p{margin:15px 0;font-size:18px}
#inc02 .latest .item i{margin-top:20px}
#inc02 .latest .item .img{height:230px}
#inc02 .latest .item .img img{height:230px}
}
@media(max-width:768px){
#inc02 .links{height:230px}
#inc02 .links a{width:25%;font-size:15px} 
#inc02 .links a img{width:38px;margin-bottom:12px}
#inc02 .latest_wrap{padding:60px 20px}
#inc02 .latest_wrap .tit{margin-bottom:20px;font-size:32px}
#inc02 .latest{grid-template-columns:repeat(2, 1fr);text-align:center}
#inc02 .latest .item{border-bottom:1px solid #e1e1e1}
#inc02 .latest .item:before{display:none}
#inc02 .latest .item i{margin-top:10px}
#inc02 .latest .item a{width:100%;padding:25px 0}
#inc02 .latest .item p{font-size:16px}
}
@media(max-width:480px){
#inc02 .links{display:grid;grid-template-columns:repeat(2, 1fr);align-content:center;row-gap:50px;height:400px;background-size:cover}
#inc02 .links a{width:auto}
#inc02 .links a+a:before{display:none}
#inc02 .latest_wrap{padding:60px 15px}
#inc02 .latest_wrap .tit{font-size:28px}
#inc02 .latest{grid-template-columns:repeat(1, 1fr);justify-items:normal}
#inc02 .latest .item i{margin-top:6px}
#inc02 .latest .item p{margin: 12px 0;}
#inc02 .latest .item .img{width:100%;overflow:hidden}
#inc02 .latest .item .img img{width:100%;margin:-25% auto;height:auto}
}

@media(max-width:380px){
#inc02 .latest_wrap .tit{font-size:24px}


}