.container-fluid {
    margin-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
.case-slogan{
    font-size: 24px;
    line-height: 2;
    color:#64646a;
}
.caselist-wrapper{
    padding-top: 30px;
    padding-bottom:30px;
}
.caselist-wrapper li {
    margin-bottom: 40px;
    height: 600px;
}
.caselist-wrapper li a{
    display:block;
}
.caselist-wrapper li a .subtitle{
   color:#3c3a3f;
    font-size: 18px;
    line-height: 3;
    margin-bottom: 0;
    padding-top: 10px;
}
.caselist-wrapper li a .desc{
    color:#888888; 
}

.caselist-wrapper li a:hover .subtitle{
	color:#e53333;
}
.caselist-wrapper li a:hover .desc{
	color:#e53333;
}
.caselist-wrapper li a:hover img{
	transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
}
.caselist-wrapper li {
	border: 1px solid #fff;
	/*-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;*/
    
}
.caselist-wrapper li:hover{
	/*border: 1px dashed #bcbcbc;
	transition: all .3s ease;
	transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);*/
}
.caselist-wrapper li a:img {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block !important;
}

/*animation*/
	
	/*right sidebar nav*/
.back2top{display: block;width: 43px;height: 43px;background: none;position: absolute;right: 3.5%;bottom: 1%;opacity: .33;z-index: 99}
.back2top:hover{
    border: 1px solid #fff;
    border-radius: 100px;
}
.slide{
		width: 50px;
	height: 205px;
	position: fixed;
	top: 88%;
	margin-top: -126px;
	background: #8e8e8e;
	right: 0;
	border-radius: 5px 0 0 5px;
	z-index: 999;
}
.slide ul{
	list-style: none;
}
.slide .icon li{
	width: 49px;
	height: 50px;
	background: url(sidebar-icon.png) no-repeat;
}
.slide .icon .up{
	background-position:-330px -120px ;
}
.slide .icon li.qq{
	background-position:-385px -73px ;
}
.slide .icon li.qq:hover{
    background-color: #666666;
}
.slide .icon li.tel:hover {
    background-color: #666666;
}
.slide .icon li.wx:hover {
    background-color: #666666;
}
.slide .icon li.tel{
	background-position:-385px -160px ;
}
.slide .icon li.wx{
	background-position:-385px -120px ;
}
.slide .icon li.down{
	background-position:-330px -160px ;
}
.slide .info{
	top: 45%;
	height: 150px;
	position: absolute;
	right: 100%;
	background: #666;
	width: 0px;
	overflow: hidden;
	margin-top: -73.5px;
	transition:0.5s;
	border-radius:4px 0 0 4px ;
}
.slide .info.hover{
	width: 145px;
	
}
.slide .info li{
	width: 145px;
	color: #CCCCCC;
	text-align: center;
}
.slide .info li p{
	font-size: 14px;
	line-height: 2;
	padding: 15px;
	text-align: left;
}
.slide .info li.qq p a{
	display: block;
	margin-top: 12px;
    margin-left: 12px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #00DFB9;
	font-size: 16px;   
	text-align: center;
	text-decoration: none;
	border: 1px solid #00DFB9;
	border-radius: 5px;
}
.slide .info li.qq p a:hover{
	color: #FFFFFF;
	border: none;
	background: #00E0DB;
}
.slide .info li div.img{
	height: 100%;
	background: #DEFFF9;
	margin: 15px;
}
.slide .info li div.img img{
	width: 100%;
	height: 110px;
}