.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{font-size: .6rem;color: #ffffff;height: 1.32rem;line-height:1.32rem;background: #2b2b2b;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 {padding-top:0.28rem;padding-left: .8rem;}
.nav-list li{white-space:nowrap;float:left;height:1.04rem;line-height:1.04rem;width: 4.9rem;background: #5a5a5a;margin-right: .8rem;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;
    -webkit-tap-highlight-color:transparent;
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    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-list li.nav_a,.nav-list li:hover {background-color:#fff;z-index: 10 !important;}
.nav-list li.nav_a a,.nav-list li:hover a {color:#333;}
/* .nav_a_hover{position: absolute;top:0;background-color:transparent;border-bottom:3px solid #c71a25;color:#fff;height:47px;} */
.nav-list li span {display: block;width: .74rem;height: 1.04rem;position: absolute;z-index: 1;}
.nav-list li span.span-1 {left:-.70rem;background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-2_11.png);background-size: 100% 100%;}
.nav-list li span.span-2 {right:-.73rem;background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-3_11.png);background-size: 100% 100%;}
.nav-list li.nav_a span.span-1,.nav-list li:hover span.span-1 {left:-.70rem;background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-4_09.png);background-size: 100% 100%;}
.nav-list li.nav_a span.span-2,.nav-list li:hover span.span-2 {right:-.73rem;background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-5_11.png);background-size: 100% 100%;}
.nav-list li strong {padding-left:.8rem;}
.nav-list li.li-1 strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-1_03.png) no-repeat left center;background-size: auto 75%;}
.nav-list li.li-2 strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-2_06.png) no-repeat left center;background-size: auto 75%;}
.nav-list li.li-3 strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-3_06.png) no-repeat left center;background-size: auto 75%;}
.nav-list li.li-4 strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-4_12.png) no-repeat left center;background-size: auto 75%;}
.nav-list li.li-5 strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-5_14.png) no-repeat left center;background-size: auto 75%;}
.nav-list li.li-6 strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-6_17.png) no-repeat left center;background-size: auto 75%;}
.nav-list li.li-7 strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-7_17.png) no-repeat left center;background-size: auto 75%;}
.nav-list .nav_a.li-1 strong,.nav-list li.li-1:hover strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-11_03.png) no-repeat left center;background-size: auto 75%;}
.nav-list .nav_a.li-2 strong,.nav-list li.li-2:hover strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-22_09.png) no-repeat left center;background-size: auto 75%;}
.nav-list .nav_a.li-3 strong,.nav-list li.li-3:hover strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-33_06.png) no-repeat left center;background-size: auto 75%;}
.nav-list .nav_a.li-4 strong,.nav-list li.li-4:hover strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-44_12.png) no-repeat left center;background-size: auto 75%;}
.nav-list .nav_a.li-5 strong,.nav-list li.li-5:hover strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-55_14.png) no-repeat left center;background-size: auto 75%;}
.nav-list .nav_a.li-6 strong,.nav-list li.li-6:hover strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-66_17.png) no-repeat left center;background-size: auto 75%;}
.nav-list .nav_a.li-7 strong,.nav-list li.li-7:hover strong {background: url(http://f2.cri.cn/M00/03/31/rBABDF9haUuAZy13AAAAAAAAAAA7446074.icon-77_17.png) no-repeat left center;background-size: auto 75%;}