﻿.xygs-box {
    display: flex;
    flex-wrap: wrap;
}
.xygs-box .xygs-item {
    width: 224px;
    height: 160px;
    background-color: #e1ebfe;
    box-shadow: 0px 0px 16px 0px
    rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
    text-align: center;
    padding-top: 125px;
    margin-right: 15px;
}
.xygs-box .xygs-item >a {
    display: block;
}
.xygs-box .xygs-item:nth-child(5n){
    margin-right: 0px;
}
.xygs-box .xygs-item .title-name {
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    color: #3f7cf8;
    margin-top: 5px;
}
.xygs-box .xygs-item.active .title-name ,.xygs-box .xygs-item:hover .title-name{
    color: #ffffff;
}
.xygs-item.item1 {
    background: #e1ebfe url("../../app/images/Index/xzcf.png") no-repeat center 25px;
}
.xygs-item.item1.active,
.xygs-item.item1:hover {
    background: #3f7cf8 url("../../app/images/Index/xzcf1.png") no-repeat center 25px;
}
.xygs-item.item2 {
    background: #e1ebfe url("../../app/images/Index/cyxxgs.png") no-repeat center 25px;
}
.xygs-item.item2.active,
.xygs-item.item2:hover {
    background: #3f7cf8 url("../../app/images/Index/cyxxgs1.png") no-repeat center 25px;
}
.xygs-item.item3 {
    background: #e1ebfe url("../../app/images/Index/zdrqgs.png") no-repeat center 25px;
}
.xygs-item.item3.active,
.xygs-item.item3:hover  {
    background: #3f7cf8 url("../../app/images/Index/zdrqgs1.png") no-repeat center 25px;
}
.xygs-item.item4 {
    background: #e1ebfe url("../../app/images/Index/xycngs.png") no-repeat center 25px;
}
.xygs-item.item4.active,
.xygs-item.item4:hover {
    background: #3f7cf8 url("../../app/images/Index/xycngs1.png") no-repeat center 25px;
}
.xygs-item.item5 {
    background: #e1ebfe url("../../app/images/Index/sxmdgs2.png") no-repeat center 25px;
}
.xygs-item.item5.active,
.xygs-item.item5:hover{
    background: #3f7cf8 url("../../app/images/Index/sxmdgs3.png") no-repeat center 25px;
}
.xygs-item.item6 {
    background: #e1ebfe url("../../app/images/Index/sxmdgs.png") no-repeat center 25px;
}
.xygs-item.item6.active,
.xygs-item.item6:hover {
    background: #3f7cf8 url("../../app/images/Index/sxmdgs1.png") no-repeat center 25px;
}
.xygs-item.item7 {
    background: #e1ebfe url("../../app/images/Index/xzxkgs.png") no-repeat center 25px;
}
.xygs-item.item7.active,
.xygs-item.item7:hover   {
    background: #3f7cf8 url("../../app/images/Index/xzxkgs1.png") no-repeat center 25px;
}
.xygs-item.item8 {
    background: #e1ebfe url("../../app/images/Index/lyjngs.png") no-repeat center 25px;
}
.xygs-item.item8.active,
.xygs-item.item8:hover  {
    background: #3f7cf8 url("../../app/images/Index/lyjngs1.png") no-repeat center 25px;
}
.xygs-item.item9 {
    background: #e1ebfe url("../../app/images/Index/lygs.png") no-repeat center 25px;
}
.xygs-item.item9.active,
.xygs-item.item9:hover  {
    background: #3f7cf8 url("../../app/images/Index/lygs1.png") no-repeat center 25px;
}
.xygs-item.item10 {
    background: #e1ebfe url("../../app/images/Index/tyshxydmgs.png") no-repeat center 25px;
}
.xygs-item.item10.active,
.xygs-item.item10:hover  {
    background: #3f7cf8 url("../../app/images/Index/tyshxydmgs1.png") no-repeat center 25px;
}
.xygs-item.item11 {
    background: #e1ebfe url("../../app/images/Index/htlygs.png") no-repeat center 25px;
}
.xygs-item.item11.active,
.xygs-item.item11:hover  {
    background: #3f7cf8 url("../../app/images/Index/htlygs1.png") no-repeat center 25px;
}
