.header {width:100%;position:relative;top:0;left:0;z-index:999;background:#fff;}
/*左侧logo*/
.header .logo { height: auto; float: left;}
.header .logo img { height: 72px;}
/*右侧*/
.header .nav {-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s; line-height:57px;}
.header .nav ul{ width: 100%; display: flex; justify-content: space-between;}
.header .header-top{ width: 100%; padding:20px 0px;}
.header .header-ding{ background-color: #2966B2;}
.header .header-ding ul{ float: right; display: flex;}
.header .header-ding ul li{ border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0px 20px;}
.header .header-ding ul li a{ font-size: 14px;color: #fff; line-height: 44px;}
.header .header-ding p{ float: left; line-height: 44px; font-size: 14px;color: #fff;}
.header .header-top .search_1{ display: flex; float: right; width: 377px;height: 42px; border: 1px solid #DCDCDC; border-radius: 25px; align-items: center; margin-top: 15px;}
.header .header-top .search_1 .search{ background: none; flex: 1; padding: 0px 15px;}
.header .header-top .search_1 .button{ height: 24px; width: 48px; background: url(../images/search.png) no-repeat center; border-left: 1px solid #DCDCDC;}



.header .header-bot{ border-top: 1px solid #DCDCDC;}
.header .header-bot .logo{ display: none;}
.header .navbar_nav li {float:left;position:relative;display:block;}
.header .navbar_nav li a {text-decoration:none;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#333333;font-size:17px;}
.header .navbar_nav li:hover a,.header .navbar_nav li.active a { border-bottom: 4px solid #2385C9;}
.header .navbar_nav li.dropdown {display:inherit;position:relative;}
.header .navbar_nav li.dropdown .dropdown_menu {display:none;position:absolute;top:92px;width:100%;background:#fff;width:180px;left:50%;transform:translateX(-50%); box-shadow: 0px 5px 5px 0px rgba(224, 222, 222, 0.75); padding-bottom:15px;}

.header .navbar_nav li.dropdown .dropdown_menu a {font-size:15px;color:#333333;line-height:40px;text-align:center;}
.header .navbar_nav li.dropdown:hover .dropdown_menu {display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {color:#fff;background:#00AAFF;}
/*白色背景的头部*/
.header.on {background:#fff;border-bottom:1px solid #ccc;}
#navToggle {display:none;}
.m_nav {position:fixed;top:0px;width:100%;height:100%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateY(-100%);}
.m_nav.open {transform:translateY(0);}
.m_nav .top {height:60px;padding:20px;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:30px;}
.m_nav .ul li {padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateX(0);-webkit-transform:translateX(100%);transform:translateX(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 a {display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;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:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child {border:none;}


/* @media screen and (max-width:1299px) {
	.header .nav{ line-height:72px;}
	.header .navbar_nav li.dropdown .dropdown_menu{ top:72px; width:160px;}
	.wrap{ padding-top:72px;}
}
 */
@media screen and (max-width:1199px) {
	.wrap{ padding-top: 0px;}
	.header .nav{ line-height:42px;}
}


@media screen and (max-width:992px) {
	.header .header-bot .logo{ display: block;}
	/* .wrap{ padding-top:51px;} */
	.header .logo { width:240px;}
	.header .logo{ padding:8px 0px;}

.header #navToggle {padding:7px 15px;margin-right:-15px;display:inline-block;float:right; margin-top: 10px;}
	.header #navToggle span {position:relative;width:25px;height:1px;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:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.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:none;}
	.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f;}
	.header .nav {display:none;}

	.header .header-bot{ display: none;}
	.header .header-top .search_1{ display: none;}
}