/*pc head */
.mb_head{display:none;}
.head{position:fixed;z-index:9999;top:0;left:0;width:100%;transition:all .5s;border-bottom:1px solid rgba(255,255,255,0.3)}
.nav_wrap{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.logo{width:250px}
.logo a{display:block;width:100%;}
.logo a img{width:100%;}
.nav{}
.nav ul{display:flex;justify-content:center;}
.nav ul li{position:relative;}
.nav ul li a{padding:35px 30px;text-align:center;display:block;font-size:18px;font-weight:600;transition:all .5s;color:#fff;position:relative}
.nav ul li a:before{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0%;height:3px;background:#800516;content:"";opacity:0;transition:all .5s;}
.nav ul li:hover a{color:#800516 !important;font-weight:600}
.nav ul li:hover a:before{width:100%;opacity:1;}
.nav ul li a.nav_active{color:#800516 !important;font-weight:bold;}
.nav ul li a.nav_active:before{width:100%;opacity:1;}
.all_nav_btn{}
.all_nav_btn a{display:flex;gap:0 10px;align-items:center;}
.all_nav_btn img{width:16px;}

.head.scroll_active{background:#fff;}
.head.scroll_active .logo a img{content:url('../head/images/logo.svg');}
.head.scroll_active .nav ul li a{color:#000}
.head.scroll_active .all_nav_btn a{color:#000;}
.head.scroll_active .all_nav_btn img{filter:invert(1);}


.all_nav_list{overflow-y:scroll;background:linear-gradient(0deg, #08021a 0%, #002b53 100%);position:fixed;top:0;right:-40%;width:40%;height:100vh;z-index:9999999;padding:60px;transition:all .5s;}
.all_nav_list_show{right:0;}
.all_nav_top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;}
.all_nav_logo{width:200px;}
.all_nav_close{display:block;cursor:pointer;margin-left:auto;width:12px;}
.all_nav_list ul{width:100%;}
.all_nav_list ul li{}
.all_nav_list ul li a{color:#fff;font-size:20px;padding:10px 5px;font-weight:600;display:block;}
.all_nav_list ul li i{width: 4px;height: 4px;border-radius: 100px;background: #fff;display: inline-block;position: relative;top: -5px; margin-right: 8px;}
.all_nav_list ul li:last-child a{border:0;}
.all_sub_nav{}
.all_sub_nav li{}
.all_sub_nav li a{color:#fff;font-size:16px !important; padding: 5px !important;opacity:0.8}
.mb_privacy{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:35px;}
.mb_privacy a{cursor:pointer;border:1px solid #fff;;color:#fff;font-size:16px;padding:15px 0;display:block;text-align:center;font-weight:500;border-radius:6px;width:100%;} .all_nav_bg{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;display:none;backdrop-filter:blur(10px)}

@media screen and (max-width:1600px){
  .nav ul li a {padding: 35px 15px;font-size:16px;}
}

@media screen and (max-width:1400px){
  .nav_wrap{width:1400px}
}

@media screen and (max-width:768px){
  .head{display:none}
  .logo{width:auto;}
  .logo a{filter:none;width:160px;margin:0}
  .logo a img{filter:none;}
  .mb_head{display:block;position:fixed;top:0;left:0;z-index:99999;background:#fff;width:100%;}
  .mb_hd_top{padding:16px 0;width:95%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
  .all_nav_btn img{filter:invert(1);width:20px}
  
  .all_nav_list{width:85%;right:-85%;padding:30px;}
  .all_nav_list_show{right:0}
  .all_nav_logo{width:140px}
  .all_nav_list ul li a{font-size:16px;}
  .all_sub_nav li a {font-size: 14px !important;padding: 2px 5px !important;}
  .mb_privacy{gap:10px}
  .mb_privacy a {font-size: 14px;padding: 12px 0;}
}