header { height:4.4rem;background:#2c4abb;display: flex;justify-content: space-between;align-items: center;position: fixed;left:0;top:0;width:100%;z-index:200; }
header h1,header h1 a,header h1 img { width:15.6rem;height:2.68rem;display: block; }
header h1 { margin-left:1rem; }
.head-nav { padding-right:1rem;display: flex;align-items: center; }
.lang { height:2rem;display: flex;align-items: center;margin-right:3rem; }
.lang span { flex:1;max-width:7.4rem;display: block;color:#fff;padding:0 0.5rem; }
.lang em { width:0.6rem;height:0.4rem;background: url(../images/head/sj.png) no-repeat 0 0;background-size:100% 100%;display: block;margin-left:0.5rem; }
.lang a { color:#fff;font-size: 1.4rem; }
.user { width:2rem;height:2rem;display: block;background:url(../images/head/user.png) no-repeat 0 0;background-size:100% 100%;margin-right:1.5rem; }
.h-nav { height:1.2rem;width:1.68rem;display: block;background:url(../images/head/nav.png) no-repeat 0 0;background-size:100% 100%; }
.navs { background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;width:100%;height:100vh;display:none; }
.navs-head { height:4.4rem;background:#2c4abb;display: flex;justify-content: space-between;align-items: center;border-bottom:1px #eee solid; }
.navs-head img { width:15.6rem;height:2.68rem;display: block;margin-left:1rem; }
.navs-head span { width:1.4rem;height:1.4rem;display: block;margin-right:1.2rem;background:url(../images/head/cha.png) no-repeat center center;background-size:100% 100%; }
.nav-list { background:#fff;padding:0 1.5rem; }
.nav-list a,.nav-list .item p { display: block;height:4.5rem;display:flex;justify-content: space-between;align-items: center;border-bottom:1px #eee solid;font-size:1.4rem; }
.nav-list .item p * { display: block; }
.nav-list .item p em { width:1rem;height:0.6rem;background:url(../images/head/down.png) no-repeat center center;background-size:100% 100%;transform: rotate(180deg);transition: all .8s; }
.nav-list .item p em.rot { transform: rotate(0deg); }
.nav-list .item p span.on { color:#2c4abb;font-weight: bold; }
.nav-list .item .list { overflow: hidden;transition: all .8s;max-height:0; }
.nav-list .item .list.open { max-height:200rem; }
.nav-list .item .list a { padding-left:1rem; }
.lang-mark { background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;width:100%;height:100vh;display: none; }
.sel-lang { position:fixed;width:100%;left:0;bottom:0;background:#fff;z-index:1000; }
.sel-lang a { display: block;text-align: center;height:4.4rem;line-height:4.4rem;border-bottom:1px #eee solid;font-size:1.4rem; }
.sel-lang a:hover { background:#f0f0f0; }
.sel-lang a:nth-last-child(1) { border-bottom:none; }


.logo-tips { margin-top:4.4rem;height:3rem;overflow: hidden;display: flex;align-items: center;width:100%;background:#2c4abb; }
.logo-tips p { height:2.4rem;width:169.6rem;background: url(../images/head/tips.png) repeat-x 0 center; }