@media (min-width: 768px) {
    
.ul-g{ float: right; height: 98px; line-height: 98px;}
.ul-g li{height: 98px; line-height: 98px;}
.navbar-nav > li > a{line-height: 98px; text-align: center; padding: 0 25px;}
.nav > li > a{ padding: 0 25px;}

.navbar-nav > li.login a{ width: 80%; min-width: 40px; border:1px solid #ccc; border-radius: 10px; height: 40px; line-height: 40px; padding: 0; text-align: center;margin:27px 15px 0 0; display: block;} 
.navbar-nav > li.reg a{ width: 80%; min-width: 40px; color: #fff; background: #00a2e9;  border-radius: 10px; height: 40px; line-height: 40px;padding: 0; text-align: center;margin: 27px 15px 0 0;display: block;}
.navbar-nav > li.reg a:hover{background: #00a2e9;  color: #fff;}  
 .footop{ display: block;}
 .footop-m{ display: none;} 

 

}

@media (max-width: 1190px) {
	
.footleft ul li{ margin-right: 4%;}	
.ewm-g{display: none;}
}

@media (max-width: 1024px) {
	#m1{ display:block !important;}
	#m2{ display:none;}
	
}

@media (max-width: 505px) {
	
	.footop{ display: none;}
	.footop-m{ display: block;}
	.footrig{ width: 55%;}
	.footrig{ float: left; margin-left: 3%;}
	}
	@media (max-width: 768px) {
	.yzm-g{ height: 100px;}
	.input-bt-g{ padding-left: 0;}
	.input-yz-g{ width: 100%; padding-right: 0; height: 68px;}
	.navli-g{ position: absolute; left: 0; top: 50px; z-index:9999999 !important; }
	.libd-g{ float: none; width: 100px; margin-bottom: 10px;z-index:99999 !important;}
	 .navapi{ display:block;}
	 .apinav{ position:absolute;}
	 .ccc-g img{ width:100%;}
	 .lefname{ display:none;}
	 .righna{ width:95%;}
	 .navbar-collapse{-index:99999 !important}
	 #example-navbar-collapse{ z-index:-111 !important}
	 .container{ margin-top:0 !important; z-index:-11111 !important;}
	 .container-g{z-index:-1111 !important;}
	 #myCarousel{ z-index:-111;}
	 .carousel-inner{z-index:-111;}
	 .navbar-nav{ background:#fff; z-index:11000 !important;}
.navbar-default .navbar-nav > li > a{ color:#000; display:block;}
.navbar-default .navbar-nav > li > a:hover{color:#000;}
.repanel-g{ margin-top:0;}
		.rename-g{ display:none;}
		.logo{ width:40%;}
		.logo img{ width:80%; max-width:204px;}
		.nav-g{ height:60px; z-index:0 !important}
		.nav > li{ float:left; height:35px; width:25%;}
	}

@media only screen  and (min-width: 768px) and (max-width: 1024px){
	
	.nav > li > a{ padding: 0 7px;}
}