.mod8 ul li .icon2{width: 100px;height: 100px;float: left;margin-left: 280px}

.mod8 ul li .icon2 i{display: block;margin: 0 auto;width: 100px;height: 100px;background:url("../images/component.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.mod8 ul li.i0 .icon2 i{background-position: 0 0;}   

.mod8 ul li.i1 .icon2 i{background-position:0  -100px;}  

.mod8 ul li.i2 .icon2 i{background-position:0 -200px;}

.mod8 ul li.i3 .icon2 i{background-position:0 -300px;}  

.mod8 ul li.i4 .icon2 i{background-position:0 -400px;}

.mod8 ul li.i5 .icon2 i{background-position:0 -500px;}  

.mod8 ul li.i6 .icon2 i{background-position:0 -600px;}   

.mod8 ul li.i7 .icon2 i{background-position:0 -700px;}  

.mod8 ul li:hover .icon2 i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}


.mod8 ul li .icon22{width: 100px;height: 100px; }

.mod8 ul li .icon22 i{display: block;margin: 0 auto;width: 100px;height: 100px;background:url("../images/component.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.mod8 ul li.i0 .icon22 i{background-position: 0 0;}   

.mod8 ul li.i1 .icon22 i{background-position:0  -100px;}  

.mod8 ul li.i2 .icon22 i{background-position:0 -200px;}

.mod8 ul li.i3 .icon22 i{background-position:0 -300px;}  

.mod8 ul li.i4 .icon22 i{background-position:0 -400px;}

.mod8 ul li.i5 .icon22 i{background-position:0 -500px;}  

.mod8 ul li.i6 .icon22 i{background-position:0 -600px;}   

.mod8 ul li.i7 .icon22 i{background-position:0 -700px;}  

.mod8 ul li:hover .icon22 i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}