header{box-sizing:border-box;height:0.8rem;background:#fff;box-shadow:0 0.1rem 0.5rem 0.05rem rgba(10,10,10,0.1)}header .nav-box{padding-left:1.35rem;height:100%}header #logo{width:1.47rem;height:100%}header #logo a{display:inline-block;width:100%;height:100%}header #logo img{height:100%}header .nav{margin-left:1.12rem;position:relative;line-height:0.8rem;font-size:0.2rem}header .nav .nav-item{position:relative;color:#333;cursor:pointer;padding-bottom:0.1rem;padding-top:0.1rem;margin-right:0.56rem}header .nav .nav-item:hover .nav-span{color:#DB0032}header .nav .nav-item::before{content:"";width:0;height:100%;position:absolute;left:50%;top:0;border-bottom:2px solid #DB0032;transition:all 0.1s linear;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear}header .nav .nav-item:hover:before{left:0;width:100%}header .nav .active{font-weight:bold;border-bottom:2px solid #DB0032}header .nav .active .nav-span{color:#DB0032}header .nav-item-wrap{box-sizing:border-box;padding:0.1rem 0 0.4rem;position:relative}header .nav-item-wrap:hover .nav-list{display:block}header .nav-item-wrap .nav-list{box-sizing:border-box;display:none;position:absolute;left:-0.16rem;width:1.2rem;background:#fff;padding-left:0.16rem;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}header .nav-item-wrap .nav-list .nav-list-dynamic{bottom:-1.2rem;padding-left:0 !important}header .nav-item-wrap .nav-list .nav-li{cursor:pointer;height:0.4rem;box-sizing:border-box;text-align:left;line-height:0.4rem;font-size:0.16rem}header .nav-item-wrap .nav-list .nav-li a{color:#333;display:inline-block;width:100%;height:100%}header .nav-item-wrap .nav-list .nav-li:hover a{color:#DB0032}header .nav-item-wrap .nav-list2{padding-left:0 !important}header .nav-item-wrap .nav-list-prod .nav-li{cursor:pointer}header .nav-item-wrap .nav-list-prod .nav-li:hover{color:#DB0032}header .nav-item-wrap2{padding:0.1rem 0 0.3rem}header .nav-item-wrap2 .nav-list2 .nav-li{padding:0;text-align:center}