header {height:90px; position:fixed; z-index:99999;width:100%;  display:flex; align-items:center;  transition: all 0.3s ease-out;}
header:hover {background-color:#fff}
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 ul {width:900px; display:flex; align-items:center;  justify-content:space-between;  }
header ul li {font-size:21px; cursor:pointer;   width:25%; font-weight:700;  text-align:center; position:relative}
  
header div.drop_menu {overflow:hidden;  width:100%; position:absolute; background-color:#fff;  z-index:999;  top:90px; left:50%; box-sizing:border-box;   transform:translateX(-50%);  height:0;  }
header:hover div.drop_menu  { height: auto;  border:1px solid #ddd}
header div.drop_menu ul {width:1050px;  margin:0 auto;  border-left:1px solid #ddd;    align-items:stretch; }
header div.drop_menu ul li {width:100%; border-right:1px solid #ddd; font-size:16px; font-weight:500;  padding:25px 0 }
  
header div.drop_menu ul li a {width:100%; color:#222; font-weight:300;  margin-bottom:7px; display:inline-block; text-align:center }
header div.drop_menu ul li a:hover {text-decoration:underline}
 
 
 
header:hover ul {width:1050px; }
header.over {background-color:#fff}

header h1 {width:200px; line-height:0}
header div.r {width:200px; }
.ham {width:35px; height:35px; background:rgba(255,255,255,.6); border-radius:3px; display:flex; align-items:center; justify-content:center  }



@media all and (max-width:1400px) {
	 .in {padding:0 4%; box-sizing:border-box }
	 header ul li {font-size:19px; e}

 
}
 

@media all and (min-width:1000px) {
  .ham {display:none}

}

@media all and (max-width:1000px) {
	header {height:70px}
	header ul {display:none}
	header div.r {display:none }
    header div.drop_menu {display:none}

}
 

.in {width:100%; margin:0 auto;  max-width:1400px;  }


  
.fixed_q { position:fixed; right:-200px;  bottom:170px; opacity:0; transition: all 0.6s ease-out;  z-index:9999}
.fixed_q a div {font-size:17px; letter-spacing:-1px;  line-height:1.2; font-weight:400  }
.fixed_q a { z-index:9999; margin:10px 0; background-color:var(--main_c);  color:#fff; width:90px; height:90px;  display:flex; flex-direction:column;  justify-content: center; align-items: center; border-radius:10px; text-align:center;  transition: all 0.1s ease-out; }
.fixed_q.over { opacity:1; right:1%}   

.fixed_q2 { position:fixed; right:-200px;  bottom:270px; opacity:0; transition: all 0.6s ease-out;  z-index:9999}
.fixed_q2 a div {font-size:17px; letter-spacing:-1px;  line-height:1.2; font-weight:400  }
.fixed_q2 a { z-index:9999; margin:10px 0; background-color:var(--main_c);  color:#fff; width:90px; height:90px;  display:flex; flex-direction:column;  justify-content: center; align-items: center; border-radius:10px; text-align:center;  transition: all 0.1s ease-out; }
.fixed_q2.over { opacity:1; right:1%}   



footer {width:100%; display:inline-block; background-color:#fff; border-top:1px solid #ddd;   font-size:16px;    font-weight:300;  padding:20px 0 20px 0; box-sizing:border-box; line-height:1.5em;    color:#222; }
 
footer a {color:#222}
footer a:hover {text-decoration:underline}
footer .copy {color:#333; font-size:15.5px}
footer .copy b {font-weight:500; color:#222}
footer .flex div + p {margin-left:auto}
footer .r {margin-left:auto}

 @media all and (max-width:800px) {
		.fixed_q {display:none}
		footer {font-size:14px}
		footer img {margin-bottom:15px}
		footer .r {width:100%; display:flex; gap:5px; margin-top:20px; justify-content:flex-end}
}