#sitecontent {background:transparent;z-index: 1;position: relative;height: 100%;}

#leftcontrol {width: 270px;height: 100%;background: #FFF;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);box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.6);z-index:999}
body.open .scrollView{overflow-x:hidden;}

body.open #leftcontrol{opacity: 1;transition-delay: 0s;overflow:auto;z-index:900}

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 #ccc;font-size:1.6em;width: 100%;}
body.open{position:fixed;}
.nav-mobile li:last-child,.subnav li:last-child,.subnav li div a: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:1.4em;}
.nav-mobile .navPhone .icon_p{display: inline-block; font-size:1.6em;padding:0 8px;font-family: "iconfont";}
.nav-mobile .navItem .navactive{background-color:#008fd5;color:#fff;}
.subnav{padding:0;margin:0;}
.subnav li{border-bottom: 1px solid #ccc;margin-left:0;}
.subnav li a{background-color:#888;font-size:14px;}
.subnav li div a{background-color:#ccc;font-size:14px;border-bottom:1px solid #eee}
.subnav li div a:hover{background-color:#4590cd;font-size:14px;}
.nav-mobile .triangle1{width:5px;height:10px;background:url(../images/icon.png) 0 -270px no-repeat;display:inline-block;margin-right:15px;}

.nav-mobile .navItem .navactive .triangle1{width:5px;height:10px;background:url(../images/icon.png) 0 -250px no-repeat;display:inline-block;margin-right:15px;}

.nav-mobile .hassub.hasActive {background-color:#008fd5;}
.nav-mobile .hassub .navactive {background-color:#008fd5;color:#fff;}
.nav-mobile .hassub.hasActive a{color:#fff;}
.nav-mobile .hassub.hasActive .triangle1{width:5px;height:10px;background:url(../images/icon.png) 0  -250px no-repeat;display:inline-block;margin-right:15px;}
.nav-mobile .hassub.hasActive .subnav .triangle1{width:5px;height:10px;background:url(../images/icon.png) 0 -250px no-repeat;display:inline-block;margin-right:15px;}
.subnav{width:100%;display:none;}
.subnav a.navactive2{background:#060606;}
.nav-mobile .hassub .subnav a .triangle1,{width:5px;height:10px;background:url(../images/icon.png) 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.hasActive a i.more em{background: #FFF;}
.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);}
.nav-mobile .hassub.hasActive .subnav a i.more em.h {width: 12px;height: 2px;transform: translate3d(0,5px,0);-webkit-transform: translate3d(0,5px,0);}
.nav-mobile .hassub.hasActive .subnav 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 .subnav li.aa 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%;height: 50px;position:fixed;left:0;top:0;z-index:1000;display: none;background-color:#fff;}
.header_bg1{background-color:#fff;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;width: 30px;height: 30px;
	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;
} 

.lciCenter{position: absolute;width: 30px;height: 30px;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;
}
	
.lciCenter .rectLine{width: 20px;height: 2px;background: #CCC;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: #CCC;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;}
.header_bg1 .lcitem .rect{background: #ccc;}
.header_bg1 .lciCenter .rectLine{background: #ccc;}
body.open .lcitem .rect {
	background: #ccc;
    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:50px;width:213px;margin:0 auto;position:absolute;left:50%;margin-left:-100px;}
.logo-mobile img{height:50px;max-width:213px;margin:0 auto;display: block;} 

/*.header-mobile .phone_r {padding: 10px 15px;font-size:3em;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:769px) {
	
	.header-mobile,#leftcontrol{display:block;}
	
	 #sitecontent {background-color:#fff;}
}