html{
    height: 100%;
    background-color: #171616;
}
body{
    margin:0 auto;
    padding: 0;
    font-size: 12px;
    /* width: 1920px; */
    width: 100%;
    height: 100%;
    /* overflow-x: auto; */
}
*{
    margin: 0;
    padding: 0;
}
/**
 * @description: 字体通用（斜体、粗体）
 */

 @font-face {
    font-family: DINPro-Regular;
    /* Project id 2442763 */
    src: url(../resources/DINPro-Regular.otf);
    /* IE9 */
    /* src: url('') format('embedded-opentype'),
         url('') format('woff2'),
         url('') format('woff'),
         url('') format('truetype'); */
}

@font-face {
    font-family: DINPro-Bold;
    src: url(../resources/DINPro-Bold.otf);
}

@font-face {
    font-family: DINPro-Medium;
    src: url(../resources/DINPro-Medium.otf);
}

@font-face {
    font-family: DINPro-BoldAlternate;
    src: url(../resources/DIN-BoldAlternate.otf);
}

@font-face {
    font-family: DINPro-Light;
    src: url(../resources/DINPro-Light.otf);
}

@font-face {
    font-family: han;
    src: url(../resources/FZLTXIHJW.TTF);
}
@font-face {
    font-family: fz;
    src: url(../resources/FZLTZHUNHJW.TTF);
}
li{
    list-style: none
}
a {
    text-decoration: none;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
a:hover {
    text-decoration: none
}
.divider {
    width: 553px;
    height: 9px;
    background: url("../images/home/divider.png") no-repeat;
    background-size: cover;
    margin: 0 auto;
}

/* 导航 */
.nav{
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    height: 100%;
}
.nav li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    padding: 0 30px;
}
.nav li a {    
    color: #fff;
    white-space: nowrap;
}
.nav li::after{
    display: none;
    content: '';
    position: absolute;
    background-image: url(../images/nav/hover-li.png);
    background-size: cover;
    width: 129px;
    height: 2px;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}
.nav li:hover::after {
    display: block;
}
.nav .check-lang{
    margin-right: 63px;
    color: #d1cece;
}
.nav .check-lang .on{
    color: #fff;
}
.bottom-bar .bottom-bar-protocol{
    display: flex;
    padding: 64px 0 0 960px;
}
.bottom-bar .bottom-bar-protocol li::after{
    color: #9e9e9e;
    display: inline-block;
    content: "|";
    margin-right: 12px;
    font-size: 14px;
}
.bottom-bar .bottom-bar-protocol li:last-child::after{
    content: "";
}
.bottom-bar .bottom-bar-protocol a{
    font-size: 14px;
    color: #9e9e9e;
    cursor: pointer;
    white-space: nowrap;
    margin-right: 12px;
}
.bottom-bar .bottom-bar-protocol a:hover{
    color: #f5f5f5;
}
.bottom-bar .bottom-bar-title{
    font-size: 14px;
    color: #9e9e9e;
    padding: 10px 0 0 960px;
    white-space: nowrap;
}