@charset "UTF-8";

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}
.case {
	width:100%;
}
.case .box {
	max-width:1600px;
	margin:auto;
	padding-bottom:80px;
}
.case .box .case-list {
	width:100%;
	display:table;
}
.case-list li {
	width:31.3%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
	box-shadow: 0 0 15px 1px rgba(0,0,0,.1);
}

.case-list li:hover {
	box-shadow:0 0 15px 1px rgba(0,0,0,.1);color:#CC9933;
}
.case-list li .img {
	width:100%;
	overflow:hidden;
	max-height: 265px;
}
.case-list li .img  img {
    width:100%;
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
}
.case-list li:hover .img img {
    -webkit-transform:  scale(1.05) ; 
    -moz-transform: scale(1.05) ; 
    -ms-transform: scale(1.05);     
    -o-transform:  scale(1.05) ; 
    transform:  scale(1.05);
}
.case-list li .tbox {
	width:100%;
	box-sizing:border-box;
	border-top:none;
	padding:10px 20px;
        background:#69c;
}
.case-list li .tbox .title {
	width:100%;
	position:relative;
	line-height:36px;
}
.case-list li .tbox .title .t1:hover{ color:#fff;}
.case-list li .tbox .title .t2:hover{ color:#fff;}
.case-list li .tbox .title .t1 {
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.case-list li .tbox .title .t2 {
	font-size:14px;
	color:#fff;
        height:36px;
        line-height:36px;
        overflow:hidden;
}
.case-list li .tbox .title .icon {
	position:absolute;
	right:0;
	top:0;
}
.case-list li .tbox .title .icon span {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}
.case-list li .tbox .title .icon .icon1 {
	background:url(../img/icon1.png) center center no-repeat;
}

@media(max-width:1660px) {

}
@media(max-width:1370px) {
}
@media(max-width:1200px) {

	.case-list li{
		width: 32%;
		margin-right: 2%;
	}
	.case-list li:nth-child(4n){
		margin-right: 2%;
	}
	.case-list li:nth-child(3n){
		margin-right: 0;
	}
	.case-list li:nth-child(4n+1){
		clear: none;
	}

}

@media(max-width:900px) {
	
	.case-list li{
		width: 48%;
		margin-right: 4%;
	}
	.case-list li:nth-child(3n){
		margin-right: 4%;
	}
	.case-list li:nth-child(2n){
		margin-right: 0;
	}
	.case .box{
		padding: 0 30px 50px;
	}

}

@media(max-width:767px) {
	.case-list li,
	.case-list li:nth-child(3n){
		width: 100%;
		margin-right: 0;
	}
	.case-list li:nth-child(2n){
		width: 100%;
	}
	.case-list li:nth-child(4n+1){
		width: 100%;
	}
	
	.case .box{
		padding: 0 20px 50px;
	}
	
}