.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{background: #fff;}
.nav-list>li>.er li a{color:rgba(71,77,80,0.7);}
.nav-list>li>.er li:hover{background: rgba(71,77,80,0.7);}
.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;padding:0;}
.nav-list>li>.er>li>.san{position:absolute;top:50px;left:100%;top:0;}
.nav-list>li .er .san li,.nav-list>li .er .san li a{white-space:nowrap;}
.nav-list>li .er .san li a{padding:0 5px;color:rgba(71,77,80,0.7);}
.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;}



.imgbed{
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-top: 120%;
    overflow:hidden;}
.imgbed img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;}
.img-list li{
    width:20%;
    margin-bottom:10px;}
.img-list li img{
    height:auto;}
@media( max-width: 991px){
    .img-list li{
        width:33%;}
}
@media( max-width: 640px){
    .img-list li{
        width:50%;}
}