@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {}
* { margin:0px;  padding:0px;box-sizing:inherit; font-family:}
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.bai,.hui { padding:60px 10px; }
.hui { background:#f2f4f4}
@media(min-width:768px) {
.bai,.hui { padding:60px 40px; }
}
@media(min-width:1024px) {
.bai,.hui { padding:80px; }
}

/*head old*/
.site-headera {position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box; background:rgba(20, 29, 76, 0.85); box-shadow: 0 1px rgba(255,255,255,.2);padding:10px 10px 10px 20px;}
body.nav-active { overflow:hidden}
body.nav-active .site-headera { background:#000} 
.top { width: 100%;display: flex;align-items: center;}
.top .logo   {flex: 1;display: flex;}
.top .logo img { height:32px;  }
.top  .lang { flex: 1;display: flex;justify-content: right;font-size: 1rem;z-index: 1; text-decoration:underline; }
.menu-icon { visibility:visible}
.nav {visibility:hidden;position:fixed;z-index:7001;font-size:15px; }
.nav__content {position:fixed;top:52px; left:0;width:100%;height:100%;cursor:pointer; background:#eee}
.nav__list {list-style:none;margin:0;padding:0;height:100%;}
.menu-itema {border-bottom:1px #ddd solid;position:relative;margin-left: 20px;line-height:40px;font-size:14px;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {color:#666; display:block}
.top .lang,.top .lang a { font-size:14px; color:#FFF; /*line-height:36px;*/}
.top .lang { padding-right:0px;}
.top .lang .lang-a { display: none; margin-right:20px}
.menu-icon { visibility:hidden}
@media(min-width:1024px) {
.site-headera {padding:18px 45px; }
.top .logo   {flex: 1;}
.top  .lang { flex: 1;}
.top .lang { }
.top .logo img { height:54px;}
.site-headera .navw { text-align: center;    }
.nav {visibility: visible; padding:0; position:inherit;width: 100%;display: flex;justify-content: center;}
.nav__content { position:inherit; width:auto; height:auto; padding:0; background:none}
.nav:after { visibility:hidden}
.nav:before { visibility:hidden}
.menu-itema {border-bottom:none;position:relative; margin-left:0;display: inline-block; height:36px;line-height:34px; transition-delay:.8s;opacity:1;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {display:inline-block;font-size:14px; padding:0 20px; margin:0 20px; color:#FFF; border-radius:5px; }
.menu-itema.current-menu-item a,.menu-itema a:hover {background:rgba(255, 255, 255, 0.1);}

}

.menu-icon {box-sizing:border-box;padding:14px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:.4rem;cursor:pointer;}
.menu-icon__line {height:2px;width:30px;display:block;background-color:#FFFFFF;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}

@media(min-width:768px) {
.menu-icon {padding:8px 0 0;height:30px;width:30px;right:1rem;top:1rem; }
}
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .menu-itema {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .menu-itema:nth-child(0) {
transition-delay:.1s;}
body.nav-active .menu-itema:nth-child(1) {
transition-delay:.2s;}
body.nav-active .menu-itema:nth-child(2) {
transition-delay:.3s;}
body.nav-active .menu-itema:nth-child(3) {
transition-delay:.4s;}
body.nav-active .menu-itema:nth-child(4) {
transition-delay:.5s;}
body.nav-active .menu-itema:nth-child(5) {
transition-delay:.6s;}
body.nav-active .menu-itema:nth-child(6) {
transition-delay:.7s;}
body.nav-active .menu-itema:nth-child(7) {
transition-delay:.8s;}
 
 .banner { height:558px;padding:100px 0px 0; position:relative;}
.banner .banner-text { width:90%;   padding-left:5%;}
.banner .banner-text h1 {font-size: 1.8rem;color:#FFF;line-height:1.5; font-weight:bold }
.banner .banner-text p {font-size:1rem;color: #FFFFFF8F;line-height:1.6; margin:40px  0;  }
.banner .banner-text a { display:block; width:200px; height:50px; font-size:16px; color:#0c231f; line-height:50px; font-weight:bold; text-align:center; border-radius: 8px;background:#a4f1f5}
.banner .banner-bott { position: absolute; left:0; bottom:0; width:100%; height:60px; border-radius:20px 20px 0 0; background:#f2f4f4}

@media(min-width:768px) {
.banner { height:758px;padding:100px 100px 0;}
.banner .banner-textw{ width:100%;height: 100vh;display: flex;flex-direction: column;justify-content: center;}
.banner .banner-text { width:100%; padding-left:0;  }
.banner .banner-text h1 {font-size: 2.4rem;}
.banner .banner-text p {font-size: 1.2rem; width:100%;  }
.banner .banner-bott {height:80px; border-radius:60px 60px 0 0;  }
}
@media(min-width:1024px) {
.banner { padding:2rem 45px 0;}
.banner .banner-textw{ width:66.67%;}
.banner .banner-text h1 {font-size: 3rem;}
}