.plus { float:left;   width: 25%; height: 100px;  position: relative; padding:8px;  }

.plus a {  text-align: left;  width: 100%;  height: 100%; display: block;  background: #f4f6fb; border:1px solid #d5d9e0;  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;  transition: all 300ms linear; }
.plus a:hover { background: #139c00; color:#fff;  transition: 0.5s ease; }

.plus:hover .ca-main { color: #fff; opacity: 1;  -webkit-animation: moveFromTop 300ms ease-in-out;  -moz-animation: moveFromTop 300ms ease-in-out; -ms-animation: moveFromTop 300ms ease-in-out;}

.ca-content { position: absolute;  left: 80px; height: 60px;  top: 30px; }
.ca-main { color: #656d86; margin:10px;  font-size: 16px;  font-weight: normal; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear;  -o-transition: all 300ms linear; -ms-transition: all 300ms linear;  transition: all 300ms linear; }
.ca-main2 { margin-top:0px; }

.icoim1  {background:url(../img/icoim1.png); background-size:100%; height: 40px; widht:40px;}
.icoim2  {background:url(../img/icoim2.png); background-size:100%; height: 40px; widht:40px;}
.icoim3  {background:url(../img/icoim3.png); background-size:100%; height: 40px; widht:40px;}
.icoim4  {background:url(../img/icoim4.png); background-size:100%; height: 40px; widht:40px;}
.icoim5  {background:url(../img/icoim5.png); background-size:100%; height: 40px; widht:40px;}
.icoim6  {background:url(../img/icoim6.png); background-size:100%; height: 40px; widht:40px;}
.icoim7  {background:url(../img/icoim7.png); background-size:100%; height: 40px; widht:40px;}
.icoim8  {background:url(../img/icoim8.png); background-size:100%; height: 40px; widht:40px;}

.plus a:hover .icoim1, .plus a:hover .icoim2,  .plus a:hover .icoim3, .plus a:hover .icoim4,  .plus a:hover .icoim5, .plus a:hover .icoim6, .plus a:hover .icoim7, .plus a:hover .icoim8, .plus a:hover .icoim9, .plus a:hover .icoim10 { background-position: 0px 40px; }

.ico  { display:inline-block; overflow:hidden; height: 40px; width: 40px; margin-left:28px; margin-top:20px; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.plus a:hover  .ico  { -webkit-transform:scale(1.5); -moz-transform:scale(1.5);  -ms-transform:scale(1.5);  -o-transform:scale(1.5);  transform:scale(1.5); }

.tabs  { display: inline-block; width:100%;  margin-top:20px; margin-bottom:20px; }
.tabs div.active a  { background:#8c97a8; width:100%; }

@media only screen and (max-width: 1280px) {.plus { width: 33%; } }
@media only screen and (max-width: 920px) {.plus { width: 50%; } }
@media only screen and (max-width: 480px) {.plus { width: 100%; } }