#wrap {width: 90%;padding-left:10%;margin:0 auto;margin-top:30px;height:100%;}
.iconBox {float:left;display: block; width:30%; margin:0% 5% 0% 7%; padding-top:10%;}
.imgBox {display:block; padding:13% 10%;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; background:rgba(102,166,232,1); border:2px solid #fff; text-align:center;}
.imgBox img {padding:5%; width:80%;}
.bdr {display:block; width:2px; height:15px; margin:0 auto;background-image: -webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);}
.htext {line-height:1.5; text-align:center; display:block; color:#0E71C0; font-size:1rem;}


.icon01 {-webkit-animation: donghua1 0.5s;}
.icon02 {-webkit-animation: donghua1 0.5s 0.1s;}
.icon03 {-webkit-animation: donghua1 0.5s 0.2s;}
.icon04 {-webkit-animation: donghua1 0.5s 0.3s;}
@-webkit-keyframes donghua1 {
   from {-moz-transform:scale(0,0);-webkit-transform:scale(0,0); -o-transform:scale(0,0);}    
   to {-moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1);}
}