@charset "utf-8";

#atc02{padding:10rem 5rem;background-size:400% 400% !important;background:linear-gradient(to right, #1e282f 0%, #475157 45%, #1e282f 100%);animation:gradient 10s ease forwards infinite!important;overflow:hidden}
@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:00% 50%}}

#atc02 .txt_area{max-width:130rem;width:100%;margin:0 auto 3rem;display:flex;justify-content: space-between;align-items: center;}
#atc02 .txt_area .tit{display:inline-block;font-weight:100;font-size:3.5rem;color:#fff}
#atc02 .txt_area .tit span{font-weight:100;transition:font-weight 0.5s;transition-delay:.7s}
#atc02 .txt_area.aos-animate .tit span{font-weight:700}
#atc02 .txt_area  a{padding: .7rem 1.5rem;border: 1px solid rgba(255,255,255,.7);border-radius: 5rem;font-size: 1.5rem;font-weight:500;color: #fff;transition: all .3s;}
#atc02 .txt_area  a:hover{border-color:var(--pt-color);background:var(--pt-color)}

#atc02 .news_list{width:100%;}
#atc02 .news_list li{max-width:34rem;width:95%;margin:0 1rem;height:34rem;border-radius:2rem;background:rgba(255,255,255,.1);position:relative}


#atc02 .news_list li.empty_li{max-width:140rem;width:100%;margin:0 auto;display: flex;align-items: center;justify-content: center;color:#fff}
#atc02 .news_list li::before{content:'';width:100%;height:100%;border:0;border-radius:2rem;position:absolute;top:0;left:0;z-index:1;transition:all .2s}
#atc02 .news_list li a{display:block;width:100%;height:100%;padding:4rem 3rem;position:relative;z-index:3}
#atc02 .news_list li .s_tit{font-weight:700;font-size:1.6rem;font-weight:500;color:#fff}
#atc02 .news_list li .cont_box{width:100%;margin-top:5rem}
#atc02 .news_list li .tit{margin-bottom:2rem;font-weight:500;font-size:2.1rem;font-weight:500;line-height:130%;color:#fff;text-overflow:ellipsis;word-break:break-word !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#atc02 .news_list li .txt{font-size:1.6rem;line-height:150%;color:rgba(255,255,255,.6);text-overflow:ellipsis;word-break:break-word !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#atc02 .news_list li .data{font-weight:400;font-size:1.6rem;color:#999;text-align:right;position:absolute;bottom:4rem;right:3rem;font-family:'Poppins', sans-serif}
#atc02 .news_list li .more_btn{width:5rem;height:5rem;border-radius:5rem;font-weight:700;font-size:1.5rem;color:#999;text-align:center;line-height:5rem;background:#f7f7f7;position:absolute;top:4rem;right:3rem;transition:all .3s;font-family: 'Poppins';}
#atc02 .news_list li:hover .more_btn{color:#fff;background:var(--pt-color)}
#atc02 .news_list li:hover::before{border:3px solid var(--pt-color)}

@media(max-width: 1300px){
#atc02{padding:10rem 2rem}
}
@media(max-width: 1280px){
#atc02{padding:9rem 2rem}
}
@media(max-width: 1024px){
#atc02{padding:8rem 2rem}	
}
@media(max-width: 767px){
#atc02{padding:7rem 2rem}	
#atc02 .txt_area .tit{font-size:3.3rem}
}
@media(max-width: 480px){
#atc02{padding:6rem 2rem}	
#atc02 .txt_area .tit{font-size:3rem}
#atc02 .txt_area  a{display:none}
}
@media(max-width: 320px){
#atc02{padding:6rem 1.5rem}	
#atc02 .txt_area .tit{font-size:2.8rem}
}