@charset "utf-8";

.topnavbox .nav_box .sub_menu>li {
	padding-left:2rem;
	/*border-bottom: 1px solid #e8e8e8;*/
}
.topnavbox .menu{
	float:right;
	background:#000;
	margin-top:1.2rem;
	width:2.5rem;
    height:2rem;
}
.topnavbox .menu a {
	display: inline-block;
    width:2.5rem;
    height:2rem;
	position: relative
}
.topnavbox .menu span {
	display: block;
    width:2.5rem;
    height:.2rem;
	background: url(../images/menu_line.png) no-repeat;
	background-size: cover;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease
}
.topnavbox .nav_box .menu_box>li, .topnavbox nav {
	width: 100%
}
.topnavbox .menu .menu_top {
	position: absolute;
	top: 2px;
	right: 0
}
.topnavbox .menu .menu_mid {
	position: absolute;
	top: 10px;
	right: 0;
	opacity: 1
}
.topnavbox .menu .menu_bot {
	position: absolute;
	top: 18px;
	right: 0
}
.topnavbox .menu span.menu_top_r {
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	-webkit-transform-origin: center;
	transform-origin: center
}
.topnavbox .menu .menu_mid_r {
	opacity: 0
}
.topnavbox .menu .menu_bot_r {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: center;
	transform-origin: center
}
.topnavbox nav {
	position: absolute;
	top: 50px;
	left: 0;
	background-color: #fff;
	display: none;
	height: 100vh;
	overflow: auto;
	z-index: 999;
}
.topnavbox .nav_box .menu_box {
padding:1.6rem 2rem 1.5rem;
height: 100%;
    overflow: auto;
}
.topnavbox .nav_box .menu_box>li>a {
	display: block;
	width: 100%;
height:4.5rem;
line-height:4.5rem;
	border-bottom: 1px solid #ededed;
	color: #333;
font-size:1.7rem;
	position: relative
}
.topnavbox .nav_box .menu_box>li>a>i {
	display: inline-block;
    width: .6rem;
    height: .6rem;
    margin: 1.6rem 1rem 0 1rem;
	background: url(../images/dot_gray.png) no-repeat;
	background-size: cover
}
.topnavbox .nav_box .menu_box>li>a>i.menu_active {
	background: url(../images/dot_blue.png) no-repeat;
	background-size: cover;
}
.topnavbox .nav_box .menu_box>li>a>span.sub_menu_active {
	background: url(../images/t_jt.png) center no-repeat;
	background-size: contain;
}
.topnavbox .nav_box .menu_box>li>a>span {
	display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin-top: 2rem;
    margin-right: 1rem;
	background: url(../images/b_jt.png) no-repeat;
	background-size: contain
}
.menu_show, .menu_show body {
	overflow: hidden
}
.menu_show body {
	position: relative;
	height: 100%
}
.topnavbox .nav_box .sub_menu {
	margin: 0;
	display: none
}
.topnavbox .nav_box .sub_menu>li {
height:4rem;
line-height:4rem
}
.topnavbox .nav_box .sub_menu>li span {
	display: inline-block;
    width: .6rem;
    height: 1rem;
    margin-top: 1rem;
    margin-right: .8rem;
    margin-left: 1.8rem;
	background: url(../images/arrow_gray.png) no-repeat;
	background-size: cover
}
.topnavbox .nav_box .sub_menu>li a {
	display: block;
	height: 100%;
	color: #333;
font-size:1.6rem
}