/**/
.case{width: 1200px;margin: 0 auto;height:590px; box-sizing: border-box; position: relative; padding-top: 50px; }
.case .content{ position: relative;}
.case h2{ height: 135px;}
.c_u{ position: absolute; left: -70px; top: 200px; z-index: 5; cursor: pointer;}
.c_d{ position: absolute; right: -70px; top: 200px; z-index: 5;cursor: pointer;}
.c_u img,.c_d img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; opacity: 0.7;
}
.c_u:hover img,.c_d:hover img{-webkit-filter:none;
    -moz-filter:none;
    -ms-filter: none;
    -o-filter:none;
    filter:none;
    filter:none; opacity: 1;
}
.case-desc {
	height:50px;
	font-size:14px;
	line-height:20px;
	color:#666;
	margin-bottom:10px;
	overflow:hidden;
}
.case ul li{ float: left; width:385px; box-sizing: border-box; height:485px; margin-right:22px; background: #fff; overflow: hidden;}
.case ul li img{ width: 385px;height:310px;transition: all 0.3s linear 0s;}
.case ul li:hover img{transform: scale(1.05);}
.case ul li i{ display: block; margin:31px 28px 17px; font-size:22px; color: #333;overflow: hidden;}
.case ul li:hover i{ color: #0550ab;}
.case ul li em{ display: block; margin: 0 30px; color: #787878; font-size: 16px; line-height: 27px; height:30px;}
.case ul li b{ display: block; margin-right: 7px; float: right; width: 20px; height: 20px;background:url(c_io2.png) no-repeat;}
.case ul li b img{ width: 8px; height: 10px;}
.case ul li:hover b{background:url(c_io1.png) no-repeat; }
.case_c{ overflow: hidden; margin-left: 9px;}