.ban-case{ background:url(../images/ban-case.jpg) no-repeat center 0px; height:400px;}
.m-artlist {margin-left:auto;margin-right:auto;width:110%;}
.m-artlist-2 img, .m-artlist-2 .bor, .m-artlist-2 a, .m-slbanner .prev a, .m-slbanner .next a { transition: all 0.3s ease 0s; }
.m-artlist .item { float: left; width:295px; margin: 0px 20px 70px 0px; }
.m-artlist .img { position: relative; height: 262px; }
.m-artlist .img a, .m-artlist .img img, .m-artlist .bor, .m-artlist-2 .imgbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-artlist .bor { width: 240px; height: 270px; border: 10px solid rgb(0, 0, 0); opacity: 0; }
.m-artlist-1 .bor:nth-child(2), .m-artlist-1 .bor:nth-child(3), .m-artlist-1 .bor:nth-child(4) { display: none; }
.m-artlist-2 .img { height:240px; }
.m-artlist-2 .img p{ position:absolute; width:295px; bottom:-10px; line-height:40px; text-align:center;}
.m-artlist-2 .img p a{ font-size:16px;}
.m-artlist-2 .bor { width: 295px; height: 240px; border: 1px solid rgb(179, 179, 179); background: none repeat scroll 0% 0% rgb(255, 255, 255); opacity: 1; }
.m-artlist-2 .bor:first-child { left: 8px; top: 8px; }
.m-artlist-2 .bor:nth-child(2) { left: 6px; top: 6px; }
.m-artlist-2 .bor:nth-child(3) { left: 4px; top: 4px; }
.m-artlist-2 .bor:nth-child(4) { left: 2px; top: 2px; }
.m-artlist-2 .txt { margin-top: 10px; }
.m-artlist-2 a:hover img { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
	border-color:#228974;
}
.m-artlist-2 a:hover .bor:first-child { 
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
	border-color:#228974;
}
.m-artlist-2 a:hover .bor:nth-child(2) { 
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
	border-color:#228974;
}
.m-artlist-2 a:hover .bor:nth-child(3) { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
	border-color:#228974;
 }
 .m-artlist-2 a:hover .bor:nth-child(4) { 
     -moz-transform: rotate(-5deg);
     -webkit-transform: rotate(-5deg);
     -o-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     transform: rotate(-5deg);
	 border-color:#228974;
 }