.col_news .col_news_szdw {margin-left: 2.62rem;}
.post-11 .news_list{border-bottom: #C9D3FF 0.01rem solid;    display: flex;}
.post-11 li{float: left;cursor: pointer;
    flex: 1;
    text-overflow: unset;
    white-space: nowrap;cursor: pointer;}
.post-11 .news_title{font-size: 0.24rem;line-height: 0.36rem;font-weight: 500;color: #28292E;text-align: center;padding-bottom: 0.15rem;}
.post-11 li.selected .news_div{border-bottom: #101E5D 0.02rem solid;}
.post-11 li.selected .news_title{font-weight: 700;}

.col_news_list .news_list{margin: 0 -0.15rem;}
.col_news_list li{float: left;width: 20%;margin-bottom: 0.3rem;}
.col_news_list .news_div{margin: 0 0.15rem;position: relative;transition: all 0.4s ease;}
.col_news_list .news_imgs{position: relative;padding-top: 128.688525%;overflow: hidden;height: 0;background: #eee;}
.col_news_list .news_imgs img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;}
.col_news_list .news_con{position: absolute;left: 0;right: 0;bottom: 0;box-sizing: border-box;padding: 0.1rem;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all 0.4s ease;background: linear-gradient(to top,#101E5D,transparent);height: 2.44rem;padding-top: 1.7rem;}
.col_news_list .news_title{font-size: 0.18rem;line-height: 1.75;font-weight: 700;color: #fff;}
.col_news_list .news_ico{width: 0.28rem;height: 0.38rem;background: url(../images/ico.svg) no-repeat center / contain;margin: 0.05rem 0;}
.col_news_list .news_text{display: flex;flex-direction: column;align-items: center;height: 0;overflow: hidden;transition: all 0.4s ease;}
.col_news_list .news_exfried1{font-size: 0.16rem;line-height: 0.3rem;color: #fff;}
.col_news_list .news_exfried2{font-size: 0.16rem;line-height: 0.3rem;color: #fff;}
.col_news_list .news_exfried3{font-size: 0.16rem;line-height: 0.3rem;color: #fff;}
.col_news_list a.news_link:hover .news_con{height: 100%;background: #101e5d91;padding-top: 0;}
.col_news_list a.news_link:hover .news_text{height: auto;}
.col_news_list a.news_link:hover .news_title{font-size: 0.24rem;}


@media screen and (max-width: 999px) {
.post-11 .news_title {
    font-size: 0.18rem;
}
    .col_news_top{display: block;margin-top: 50px;}
    .col_news .col_news_szdw {margin-left: 0;}
    .col_news_list .news_con{height: 40px;padding-top: 0;}
    .col_news_list li{width: 25%;}
}
@media screen and (max-width: 767px) {
    .col_news_list li{width: 33.33%;}
}
@media screen and (max-width: 625px) {
    .col_news_list li{width: 50%;}
}
@media screen and (max-width: 479px) {
    .col_news_list li{width: 100%;}
}