/* nav */
.web-title >div >a >p {
    /* 设置当前定位的背景色 */
    color: #01d8ff !important;
}

.nav {
    /* 导航栏 */
    height: 60px;
    background-color: #3b57f6;
    z-index: 999;
    width: 100%;
}

.nav-list {
    /* 目录与左侧的距离 */
    width: 1200px;
    height: 60px;
}

.nav-list>li {
    /* 目录之间的样式 */
    float: left;
    margin-right: 50px;
    position: relative;
}

.nav-list>li>div {
    /* 包裹目录的块 */
    height: 60px;
    text-align: center;
}

.nav-list>li:last-child {
    margin-right: 0;
}
.nav-list>li:first-child {
    margin-left: 18px;
}

.nav-list a {
    display: block;
}

.nav-list>li>div>a>p {
    /* 目录的文字样式 */
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    color: #f0f3f7;
}

.nav-list>li>div:hover >a >p {
    /* 当鼠标移动到目录时，出现的样式 */
    color: #01d8ff;
}


/* 二级三级四级nav */
.sec,
.thr,
.four {
    /* 设置下拉菜单的优先级 */
    z-index: 999;
}

.sec {
    /* 将下拉菜单隐藏 */
    display: none;
}

.sec,
.thr,
.four {
    /* 设置下拉菜单的样式 */
    display: none;
    min-width: 178px;
    position: absolute;
    left: -17px;
    background-color: #2d42bb;
}

.sec>li,
.thr>li,
.four>li {
    /* 设置二三级菜单之间的距离 */
    position: relative;
    min-width: 178px;
    height: 58px;
    cursor: pointer;
}

.thr,
.four {
    top: 0;
    left: 100%;
}

.sec>li>a,
.thr>li>a,
.four>li>a {
    font-size: 18px;
    color: #f0f3f7;
    line-height: 58px;
    white-space: nowrap;
    padding: 0 15px 0 28px;
}

.sec>li:hover #k0,
.thr>li:hover #k9,
.four>li:hover #k2 {
    color: #01d8ff;
}