.header{
	width: 100%;
	text-align: center;
	    display: flex;
}
.heade{
	width: 1200px;
	height: 80px;
	margin:auto;
	position: relative;
	display: inline-block;
}
.logo{
	
	height: 54px;
	margin-top: 13px;
	float: left;
}
.heade1{
	
	box-sizing: border-box;
	height: 100%;
	float: right;
}
.heade1 li{
	float: left;
	height: 100%;
	margin-right: 25px;
	
}
.heade1 li a{
	width: 100%;
	height: 100%;
	line-height: 80px;
	padding: 0 15px;
	font-size: 15px;
	color: #333333;
	box-sizing: border-box;
	display: block;
}
.hea-act{
	background: #23B1E6;
	color: white !important;
}
.heade1 li a:hover{
	background: #23B1E6;
	color: white !important;
}
.seas{
	float: right;
	margin-top: 32.5px;
}
.seas img{
	height: 15px;
}
.seas1{
	display: block;
}
.seas2{
	display: none;
}
.seach{
	border: 1px solid #23B1E6;
	    box-sizing: border-box;
	    width: 260px;
	    height: 35px;
	    border-radius: 35px;
		padding: 0 15px;
	    background: rgba(255,255,255,0.9);
		display: none;
	    position: absolute;
	    right: 0;
	    top: 105%;
	    z-index: 1001;
}
.seach input{
	border: none;
	outline: none;
	width: 86%;
	height: 100%;
	font-size: 15px;
	    color: #333333;
	display: inline-block;
	vertical-align: middle;
	background: none;
}
.seach img{
	width: 15px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
@media (max-width: 1220px) and (min-width: 1020px) {
	.heade{
		width: 95%;
	}
}
@media (max-width: 1020px) {
	.headerT{
		width: 100%;
		
		background: white;
		position: relative;
	}
	.headT{
		width: 95%;
		height: 1rem;
		margin: auto;
		display: flex;
		align-items: center;
		    justify-content: space-between;
	}
	.logo{
		    width: 1.9rem;
		    height: auto;
		    margin-top: 0;
	}
	.headT1{
		display: flex;
		align-items: center;
	}
	.seas{
		    margin-top: 0;
		margin-right: 0.3rem;
		}
		.seas img{
			height: 0.4rem;
		}
		.seach{
			border: 0;
			border-top: 1px solid #23B1E6;
			box-sizing: border-box;
			width: 100%;
			height: auto;
			padding: 0.2rem;
			border-radius: 0;
			background: rgba(255,255,255,0.9);
			position: absolute;
			left: 0;
			top: 100%;
			z-index: 1001;
		}
		.seach1{
			border: 1px solid #23B1E6;
			box-sizing: border-box;
			width: 100%;
			height: 0.8rem;
			border-radius: 0.8rem;
			padding: 0 0.2rem;
			display: flex;
			align-items: center;
		}
		.seach1 input{
			border: none;
			outline: none;
			width: 93%;
			height: 100%;
			font-size: 0.2rem;
			    color: #333333;
			background: none;
		}
		.seach1 img{
			width: 0.3rem;
			margin-left: 0.1rem;
		}
	
	.menubtn i{ display:block; width:21px; height:3px; background-color:#000; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
	.menubtn i:nth-child(1){ -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
	.menubtn i:nth-child(2){ margin-top:4px;}
	.menubtn i:nth-child(3){ margin-top:4px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
	.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
	.menubtn.on i:nth-child(2){ opacity:0;}
	.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
}