@charset "UTF-8";
.cate-INN nav ul{
    display:flex;
    flex-wrap: wrap;
}
.cate-INN nav ul li.listcat1.parent,
.cate-INN nav ul li.listcat2{
    display:none;
}

.cate-INN nav ul li{
    width: 31%;
    margin: 0 1% 10px;
    background: #0a2644;
}
.cate-INN nav ul li a{
    display:block;
    background:#0a2644;
    font-size: 14px;
    line-height:1.5;
    text-align:center;
    padding: 15px 5px;
    box-sizing:border-box;
    color:#fff;
    letter-spacing:1px;
}
.cate-INN nav ul li a:hover{
    opacity:0.8;
}

@media screen and (max-width:768px){
    .cate-INN nav ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cate-INN nav ul li.listcat1.parent,
.cate-INN nav ul li.listcat2{
    display:none;
}

.cate-INN nav ul li{
    width: 49%;
    margin: 0 0 1%;
    background: #0a2644;
}
.cate-INN nav ul li a{
    display:block;
    background:#0a2644;
    font-size: 2.2vw;
    line-height:1.5;
    text-align:center;
    padding: 15px 5px;
    box-sizing:border-box;
    color:#fff;
    letter-spacing:1px;
}
.cate-INN nav ul li a:hover{
    opacity:0.8;
}
}

@media screen and (max-width:580px){
    .cate-INN nav ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cate-INN nav ul li.listcat1.parent,
.cate-INN nav ul li.listcat2{
    display:none;
}

.cate-INN nav ul li{
    width: 100%;
    margin: 0 0 2%;
    background: #0a2644;
}
.cate-INN nav ul li a{
    display:block;
    background:#0a2644;
    font-size: 4vw;
    line-height:1.5;
    text-align:center;
    padding: 15px 5px;
    box-sizing:border-box;
    color:#fff;
    letter-spacing:1px;
}
.cate-INN nav ul li a:hover{
    opacity:0.8;
}
}