/* reset */
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,hgroup,menu,nav,section{margin:0;padding:0; color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
img{border:0 none; display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/**{-webkit-tap-highlight-color: transparent;}*/
a{text-decoration: none;}
html{outline:0;}
/*body{-webkit-text-size-adjust:none;}*/
/**{font-family: PingFang SC, ab;}*/

.fl{float: left;display: inline-block}
.fr{float: right;display: inline-block}
.clearfix { zoom: 1;}
.clearfix:after {display: block; clear: both; content: ""; overflow: hidden; height: 0;}
.browser-tips{font-size: 14px;color: #fff;width: 100%;padding: 3px 0; background: #444; text-align: center; z-index: 999; position: absolute;top: 0;}
.txtOverflow{ text-indent: -9999px; font-size: 0; overflow: hidden}
.main{ width: 100%; height: 100%; position: relative;overflow-y: auto;max-height: 99999px;}
.container{ position: relative; width: 1212px; margin: 0 auto;}
[v-cloak], .hide {
    display: none!important;
}
/* nav */
.nav{ position: fixed; top: 0; left: 0; right: 0;height: 144px; background: #000; z-index: 99;padding: 0 50px;display: flex;align-items: center;justify-content: space-between;}
/* nav-logo */
.nav-side{ display: block; width: 380px;}
.nav-side img{ display: block; width: 100%;height: auto;}
.nav .nav-menu{width: 72px;height: 72px;background: url("../images/nav_menu.png") no-repeat center center / 100% 100%;}
.nav .nav-mask{position: fixed; top: 0; left: 0; right: 0;bottom: 0;}
.nav .nav-mask .nav-layer{position: absolute; top: 0; left: 0; right: 0;bottom: 0;background: #0000004C;}
.nav .nav-mask .nav-content{position: absolute; top: 0; right: 0;bottom: 0;background: #fff;width: 465px;padding: 45px 0 0 45px;}
.nav .nav-mask .nav-content .nav-item{line-height: 96px;margin-bottom: 66px;color: #000000E5;font-weight: 600;font-size: 54px;}
.nav .nav-mask .nav-content .nav-item a{color: #000000E5;}
.nav .nav-mask .nav-content .nav-item.active a{color: #FFC700;}

.footer{background: #204280;line-height: 60px;font-size: 18px;padding: 0 42px;display: flex;justify-content: space-between;}