.Nav_bar{z-index: 55;}
.no_scroll{overflow: hidden;}
@media (min-width: 769px){
.Nav_bar .nav_con ul{display: flex;}	
.Nav_bar .nav_con ul li{display: block;}
.Nav_bar .nav_con ul li a{color: #fff;display: block;padding:5px 10px;font-size: 16px;margin-left: 50px;}
.Nav_bar .nav_con ul li a:hover{background: #333;border-radius: 5px;}
}

@media (max-width: 768px) {
.Nav_bar{display: none;}
.Nav_bar .nav_con{display: flex;align-items: center; justify-content: center;height: 100vh;position: fixed;width: 100%;top: 0;left: 0;z-index: 999999999;}
.Nav_bar .nav_con li a{font-size: 1.4rem;color: #fff !important;display: block;padding: 10px 0;text-align: center;}
.Nav_bar .nav_fiex_bg{background: #eb5757;width: 100%;height: 100vh;position: fixed;z-index:44;left: 0;top:0;}
.Nav_click{position: fixed;top: 4.7rem;right: 1em;z-index: 99;width: 35px;height: 35px;background: #333;border-radius: 3px;}
.Nav_click1{background: none;}
.Nav_click ul{padding:2px 8px 0 8px;}
.Nav_click li{display:block;height: 8px; border-bottom: solid 1px #fff;}
.Nav_click1 li:nth-child(2){display: none;}
.Nav_click1 li:nth-child(1){transform: matrix(1, 0, 0, 1, 0, 5) rotate(-45deg);transition: 500ms;}
.Nav_click1 li:nth-child(3){transform: matrix(1, 0, 0, 1, 5, -3) rotate(45deg);transition: 500ms;}
}