﻿.navbar_nav{ text-align:right; padding-top:22px }

.header .navbar_nav li{ width:14%; line-height:10px}

.header .navbar_nav li a {
    text-decoration: none;
    height: 58px;
    line-height: 24px;
    display: block;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 18px;
}


.active {
	color:#9ac03d!important
}
.header {
	width:100%;
	margin-top:1px;
	top:0;
	background-color:#fff;
	left:0;
	z-index:999
}
.header .left {
	width:0%
}
.header .left a img {
	height:40px;
	margin-top:6px
}
.header .left .img2 {
	display:none
}
.header .nav {
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	height:100%;
	line-height:50px;
	display:block
}
.header .navbar_nav li {
	float:left; height:50px; text-align:center;
	position:relative;
	display:block
}
.header .navbar_nav li:after {
	content:"";
	width:0;
	height:2px;
	background:#ff4500;
	position:absolute;
	bottom:0;
	left:0;
	transition:all .5s ease 0s
}
.header .navbar_nav li:hover:after {
	width:100%
}
.header .navbar_nav li a {
	text-decoration:none;
	height:50px;
	line-height:6px;
	padding:0 29px;
	display:block;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	font-size:18px
}
.header .navbar_nav li:hover a {
	color:#e62129
}
.header .navbar_nav li.dropdown {
	display:inherit;  text-align:center;
	position:relative
}
.header .navbar_nav li.dropdown .jt {
	width:20px;
	height:20px;
	background:url(404.png) no-repeat;
	background-size:100% 100%;
	display:block
}
.header .navbar_nav li.dropdown .dropdown_menu {
	display:none;
	z-index:11111;
	position:absolute;
	top:50px;
	width:100%;
	background:#fff;
	box-shadow:0 15px 27px 0 rgba(167,165,165,.38);
	width:120%;
	left:-10%
}
.header .navbar_nav li.dropdown .dropdown_menu a {
	font-size:14px;
	color:#666;
	padding:0 10px;
	line-height:40px;
	text-align:center;
	background:#fff;
	margin-bottom:2px
}
.header .navbar_nav li.dropdown:hover .dropdown_menu {
	display:block;
	background:#f3f3f3;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	transition:.5s
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a {
	}.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
	color:#fff;
	background:#2475be
}
.header.on {
	top:0;
	height:55px;
	border-bottom:2px solid #f2f2f2
}
.header.on .left .img1 {
	display:none
}
.header.on .left .img2 {
	display:block
}
.header.on .navbar_nav li a {
	}.header.on .navbar_nav li:hover a {
	color:#ff4500
}
#navToggle {
	display:none
}
.m_nav {
	position:fixed;
	top:0;
	box-shadow:0 15px 27px 0 rgba(167,165,165,.38);
	width:100%;
	height:100%;
	transition:all ease .5s;
	-webkit-transition:all ease .5s;
	z-index:1000;
	opacity:1;
	visibility:visible;
	margin-top:70px;
	overflow-y:auto;
	transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;
	top:0;
	transform:translateX(100%)
}
.m_nav.open {
	transform:translateX(0)
}
.m_nav .top {
	padding:20px 20px 0;
	box-sizing:border-box
}
.m_nav .top .closed {
	width:30px;
	height:30px;
	vertical-align:middle;
	float:right;
	cursor:pointer
}
.m_nav .logo {
	width:100%;
	margin:0 auto
}
.m_nav .logo img {
	height:50px;
	display:block;
	margin:30px auto
}
.m_nav .ul {
	margin-top:0;
	background-color:#f5f5f5
}
.m_nav .ul li {
	padding:0 20px;
	border-bottom:1px solid #dddddd;
	transform:translateY(0);
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;
	transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;
	opacity:0
}
.m_nav.open .ul li {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.m_nav .ul li:nth-child(1) {
	-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;
	transition:all .2s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(2) {
	-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;
	transition:all .4s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(3) {
	-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;
	transition:all .6s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(4) {
	-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;
	transition:all .8s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(5) {
	-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0ms;
	transition:all 1s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(6) {
	-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;
	transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li a {
	display:block;
	text-decoration:none;
	color:#333;
	font-size:16px;
	height:40px;
	line-height:40px;
	width:100%
}
.m_nav .ul li .dropdown_menu {
	display:none
}
.m_nav .ul li.dropdown.active .dropdown_menu {
	display:block
}
.m_nav .ul li .dropdown_menu a {
	display:block;
	height:40px;
	line-height:40px;
	padding:0 40px;
	box-sizing:border-box;
	border-bottom:1px solid #dddddd
}
.m_nav .ul li .dropdown_menu a:last-child {
	border:0
}
.banner {
	width:100%
}
.banner img {
	width:100%
}
@media screen and (max-width:992px) {
	.header {
	padding:0
}
.header #navToggle {
	height:100%;
padding: 18px 5px;
	margin-right:2px;
	display:inline-block;
	float:right
}
.header #navToggle span {
	position:relative;
	width:30px;
	margin-right:12px;
	height:2px;
	margin-top:19px
}
.header #navToggle span:before,.header #navToggle span:after {
	content:'';
	position:relative;
	width:100%;
	height:1px;
	left:0
}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	display:block;
	background:#4f4f4f
}
.header #navToggle span:before {
	top:8px
}
.header #navToggle span:after {
	bottom:10px
}
.header #navToggle.open span:before {
	top:10px;
	-webkit-transform:translateY(-11px) rotate(-45deg);
	-moz-transform:translateY(-11px) rotate(-45deg);
	-ms-transform:translateY(-11px) rotate(-45deg);
	-o-transform:translateY(-11px) rotate(-45deg);
	transform:translateY(-11px) rotate(-45deg)
}
.header #navToggle.open span:after {
	bottom:12px;
	-webkit-transform:translateY(10px) rotate(45deg);
	-moz-transform:translateY(10px) rotate(45deg);
	-ms-transform:translateY(10px) rotate(45deg);
	-o-transform:translateY(10px) rotate(45deg);
	transform:translateY(10px) rotate(45deg)
}
.header #navToggle.open span {
	background:0 0
}
.header #navToggle.open span:before,.header #navToggle.open span:after {
	background:#4f4f4f
}
.header .nav {
	display:none
}
.banner img {
	height:600px;
	object-fit:cover
}
}