@charset "utf-8";
/* CSS Document */


.xingaiang{clear:both;background:url(a002.jpg) no-repeat 0 100px;height:230px;overflow:hidden;padding:0 30px}
.xingaiang dd{float:left;width:223px;height:223px;margin:0 30px 40px 30px;border:1px solid #e9e9e9;background-color:#fff; -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;}
.xingaiang dd>em{
width:100px;height:100px;margin:15px auto 0 auto;background-image:url(icon-01.png);
background-repeat:no-repeat;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;transition:all .3s ease 0s;display:block}
.xingaiang dd>em.icon-01{background-position:0 0}
.xingaiang dd>em.icon-02{background-position:0 -100px}
.xingaiang dd>em.icon-03{background-position:0 -200px}
.xingaiang dd>em.icon-04{background-position:0 -300px}



.xingaiang dd>span{display:block;height:30px;line-height:30px;text-align:center;font-size:24px; float:left; overflow:hidden; margin-bottom:20px; width:100%; }
.xingaiang dd h5{ width:100%; float:left; overflow:hidden; text-align:center; line-height:40px;}
.xingaiang dd h5 b{ background:#1e50ae; color:#666; font-weight:normal; font-size:16px; padding:7px 10px; background:#f6f6f6}


.xingaiang dd:hover span{ color:#fff}
.xingaiang dd:hover h5 b{ background:#fff; color:#1e50ae}

.xingaiang dd:active,.xingaiang dd:hover{background-color:#1e50ae;border-color:#1e50ae}
.xingaiang dd:active>em.icon-01,.xingaiang dd:hover>em.icon-01{background-position-x:-100px}
.xingaiang dd:active>em.icon-02,.xingaiang dd:hover>em.icon-02{background-position-x:-100px}
.xingaiang dd:active>em.icon-03,.xingaiang dd:hover>em.icon-03{background-position-x:-100px}
.xingaiang dd:active>em.icon-04,.xingaiang dd:hover>em.icon-04{background-position-x:-100px}
.xingaiang dd:active>em.icon-05,.xingaiang dd:hover>em.icon-05{background-position-x:-100px}
.xingaiang dd:active>em.icon-06,.xingaiang dd:hover>em.icon-06{background-position-x:-100px}
.xingaiang dd:active>em.icon-07,.xingaiang dd:hover>em.icon-07{background-position-x:-100px}
.xingaiang dd:active>em.icon-08,.xingaiang dd:hover>em.icon-08{background-position-x:-100px}
.xingaiang dd:active .yellow,.xingaiang dd.hover .yellow{background:#f50;color:#fff;border-color:#f50}
.xingaiang dd:active .yellow:hover,.xingaiang dd:active .yellow:focus,.xingaiang dd:hover .yellow:hover,.xingaiang dd:hover .yellow:focus{background:#fc661b}