@charset "utf-8";

.category{position: relative; z-index: 1; padding: 25px; margin-top: -50px; background: #fff;}
.category ul{margin: -30px -15px 0; overflow: hidden;}
.category ul li{float: left; width: 33.33333%;}
.category ul li a{display: block; margin: 30px 15px 0; padding: 10px 5px; text-align: center; font-size: 22px; font-weight: bold; color: #333; background: #f6f6f6; border-radius: 5px;}
.category ul li a i{display: inline-block; vertical-align: middle; position: relative; width: 46px; height: 46px; margin-right: 15px; background: #fff; border-radius: 1000px;}
.category ul li a i:before{position: absolute; top: 50%; left: 50%; content: ""; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; background-repeat: no-repeat; background-image: url(../images/jkhx/lcsyzm/category_icons.png);}
.category ul li a span{display: inline-block; vertical-align: middle;}
.category ul li.li0 a i:before{background-position: 0 0;}
.category ul li.li1 a i:before{background-position: 0 -30px;}
.category ul li.li2 a i:before{background-position: 0 -60px;}
.category ul li a:hover{color: #328aff;}
.category ul li a:hover i:before{background-image: url(../images/jkhx/lcsyzm/category_cons_on.png);}
.category ul li a.on{background: #328aff; color: #fff;}
.category ul li a.on i:before{background-image: url(../images/jkhx/lcsyzm/category_cons_on.png);}

@media (max-width:991px) {
  .category{padding: 15px; margin-top: 15px;}	
  .category ul{margin: -15px -7px 0 -8px;}
  .category ul li a{margin: 15px 7px 0 8px; font-size: 20px;}
}
@media (max-width:600px) {
  .category ul li a i{display: none;}
  .category ul li a span{vertical-align: top;}
}
@media (max-width:414px) {
  .category ul{margin: -1px -1px 0;}
  .category ul li a{font-size: 18px; margin: 1px 1px 0;}	
}