body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-size: 16px;}
*{margin:0;padding:0;outline:none}
body,button,input,select,textarea{font:100%;}
img{border:none;vertical-align:middle}
body{font-size:12px}
div{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new, courier, monospace}
small{font-size:10px}
ul,ol{list-style:none outside none;margin:0;padding:0}
button,input{line-height:normal}
button,input,select,textarea{font-size:100%;margin:0;outline:0 none;vertical-align:baseline}
i,em,cite,u{font-style:normal}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:underline}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
html {font-size: 16px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{font:14px/1.8 tahoma,Arial,Helvetica,'\5FAE\8F6F\96C5\9ED1','\534E\6587\7EC6\9ED1',sans-serif;background:#F5F5F5;color:#333;font-weight:400;}
a,div{-webkit-tap-highlight-color:rgba(255,255,255,0)}
/*
黑体 \9ED1\4F53
宋体 \5B8B\4F53
仿宋 \4EFF\5B8B
楷体 \6977\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1
华文细黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1(Mac)
*/
@media screen and (min-width: 1920px){
    html{font-size:20px;}
}

a, button{outline:none;}
a{color:inherit;font-size:inherit;}
a:hover{text-decoration: none;}
a:hover, a:focus{color:#0D6FB8;outline:none}
p.ref{text-align:center;padding:2em 1em;}
.clr:after,.fxui-wrapper:after,.fxui-wpr:after,.wrapper:after{content:"\20";height:0;visibility:hidden;display:block;clear:both;}
.clr,.fxui-wrapper,.fxui-wpr,.wrapper{*zoom:1;}
.hide{display:none}
.show{display:block !important}

.page-leader{min-height: 100%;}
.leader-bg{min-height:100%;background:url(images/bg.jpg) 0 0 no-repeat;background-size:cover;}

.leader{position:absolute;left:50%;top:0;top:50%;margin-top:-17.5rem;width:35rem;height:35rem;margin-left:-17.5rem;}
.leader .header{text-align: center;}

.header .avatar{display:inline-block;width:6rem;height:6rem;padding:5px;border-radius:50%;overflow:hidden;box-shadow:0px 0px 5px 5px #EEE;box-sizing:border-box;}
.header .avatar img{width:100%;border-radius: 100%;-o-object-fit:cover;object-fit:cover;}
.leader .slogo{text-align: center;margin:1.1rem auto;}
.leader .slogo img{width:12rem;}
.header .sname{font-size:1.2rem;font-weight:600;line-height:2.5rem;height:2.5rem;letter-spacing:1px;}
.header .slogan{font-size:1rem;font-weight:200;color:#333;}
.header .info{margin-top:.7rem;font-size:.8rem;font-weight:200;color:#888;}

.nav{margin-top:2rem;text-align:center;}
.nav li{display:inline-block;margin: .5rem .6rem;}
.nav li a{padding: .4rem 1rem;min-width: 2.5rem;outline: none;font-weight: 600;font-size: 1rem;background-color: #fff;border: 1px solid #ebeef5;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);    border-radius: 1.5rem;-webkit-transition-duration:0.5s;transition-duration:0.5s;}

hr{max-width:30rem;height:1px;margin:1.8rem auto 0;border:none;background-image:-webkit-linear-gradient(bottom,transparent,#d5d5d5,transparent);background-image:linear-gradient(0deg,transparent,#d5d5d5,transparent);background-image:-webkit-linear-gradient(0deg,transparent,#d5d5d5,transparent);}

.links{margin-top:1.2rem;text-align: center;}
.links a{font-size:.8rem;display:inline-block;text-align:center;text-decoration:none;color:#333;-webkit-transition-duration:0.5s;transition-duration:0.5s;padding:0 .5rem;}
.links a:hover{color: #0D6FB8;}

.leader .footer{width:100%;z-index:100;margin:2rem auto 0;}
.crpt{text-align:center;color:#999;line-height:2;font-size:.7rem;}
.crpt a{color:inherit;font-size:inherit;}
.powered{margin-bottom:8px;text-align: center;}
.powered img{height:24px;filter: grayscale(100%);filter: gray;}

@media screen and (max-width: 678px){
    .leader{position: relative; width:100%;height:auto;margin:0 auto;left:auto;top:auto;}
    .header{padding-top:40px;}
}