.system {
    width: 280px;
}

.system ul li {
    width: 130px;
    height: 130px;
    margin-bottom: 20px;
    border: 1px solid #d2e9fc;
    border-radius: 10px;
    background: #f6faff;
    font-size: 20px;
    color: #333333
}

.system ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.system ul li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.systembox {
    position: relative;
}

.system-con .item {
    position: absolute;
    left: 148px;
    top: 0;
    display: none;
    width: 805px;
    background: #f6faff;
    border-radius: 10px;
    border: 1px solid #f6faff;
    border:1px solid #cee3fd
}

.system-con .item ul {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box; /* 防止 padding 撑破容器 */
}
.system-con .item ul::after {
    content: "";
    width: 32%; /* 宽度必须和 li 保持一致 */
}
.system-con .item ul li {
    width: 213px;
    height: 80px;
    padding: 0 15px;
    margin-bottom: 10px;
    background: #f3f4f5
}

.system-con .item ul li a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    color:#00558e
}

.system-con .item ul li a span {
    padding-left: 20px;
    color:#00558e
}
.system-con .ywxt{
    width: 655px;
    left: 295px;
}
.system-con .ywxt ul li{
    width: 169px;
    height: 65px;
    padding-right: 5px;
    border: 1px solid #b9defc;
    background: #fff;
 }
.system-con .ywxt ul{padding-left: 0;padding-right: 0;background: none;}
.system-con .ywxt ul li a span {color:#333}
.system-con .xkjg ul li{width: 305px;padding:0 30px}
.system-con .xkjg  ul{background: none;}
.system-con .xkjg ul li a span{padding-left: 25px;font-size: 14px;color:#333}
.system-con .item .more{text-align: center; font-size: 16px;padding-bottom: 6px;}
.system-con .xkjg ul li{height: 65px;}
.system-con .cxfw ul li{margin-bottom: 17px;}
.system ul li.cur a span{
    color: #fff;
}
.system ul li.cur{background: #4198f7}
.system-con .cxfw ul li a span{padding-left:7px}
.system-con .item:after{
    clear:both;content:".";display:block;
    width: 13px;
    height: 26px;
position: absolute;
top: 55px;
left: -13px;
    background: url(jt_1019.png) top left no-repeat;
}

.system-con .xkjg:after,.system-con .cxfw:after{
    clear:both;content:".";display:block;
    width: 13px;
    height: 26px;
position: absolute;
bottom: 55px;
left: -13px;
top: auto;
    background: url(jt_1019.png) top left no-repeat;
}
 .icon-1{background: url(xksxbl_1019.png) center center no-repeat;
    display: block;
    width: 63px;
    height: 56px;;}
 .icon-2{background: url(ywxt_1019.png) center center no-repeat;
    display: block;
    width: 63px;
    height: 56px;;}
 .icon-3{background: url(xksx_1019.png) center center no-repeat;
    display: block;
    width: 63px;
    height: 56px;;}
 .icon-4{background: url(cxfw_1019.png) center center no-repeat;
    display: block;
    width: 63px;
    height: 56px;;}
 .cur .icon-1{background: url(xksxbl_on_1019.jpg) center center no-repeat;}
 .cur .icon-2{background: url(ywxt_on_1019.jpg) center center no-repeat;}
 .cur .icon-3{background: url(xksx_on_1019.jpg) center center no-repeat;}
 .cur .icon-4{background: url(cxfw_on_1019.jpg) center center no-repeat;}