.filters {float:left;clear:both;width:100%;}.filters .filter {clear:both;margin: 40px auto;text-align: center;}.filters .filter li {display:inline-block;width: 80px;height: 35px;line-height: 35px;text-align: center;cursor: pointer;
	font-size: 14px;color: #333;text-transform:uppercase;outline:none;margin: 0px 2%;border: 1px solid #e9e9e9;font-family: "microsoft yahei";
    letter-spacing: 0px;}.filters .filter .active {background: #2F318B;color: #fff;border: 1px solid #2f318b;}.filters .filters-box {float:left;clear:both;width:100%;position:relative;}.filters .filters-box a {display:block;width:100%;}
.filters .filter li:hover{background: #f5f5f5;}
.filters .filter li.active:hover{background: #2F318B;}
a {text-decoration:none;}.caselist{width: 100%;}
.caselist li{width: 31%;margin:0px 1% 15px;float: left;padding: 0px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	text-align: center;background: #fff;height: 275px;}
.caselist li .caseimg {display: block;width: 100%;overflow: hidden;height: auto;}
.caselist li a.caseimg img{width: 100%;}
.caselist li .casecon {width: 100%!important;/*height: 275px!important;*/margin: 0px auto 0px;padding:9% 10%; background: rgba(3,103,62,0.9);
	color: #fff;text-align: center;}
.casecon h2 a {display: block;font-size: 20px;color: #fff;padding-top: 28px;padding-bottom: 20px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.casecon .casetxt a {display: block;line-height: 22px;font-size: 14px;color: #fff;padding: 0 5%;letter-spacing: 0px;}
.casecon a.on {display: block;width: 50px;height: 30px;line-height: 32px;margin: 30px auto 0px;
	border-radius: 30px;text-align: center;background: #fff;color: #333;font-size: 19px;}
.casecon a.on .icon{height: 30px;line-height: 30px;display: block;}.casetxt2{width: 100%;background: rgba(0,0,0,0.45);position: absolute;bottom: 0px;left: 0px;}
.casetxt2 h3{margin-bottom: 0px!important;}
.casetxt2 a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;
 padding: 5px 20px;font-size: 16px;color: #fff;line-height: 30px;}@media(max-width: 1200px){ 
	.caselist li,.caselist li .casecon{height: 227px!important;}
	.casecon h2 a{padding-top: 15px;}
	.casecon .casetxt{height: 65px;overflow: hidden;}
	.casecon a.on{margin-top: 20px;}
}
@media(max-width: 992px){ 
	.caselist li,.caselist li .casecon{height: 269px!important;}
	.caselist li{width: 48%;}
	.casecon .casetxt{height: auto;overflow: hidden;}
	.casecon .casetxt a{font-size: 15px;}
}
@media(max-width: 768px){ 
	.filters .filter{margin: 40px auto 20px;}
	/*.caselist li{ width: 31%;margin:0px 1% 15px;}
	.casecon h2 a{ font-size: 18px;padding-top: 0px;}
	.casecon .casetxt{ height: 60px;overflow: hidden;}
	.casecon .casetxt a{ font-size: 12px;}
	.casecon a.on{display: none;}*/
}
@media(max-width: 736px){ 
	.caselist li,.caselist li .casecon{height: 264px!important;}
}
@media(max-width: 667px){ 
	.caselist li,.caselist li .casecon{height: 238px!important;}
}
@media(max-width: 640px){ 
	.caselist li,.caselist li .casecon{height: 221px!important;}
	.caselist li{ width: 48%;float: left;}
	.casecon{padding: 12% 6%;}
	.casecon h2 a{padding-top: 5px;padding-bottom: 10px;}
	.casecon .casetxt{height: 88px;overflow: hidden;}
	.casecon a.on{display: block;width: 44px;font-size: 17px;margin-top: 15px;}
	.filters .filter li{margin: 0px;}
}
@media(max-width: 568px){ 
	.caselist li,.caselist li .casecon{height: 201px!important;}
}
@media(max-width: 480px){ 
	.caselist li,.caselist li .casecon{height: 168px!important;}
}
@media(max-width: 470px){ 
	.caselist li,.caselist li .casecon{height: 143px!important;}
	.casecon h2 a{font-size: 16px;}
	.casecon .casetxt a{font-size: 12px;line-height: 15px;}
	.casecon a.on{display: none;}
	.filters .filter li{width: 70px;}
}
@media(max-width: 414px){ 
	.filters .filter li{width: 65px;}
	.caselist li,.caselist li .casecon{height: 200px!important;}
	.caselist li{ width: 100%;float: none;}
	.casecon{padding: 20% 10%;}
	.casecon h2 a{font-size: 18px;}
	.casecon .casetxt{ height: 67px;overflow: hidden;}
	.casecon .casetxt a{font-size: 14px;line-height: 22px;}
	.casecon a.on{display: block; width: 50px;}
}
@media(max-width: 390px){ 
	.filters .filter li{width: 70px;float: left;margin-right: 4%;margin-bottom: 15px;}
	.caselist li{ width: 100%;float: none;}
	.casecon{padding: 13% 10%;}
	.casecon h2 a{padding-top: 5px;padding-bottom: 15px;}
	.casecon .casetxt{}
	.casecon a.on{display: block;width: 44px;font-size: 16px;margin-top: 15px;}
}