@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:12%;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}

#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:flex;width:75%;border-top:1px solid #e1e1e1}
#inc02 .latest .item{position:relative;width:calc(100% / 3)}
#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 14% 0;color:#777}
#inc02 .latest .item span{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:2;-webkit-box-orient:vertical}
#inc02 .latest .item i{margin-top:40px;font-size:14px;font-style:normal}
#inc02 .latest .item div{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#inc02 .latest .empty{padding:50px 0}

@media(hover:hover){
#inc02 .links a:hover{color:rgba(255, 255, 255, .6)}
#inc02 .latest .item:hover:before{opacity:1}
}
@media(max-width:1480px){
#inc02 .latest{width:85%}
#inc02 .latest .item a{padding:50px 15px}
}
@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}
#inc02 .latest{width:100%}
#inc02 .latest_wrap .tit{margin-bottom:40px;padding:0}
}
@media(max-width:1024px){
#inc02 .latest_wrap{padding:80px 30px 60px}
#inc02 .latest .item span{font-size:13px}
#inc02 .latest .item p{margin:15px 0;font-size:18px}
#inc02 .latest .item i{margin-top:20px}
#inc02 .latest_wrap .tit{font-size:38px}
}
@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{display:block}
#inc02 .latest_wrap{padding:60px 20px}
#inc02 .latest_wrap .tit{margin-bottom:20px;font-size:32px}
#inc02 .latest .item {width:100%;border-bottom:1px solid #e1e1e1}
#inc02 .latest .item:before{display:none;}
#inc02 .latest .item a{width:100%;padding:25px 15px}
#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:300px;background-size:cover}
#inc02 .links a{width:auto}
#inc02 .links a+a:before{display:none}
#inc02 .latest_wrap .tit{font-size:28px}
}