.header {width:100%;z-index:999;}
.headTop{ padding: 10px 0px;}
.headTop .welcome{font-size: 14px; line-height:20px; color: #333333;}
.headTop a{font-size: 14px; line-height: 19px; color: #333333; margin-left: 20px;}
.headTop a:hover{ color: #0077CD;}
.headWrap{ background: #fff; padding: 10px 0px;}
.headWrapBox{ display: flex; align-items: center; overflow: hidden;}
.headWrapBox .logo{ width: 225px; display: block;}
.headWrapBox .logo img{ width: 100%;}
.headWrapBox .form{ flex: 1; width: 100%; padding-left: 40px; padding-right:30px; border-right: 1px solid #0077CD; padding-top: 18px; overflow: hidden;}
.headWrapBox .form .formBox{ display: flex; align-items: center;}
.headWrapBox .form .formBox .text{ flex: 1; width: 100%;height: 40px; border: 1px solid #0076CB; padding: 0px 10px; font-size: 14px; color:#333; text-align: left !important; }
.headWrapBox .form .formBox .but{ width: 120px; height: 40px; background:#0076CB; font-size: 15px; color: #fff; border: none;}
.headWrapBox .form .changsou{ display: flex; margin-top: 10px;}
.headWrapBox .form .changsou span{font-size: 14px; line-height: 19px; color: #999999;}
.headWrapBox .form .changsou .mySwiper{ flex: 1; width: 100%; padding-right: 20px;}
.headWrapBox .form .changsou .mySwiper .swiper-slide{ color: #999999; font-size: 14px; line-height: 19px;}
.headWrapBox .form .changsou .mySwiper .swiper-slide:hover{ color: #333;}
.headWrapBox .form .changsou .mySwiper .swiper-button-next{ right: 0; background: #fff; width: 20px;}
.headWrapBox .form .changsou .mySwiper  .swiper-button-prev{ left:auto; right:0; background: #fff; width: 20px;}
.headWrapBox .form .changsou .mySwiper .swiper-button-next::after,.headWrapBox .form .changsou .mySwiper  .swiper-button-prev::after { color: #333333; font-size: 12px;}
.headWrapBox .form .changsou .mySwiper .swiper-button-next.swiper-button-disabled,.headWrapBox .form .changsou .mySwiper  .swiper-button-prev.swiper-button-disabled{ opacity: 0;}
.headWrapBox .headKefu{ text-align: center; width: 95px; text-align: center; margin: 0px 15px;}
.headWrapBox .headKefu img{ width: 55px; display: block; margin: 0 auto;}
.headWrapBox .headKefu a{ width: 100%; height: 22px; background: #0077CD; margin-top: 2px; display: block; text-align: center; line-height: 22px; color: #fff; font-size: 12px;}
.headWrapBox .headDianhua {display: flex; align-items: center;}
.headWrapBox .headDianhua .item{ text-align: center; margin-left: 10px;}
.headWrapBox .headDianhua .item img{ width: 34px; height: 30px; display: block; margin: 0 auto; margin-bottom: 3px;}
.headWrapBox .headDianhua .item h5{font-size: 14px; line-height: 19px; color: #0077CD;}
.headWrapBox .headDianhua .item span{font-size: 14px; line-height: 19px; color: #333333;}
.headWrapNav{ margin-top: 20px;}
.headWrapNav ul{ display: flex; align-items: center;}
.headWrapNav ul li a{ min-width: 90px; padding: 0px 15px; color: #333333; font-size: 16px; display: block; height: 40px; line-height: 40px; text-align: center;}
.headWrapNav ul li.active a,.headWrapNav ul li:hover a{ background: #0077CD; color: #fff;}
.headWrapNav ul li em{ height:20px; width: 1px; background: #999999; display: block; margin: 0px 15px;}
.app_head,.m_nav,.app_search { display: none;}


@media screen and (max-width:1199px) {
	.header{ display: none;}
	.app_head{ background: #fff; padding:10px 0px; position: fixed; left: 0; top: 0; z-index:9999; width: 100%;}
	.app_head,.m_nav,.app_search { display:block;}
	.app_headBox{ display: flex; align-items: center; justify-content: space-between;}
	.app_head .logo{ width:100px; display: block;}
	.app_head .logo img{ width: 100%;}
	.app_head #navToggle {height: 40px; width:30px; display: block; position: relative;}
	.app_head #navToggle span{-webkit-transition: all .2s linear;transition: all .2s linear;height: 4px;width: 25px;border-radius: 3px; background-color: #000; position: absolute;}
	.app_head #navToggle span:nth-child(1){top: 10px; left: 4px;}
	.app_head #navToggle span:nth-child(2){top: 18px; left: 4px;}
	.app_head #navToggle span:nth-child(3){top: 26px; left: 4px; width: 15px;}
	.m_nav {position:fixed;top:-200%;width:100%;height:100%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms; display: block;}
	.m_nav.open {top: 0; z-index: 99991;}
	.m_nav .top {height:60px;padding:20px;box-sizing:border-box;}
	.m_nav .top .closed {width:20px;height:20px;vertical-align:middle;float:right;cursor:pointer;}		
	.m_nav .ul {margin-top:20px;}
	.m_nav .ul li {padding:0 20px;border-bottom:1px solid #f5f5f5;}	
	.m_nav .ul li a {display:block;text-decoration:none;color:#333;font-size:14px;height:40px;line-height:40px;width:100%;}		
	.app_search{ padding: 10px 15px;}
	.app_search .formBox{ display: flex;}
	.app_search .formBox{ display: flex; align-items: center;}
	.app_search .formBox .text{ flex: 1; width: 100%;height: 35px; border: 1px solid #0076CB; padding: 0px 10px; font-size: 13px; color: #333; text-align: left;}
	.app_search .formBox .but{ width:70px; height: 35px; background:#0076CB; font-size: 15px; color: #fff; border: none;}
	.wrap{ padding-top: 65px;}

}