#caselist {
	WIDTH:100%;
	FLOAT: left;   text-align:left; overflow:hidden;
}
#caselist UL {
	LIST-STYLE-TYPE: none; margin-left:-2%;
}
#caselist UL LI {
	 WIDTH:28.33%; float:left;cursor:pointer; margin-left:2%; margin-top:1%; margin-bottom:1%; background-color:#1A1A1A; overflow:hidden;border-radius:6px; padding:1.5%;
}
#caselist UL LI dd{ width:100%; position:relative; float:left; padding-top:65%; overflow:hidden;border-radius:6px;overflow:hidden; }
#caselist UL LI dd img{ width:100%; position:absolute; left:0px; top:0px; min-height:100%;border-radius:6px;transition:all 0.4s ease-in-out 0s;}
#caselist UL LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#caselist UL LI .jj{ width:100%; float:left; margin-top:1.5%;}
#caselist UL LI .jj .nrq{ width:70%; float:left;}
#caselist UL LI .jj .nrq h3{ font-size:24px; color:#fff; font-weight:normal; line-height:1.8;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#caselist UL LI .jj .nrq p{ font-size:16px; color:#fff; line-height:1.5;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden; font-weight:bold;}
#caselist UL LI .jj  span{ float:right; padding:1% 4%;  margin-top:4%; line-height:2; background-color:#0079FE;border-radius:8px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
#caselist UL LI .jj  span i{ margin-left:8px;}
#caselist UL LI .jj  span:hover{ background-color:#1DA1D1;}
@media only screen and (max-width: 1400px){#caselist UL LI .jj .nrq h3{ font-size:16px; font-weight:bold;}#caselist UL LI .jj .nrq p{ font-size:14px;}#caselist UL LI .jj  span{ font-size:14px;}}
@media only screen and (max-width: 1200px){#caselist UL LI .jj .nrq{ width:65%;}#caselist UL LI .jj .nrq h3{ font-size:14px; font-weight:bold;}#caselist UL LI .jj .nrq p{ font-size:12px;}#caselist UL LI .jj  span{ font-size:12px;}#caselist UL LI { padding:1%; width:29.33%}}
@media only screen and (max-width: 800px){#caselist UL LI { width:45%; padding:1.5%;}}
@media only screen and (max-width: 600px){#caselist UL LI .jj .nrq{ width:60%; }#caselist UL LI .jj .nrq h3{ font-size:12px; font-weight:bold;}#caselist UL LI .jj .nrq p{ font-size:12px; font-weight:normal;}}
@media only screen and (max-width: 450px){#caselist UL LI .jj .nrq{ width:52%; }#caselist UL LI .jj  span{ float:right; padding:0px 2%;}}