/* 手机导航  */
#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;
	}

}

/*左侧客服*/

	.aside-kf{ height: 490px; width: 222px; position: fixed; right: 10px; top: 50%; background-image: url("../images/asidekfbg.gif"); background-repeat: no-repeat; background-position: 0px 0px; z-index: 9999; margin-top: -261px; background-size: 222px 490px;}
	
	.aside-kf-wrap{ position: relative;  height: 490px;color: #FFF;}
	.aside-kf .close { position: absolute; top: 5px;  right: 5px;cursor:pointer; }
	.aside-kf .hd{ border: 2px solid hsla(0,0%,100%,0.8); position: absolute; top: 30px; left: 0px; width: 95%; margin: 0 10px 0 10px; padding: 10px; color: #FFFFFF; text-align: center; font-size: 22px; }
	.aside-kf .tel{ position: absolute; top: 90px; left: 46px; font-size: 20px; font-weight: 300; }
	.aside-kf .item{margin:0;padding:0; position: absolute; top: 140px; left: 5px; color: #2F2F2F; width: 95%; }
	.aside-kf .item .list{  margin: 3px; font-size: 14px;}
	.aside-kf .item li{width:49%;float:left;padding: 3px 0;}
	.aside-kf .form{  position: absolute; top: 236px; left: 0px; width: 80%; height: 100px;margin-left: 20px;}
.aside-kf .zx{ position: absolute; bottom: 65px; left: 0px; padding: 10px;  width: 80%; margin-left: 20px; text-align: center; animation: egg_two 0.86s linear infinite alternate;
  -ms-animation: egg_two 0.86s linear infinite alternate;
  -moz-animation: egg_two 0.86s linear infinite alternate;
  -webkit-animation: egg_two 0.86s linear infinite alternate;
  -o-animation: egg_two 0.86s linear infinite alternate; }
.aside-kf .zx2{ position: absolute; bottom: 10px; left: 0px; padding: 10px;  width: 80%; margin-left: 20px; text-align: center; 
  }
.aside-kf .zx3{
    position: absolute;
    bottom: 5px;
    left: 0px;
    margin-left: 20px;
    text-align: center;
    color: #333;
    font-size: 24px;
    padding: 10px;
    line-height: 25px;
    font-weight: bold;
}
.aside-kf .wx{ position: absolute; bottom: 70px; left: 35px; color: #172784; text-align: center; }
.aside-kf .wx img{ width: 150px; }

.aside-kf .tips{ height: 20px; }
 
.aside-kf-sm{ height: 180px; width: 50px; position: fixed; right: -80px; bottom: 50%; background-image: url("../images/z_l.png"); background-repeat: no-repeat; background-position: 0px 0px; z-index: 9999; margin-bottom: -50px;cursor:pointer;  }

@media screen and (max-width: 1441px) {
.aside-kf{ display: none; }
.aside-kf-sm{ right: -10px;    }
}