.head-logo {background-color: #59493f;height: 3.28rem;width: 16rem;margin: 0 auto;}
.logo {width: 4.43rem;height: 1.87rem;margin-left: .55rem;padding-top: .7rem;float: left;}
.logo a {display: block;position: relative;width: 100%;height: 100%;background: url(https://v2.cri.cn/M00/27/50/rBABCWB-hDyADX1OAAAAAAAAAAA2577601.logo.png) no-repeat;background-size: 100% 100%;}
.head-banner {float: right;width: 8.96rem;height: 1.92rem;margin-right: .55rem;padding-top: .72rem;}
.head-banner a,.head-banner img {display: block;position: relative;width: 100%;height: 100%;}

.tran_1 {
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;   
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
#nav{position:relative;z-index: 20;}
.nav{width: 16rem;margin: 0 auto;font-size: .6rem;color: #ffffff;height: 1.74rem;line-height:1.74rem;background: #5a5a5a;box-shadow:0 3px 6px 0 rgba(218, 218, 218, 0.8);width: 16rem;margin: 0 auto;}
.nav-list {overflow-x: auto;}
.nav-list,.nav-list ul{position: relative;}
.nav-list ul {}
.nav-list li{white-space:nowrap;float:left;height:1.74rem;line-height:1.74rem;position: relative;/* box-shadow:0 0 -10px 0 rgba(255, 255, 255,1); */}
.nav-list li a{display:block;color:#fff;text-decoration:none;text-align: center;padding: 0 .42rem;position: relative;}
.nav-list li.nav_a {background-color:#000;z-index: 10 !important;}
.nav-list li.nav_a a {color:#fff;}
.nav-list li a i {display: none;position: absolute;bottom:0;left:0;width: 100%;height: 3px;background: #297fce;}
.nav-list li.nav_a a i {display: block;}