#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:1;
	background:#fff;
	padding:0 15px;
	border-bottom:1px solid #ddd;
}
#header h1{
	font-size:0;
}
#header a{
	font-size:0;
}
#header img{
	vertical-align: top;
}
#header .header_inner{
	display:flex;
	justify-content: space-between;
	align-items: center;
	max-width:1700px;
	margin:0 auto;
	height:16rem;
}
#header nav{
	width:100%;
	max-width:1000px;
	
}
#header nav ul{
	list-style:none;
	padding:0;
	display:flex;
	justify-content: space-around;
}
#header nav ul a{
	height:10rem;
	display:flex;
	align-items: center;
	position:relative;
}
#header nav ul li a::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:0%;
	height:4px;
	background:#222;
	transform: translateX(-50%);
	transition:all .3s;
}
#header nav ul li.active a::after{
	width:100%
}


@media(max-width:1280px){
	#header .header_inner{
		height:12rem;
	}
	h1 img{
		width:130px;
	}
	h2 img{
		width:150px;
	}
	#header nav {
		width: 100%;
		max-width: 700px;
	}
	#header nav ul li a img{
		width:110px;
	}
}


@media(max-width:991.98px){
	h1 img{
		width:100px;
	}
	h2 img{
		width:110px;
	}
	#header nav {
		width: 100%;
		max-width: 700px;
	}
	#header nav ul{
		justify-content: center;
		gap:0 4rem;
	}
	#header nav ul a{
		height:7rem;
	}
	#header nav ul li a img{
		width:80px;
	}
	#header nav ul li a::after{
		height:2px;
	}
}


@media(max-width:767.98px){
	h1 img{
		width:70px;
	}
	h2 img{
		width:80px;
	}
	#header nav ul{
		gap:0 3rem;
	}
	#header nav ul a{
		height:5rem;
	}
	#header nav ul li a img{
		width:60px;
	}
}

@media(max-width:576.98px){
	#header .header_inner {
		height: 8rem;
	}
	h1 img{
		width:50px;
	}
	h2 img{
		width:60px;
	}
	#header nav ul{
		gap:0 2rem;
	}
	#header nav ul a{
		height:5rem;
	}
	#header nav ul li a img{
		width:44px;
	}
	#header nav ul li a::after{
		height:1px;
	}
}

@media(max-width:389.98px){
	h1 img{
		width:45px;
	}
	h2 img{
		width:55px;
	}
	#header nav ul{
		gap:0 1.6rem;
	}
	#header nav ul a{
		height:4rem;
	}
	#header nav ul li a img{
		width:40px;
	}
	#header nav ul li a::after{
		height:1px;
	}
}






#main_container{
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
#main_container img{
	width:100%;
}
#main_container #sec01{
	padding-top:16rem;
}

@media(max-width:991.98px){
	#main_container #sec01{
		padding-top:12rem;
	}
}

@media(max-width:576.98px){
	#main_container #sec01{
		padding-top:8rem;
	}
}