.top_tip{background: #111;width: 100%;height: auto;position: fixed;z-index: 11;left: 0;top: 0;padding: 1em 0;}
.Nav_bar{z-index: 55;}
.no_scroll{overflow: hidden;}
.logo1{display: none;}
@media (min-width: 769px){
.Nav_bar .nav_con ul{display: flex;}	
.Nav_bar .nav_con ul li{display: block;}
.Nav_bar .nav_con .logo a{border: none;padding: 0 20px;width: 150px;border-radius: 0;}
.Nav_bar .nav_con .logo a:hover{background: none;}
.Nav_bar .nav_con ul li a{color: #02ECB2;display: block;padding:0 2em;font-size: 16px;height: 40px;line-height: 40px;border-radius: 40px;border: solid 1px #02ECB2;margin:0 1em;}
.Nav_bar .nav_con ul li a:hover{background: rgba(2,236,178,0.17);}
}

@media (max-width: 768px) {
.Bg_all{background: #111;width: 100%;height: auto;position: fixed;z-index: 11;left: 0;top: 0;height: 50px;z-index: 11;}	
.logo1{display: block;width: 100%;position: fixed;left: 0;top: 10px;}
.logo1 a{width: 120px;margin: 0 auto;}
.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 ul{display: block;width: 60%;}
.Nav_bar .nav_con li a{font-size: 16px;color: #02ECB2 !important;display: block;padding: 30px 0;text-align: center;border-bottom: solid 1px #02ECB2;}
.Nav_bar .nav_con li:last-child  a{border-bottom:none;}
.Nav_bar .nav_con .logo{display: none;}
.Nav_bar .nav_fiex_bg{background: #111;width: 100%;height: 100vh;position: fixed;z-index:44;left: 0;top:0;}
.Nav_click{position: fixed;top:8px;right: 10px;z-index: 99;width: 32px;height: 32px;background: #333;border-radius: 3px;}
.Nav_click1{background: none;}
.Nav_click ul{padding:0 6px 0 6px;}
.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;}
}