.s0102box{overflow:hidden;clear:both;width:100%;float:left}
.s0102box ul li{float:left;width:24.4%;box-sizing:border-box;text-align:center;margin-right:5px}
.s0102box ul li dl dt{width:100%;color:#fff;padding:25px;font-size:19px;font-weight:700;box-sizing:border-box}
.s0102box ul li dl dd {padding:20px 6px;box-sizing:border-box;word-break:keep-all;border-bottom:1px solid #ddd;height:140px;color:#555}
.s0102box ul li dl dd.stit{font-size:17px;font-weight:300;height:auto;color:#333}
.s0102box ul li dl dd.stit span{display:block;font-size:14px;font-weight:600;color:#888}
.s0102box ul li.type_a dl dt{background:#bcbdc1}
.s0102box ul li.type_c dl dt{background:#f9a63e}
.s0102box ul li.type_d dl dt{background:#6e3c71}
.s0102box ul li.type_v dl dt{background:#cb54a4}
.s0102box2{width:100%;float:left;border:1px solid #ddd;padding:30px;box-sizing:border-box;text-align:center;margin-top:50px}
.s0102box2 img{max-width:100%}



/****** Mobile ******/
@media screen and (max-width:690px){
.s0102box ul li{width:100%}

}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

.s0102box ul li{width:49%}

}


/****** Tablet wide Device ******/
@media screen and (min-width:899px) and (max-width:1024px) {

}


/****** desktop ******/

@media screen and (min-width:1025px) and (max-width:1440px) {
.s0102box ul li{width:49%}


}