.hd-nav{display: flex;justify-content: space-between;align-items: center;}
.hd-nav li{display: inline-block;vertical-align: middle;position: relative;margin-left: 1rem;}
.hd-nav li>a{display: block;font-size: 1.125rem;color:#fff;position: relative;line-height: 2.5rem;}
.hd-nav li.cur>a,.hd-nav li:hover>a{font-weight: bold;}

.hd-nav .drop{width: 9.3rem;position: absolute;left: 50%;transform: translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .3s ease 0s;transform-origin: center top;z-index:100;background-color: rgba(0,0,0,0.3);}
.hd-nav .lk{display: block;font-size: 0.975rem;color:#fff;text-align: center;line-height: 2.075rem;border-top:1px solid rgba(255,255,255,.1);padding:0.1rem 0.5rem;}
.hd-nav .lk:hover{font-weight: bold;}
.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: translate(-50%,0) scaleY(1);}
.hd-nav li:hover .drop::before{display: block;}

.hd-nav li.sj-show{display: none;}

@media screen and (min-width:1201px) and (max-width:1400px){
    .auto{width: 92%;}
    html{font-size: 0.85rem!important;}
}

@media screen and (min-width:992px) and (max-width:1200px){
    .auto{width: 92%;}
    html{font-size: 0.75rem!important;}
    .ydnone{display: none;}
}