.nav{width:100vw;position:fixed;z-index:99;left:0;top:60px;height:60px;
    background:#fff;box-shadow:0 .1rem 1rem 0 rgb(0 0 0 / 10%);
    display:flex;color:#27509b;font-size:16px;
}
.nav.visible{overflow:visible}
.nav-link{display:flex;height:100%}
.nav-link-1{flex:1;padding-left:30px;background:#f2f2f2;}
.nav-link .a{position:relative;display:flex;color:#27509b;text-decoration:none;align-items:center;justify-content:center;margin:0 60px 0 0;padding-right:15px}
.nav-link-1 .a:before{content:'';position:absolute;right:0;width:8px;height:4px;background:url(/assets/images/arrow-down.png) scroll no-repeat 0 0;background-size:100% 100%;transition:transform .3s linear;transform-origin:center center}
.nav-link .a.active::before{transform:rotate(-180deg)}
.nav-link-1 .a{overflow:hidden}
.nav-link-1 a::after{content:'';position:absolute;bottom:-4px;width:100%;height:4px;right:0;background-color:#284f9a;transition:bottom .2s linear}
.nav-link .a.active,.nav-link .a:hover{text-shadow:0 0 .65px #27509b}
.nav-link .a.active::after,.nav-link .a:hover::after{bottom:0}
.nav-link-1 .a:nth-child(2){padding-right:0}
.nav-link-1 .a:nth-child(2)::before{display:none}
.nav-link-2{background-color:#f2f2f2;font-size:14px}
.nav-link-2 .a{color:#000;align-items:center;justify-content:center;flex-direction:column;padding-right:30px;padding-left:30px;background:0 0;margin-right:0}
.nav-link-2 .a img{display:block;margin-bottom:0px;margin-top:3px}
.nav-link-2 .a .icon-shopping-cart{height:25px}
.nav-link-2 .a .icon-logo{height:28px;margin-bottom:-2px}
.nav-link-2 a{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:2
}
.nav-header{display:none}
.nav-lists{position:absolute;width:100%;top:60px;left:0;background-color:#fff;overflow:hidden;box-shadow:0 .1rem 1rem 0 rgb(0 0 0 / 10%)}
.nav-lists>div{display:none}
.nav-lists ul{margin:50px 115px 50px;justify-content:flex-start;flex-wrap:wrap}
.nav-lists li{margin-right:150px;margin-bottom:20px;transition:all .2s linear;position:relative}
.nav-lists li:last-child{margin-right:0}
.nav-lists li a{color:#284f9a;padding-right:15px;position:relative;display:block;transition:transform .2s linear}
.nav-lists li a::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-90deg);width:8px;height:4px;background:url(/assets/images/arrow-down.png) scroll no-repeat 0 0;background-size:90% auto}
.nav-lists li a:hover{text-shadow:0 0 .65px #27509b;transform:translateX(2px)}
.nav-lists li:hover::before{content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%) rotate(-90deg);width:8px;height:4px;background:url(/assets/images/arrow-down.png) scroll no-repeat 0 0;background-size:90% auto}
.nav-lists li a:hover::after{opacity:0;transition:opacity .2s linear}
@media (max-width:1366px){
.nav{font-size:16px}
.nav-lists li a{font-size:16px}
}
@media (min-width:1025px){
.nav.fixed{height:60px}
.nav{overflow:hidden;height:0;transition:height .2s linear .3s}
}
@media (max-width:1024px){
.header{z-index: 1000;}
.nav-header{display:block}
.nav-header .align{height:60px;width:100%;position:relative}
.nav-header .close{width:38px;position:absolute;right:20px;cursor:pointer}
.nav-header .back{width:35px;height:35px;position:absolute;left:20px;cursor:pointer;transform:scale(0);opacity:0;transition:all .3s linear}
.nav-header .back.open{transform:scale(1);opacity:1}
.nav-header .logo{width: 181px;}
.root .nav{height:100vh;top:0;left:-100vw;flex-direction:column;transition:transform .3s linear;z-index:1000;overflow:hidden}
.root .nav.open{transform:translateX(100vw)}
.root .nav-link{flex-direction:column;padding-left:0}
.root .nav-link .a{height:60px;border-bottom:1px solid #e8e8e8;box-sizing:border-box;justify-content:flex-start;background-image:none;margin:0;position:relative;padding-left:30px;font-size:16px}
.root .nav-link .a::after{position:absolute;top:50%;right:28px;transform:translateY(-50%);content:"";background:url(/assets/images/arrow-right-2.png) no-repeat scroll center center;background-size:80% auto;width:13px;height:22px;display:block}
.nav-link-1 a:before{display:none}
.nav-link-1 a:nth-child(2):hover::after,.nav-link-1 a:nth-child(3):hover::after{display:block}
.root .nav-link-2 .a{flex-direction:row;padding-left: 27px;}
.root .nav-link-2 .a img{margin-right:15px}
.nav-lists{position:absolute;top:60px;overflow:visible;height:240px;background-color:#fff;display:block;transform:translateX(100vw);transition:transform .3s linear}
.nav-lists.open{transform:translateX(0vw);z-index:9;}
.nav-lists .align{margin:0;flex-direction:column;flex-wrap:nowrap;display:block}
.nav-lists .align li{margin:0;border-bottom:1px solid #e8e8e8;box-sizing:border-box}
.nav-lists li a{height:60px;display:block;display:flex;justify-content:flex-start;align-items:center;padding-left:30px;}
.root .nav-lists li a:hover{text-decoration:none}
.root .nav-lists li a::after{position:absolute;top:50%;right:28px;transform:translateY(-50%);content:"";background:url(/assets/images/arrow-right-2.png) no-repeat scroll center center;background-size:80% auto;width:13px;height:22px;display:block}
}

@media (max-width:750px){
    .nav-link-1{
        height: 280px;
    }
}