.head-nav>ul>li a{color:#333}
.head.is-fixed .head-main{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 1px 6px rgba(0,0,0,.1)}
.head.is-fixed .head-main .l-wrap{height:96px}.head.is-fixed .head-nav{height:96px}
.head-main{z-index:2;margin:0 auto;background:#fff}.head-main .l-wrap{height:116px;display:flex;align-items:center;transition:height .3s ease;position:relative}
.head-main .head-logo img{max-width:210px;max-height:100%}.head-nav{height:116px;margin-left:auto}.head-nav>ul{display:flex;height:100%}
.head-nav>ul>li{height:100%;position:relative;margin:0 30px}.head-nav>ul>li>a{font-weight:700;height:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase}
.head-nav li .arrow{display:none}.head-nav .submenu{display:none;position:absolute;top:100%;left:0;max-width:300px;overflow:hidden;z-index:9;text-overflow:ellipsis}
.head-nav .submenu a{color:#fff;padding:10px 20px;white-space:nowrap;background:#343434}.head-nav .submenu a:hover{background:#f47920}.head-nav a{font-size:16px;display:block}
.head-nav .nav-btn{display:none;position:relative;cursor:pointer;width:60px;height:60px;background:#f47920}.head-nav .nav-btn span{display:block;position:absolute;border-radius:999px;background:#fff;left:20px;width:20px;height:3px}.head-nav .nav-btn span:nth-child(1){top:22px}.head-nav .nav-btn span:nth-child(2){top:29px}.head-nav .nav-btn span:nth-child(3){top:36px}
.l-wrap{margin:0 auto;max-width:1350px;line-height:30px}
@media(max-width:1470px){.head-nav>ul>li{margin:0 12px}}
@media(max-width:1279px){.head-nav{height:auto}.head-nav .nav-btn{display:block}.head-main .l-wrap{position:static}.head-nav>ul{opacity:0;max-height:0;overflow:hidden;display:block;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.1);width:100%;height:auto;position:absolute;top:100%;left:0;right:0}.head-nav>ul>li{margin:0 50px}.head-nav>ul>li>a{display:block;text-align:left;line-height:46px;height:46px}.head-nav.is-active>ul{opacity:1;overflow-y:auto;max-height:100vh}}
@media(max-width:768px){.head-main{position:fixed;top:0;left:0;right:0;z-index:997}.head-logo img{max-width:200px!important;max-height:40px!important}.head-main .l-wrap{height:60px}.head-nav .nav-btn{display:block;margin-right:-4vw}.head-nav>ul>li{position:relative;height:auto;margin:0 4vw}.head-nav.is-active>ul{position:fixed;top:60px;bottom:0;z-index:99}.head-nav li .arrow{position:absolute;height:46px;width:46px;display:flex;justify-content:center;align-items:center;right:0;top:0}.head-nav .submenu{position:relative;max-width:initial}.head-nav .submenu a{color:#222;background:0 0}}
