/*Content CSS*/
#sub_top_menu { height:60px; background:transparent;  margin-top:-60px; text-align: center; z-index: 5; position: relative;
    border-top:1px solid rgba(255,255,255,.4);}
#sub_top_menu ul {display: flex; justify-content: center;  height:100%; width:1280px; margin:0 auto;}
#sub_top_menu ul li {width:220px; height:100%;}
#sub_top_menu ul li a {display: block; font-size:18px; font-weight: 400; transition: all .3s ease; width:100%; color:#fff; opacity: .7;
transition: all .3s ease; height:100%; display: flex; align-items: center; justify-content: center; position: relative;}
#sub_top_menu ul li a::after {content: ''; display: block; width:4px; height:4px; background: #fff; border-radius: 50%;  position: absolute; top:50%; transform:translateY(-50%);
right:0;}
#sub_top_menu ul li:last-child a::after {display: none;}
#sub_top_menu ul li a:hover, #sub_top_menu ul li a.active {opacity: 1;}
#sub_top_menu ul li a.active::before {content: ''; display: block; width:8px; height:8px; background: #fff; border-radius: 50%; position: absolute; left:50%; transform:translateX(-50%); top:-4px;}
#sub_top_menu ul li a.active::after {opacity: .7;}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}