.section-number { color: #fff; }

.section-number .number { width: 140px; height: 140px; border: 1px solid #ddd; border-radius: 50%; position: relative;
margin: 0 auto; }

.section-number .number .data { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #505050; }

.section-number .number .data span { font-size: 36px; }

.section-number .number .data .unit { font-size: 26px; }

.section-number .text { padding: 10px 0; color: #505050; }

.section-number .wf-aboutus-number1 .number,
.section-number .wf-aboutus-number4 .number{border:1px solid #3d4c6d;}
.section-number .wf-aboutus-number1 .text,
.section-number .wf-aboutus-number4 .text{color:#3d4c6d;}

.section-number .wf-aboutus-number2 .number,
.section-number .wf-aboutus-number5 .number{border:1px solid #90afcb;}
.section-number .wf-aboutus-number2 .text,
.section-number .wf-aboutus-number5 .text{color:#90afcb;}

.section-number .wf-aboutus-number3 .number{border:1px solid #f70;}
.section-number .wf-aboutus-number3 .text{color:#f70;}