.btn_nav{
	display:none;
}
.nav{ float:right; }
.nav ul{ float:right; }
.nav ul li{ float:left; position:relative; margin:0 12px;  }
.nav ul li span{ display:none;  }
.nav ul li a{ display:block;   padding-left: 80px;    text-align: right; position: relative;}
.nav ul li a em{display:block; font-size: 16px;font-style: normal; line-height: 2;position: relative; color:#fff}
.nav ul li a i{display:block;font-size: 16px;font-style: normal; line-height: 2; color:#bbb}
.nav ul li a:hover,.nav ul li a.cur{ color:#00893d;text-decoration: none;}
.nav ul li a:before{ content:""; position:absolute;transition: all ease-out 0.3s;
    left: 0;
    bottom:0; top:34px;
    display: block;
    width: 100%;margin-left:0;
	height:1px;
	overflow:hidden;
	background:#bbb;transition: 0.3s ease;
}
.nav ul li a.active{  padding-left: 400px; color:#fff   }

.nav ul li a:hover i,.nav ul li a.active i{color:#fff}
.nav ul li a:hover:before,.nav ul li a.active:before{background:#fff;}
.nav ul li li:before{ display:none;}

.nav ul ul{ position:absolute; left:50%; top:112px; display:none ; 
width:200px;margin-left:-100px; z-index:11; padding-top:3px;   
background-color: rgba(255,255,255,0.95); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);/*ie6*/
}

.nav ul li li{ float:left;width:100%; }
.nav ul li li a{ float:left;position:relative; width:90%; padding:0 5%; border-bottom:#ccc 1px dashed; text-align:left;  font-size:0.8em; line-height:36px;color:#333; overflow:hidden;}
.nav ul li li a:hover{ color:#F2970E;  }
.nav ul li li a:before {content: "\f178"; font-family: "FontAwesome";position:absolute; right:10px; top:3px; transition: all .36s ease;color: #ccc;opacity:1;}
.nav ul li li a:hover:before {right:-35px; opacity:0; }  

.nav ul li li a:after {	content: "\f178"; font-family: "FontAwesome";position:absolute; right:35px; top:3px; transition: all .36s ease;color: #F2970E;opacity:0;}
.nav ul li li a:hover:after {	opacity:1;  right:10px;	}

@media screen and (max-width: 1600px) {
	.nav ul li a.active{padding-left: 300px;}
}
@media screen and (max-width: 1500px) {
	.nav ul li a.active{padding-left: 200px;}
}
@media screen and (max-width: 1400px) {
	.nav ul li a.active{padding-left: 160px;}
    .nav ul li a{ padding-left: 60px;}
}
@media screen and (max-width: 1030px) {
	.nav ul li li:last-child {
		display: block;
	}
	a.lan {
		font-size: 14px;
	}
	.nav ul li a {
		padding-left:10px;
	}
    .nav ul li a.active{padding-left: 60px;}
}
@media screen and (max-width: 800px) {
	.navbar figure img{width: 100px; padding-left: 10px;}
    .lang_area {
		display: block;
		float: right;
		padding-top: 20px;
		position: absolute;
		right: 70px;
	}
	.navMain .logo {
		padding: 10px;
	}
	.navMain .logo a IMG {
		width: 160px;
	}
	.navMain .logo span {
		padding-top: 2px;
		color: #3858c8;
	}
	.top_three {
		display: none;
	}
	#header {
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		position: fixed;
		padding: 10px 0;
	}
	.top_right {
		top: 8px;
	}

	.navMain .logo h2 {
		font-size: 1.2em;
	}
	.navMain .logo h3 {
		font-size: 0.82em;
	}
	.nav ul li:hover:before,
	.navMain .logo h3 {
	}
	.top_form {
		display: none;
	}
	.yuyuan {
		font-size: 14px;
		position: absolute;
		right: 50px;

		margin-top: 1px;
	}
	.btn_nav {
		display: block;
		font-size: 0;
		position: absolute;
		right: 10px;
		width: 32px;
		height: 32px;
		top: 25px; 
	}
	.btn_nav span:before {
		content: '';
		position: absolute;
		left: 3px;
		top: 6px;
		width: 26px;
		height: 2px;
		background: #fff;
		transition: all ease-out 0.3s;
	}
	.btn_nav span:after {
		content: '';
		position: absolute;
		left: 3px;
		bottom: 6px;
		width: 26px;
		height: 2px;
		background: #fff;
		transition: all ease-out 0.3s;
	}
	.btn_nav span {
		width: 26px;
		height: 2px;
		background: #fff;
		display: block;
		margin: 15px auto;
	}
	.btn_nav span.open {
		background: none;
	}
	.btn_nav span.open:before {
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px;
	}
	.btn_nav span.open:after {
		transform: rotate(-45deg);
		bottom: 50%;
		margin-bottom: -1px;
	}

	.nav {
		overflow-y: scroll;
		position: fixed;
		z-index: 100;
		top: 80px;
		bottom: 0;
		left: auto;
		right: -100%;
		margin: 0;
		width: 100%; 
		-webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		-o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	}
	.nav.on {
		right: 0 !important; 
		background: rgba(0, 0, 0, 0.6);
		-webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		-moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		-ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		-o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
		transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	}

	.nav ul {
		float: left;
		width: 100%;
		background: rgba(255, 255, 255, 0.6);
		padding: 0;
	}
	.nav ul li {
		float: left;
		width: 100% !important;
		margin: 0 !important;
		border-top: 1px solid #ccc;
		background: rgba(74, 74, 74, 0.85);
	}
	.nav ul li.request {
		background: #4ebea4 !important;
		color: #000 !important;
		font-weight: bold;
		padding: 0;
	}
	.nav ul li.request a {
		color: #000 !important;
		font-weight: bold;
		text-align: center;
		text-indent: 0;
	}

	.nav ul li:after {
		clear: both;
		content: '';
	}
	.nav ul li span {
		height: 50px;
		width: 100%;
		position: absolute;
		z-index: 99999;
		display: block;
		left: 0;
		top: 0;
	}
	.nav ul li a {
		font-size: 15px;
		text-align: left;
		line-height: 50px;
		padding: 0;
		color: #666;
		text-indent: 10%;
		display: block;
		width: 100%;
		float: left;
		padding: 0;
	}
	.inline .nav > ul > li a {
		color: #fff;
	}
	.inline .nav ul li li a {
		color: #444 !important;
	}
	.nav ul li:before {
		display: none;
	}

	.nav ul li a:after {
		transition: all ease-out 0.1s;
		content: '';
		position: absolute;
		display: none;
		width: 12px;
		height: 12px;
		overflow: hidden;
		top: 50%;
		margin-top: -6px;
		right: 23px;
		transform: rotate(45deg);
		border-right: #f9f9f9 1px solid;
		border-bottom: #f9f9f9 1px solid;
	}
	.nav ul li a.wuji:after {
		transform: rotate(-45deg) !important;
		top: 25px;
		right: 27px;
		border-right: #f9f9f9 1px solid !important;
		border-bottom: #f9f9f9 1px solid !important;
		width: 10px;
		height: 10px;
	}
	.nav ul li a.cur:after {
		transform: rotate(-135deg);
		top: 25px;
	}

	a.lan {
		border: none;
		padding: 0;
		color: #fff;
		border-radius: 0;
		margin: 0;
	}
	.inline a.lan {
		border-color: #000;
	}

	.nav ul li.on ul li a:after {
		display: none !important;
	}
	.nav ul li.on:hover a:after ul li a:after {
		display: none;
	}
	.nav ul li ul li a:after {
		display: none !important;
	}
	.nav ul li:hover ul li a:after {
		display: none !important;
	}
	.nav ul div {
		background: none;
		position: static !important;
		width: 100%;
	}

	.nav ul li li:first-child a:hover {
		box-shadow: none;
	}

	.nav ul ul {
		position: static !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0;
		background: #f0f5fa;
		box-shadow: none;
		width: 100% !important;
		overflow: hidden;
	}
	.nav ul ul:before {
		display: none !important;
	}
	.nav ul li li {
		background: #f0f5fa;
	}

	.nav ul li li a {
		padding: 8px 0;
		margin: 0 !important;
		width: 100%;
		color: #666 !important;
		font-size: 14px !important;
		text-transform: none;
		text-align: left;
	}
	.nav ul li li:first-child a:hover {
		box-shadow: none;
	}

	.nav ul li li a:before {
		content: '';
		position: absolute;
		display: block;
		background: none;
		width: 12px;
		height: 12px;
		overflow: hidden;
		top: 12px;
		right: 23px;
		transform: rotate(-45deg);
		border-right: #ccc 1px solid;
		border-bottom: #ccc 1px solid;
	}

    .nav ul li a:before{display: none;}
    .nav ul li a.active{ padding-left: 0;background-color: #fff; }
    .nav ul li a.active em, .nav ul li a.active i{color:#009b4c}
    .nav ul li a em,.nav ul li a i{ display: inline;}
}