.s_banner{height:520px;position:relative;z-index:1;background:url(banner-case.jpg) center top no-repeat;background-size:auto 100%}


.more{display:inline-block;font-size:14px;font-family:Lato;background:#fff;color:#455;border:1px solid #ddd;padding:8px 35px 8px 55px;margin-top:30px;transition:all .5s}
.more i{line-height:100%;margin-left:20px}
.more:hover{transform:translate3d(8px,0,0);background:#2d64a6;border-color:#2d64a6;color:#fff;text-decoration:none}

.case li{padding:45px 0;border-bottom:1px dashed #ddd;line-height:26px;overflow:hidden}
.case li:first-child{padding-top:10px}
.case li img{width:380px;height:240px;float:left}
.case li .info{width:800px;padding:15px 0;float:right;}
.case li .info a.tit{font-size:22px;font-weight:bold;color:#000}
.case li .info a.tit:hover{color:#db241e;text-decoration:underline}
.case li .info p{font-size:16px;color:#333;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.case li .info p.count{margin-top:18px;margin-bottom:12px;}
.case li .info p.count span{margin-left:30px}
.case li .info p.count strong:before{content:"";display:inline-block;background:#fff;border:3px solid #db241e;padding:3px;border-radius:50%;margin-right:10px;position:relative;top:0}
.case li .info p.view-p{-webkit-line-clamp:5;}

.case-view-info{margin-top:40px;}

.case-view{padding:40px 10px;}
.case-view p{font-size:16px;line-height:28px;margin-bottom:20px;}
.case-view img{max-width:100%}

.pre-next{background:#eee;margin-bottom:30px;font-size:16px;}
.pre-next a{display:block;width:50%;float:left;padding:25px 20px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pre-next a:hover{background: #db241e;color:#fff;}
.pre-next .next{text-align: right;border-left:10px solid #fff;}
.pre-next .pre i{transform:rotate(180deg); display:inline-block;margin-right:10px;}
.pre-next .next i{margin-left:10px;}

/* 1024 < */
@media screen and (max-width:1024px){
	.s_banner{height:200px;}
	.more{font-size:12px;padding:6px 25px 6px 45px;margin-top:20px;}
	.more i{margin-left:20px}
	
	.case li{padding:20px 15px;line-height:24px;}
	.case li:first-child{padding-top:10px}
	.case li img{width:32%;height:auto;float:none}
	.case li .info{width:63%;padding:0;}
	.case li .info a.tit{font-size:18px;line-height:100%}
	.case li .info p{font-size:12px;}
	.case li .info p.count{margin-top:14px;margin-bottom:12px;}
	.case li .info p.count span{margin-left:0;display: block;}
	.case li .info p.count strong:before{border:2px solid #db241e;padding:3px;margin-right:5px;}

	.case-view{padding:20px 30px;}
	.case-view-info{margin-top:20px;}
	.case-view p{font-size:14px;line-height:28px;margin-bottom:15px;}
}