.plus { float:left;  text-align: center; width: 33.33%;  padding:14px;  }

.plus a {  text-align: center;  margin: auto;width: 100%;  height:280px; display: block;  background: #fff; border-radius: 6px; border:1px solid #d5d9e0;  -webkit-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);  -moz-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);  box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);  -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: #335998;  transition: 0.5s ease; }

.plus a: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;}
.plus a:hover p { 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;}

.plus  p { text-align:center; font-size:15px; }
.plus:hover  span { background: url('../img/st3.png') no-repeat; margin: auto; display: block; width: 47px; height:19px;-webkit-animation: moveFromBottom 300ms ease-in-out;  -moz-animation: moveFromBottom 300ms ease-in-out;  -ms-animation: moveFromBottom 300ms ease-in-out; }

.ca-content {  padding:20px; padding-top: 4px; }
.ca-main { color: #141f29; margin:10px;  font-size: 20px;  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear;  -o-transition: all 300ms linear; -ms-transition: all 300ms linear;  transition: all 300ms linear; }



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


.plus a:hover .icoim1, .plus a:hover .icoim2, .plus a:hover .icoim3, .plus a:hover .icoim4, .plus a:hover .icoim5,  .plus a:hover .icoim6 { background-position: 0px 84px; }

.ico  { display:inline-block; overflow:hidden; height: 85px; width: 102px;  margin-top:30px; -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.2); -moz-transform:scale(1.2);  -ms-transform:scale(1.2);  -o-transform:scale(1.0);  transform:scale(1.2); }

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

.tabs h4  {  font-size: 20px;  font-weight: bold; }

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

@-webkit-keyframes moveFromBottom {  from { opacity: 0;  -webkit-transform: translateX(-200%); }  to { opacity: 1;  -webkit-transform: translateX(0%);  }}
@-moz-keyframes moveFromBottom { from { opacity: 0;  -moz-transform: translateX(-200%);  } to  {opacity: 1; -moz-transform: translateX(0%);  }  }
@-ms-keyframes moveFromBottom {  from { opacity: 0;  -ms-transform: translateX(-200%);  } to {  opacity: 1; -ms-transform: translateX(0%);  }}