
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background .2s,box-shadow .2s;}
.nav.glass{background:#FFFFFF;box-shadow:0 1px 4px 0 rgba(140,140,140,.17);}
.nav-in{max-width:1200px;margin:0 auto;padding:0;height:70px;display:flex;align-items:center;justify-content:space-between;}
.n-logo{display:flex;align-items:center;flex:0 0 auto;}
.n-logo .lg{height:40px;width:auto;display:block;}
.n-logo .lg-c{display:none;}
.nav.glass .lg-w,.nav.nav-open .lg-w{display:none;}
.nav.glass .lg-c,.nav.nav-open .lg-c{display:block;}
.n-menu{margin-left:auto;display:flex;align-items:center;}
.n-menu>.n-item{position:relative;margin-right:44px;}
.n-menu>.n-item.n-last{margin-right:36px;}
.n-menu>.n-item>a{display:block;font-size:16px;color:#FFFFFF;position:relative;height:70px;line-height:70px;white-space:nowrap;transition:color .2s;text-decoration:none;}
.n-menu>.n-item>a.on::after,.n-menu>.n-item>a:hover::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:24px;height:3px;border-radius:8px;background:#fff;bottom:13px;}
.n-cta{display:flex;align-items:center;gap:12px;}
a.new_header{text-decoration:none;color:#F8513E;}
.nav .new_header{display:inline-block;vertical-align:middle;margin:0;background:#FFFFFF;border-radius:6px;height:40px;width:104px;text-align:center;line-height:40px;transition:all .25s;font-size:15px;color:#F8513E;position:relative;cursor:pointer;box-sizing:border-box;}
.nav .new_header:hover{background:#FDBA6E!important;color:#FFFFFF;}
.nav .new_header:hover .header_lianxi{display:block;pointer-events:auto;}
.nav .header_lianxi{position:absolute;box-shadow:0 6px 16px 0 rgba(0,0,0,0.06);background:#FFFFFF;border-radius:10px;padding:28px 40px 26px;text-align:center;top:55px;left:50%;transform:translateX(-50%);display:none;z-index:20;}
.nav .header_lianxi2{width:140px;height:140px;max-width:none;}
.nav .header_lianxi3{padding-top:22px;color:#4D4D4D;font-size:14px;line-height:1;}
.nav.glass .n-menu>.n-item>a{color:#333;}
.nav.glass .n-menu>.n-item>a:hover,.nav.glass .n-menu>.n-item>a.on{color:#F8513E;}
.nav.glass .n-menu>.n-item>a.on::after,.nav.glass .n-menu>.n-item>a:hover::after{background:#F8513E;}
.nav.glass .n-cta .new_header,.nav.nav-open .n-cta .new_header{background:rgb(255,235,232);color:#F8513E;}
.nav-burger{display:none;width:42px;height:42px;margin-left:10px;padding:9px;border:0;border-radius:8px;background:transparent;cursor:pointer;}
.nav-burger i{display:block;height:2px;border-radius:2px;background:#fff;margin:4px 0;transition:.22s;}
.nav.glass .nav-burger i,.nav.nav-open .nav-burger i{background:#33404F;}
.nav.nav-open{background:#fff;box-shadow:0 1px 4px 0 rgba(140,140,140,.17);}
.nav.nav-open .nav-burger i:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav.nav-open .nav-burger i:nth-child(2){opacity:0;}
.nav.nav-open .nav-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.nav.nav-open .n-menu>.n-item>a{color:#33404F;}
.nav.nav-open .n-menu>.n-item>a.on,.nav.nav-open .n-menu>.n-item>a:hover{color:#F8513E;}
@media (max-width:1080px){
  .n-menu>.n-item{margin-right:22px;}
  .n-menu>.n-item.n-last{margin-right:18px;}
}
@media (max-width:900px){
  .nav-in{height:62px;padding:0 16px;}
  .nav-burger{display:block;}
  .n-logo .lg{height:28px;}
  .n-menu{position:absolute;top:62px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;margin:0;background:#fff;box-shadow:0 10px 24px rgba(80,30,20,.12);padding:6px 0 16px;max-height:calc(100vh - 62px);overflow-y:auto;}
  .nav.nav-open .n-menu{display:flex;}
  .n-menu>.n-item,.n-menu>.n-item.n-last{margin-right:0;border-bottom:1px solid #F1F4F8;}
  .n-menu>.n-item>a{height:auto;line-height:1.5;padding:15px 20px;font-size:16px;color:#33404F;}
  .n-menu>.n-item>a.on,.n-menu>.n-item>a:hover{color:#F8513E;}
  .n-menu>.n-item>a.on::after,.n-menu>.n-item>a:hover::after{display:none;}
  .n-cta{padding:16px 20px 0;gap:10px;}
  .nav .n-cta .new_header{height:36px;line-height:36px;font-size:13px;width:auto;padding:0 14px;background:rgb(255,235,232)!important;}
  .nav .header_lianxi{display:none!important;}
}
