/* 导航 */

.nav_wrap {
    position: relative;
    z-index: 999;
    height: 60px;
    box-sizing: border-box;
}

#nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

ul.nav {
    display: inline-flex;
    flex: 1;
    padding-left: 50px;
    padding: 0 13%;
    background: #1bba9e;
}

li.nav-item {
    flex: 1;
    position: relative;
}

li.nav-item>a {
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    position: relative;
    color: #fff;
}


/* 

li.nav-item>a::before {

    display: none;

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    border-width: 0 10px 10px;

    border-style: solid;

    border-color: transparent transparent #fff;

    position: absolute;

} */

li.nav-item.active a::before {
    content: none;
}

li.nav-item:hover>a,
li.nav-item.active>a {
    color: #fff;
}

li.nav-item:hover>a::before,
li.nav-item.active>a::before {
    display: block;
}


/* 二级菜单 */

.subMenu {
    display: none;
    position: absolute;
    top: 60px;
    left: -120%;
    right: -120%;
    padding: 15% 0;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #d7d7d8;
    border-top: none;
}

.subMenu>ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.subMenu>ul>li>a {
    display: block;
    padding: 0 18px;
    text-align: center;
    line-height: 50px;
    color: #666;
}

.subMenu_l {
    float: left;
    width: 40%;
    padding-left: 8%;
}

.subMenu_l img {
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
}

.subMenu_r {
    float: right;
    width: 60%;
    padding: 0 7%;
    border-left: 1px solid #c2c2c2;
}

.subMenu_r img {
    width: 100%;
    height: 160px;
}

.subMenu_llist {
    float: left;
    margin: 3% 0;
}

.nav_text {
    float: left;
    line-height: 28px;
    font-size: 16px;
    color: #1bba9e;
}

.subMenu_llist span {
    float: left;
}

.subMenu_llist i {
    float: left;
    color: #1bba9e;
    font-size: 24px;
    margin: 4px 15px 0 0;
}

.subMenu_llist i.icon-yaoxiang {
    font-size: 31px;
    margin: 4px 11px 0 -4px;
}

.subMenu_llist i.icon-yunshiyanshi {
    font-size: 24px;
}

.subMenu_llist i.icon-tubiao- {
    font-size: 26px;
    margin: 4px 14px 0 -1px;
}

@media (max-width:1680px) {
    .subMenu_r img {
        height: 150px;
    }
}

@media (max-width:1600px) {
    .subMenu_r img {
        height: 140px;
    }
}

@media (max-width:1440px) {
    .subMenu_r img {
        height: 120px;
    }
    .subMenu_l {
        padding-left: 5%;
    }
}

@media (max-width: 1366px) {
    .subMenu_l img {
        height: 140px;
    }
    .subMenu_m {
        margin-top: 18px;
    }
    .headerCon {
        padding: 0 5%;
    }
    ul.nav {
        padding: 0 8%;
    }
    .subMenu_llist i {
        font-size: 22px;
        margin: 4px 10px 0 0;
    }
    .subMenu_llist i.icon-yaoxiang {
        font-size: 29px;
        margin: 4px 7px 0 -4px;
    }
    .subMenu_llist i.icon-tubiao- {
        font-size: 24px;
        margin: 4px 10px 0 -1px;
    }
    .nav_text {
        font-size: 15px;
    }
}

@media (max-width: 1024px) {
    .nav_text {
        font-size: 14px;
    }
    .subMenu_llist i {
        font-size: 18px;
    }
    .subMenu_llist i.icon-yaoxiang {
        font-size: 24px;
    }
    .subMenu_r img {
        height: 100px;
    }
    .subMenu {
        position: absolute;
        top: 60px;
        left: -140%;
        right: -140%;
    }
}