.case{width:100%;padding:100px 0 200px 0;background:#fff;}

.case{
	
	  background-image: url(/static/tn106/img/case_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

     background-attachment: fixed;
	
}

.case .tit{width:100%;text-align: center;margin: 50px 0px 50px 0px;}
.case .tit h2{font-size: 36px;color: #fff}
.case .tit small{display:block;color:#878B99;font-size:14px;line-height: 60px}
.case .c_item{box-shadow:rgba(60,72,88,0.25) 0px 0px 3px 0px;background:#fff;border-radius:4px;transition:all 0.5s ease;overflow:hidden;padding: 0px;text-align: center;}

.case .c_item img{text-align: center;}
.case .c_item:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.2);transform:translateY(-10px);}

.more_btn{margin-top:30px;text-align:center;}
.more_btn a{display:inline-block;background:#206ae4;color:#fff;border-radius:2px;margin:0 5px;padding:0px 60px;position:relative;line-height:50px;}
.more_btn a i{width:0;position:absolute;left:0;top:0;height:100%;content:"";display:block;z-index:0;-webkit-transition:all .3s;transition:all .3s;background:#ff0000;border-radius:2px;}
.more_btn a span{position:relative;z-index:10;}
.more_btn a:hover i{width:100%;}
.more_btn em{margin-left:5px;}