body {height:100%; }
html {height:100%}
#wrap {height:100%; position:relative; width:100%;  display:inline-block; }
section {position:Relative}
.in {width:100%; margin:0 auto; max-width:1250px;  }

 @media all and (max-width:1250px) {
  .in {padding:0 5%; box-sizing:border-box  }

}

header {height:90px;  position:fixed; z-index:99999; width:100%;  display:flex; align-items:center; background-color:#fff; transition: all 0.3s ease-out;}
header * { transition: all 0.3s ease-out; }
header .flex.in {align-items:center;  box-sizing:border-box; padding:0 3.5%; max-width:100%; justify-content:space-between }
header h1 {width:200px; line-height:0; cursor:pointer}

header ul {width:1300px; margin-right:50px;  display:flex; align-items:center;  justify-content:flex-end;  }
header ul li {font-size:19px; padding:0 2.2vw; cursor:pointer; line-height:90px;  font-weight:500;  text-align:center; position:relative}
header ul li:last-child {padding-right:5px}
header ul li:after {content:' '; width:3px; height:3px; background-color:#555;  position:absolute; right:0; top:50%;   transform:translateY(-50%);
  }
header ul li:last-child:after {display:none}


header ul > li > ul { display:none;  width:200px; background-color:#fff;  position:absolute; left:50%; transform: translate(-50%, 0);   padding:25px 0 }
header ul > li > ul > li {width:100%; padding:7px 5px; font-size:14px;  line-height:1;  box-sizing:border-box; white-space:nowrap; }
header ul > li > ul > li > a{display:inline-block;width:100%; font-size:16px; font-weight:400; color:#333}
header ul > li > ul > li:hover a {color:var(--main_c); text-decoration:underline} 
header ul > li > ul > li:after {display:none}

header .ham {display:none}
 
 @media all and (max-width:900px) {
	header {height:70px}
	header ul {display:none }
	header .flex.in {padding:0 5%}
	header .ham {display:block}
	header h1 img {width:130px }


}

 

footer {width:100%; background-color:#fff; display:inline-block;  font-size:16px;  font-weight:300;  padding:43px 0 50px 0; box-sizing:border-box; line-height:1.5;  border-top:1px solid #ddd;  color:#444; margin-top:100px; }
footer .flex { gap:50px}
footer div { box-sizing:border-box; width:100%;  }
footer b {font-weight:500; color:#222}
.up_btn {width:60px; height:60px; display:flex; align-items:center; justify-content:center; box-shadow:2px 2px 10px rgba(0,0,0,.15);  border-radius:50%;  position:fixed; right:25px; bottom:70px; background-color:#fff; z-index:999}


  

 
 @media all and (max-width:900px) {
	footer div {font-size:.9em}
	footer .flex {gap:20px}
	.up_btn {display:none}
 



}