/* tem28-news */
.tem28-news .news-li{width:100%;color:#666;margin:20px 0;line-height:70px;height:70px;overflow:hidden;transition:all 0.5s ease-out 0s;}
.tem28-news .news-li:hover{box-shadow:0 0 5px rgba(0,0,0,0.05);}
.tem28-news .news-li a{color:inherit;background:#fff;display:block;cursor:pointer;}
.tem28-news .data{width:70px;background:rgba(130,130,130,0.5);text-shadow:1px 1px 5px rgba(255,255,255);font-size:12px;color:#fff;text-align:center;float:left;font-family:"HELVETICANEUELTPRO-THEX",Arial;line-height:20px;height:100%;padding:10px 0;}
.tem28-news .data span{font-size:16px;width:100%;height:auto;display:inline-block;;font-size:24px;line-height:30px;}
.tem28-news .text{font-size:15px;float:left;padding:0 20px;width:80%;overflow:hidden;position:relative;}
.tem28-news .text .title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.3s ease-out 0s;}
.tem28-news .text:hover .title{transform:translateX(6px);}
.tem28-news .text .icon{opacity:0;transition:all 0.3s ease-out 0s;position:absolute;right:50px;top:28px;color:rgba(151,151,151,0.6);font-size:18px;}
.tem28-news .news-li:hover .text .icon{opacity:1;right:0;}
.tem28-news .more{opacity:0.6;float:right;padding:20px;text-align:center;font-size:12px;line-height:0;position:relative;padding:20px 15px;}
.tem28-news .more::before{content:"";position:absolute;background-color:rgba(121,121,121,0.1);width:1px;height:110%;left:0;top:0;}
.tem28-news .more .icon{width:100%;font-size:24px;display:inline-block;}
@media (max-width:990px){
    .tem28-news .text{width:70%;font-size:14px;}
    .tem28-news .data span{font-size:20px;}
    .tem28-news .text .title{max-width:90%;}
}
@media (max-width:768px){
    .tem28-news{padding:10px 0!important;}
    .tem28-news .container,
    .tem28-news.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem28-news .more{padding:20px 5px;}
    .tem28-news .text .icon{font-size:14px;opacity:1;right:0;}
    .tem28-news .text .title{line-height:70px!important;}
    .tem28-news .data span{font-size:16px}
    .tem28-news .news-li{margin:10px 0;}
}
@media (max-width:480px){
    .tem28-news{padding:40px 0!important}
    .tem28-news .text{padding:0 0 0 10px;font-size:13px;width:80%;}
    .tem28-news .data{width:60px;padding:13px 0;}
    .tem28-news .data span{line-height:25px;}
    .tem28-news .more{padding:20px 5px;}
    .tem28-news .more{display:none;}
}
@media (max-width:360px){
    .tem28-news .text{width:75%;font-size:12px;}
    .tem28-news .data span{font-size:16px;}
}
