@charset "UTF-8";
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
html {font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section {margin:0;padding:0;}
body {font-family: "Microsoft YaHei",'Segoe UI','Arial',sans-serif;color:#333;-moz-osx-font-smoothing:grayscale;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#3899ec;text-decoration:none;}
a:active{color:#3899ec;text-decoration:none;}
a:focus{text-decoration:none;}
img {display:inline-block;border:none;vertical-align:middle;}
input:focus{outline:none;}

header{position:fixed;top:0;right:0;left:0;width:100%;height:4.5rem;background-color:#fff;border-bottom:1px solid hsla(228,9%,89%,.5);box-shadow:0 .5rem 1rem 0 rgb(0 0 0 / 4%);justify-content:flex-start;z-index:10;}
.page-progress-container{position:fixed;top:0;width:100%;height:3px;background:0 0;visibility:visible;}
.page-progress-bar{height:.2rem;background:#3899ec;width:0;}
header a.logo{display:block;margin-top:.75rem;}
header a.logo img{max-height:3rem;}
header .toggle{display:none;position:relative;margin-top:0.875rem;width:1.5rem;height:1.25rem;cursor:pointer;}
header .toggle span{display:block;position:absolute;top:50%;left:0;width:1.5rem;height:2px;background:#333;transform:translateY(-50%);transition:all 0.3s ease-out;}
header .toggle span::before{content:'';position:absolute;top:-0.5rem;width:1.5rem;height:2px;background:#333;transition:all 0.3s ease-out;}
header .toggle span::after{content:'';position:absolute;top:0.5rem;width:1.5rem;height:2px;background:#333;transition:all 0.3s ease-out;}
header .toggle.on{}
header .toggle.on span{background:#fff;}
header .toggle.on span::before{top:50%;transition:all 0.3s ease-out;transform:rotate(45deg);}
header .toggle.on span::after{top:50%;transition:all 0.3s ease-out;transform:rotate(-45deg);}
header nav{float:left;}
header nav li{display:inline-block;margin:0 1rem;line-height:4.5rem;}
header nav li a.nav-link{position:relative;padding-right:1rem;}
header nav li a.nav-link i{position:absolute;right:0;width:.75rem;height:.75rem;text-align:center;vertical-align:center;}
header nav li .nav-dropdown{display:none;position:absolute;top:4.5rem;left:0;padding:3rem 0;width:100%;line-height:normal;background-color:#fff;}
header nav li .nav-dropdown .title{float:left;width:25%;font-size:1.5rem;}
header nav li .nav-dropdown .items{float:right;width:70%;}
header nav li .nav-dropdown .items dl{margin-bottom:2rem;}
header nav li .nav-dropdown .items dl dt{}
header nav li .nav-dropdown .items dl dd{margin-top:.5rem;font-size:.85rem;color:#5e5e5e;}
header nav li.active{}
header nav li.active a.nav-link{color:#3899ec;}
header nav li.active a.nav-link i{transition:all 0.3s ease-out;transform:translateX(0.5rem);}
header .toolbar{float:left;margin-left:2rem;line-height:4.5rem;}
header.transparent{background-color:transparent;border-bottom:0;}
header.transparent a.logo img{content:url("../../images/logo.png");}
header.transparent nav li a.nav-link{color:#fff;}
header.transparent .toolbar a.button{border:1px solid #fff;color:#fff;}
header.transparent .toolbar a.button:hover{background-color:transparent;}

footer{width:100%;height:auto;background-color:#fff;border-top:1px solid hsla(228,9%,89%,.5);}
footer .top{padding-top:3rem;padding-bottom:3rem;overflow:hidden;}
footer .top .link{width:50%;}
footer .top .link .logo{height:3rem;}
footer .top .link .logo img{height:100%;opacity:.8;}
footer .top .link .social{display:none;}
footer .top .link .social a{}
footer .top .link .detail{margin-top:1rem;}
footer .top .link .detail p{line-height:2rem;font-size:14px;}
footer .top .link .detail p span{color:#888;}
footer .top .menu{width:50%;}
footer .top .menu dl{float:left;width:25%;text-align:left;}
footer .top .menu dl dt{margin-bottom:15px;font-weight:400;color:#333;}
footer .top .menu dl dd{line-height:2rem;}
footer .top .menu dl dd a{font-size:14px;}
footer .bottom{width:100%;height:60px;line-height:60px;border-top:1px solid hsla(228,9%,89%,.5);}
footer .bottom .copyright{font-size:12px;color:#838c9a;}
footer .bottom .copyright a{display:inline-block;}
footer .bottom .copyright a img{height:1rem;vertical-align:middle;}
footer .bottom .copyright a span{display:inline-block;padding-left:0.25rem;}
footer .bottom .clause{}
footer .bottom .clause a{font-size:12px;color:#838c9a;}
footer .bottom .clause span{font-size:12px;font-weight:200;}

/*按钮*/
.button{display:inline-block;min-width:8rem;height:2.5rem;line-height:2.5rem;border-radius:1.25rem;text-align:center;transition:color .4s ease 0s,background-color .4s ease 0s;}
.button-md{min-width:8rem;height:2.5rem;line-height:2.5rem;border-radius:1.5rem;font-size:1rem;}
.button-lg{min-width:12rem;height:3.5rem;line-height:3.5rem;border-radius:1.75rem;font-size:1.5rem;}
.button-white{background-color:#fff;border:1px solid #fff;color:#3899ec;}
.button-blue{background-color:#3899ec;border:1px solid #3899ec;color:#fff;}
.button-blue:hover{background-color:#287bff;border:1px solid #287bff;color:#fff;}
.button-outline-white{background-color:transparent;border:1px solid #fff;color:#fff;}
.button-outline-white:hover{background-color:transparent;}
.button-outline-blue{background-color:transparent;border:1px solid #3899ec;color:#3899ec;}
.button-outline-blue:hover{background-color:#3899ec;color:#fff;}
/*加载*/
.loading{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);}
.loading span{display:block;position:absolute;top:50%;left:50%;width:4rem;height:4rem;transform:translate(-50%,-50%);text-align:center;}
.loading span i{font-size:3rem;color:#3899ec;}

@media only screen and (max-width:768px) {
    header{height:3rem;}
    header a.logo{margin-top:.5rem;}
    header a.logo img{max-height:2rem;}
    header .toggle{display:block;}
    header nav{display:none;float:none;position:absolute;left:0;top:3rem;width:100%;height:calc(100vh - 3rem);background:rgba(255,255,255,1);}
    header nav li{position:relative;display:block;margin:0;padding:0 1rem;line-height:3rem;border-bottom:1px solid #f0f0f0;}
    header nav li .nav-dropdown{position:relative;top:0;padding:1rem 0;height:auto;border-top:1px solid #f0f0f0;}
    header nav li .nav-dropdown .title{display:none;}
    header nav li .nav-dropdown .items{float:none;width:100%;}
    header nav li .nav-dropdown .items dl{margin-bottom:1rem;}
    header .toolbar{display:none;}

    footer .top{padding-top:1rem;padding-bottom:1rem;}
    footer .top .contact{float:none !important;width:100%;}
    footer .top .menu{float:none !important;width:100%;margin-top:2rem;}
    footer .bottom{padding:1rem 0;line-height:1.5rem;text-align:center;}
    footer .bottom .copyright{float:none !important;}
    footer .bottom .copyright a{display:block;}
    footer .bottom .clause{float:none !important;}
}

/*适配*/
@media (min-width:1680px) {
    /*html{font-size:12px;}*/
    h1{font-size:4rem;}
    h2{font-size:3rem;}
    h3{font-size:2rem;}
    h4{font-size:1.5rem;}
    h5{font-size:1rem;}
    .container{max-width:1536px;}
}