.section.news{padding:40px 0;box-sizing:border-box;}
.section.news .item{float:left; width:50%; margin-bottom:80px; box-sizing:border-box;}
.section.news .item .image{position:relative; float:left; width:100%;}
.section.news .item .image .bg{position:absolute; top:50%; left:50%; width:0%; height:0%; background:rgba(0,0,0,0.1); opacity:0; transition:0.2s ease;}
.section.news .item .image img{width:100%;object-fit:contain;height:440px;background:#e5e6eb}
.section.news .item .content{float:left; width:100%; padding:0 40px; min-height:360px; margin-top:-128px; box-sizing:border-box;}
.section.news .item .content .text{position:relative; float:left; width:100%; background:#fff; padding:40px 40px 0; box-sizing:border-box;}
.section.news .item .content .text::after{position:absolute; content:""; top:0; left:0; width:140px; height:6px; background:#f26a36; z-index:2; transition:0.2s linear;}
.section.news .item .content h2{font-size:26px; line-height:30px; margin:0; text-transform:uppercase;overflow:hidden;height:60px;}
.section.news .item .content em.date{font-size:15px; line-height:20px; color:#f26a36; font-weight:700; text-transform:uppercase;}
.section.news .item .content p{margin:10px 0 18px;height:80px;overflow:hidden;text-overflow: ellipsis;}
.section.news .item .content a.linkbtn{margin:0;}
.section.news .item:hover .image .bg{top:0; left:0; width:100%; height:100%; opacity:1;}
.section.news .item:hover .content .text::after{width:100%;}
.section.news a.loadmore{float:left; width:100%; display:block; margin:20px 0 0; text-align:center; color:#a7acc2;}

.section.news.next{text-align:center;}
.section.news.next .item{float:none; display:inline-block; width:700px; text-align:left;}
.section.news.next .item .content{margin-top:0; min-height:auto;}
.section.news.next .item .content h1{font-size:38px; line-height:40px; margin:0;}
.section.news.next .item .content p{margin:34px 0;}
.section.news.next .item img{float:left; width:100%; margin:30px 0 0;}
.section.news.next .item img.grid{margin:5px 0 0;}
.section.news.next .item .content img{margin:0 0 30px 0;}

/*responsive*/
@media (min-width: 1200px) {
.section.news .item .content em.date{font-size:15px; line-height:18px;}
.section.news.next .item .content h1{font-size:32px; line-height:34px;}
.section.news .item .image img{height:540px;}
}

@media (max-width: 1199.98px) {
.section.news .item .image img{height:441px;}
}

@media (max-width: 991.98px) {
.section.news .item{width:100%; margin-bottom:40px;}
.section.news .item .content{padding:0 40px; min-height:240px;}
.section.news .item .content h2{font-size:20px; line-height:20px;height:40px;}
.section.news .item .content .text{padding:20px 20px 0;}
.section.news .item .content p{height:50px;}
.section.news .item .image img{height:330px;}
.section.news.next .item{width:100%;}
}
@media (max-width: 767.98px) {
.section.news .item .content{padding:0 20px;margin-top:-98px;}
.section.news .item .content h2{font-size:16px;}
.section.news .item .content .text{padding:15px 15px 0;font-size:14px;}
.section.news .item .image img{height:234px;}
}

@media screen and (max-width:575.98px) {
.section.news .item .content{padding:0 10px; min-height:250px;}
.section.news .item .content h2{font-size:20px; line-height:20px;height:40px;}
.section.news .item .content .text{padding:20px 20px 0;}
.section.news .item .content p{height:50px;}
.section.news .item .image img{height:100%;}
}