.cases{background-color: #FFF; }
.cases .setWidth{border-bottom: 1px solid #E9E9E9;padding-bottom: 1rem;}
.cases h4,.casesList h4{ color:#333; font-size: 0.36rem; text-align: center; padding:0.95rem 0 0.58rem 0;}
.cases ul{ display: flex; justify-content: space-between;flex-wrap:wrap}
.cases ul li{width: 7.3rem; height: 4.63; border: 1px solid #E3E3E3; cursor: pointer;overflow: hidden; margin-bottom: 0.4rem;} 
.cases ul li div{width: 7.3rem; height: 3.92rem;overflow: hidden;}
.cases ul li img{width: 100%;height: 100%;display: block;transition:width 0.2s,height 0.2s;-webkit-transition:width 0.3s,height 0.3s}
.cases ul li img:hover{width: 120%; height: 120%;}
.cases ul li span{ font-size: 0.18rem; display: block; padding: 0.3rem; color: #333}
.cases ul li span:hover{color:#FE7D00;}
.cases p{font-size: 0.17rem;color: #666; line-height: 0.36rem; padding: 0.2rem 0;}
.cases .lookMore{ background-color: #F37800; border-radius: 2rem; height: 0.46rem; margin: 0.2rem auto; cursor: pointer; width: 1.6rem; text-align: center; line-height: 0.44rem; font-size: 0.18rem; color: #FFF;}

.casesList{ background-color: #FFF; padding-bottom: 1rem; }
.casesList ul{display: flex; justify-content: start; flex-wrap:wrap}
.casesList ul li{ margin:0 0.4667rem  0.27rem 0; padding-bottom: 0.7rem; width: 3.4rem; border: 1px solid #E3E3E3; text-align: center;} 
.casesList ul li:nth-child(4n){ margin-right: 0} 
.casesList ul li:hover{ background-color: #F37800;  }
.casesList ul li:hover p,.casesList ul li:hover span{color: #FFF;}
.casesList ul li div{width:1.24rem; margin: 0.65rem auto 0.45rem; cursor: pointer; height: 1.24rem; background:url(../images/listBg.png) no-repeat; background-size: 100% 100%;}
.casesList ul li:hover div{background: #FFF; border-radius: 50%;border: 0.13rem solid #F37800;}
.casesList ul li div span{ display: block;width: 100%; height: 100%;}
.casesList ul li:nth-child(1) div span{ background:url(../images/list001.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(1):hover div span{ background:url(../images/list01.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(2) div span{ background:url(../images/list002.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(2):hover div span{ background:url(../images/list02.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(3) div span{ background:url(../images/list003.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(3):hover div span{ background:url(../images/list03.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(4) div span{ background:url(../images/list004.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(4):hover div span{ background:url(../images/list04.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(5) div span{ background:url(../images/list005.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(5):hover div span{ background:url(../images/list05.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(6) div span{ background:url(../images/list006.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(6):hover div span{ background:url(../images/list06.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(7) div span{ background:url(../images/list007.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(7):hover div span{ background:url(../images/list07.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(8) div span{ background:url(../images/list008.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(8):hover div span{ background:url(../images/list08.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(9) div span{ background:url(../images/list009.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(9):hover div span{ background:url(../images/list09.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(10) div span{ background:url(../images/list010.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(10):hover div span{ background:url(../images/list10.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(11) div span{ background:url(../images/list011.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li:nth-child(11):hover div span{ background:url(../images/list11.png) center no-repeat; background-size: auto 0.6rem}
.casesList ul li p{color: #333;font-size: 0.18rem; padding-bottom: 0.18rem;}
.casesList ul li span{color: #999; font-size: 0.14rem;}

@media only screen and (max-width:750px) {
	.Mcases{ padding-top: 0.4rem; }
	.Mcases ul li{margin: 0.27rem 0.35rem;background-color: #FFF; } 
	.Mcases ul li div{width: 100%;overflow: hidden;}
	.Mcases ul li img{width: 100%;display: block;transition:width 0.2s,height 0.2s;-webkit-transition:width 0.3s,height 0.3s}
	.Mcases ul li span{ font-size: 0.26rem; font-weight: bold; display: block; padding: 0.34rem; color: #333}
	.Mcases p{color: #666; line-height: 0.5rem; padding: 0.1rem 0.34rem; font-size: 0.24rem;}
	.Mcases .lookMore{ background-color: #F37800; border-radius: 2rem; height: 0.56rem; margin: 0.2rem auto 0.98rem;width: 2.1rem; text-align: center; line-height: 0.56rem; font-size: 0.24rem; color: #FFF;}

	.McasesList{ background-color: #FFF; padding-bottom: 0.8rem; }
	.McasesList h4{ color:#333; font-size: 0.36rem; text-align: center; padding:0.95rem 0 0.58rem 0;}
	.McasesList ul{display: flex; justify-content: space-between; flex-wrap:wrap; margin: 0 0.34rem}
	.McasesList ul li{ margin:0 0 0.27rem 0; padding-bottom: 0.58rem; width: 3.3rem; border: 1px solid #E3E3E3; text-align: center;} 
	.McasesList ul li div{width:1.24rem; margin: 0.65rem auto 0.45rem; cursor: pointer; height: 1.24rem; background:url(../images/listBg.png) no-repeat; background-size: 100% 100%;}
	.McasesList ul li div span{ display: block;width: 100%; height: 100%;}
	.McasesList ul li:nth-child(1) div span{ background:url(../images/list001.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(2) div span{ background:url(../images/list002.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(3) div span{ background:url(../images/list003.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(4) div span{ background:url(../images/list004.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(5) div span{ background:url(../images/list005.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(6) div span{ background:url(../images/list006.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(7) div span{ background:url(../images/list007.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(8) div span{ background:url(../images/list008.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(9) div span{ background:url(../images/list009.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(10) div span{ background:url(../images/list010.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li:nth-child(11) div span{ background:url(../images/list011.png) center no-repeat; background-size: auto 0.6rem}
	.McasesList ul li p{color: #333;font-size: 0.26rem; padding-bottom: 0.18rem; font-weight: bold;}
	.McasesList ul li span{color: #999; font-size: 0.24rem;}

}