body {height:100%;  }
html {height:100%}




#wrap {height:100%; position:relative; width:100%;   display:inline-block; }
 
#container {  width:100%; display:inline-block;  }


header {height:90px; position:fixed; z-index:99999;width:100%;  display:flex; align-items:center;  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:900px; display:flex; ;align-items:center;  justify-content:space-between; order:2 }
header ul li { width:25%; cursor:pointer; font-size:21px; color:#fff; line-height:90px; font-weight:500;  text-align:center; position:relative}
header ul li:after {content:''; width:4px; height:4px; background-color:#fff; display:inline-block; position:absolute; right:0; top:50%; margin-top:-2px}
header ul li:last-child:after {display:none}


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 ul:hover + div.drop_menu  { border-top:1px solid #ddd; border-bottom:1px solid #dddd }
header div.drop_menu:hover  { border-top:1px solid #ddd; border-bottom:1px solid #dddd }


header div.drop_menu ul {width:900px;margin:0 auto;  border-left:1px solid #ddd; align-items:stretch; }
header div.drop_menu ul li {width:100%;  line-height:1; 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:15px; display:inline-block; text-align:center }
header div.drop_menu ul li a:last-child {margin-bottom:0}
header div.drop_menu ul li a:hover {text-decoration:underline}
header div.drop_menu  ul li:after {display:none}
 
header div.lang {width:200px; order:3;  height:35px; display:flex; align-items:center; justify-content:flex-end;    position:relative}
header div.lang a {width:90px;  display:flex; align-items:center; justify-content:space-between; gap:6px; color:#fff}
header div.lang .down_div {position:absolute; background-color:#fff; border-radius:10px; box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.10);  padding:15px 0;  width:90px;   right:0; top:35px;  text-align:center; display:none}
header div.lang .down_div a {display:block; color:#333; font-weight:300; width:100%}
header div.lang:hover .down_div {display:block; }

header h1 img:nth-child(1) {display:none}
header h1 img:nth-child(2) {display:block}

 
header.over {background-color:#fff}
header.over ul li {color:#111}
header.over div.lang a {color:#111}

header:hover {background-color:#fff}
header:hover ul li {color:#111}
header:hover div.lang a {color:#111}

header.over h1 img:nth-child(1) {display:block}
header.over h1 img:nth-child(2) {display:none}
header:hover h1 img:nth-child(1) {display:block}
header:hover h1 img:nth-child(2) {display:none}

header:hover li:after {  background-color:#333; }
header.over ul li:after {  background-color:#333; }
header .ham {width:35px; height:35px; border:1px solid #999; border-radius:5px; display:flex; align-items:center; justify-content:center }


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

}

@media all and (max-width:900px) {
	header {background-color:#fff; height:65px}
	header ul {display:none}
	header div.lang  {display:none}
	header h1 img {width:100px}
	header h1 img:nth-child(1) {display:block}
	header h1 img:nth-child(2) {display:none}

}

.fixed_q.over { opacity:1; right:1%}   
.fixed_q { position:fixed; right:-200px;  bottom:170px;     opacity:0; transition: all 0.6s ease-out; }
.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 a:nth-child(2) {background-color:var(--main_c2);}
.fixed_q a:nth-child(3) {background-color:#2db400}
.fixed_q a:nth-child(4) {background-color:#00557A}
.fixed_q a:nth-child(5) {background-color:#ADB5BD}

 
@media all and (max-width:900px) {
  .fixed_q { display:none }


}
 
footer {width:100%; border-top:1px solid #ddd;  background-color:#fff; display:inline-block;  font-size:16px;  font-weight:300; box-sizing:border-box; line-height:1.5em; color:#444; padding:50px 0 }
footer .flex {gap:30px}
footer p.link {width:200px; white-space:nowrap; text-align:center; margin-left:auto }
footer p.link  a {color:#333; width:140px;   border:1px solid #ddd; margin-bottom:10px; padding:5px 10px; box-sizing:border-box; display:inline-block; transition: all 0.2s ease-out;  }
footer p.link a:hover {color:#111;   border:1px solid #111;  }
footer .copy {color:#666; font-size:15.5px}
footer .copy b {font-weight:500; color:#111}


@media all and (max-width:900px) {
		footer {font-size:14px  }
		footer .copy {font-size:14px}
		footer p.link {margin-left:0; text-align:left; width:auto}
		footer p.link  a {width:auto}
}