.er,.san,.si{display:none;}
.nav-list>li{position:relative;}
.nav-list>li>.er{width: 160px;position:absolute;top:50px;left: 50%;margin-left: -80px;}
.nav-list>li>.er>li,.nav-list>li>.er>li>.san>li,.nav-list>li>.er>li>.san>li>.si>li{background: #000;opacity: 0.6;}
.nav-list>li>.er>li:hover{opacity: 0.8;}
.nav-list>li>.er>li>.san>li:hover{opacity: 0.8;}
.nav-list>li>.er>li>.san>li>.si>li:hover{opacity: 0.8;}
.nav-list>li>.er li:hover a{color:#fff;}
.nav-list>li .er li,.nav-list>li .er li a{width:100%;line-height:36px;color:#fff;padding:0;white-space:nowrap;padding:0 6px;}
.nav-list>li:hover .er{display:block;}
.nav-list>li>.er>li>.san{position:absolute;top:50px;left:100%;top:0;}
.nav-list>li>.er>li:hover>.san{display:block;}
.nav-list>li>.er>li>.san>li>.si{position:absolute;top:50px;left:100%;top:0;}
.nav-list>li>.er>li>.san>li:hover>.si{display:block;}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    text-align: center;
    line-height: 40px;}


@media (max-width: 991px){
.nav-click {
    display: block;
    transition: 0.3s all;
    z-index: 10000;
    position: absolute;
    color: #333;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;}
.nav-list>li:hover .er{display:none;}
}
@media (max-width: 991px){
.nav-click.active {
    transform: rotate(180deg);}}
.container p{margin: 0 0 3px;}
a{text-decoration:none;}