body, html, ul{ margin: 0; padding: 0;}
/* @font-face */
/*{*/
    /*font-family: PingFangLight;*/
    /*src: url('../fonts/PingFangLight.ttf'); !* IE9+ *!*/
/*}*/
/*@font-face*/
/*{*/
    /*font-family: PingFangRegular;*/
    /*src: url('../fonts/PingFangRegular.ttf'); !* IE9+ *!*/
/*}*/
body{ font-family:'Microsoft YaHei' !important; color: #333; max-width: 100%; overflow-x: hidden;}
a{font-family:'Microsoft YaHei' !important; color: #333;}
a,a:hover{ outline: none; text-decoration: none; cursor: pointer;}
li,ol{ list-style: none;}
img{ display: block; width: 100%; max-width: 100%;}
.heigt_auto{ height: auto; overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.cl{ clear: both;}
.show{ display: block;}
.hide{  display: none;}
.fl100{ float: left; width: 100%;}
.wd1200{ width: 62.5%; margin: 0 auto;}
html,body{ width: 100%; height: 100%; overflow: hidden;}
.bg0{ background-color: #000;}
.com_bd{ background-color: #21202e;}
.wdhg100{ width: 100%; height: 100%;}
.hg100{ height: 100%;}
.position{ position: relative;}
.wordpace{ display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
/*垂直居中*/
.hg_center:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.hg_cen {
    display: inline-block;
    vertical-align: middle;
}


/*header*/
.header{ position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 95px;}
.logo{ width: 40px; height: 40px; margin: 10px 0 10px 10px;}
.nav{ width: 100%;}
.nav .tab{ text-align: center}
.nav .tab a{ color: #3189BC; font-size: 20px; opacity: 0.5; display: inline-block;margin-right: 61px;line-height: 75px;}
.nav .tab a:hover,.nav .tab a.cur{ opacity:1;font-size: 24px;color:#00CCFF;margin-right: 63px;}
.name{ color:#2dddb3; font-size: 20px; line-height: 60px;}
.tc{}
.padding_40{padding:0 40px;}
.tuc{width: 171px;height: 10px;display: inline-block;}
.tc_right{float:right;}