<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.case{padding:100px 0;background:#F7F7F7;}
.case .content .list{border-bottom:1px solid #D2D2D2}
.case .content .item{width:32%;float:left;margin-right:2%;margin-bottom:2%;box-shadow: 0 0 10px #ddd}
.case .content .item .img{height:285px;overflow:hidden;background:#fff;}
.case .content .item .img img{width:100%;transition: all 0.5s;}
.case .content .item .info{padding:30px;background:#fff;transition: ease-in-out 0.5s;}
.case .content .item .info .time{color:#EB6300;font-size:14px;font-family: Arial;margin-bottom:20px;font-weight:bold;}
.case .content .item .info .title{line-height:30px;overflow:hidden;color:#202020;font-size:22px;}
.case .content .item .info .text{font-size:14px;color:#888888;height:60px;line-height:20px;overflow:hidden;margin-top:20px;}
.case .content .item:hover img{transition: all 0.5s;transform: scale(1.1);}
.case .content .item:hover .info{background:#EB6300;transition: ease-in-out 0.5s;}
.case .content .item:hover .info .time,
.case .content .item:hover .info .title,
.case .content .item:hover .info .text{color:#fff;}
.case .content .more{display:block;text-align:center;color:#EB6300;font-size:14px;margin-top:80px;}
/*  */
@media (min-width:1200px){
	.case .content .item:nth-child(3n){margin-right:0;}
    .case .content .item .img{line-height:285px;}
}
@media (max-width:767px){
    .layout{width:100%;}
    .case{padding:30px 15px;}
    .case .content .item{width:100%;margin-right:0;margin-bottom:15px;}
    .case .content .item .img{height:auto;}
    .case .content .item .info .time{margin-bottom:2px;}
    .case .content .item .info .title{font-size:14px;font-weight:bold;height:auto;line-height:inherit;}
    .case .content .item .info .text{font-size:10px;line-height: 20px;height:40px;overflow:hidden;}
    .case .content .item .info{padding:10px;}
    /*  */
}
@media (min-width:1200px) and (max-width:1439px){
    .case .content .item .img{height:190px;}
    .case .content .item .img img{height:100%;}
}
@media (min-width:1200px) and (max-width:1440px){
	.case{padding:50px 20px;}
}
@media (min-width:992px) and (max-width:1199px){
	.case{padding:60px 30px;}
    .case .content .item .img{height:190px;}
    .case .content .item .img img{height:100%;}
    .case .content .item .info{padding:15px;}
    .case .content .item .info .time{margin-bottom:10px;}
    .case .content .item .info .title{font-size:18px;height:50px;line-height:25px;}
    .case .content .item .info .text{height:50px;font-size:14px;line-height:25px;overflow:hidden;}
}
@media (min-width:768px) and (max-width:991px){
    .case{padding:50px 15px;}
    .case .content .item .img{height:125px;}
    .case .content .item .img img{height:100%;}
    .case .content .item .info{padding:15px;}
	.case .content .item .info .text{display:block;height:50px;line-height:25px;margin-top:0;}
	.case .content .item .info .title{font-size:16px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;height:30px;font-weight:bold;}
    .case .content .item .info .time{margin-bottom:0;}
}
</pre></body></html>