/* 手机导航  */
#openlc{
	position: absolute;
    display: none;
}
.lcbody {
    display: none;
    width: 30px;
    height: 30px;
    z-index: 100;
    position: relative;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.4s
    cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    width: 30px;
    height: 30px;
    color: white
}
.lcitem .rect.top {
    transform: translate3d(0px, -8px, 0px);
    -webkit-transform: translate3d(0px, -8px, 0px);
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 68px, 0px);
    -webkit-transform: translate3d(0px, 8px, 0px);
}
.lcitem .rect {
    width: 30px;
    height: 1px;
    background: #999999;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.1s;
    -webkit-transition: -webkit-transform 0.1s;
}
/* 手机导航结束  */

/* 叉叉  */
.pageOn .lcbody {
    transform: translateZ(0px) rotate(90deg);
    -webkit-transform: translateZ(0px) rotate(90deg);
}
.pageOn .lcitem{
	transform: translateZ(0px) rotate(45deg); 
	transition: transform 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.1s; 
	-webkit-transform: translateZ(0px) rotate(45deg); 
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.1s;
}
.pageOn .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}
.lcitem .rect.top {
    transform: translate3d(0px, -8px, 0px);
    -webkit-transform: translate3d(0px, -8px, 0px);
}
.lcitem .rect {
    width: 30px;
    height: 3px;
    background: #ff6b00;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.1s;
    -webkit-transition: -webkit-transform 0.1s;
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 68px, 0px);
    -webkit-transform: translate3d(0px, 8px, 0px);
    -o-transform: translate3d(0px, 8px, 0px);
    -moz-transform: translate3d(0px, 8px, 0px);
    -ms-transform: translate3d(0px, 8px, 0px);
}
.pageOn .lcbody{transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg);}
.pageOn .lcitem .rect{
	transition: transform 0.1s; 
	transform: translate3d(0px, 0px, 0px);
    -webkit-transform 0.1s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#leftcontrol {
    position: absolute;
    display: none;
    background: #000;
    z-index: 99;
	top:40px;
}
#leftcontrol a{
	color: white;
	text-decoration:none;
}

#leftcontrol >ul{padding-top: 0;background: #191919}
#leftcontrol ul li{display: block; min-height: 49px; border-top: 1px solid #272727; font-size: 0.8rem; width: 100%;}
#leftcontrol ul li .subnav{height: 0; overflow: hidden;}
#leftcontrol ul li a{display: block; color: #777777; padding: 0 25px; height: 49px; line-height: 49px;}
#leftcontrol > ul > li.active a{background: #111111; color: #fff;}
#leftcontrol ul li.active a.hassub{background: #222324}
#leftcontrol ul li a span{display: inline-block}
#leftcontrol ul li a span.circle{width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px}
#leftcontrol ul li.active a span.circle{border-color: #00c0ff; background-color: #00c0ff}
#leftcontrol ul.subnav li a{background: #000; color: #b5b5b5;}
#leftcontrol ul.subnav li a i{margin-right: 20px; font-size: 1.5rem; color: #3e3e3e;}
#leftcontrol ul.subnav li.active a{background: #060606}
#leftcontrol ul li a span.morenav{width: 12px; height: 12px; position: relative; float: right; top: 20px}
#leftcontrol ul li a span.morenav span{background: #474747; position: absolute;}
#leftcontrol ul li a span.morenav span.h{width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0)}
#leftcontrol ul li a span.morenav span.v{transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0);}
#leftcontrol ul li.active a span.morenav span.v{transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);}
#leftcontrol ul li:first-child { min-height: 13px; }

#leftcontrol ul li.active .subnav { height: auto; }
/* 隐藏导航结束  */


@media screen and (max-width: 2240px) and (min-width: 991px){
	/* 两侧导航开始 */
	#openlc{
		display: none;
		position: relative;
	}
	
	/* 两侧导航结束 */
}

@media screen and (max-width: 780px){
	
	/* 两侧导航开始 */
	#openlc{
		display: block;
		margin-top: 19px;
		width: 100%;
	}
	.lcbody {
		display: block;
		float:right;
	    margin: 5px 23px 5px 13px;
	}
	#openlr{
		display: block;
	}

}