/* CSS Document  Public style*/
/*body{ margin:0; font-family:Microsoft Yahei, Arial, Helvetica;}*/
/* CSS Document */
body { border: 0 none; color: #363636; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 0}

/*div, form, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0; border:0;}*/

.clear{clear:both;}
.clear img { margin:0; bottom:0;}
.mains { height:auto; margin:0 auto; clear:both;}
.fl { float:left; }
.fr { float:right; }
ul{list-style-position:inside;}

/*head nav*/
.menu{ background:#111;}
.logo{ float:left; padding-top:45px;}
.nava{ float:right;padding:55px 0 32px 0; margin: 0; list-style-type: none; font-size:22px;}
.nava li{float:right; margin-left:40px; }
.nava li a{ color:#bbb; text-decoration:none; font-weight:500;}
.nava li a:hover { color:#fff; text-decoration:none;}
.nava li a.active{ color:#fff;}
.nava li .hovers { color:#fff;}
.nava li.app-nav{display:none;}

/*footer*/
.footer { width:100%; clear:both; background-color:#23bcdc; color:#eee; font-size:16px; text-align:center; padding:20px 0;}
.footer a { color:#eee; text-decoration:none;}
.footer p { margin:0;}
.footer p span { font-size:13px;}
.footer a img { width:4%; min-width:40px;}


/*mains  screen size*/
@media all and (min-width: 940px){.mains{ width:900px;} }

@media all and (min-width:1024px){.mains{ width:1000px;} }

@media all and (min-width:1440px){.mains{ width:1200px;} }

@media all and (max-width:939px){.mains{ width:auto;}

@media all and (max-width:480px){ .navmenu{height:5rem}}

@media all and (max-width:360px){ }


/*Determine the resolution (menu)*/
@media all and (max-width:979px){
	.navmenu{height:8rem}
	.navmenu .logo{margin-top: -23px;}
	.navmenu ul{position:fixed;top:0;right:-300px;background:#515151;overflow:hidden;width:300px;height:100%;z-index:10000;overflow-y:auto;
		-webkit-transition:-webkit-transform .2s ease-out;
		-moz-transition:-moz-transform .2s ease-out;
		-ms-transition:-ms-transform .2s ease-out;
		transition:transform .2s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	ul.nav-show{
		-webkit-transition:-webkit-transform .2s ease-out;
		-moz-transition:-moz-transform .2s ease-out;
		-ms-transition:-ms-transform .2s ease-out;
		transition:transform .2s ease-out;
		-webkit-transform: translate3d(-300px, 0, 0);
		-moz-transform: translate3d(-300px, 0, 0);
		-ms-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);

	}
	ul.nav-show{padding: 0}
	.navmenu ul li{text-align:left;border-bottom:1px solid #444;float: none;margin-left: 0;}
	.navmenu ul li a.title{padding:0 25px;display:block;line-height:50px;color:#fff;font-weight:400;font-size:15px;text-decoration: none}
	.navmenu ul li.app-nav{color:#fff;height:50px;border-bottom:none;position:relative;display:block;}
	.navmenu ul li.app-nav img{position:absolute;top:0;right:0;cursor:pointer;width:50px;height:50px;}
	.app-nav-btn{position:absolute;width:23px;height:16px;background:url(../images-new/app-nav-btn.png) no-repeat;cursor:pointer;right:15px; top:33px;}
}
@media all and (max-width:799px){
	.app-nav-btn{top: 30px;}
}
@media all and (max-width:480px){ .navmenu{height:5rem}}



