body{font-family:'Noto Sans SC',sans-serif;font-weight:400}
.header .hd-top{width:100%;z-index:2;background-color:#fff}
.header .hd-top .wp{display:flex;align-items:center;justify-content:space-between;height:80px}
.header .hd-top .wp .left{color:#333;font-size:20px}
.header .hd-top .wp .right{display:flex;align-items:center;justify-content:flex-end}
.header .hd-top .wp .right .tools{color:#666;font-size:18px;padding:0 18px;position:relative}
.header .hd-top .wp .right .tools:after{content:'';position:absolute;right:0;top:50%;margin-top:-13px;width:1px;height:26px;background:linear-gradient(0deg,rgba(153,153,153,0) 0,#666 50%,rgba(153,153,153,0) 100%)}
.header .hd-top .wp .right .login-group{margin-left:28px;display:flex;align-items:center;padding:10px 20px;background:#f5f5f5;border-radius:19px}
.header .hd-top .wp .right .login-group i{display:block;background:url(../images/user.png) no-repeat center center/contain;width:18px;height:18px;margin-right:12px}
.header .hd-top .wp .right .login-group a{color:#999;font-size:14px}
.header .hd-top .wp .right .login-group a+a{margin-left:24px;position:relative}
.header .hd-top .wp .right .login-group a+a:after{content:'';position:absolute;top:50%;left:-12px;width:1px;height:14px;background:#000;opacity:.5;margin-top:-7px}
.header .hd-ban{position:relative}
.header .hd-ban img{display:block;width:100%}
.header .hd-ban .wp{position:absolute;top:calc(50% + 40px);left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;font-size:50px;font-weight:800;color:#fff;line-height:6px;text-shadow:-1px 2px 10px rgba(0,42,139,.29)}
.header .hd-nav{background:url(../images/nav-bg.jpg) no-repeat center center/cover}
.header .hd-nav .wp{display:flex;justify-content:space-around}
.header .hd-nav .wp a{height:76px;display:flex;align-items:center;justify-content:center;flex:auto;color:#fff;font-size:22px}
.header .hd-nav .wp a.active{background-color:#fff;color:#2789ee;font-weight:700;position:relative}
.header .hd-nav .wp a.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#2789ee}
.header .hd-nav .wp a.active:before{content:'';background:url(../images/san.png) no-repeat center center/contain;width:22px;height:8px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:3px}
@media only screen and (max-width:1199px){
    .header .hd-ban .wp{font-size:30px}
    .header .hd-nav .wp a{font-size:14px;height:60px}
}

@media only screen and (max-width:959px){
    .header .hd-nav .wp a,.header .hd-top .wp{height:60px}
    .header .hd-top .wp .left{font-size:14px}
    .header .hd-top .wp .right .tools{font-size:14px}
    .header .hd-top .wp .right .tools{padding:0 10px}
}

@media only screen and (max-width:767px){
    /*.header .hd-ban{margin-top:60px}*/
    .header .hd-ban .wp{top:50%}
    .header .hd-nav .wp{flex-wrap:wrap}
    .header .hd-nav .wp a{flex:0 0 33.3%;height:40px}
    .header .hd-top .wp .right .tools{display:none}
    .header .hd-top .wp .right .login-group{display:none}

    .pagination a.btn{padding:0 5px}
    .pagination .pages a{display:none}
    .pagination .pages a.cur{display:block}
    .pagination a.btn{font-size:12px;margin:0 5px}
}