/*左边侧滑导航*/
#sitecontent {background:transparent;z-index: 1;position: relative;height: 100%;box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.6);}

#leftcontrol {width: 270px;height: 100%;background: #222222;position: fixed;top: 0;left:0;z-index:-1;display:none;opacity: 0;transition-delay: 0.4s;}
.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
body.open #sitecontent {transform: translatex(270px);-webkit-transform: translatex(270px);}
body.open .scrollview{overflow-x:hidden;}

body.open #leftcontrol{opacity: 1;transition-delay: 0s;}

body.open #sitecontent .header-mobile{position:fixed !important;left:0;top:0;right:0;z-index:1000;}
.nav-mobile li{display: block;min-height: 49px;border-bottom: 1px solid #333;font-size: 16px;width: 100%;}
body.open{position:fixed;}
.nav-mobile li:last-child,.subnav dd:last-child{border-bottom:none;}
.nav-mobile li a{display: block;color: #666;padding: 0 25px;height: 49px;line-height: 49px;}
.nav-mobile .navphone{color: #666;height: 49px;line-height: 49px;font-size:14px;background:#191d21;}
.nav-mobile .navphone .icon_p{display: inline-block;font-size:16px;padding:0 8px;font-family: "iconfont";}
.nav-mobile .navitem .active{background:#ff5555;color:#fff;}
.subnav dd{border-bottom: 1px solid #333;}
.subnav dd a{background:#191d20;}
.nav-mobile .triangle1{width:5px;height:10px;background: 0 -270px no-repeat;display:inline-block;margin-right:15px;}

.nav-mobile .navitem .active .triangle1{width:5px;height:10px;background: 0 -250px no-repeat;display:inline-block;margin-right:15px;}

.nav-mobile .hassub.hasactive {background:#ff5555;}
.nav-mobile .hassub .active {background:#ff5555;color:#fff;}
.nav-mobile .hassub.hasactive a{color:#fff;}
.nav-mobile .hassub.hasactive .triangle1{width:5px;height:10px;background: 0 -290px no-repeat;display:inline-block;margin-right:15px;}
.nav-mobile .hassub.hasactive .subnav .triangle1{width:5px;height:10px;background: 0 -270px no-repeat;display:inline-block;margin-right:15px;}
.subnav{width:100%;display:none;}
.subnav a.active2{background:#060606;}
.nav-mobile .hassub .subnav a.active2 .triangle1{width:5px;height:10px;background: 0 -250px no-repeat;display:inline-block;margin-right:15px;} 
.nav-mobile .hassub a i.more {width: 12px;height: 12px;position: relative;float: right;top: 20px;}   
.nav-mobile .hassub a i.more em {background: #777;position: absolute;}
.nav-mobile .hassub a i.more em.h {width: 12px;height: 2px;transform: translate3d(0,5px,0);-webkit-transform: translate3d(0,5px,0);}
.nav-mobile .hassub a i.more em.v {transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);}  
.nav-mobile .hassub.hasactive a i.more em.v {transform: rotate3d(0,0,0,0) translate3d(0,5px,0);-webkit-transform: rotate3d(0,0,0,0) translate3d(0,5px,0);}

/*内容区域*/
/*头部*/


.header-mobile{ width: 100%;background:rgba(0,0,0,1);height: 50px;position:fixed;left:0;top:0;z-index:1000;}
.header_bg1{background:#000;position:fixed;left:0;top:0;z-index:1000;}   
.header-mobile .btn {padding: 10px 15px;background: rgba(0,0,0,0);cursor: pointer;}
.lcbody {
    width: 30px;
    height: 30px;
    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.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	-webkit-transform: translatez(0px) rotate(0deg);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	width: 30px;
	height: 30px;
} 

.lcicenter{position: absolute;
	left: 0;
	top: 0;
	transform: translatez(0px) rotate(0deg);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	-webkit-transform: translatez(0px) rotate(0deg);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	width: 30px;
	height: 30px;}
	
.lcicenter .rectline{width: 20px;
    height: 2px;
    background: #c4c4c4;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;}	
	
	
	
.lcitem .rect {
    width: 30px;
    height: 2px;
    background: #c4c4c4;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}   
.lcitem .rect.top {
    transform: translate3d(0px, -8px, 0px);
    -webkit-transform: translate3d(0px, -8px, 0px);
}   
.lcitem .rect.bottom {
    transform: translate3d(0px, 8px, 0px);
    -webkit-transform: translate3d(0px, 8px, 0px);
}      
body.open .lcbody {
    transform: translatez(0px) rotate(90deg);
    -webkit-transform: translatez(0px) rotate(90deg);
}   
body.open .lcitem {
    transform: translatez(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translatez(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcicenter{display:none;}

body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
body.open .lcitem.bottom {
    transform: translatez(0px) rotate(-45deg);
    -webkit-transform: translatez(0px) rotate(-45deg);
}
body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}  











.logo-mobile{height:30px;width:130px;padding:10px 0;margin:0 auto;position:absolute;left:50%;margin-left:-65px;}
.logo-mobile img{height:30px;max-width:130px;margin:0 auto;display: block;} 

.header-mobile .phone_r {padding: 10px 15px;font-size:30px;float:right;color:#c4c4c4;font-family: "iconfont";}

body.open .banner1{position:static;}
body.open .marketwrap {margin-top:0;}

@media only screen and (min-width:1024px) {
	.header-mobile,#leftcontrol{display:none;}
}
@media only screen and (max-width:1023px) {
	#leftcontrol{display:block;}
	#sitecontent {background:#fff;}
}