.header_menu { position:absolute; top:0; left:0px; height:100%; padding:10px 10px; box-sizing:border-box; cursor:pointer; }
.header_menu i,.header_menu span { display:block; width:57px; height:48px; text-align:center; }
.header_menu span { display:none; }
.header_menu img { height:auto; width:100%; }
.header_menu:hover i { display:none; }
.header_menu:hover span { display:block; }
.header_menu:hover nav.navigation { transform:translateX(0); -webkit-transform:translateX(0); -o-transform:tarnslateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); }
.w1000 { width:1200px; margin:0 auto; position:relative; }
.header_right2 {font-size: 14px; color: #fff; position:absolute; height:30px; right:150px; top:56px; white-space: nowrap;}
@media (min-width:768){
.header_menu { position:absolute; top:0; left:56px; height:100%; padding:26px 22px; box-sizing:border-box; cursor:pointer; }
}

nav.navigation { position:fixed; left:0; top:68px; z-index:998; bottom:0; width:200px; background:rgba(34,34,34,0.8); transform:translateX(-200px); -webkit-transform:translateX(-200px); -o-transform:tarnslateX(-200px); -ms-transform:translateX(-200px); -moz-transform:translateX(-200px); -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; overflow:hidden; margin:0; height:auto; overflow-y:auto; }
nav.navigation::-webkit-scrollbar { width:10px; }
nav.navigation::-webkit-scrollbar-track { background:rgba(0,0,0,0.4); }/*scroll底部背景*/
nav.navigation::-webkit-scrollbar-thumb { background:#fff; border-radius:10px; }/*scroll滚动条背景*/
nav.navigation::-webkit-scrollbar-thumb:window-inactive {  }/*默认进来scroll的颜色，点击scroll以后出现滚动条颜色*/
nav.navigation.translate { transform:translateX(0); -webkit-transform:translateX(0); -o-transform:tarnslateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); }
nav.navigation ul { position:absolute; width:100%; padding:0 0 38px 25px; box-sizing:border-box; }
nav.navigation ul li ul { padding:0; position:relative; }
nav.navigation ul li { margin:38px 0 0; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
nav.navigation ul li a { display:block; line-height:16px; color:#9E9E9E; font-size:16px; }
nav.navigation ul li a:hover { color:#fff; }
nav.navigation ul li.main_nav.current,nav.navigation ul li.main_nav:hover { padding:0 0 0 25px; border-left:2px solid #fff; }
nav.navigation ul li.main_nav.current a,nav.navigation ul li.main_nav:hover a { color:#fff; }
nav.navigation ul li.main_nav ul li a { font-size:14px; line-height:14px; }
nav.navigation ul li.main_nav.current ul li a { color:#9E9E9E; }
nav.navigation ul li.main_nav.current ul li a:hover,nav.navigation ul li.main_nav.current ul li.cuurent a { color:#fff; }
nav.navigation ul li.main_nav.current ul li.current a { color:#fff; }