.mod8 ul{margin-left: -280px}

.mod8 ul li{float: left; width: 50%; padding: 20px 0;}

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

.mod8 ul li .icon i{display: block;margin: 0 auto;width: 100px;height: 100px;background:url("../images/index/icons.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 .icon i{background-position:-486px -410px;}

.mod8 ul li.i1 .icon i{background-position:-586px -410px;}

.mod8 ul li.i2 .icon i{background-position:-686px -410px;}

.mod8 ul li.i3 .icon i{background-position:-486px -510px;}

.mod8 ul li.i4 .icon i{background-position:-586px -510px;}

.mod8 ul li.i5 .icon i{background-position:-686px -510px;}

.mod8 ul li.i6 .icon i{background-position:-486px -610px;}

.mod8 ul li.i7 .icon i{background-position:-586px -610px;}

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

.mod8 ul li .desc{overflow: hidden;display: table;height: 85px;padding-left: 20px;}

.mod8 ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;}

.mod8 ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px;color: #4f5b6c}

.mod8 ul li .desc> .row0 p{font-size: 12px;color:#9d9d9d}

.mod88  ul{margin-left: 0}
.mod88 ul li{float: left; width: 222px; padding: 20px 0;}
.mod88 ul li .descs{overflow: hidden;height: 85px;text-align: center;; }

.mod8 ul li .descs>div{vertical-align: middle;color: #3d3d3d;margin-top: 20px;}

.mod8 ul li .descs> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px;color: #4f5b6c}

.mod8 ul li .descs> .row0 p{font-size: 12px;color:#9d9d9d}