.navbar{ margin-bottom: 0; max-width: 1180px; margin: 0 auto }
.nav_dh{ text-align: center; padding: 0; line-height: 44px; position: relative; z-index: 9;background: rgba(244,248,247,0.9);}
	.nav_dh>li{ width: 12.5%; float: left;}
	.nav_dh>li>a{position: relative; display: block; font-size: 16px; color:#282828 ; text-align: center;}
	.nav_dh>li>a:before{ position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #30a972; content: ""; transition: 0.3s all;}
	.nav_dh>li>a:hover:before{ width: 100%;}



	@media only screen and (max-width: 768px) {
		.navbar{ position: absolute; top: 0px; right: 0;}
		.nav_dh li{ display: block; float: none; width: 100%}
		.nav_dh>li>a{ padding: 2px 18px;}
		.nav_dh>li>a:before{ width: 0 !important; }
		.zy_nav{ background: no-repeat; text-align: center;}
	}

	.navbar-toggle { background:#30A972; border-color: #30A972;}
	.navbar-toggle .icon-bar{ background: #FFF;}