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

.hd-nav .drop{width: 150px;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:rgba(0,0,0,0.4);}
.hd-nav .lk{display: block;font-size: 18px;color:#fff;text-align: center;line-height: 40px;border-top:1px solid rgba(255,255,255,0.2);padding:0px 0px;}
.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;}