* {
    margin: 0;
    padding: 0;
    background-size: cover;
}

html,
body {
    width: 7.5rem;
    color: #fff;
    background-color: #161616;
}

/**
 * @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);
}

.nav {
    height: 0.98rem;
    padding: 0 0.6rem 0 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav > img {
    width: 3.23rem;
    height: 0.44rem;
}
/* .nav > span {
    width: 0.46rem;
    height: 0.4rem;
    background-image: url(./imgs/menu-icon.png);
} */

.des-box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.85);
    z-index: 999;
    box-sizing: border-box;
}
.des-box .content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
    text-align: center;
}
.des-box a {
    text-decoration: none;
    width: 6.3rem;
	/* height: 1.17rem; */
	background-color: #ffffff;
	border-radius: 0.58rem;
	border: solid 0.01rem #ffffff;
	opacity: 0.82;
    margin-bottom: 0.9rem;

    font-family: DINPro-Bold;
	font-size: 0.63rem;
	font-weight: normal;
	font-stretch: normal;
    /* line-height: 1.17rem; */
	letter-spacing: 0px;
	color: #000000;
    text-align: center;
}

.menu-box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.85);
    z-index: 999;
    padding: 0 0.6rem 0 0.5rem;
    box-sizing: border-box;
}
.menu-box .nav {
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.5);
    padding: 0;
}

.menu-box > .page-grps,.menu-box > .page-langs {
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
}
.menu-box  a {
    text-decoration: none;
}
.menu-box .item {
    font-size: 0.3rem;
    line-height: 0.48rem;
    margin-bottom: 0.3rem;
    opacity: 0.4;
    color: #fff;
    letter-spacing: 0.01rem;
}
.menu-box .item.active {
    opacity: 1;
}

.common-italic-font {
    font-family: DINPro-Regular;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
}

.common-italic-bold-font {
    font-family: DINPro-Bold;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
}

.common-bold-font {
    font-family: DINPro-Bold;
    font-weight: bold;
    font-stretch: normal;
}

.common-light-font {
    font-family: DINPro-Light;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
}

.common-font {
    font-family: DINPro-Regular;
    font-weight: normal;
    font-stretch: normal;
}

.common-title {
    display: inline-block;
    font-family: DIN-Bold;
    font-size: 0.39rem;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    line-height: 0.29rem;
    letter-spacing: 0.06rem;
    position: relative;
}

.common-title::before,
.common-title::after {
    position: absolute;
    content: '';
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    background-image: url(./imgs/italic-icon.png);
    background-size: cover;
}

.common-title::before {
    left: -0.12rem;
    top: -0.24rem;
}

.common-title::after {
    right: -0.12rem;
    bottom: -0.24rem;
}

/**
 * @description: 间隔通用
 */
.space {
    width: 6.83rem;
    height: 0.11rem;
    margin: 0.32rem auto;
    background-image: url(./imgs/space-place.png);
}

/**
 * @description: 回到顶部
 */
.back-top {
    position: fixed;
    top: 88%;
    right: 0.25rem;
    width: 1.56rem;
    height: 1.65rem;
    background-image: url(./imgs/back-top.png);
    z-index: 99;
    display: none;
    animation:float 3s linear 0s infinite; -webkit-animation: float 3s linear 0s infinite ;
}
@-webkit-keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(16px);transform:translateY(16px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    50%{opacity:0.5;-webkit-transform:translateY(16px);-ms-transform:translateY(16px);transform:translateY(16px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

/**
 * @description: 向下导航箭头通用
 */
.guide {
    width: 0.32rem;
    height: 0.48rem;
    background-image: url(./imgs/down-guide-icon.png);
    margin: 0.35rem auto;
}


.menu-icon {
    width: 0.46rem;
    height: 0.4rem;
    background-image: url(./imgs/menu-icon.png);
    position: absolute;
    z-index: 9999;
    top: 0.29rem;
    right: 0.6rem;
}

/**
 * @description: 底部联系方式通用
 */
.contact {
    font-size: 0;
    display: none;
}

/* .contact .contact-title {
    width: 3.07rem;
    height: 0.28rem;
    background-image: url(./imgs/title-bg.png);
    text-align: center;
    margin-left: 0.51rem;
}
.contact .contact-title span {
	font-size: 0.35rem;
	line-height: 0.26rem;
	letter-spacing: 0.04rem;
} */

.contact>.content {
    width: 6.48rem;
    height: 6.13rem;
    margin: 0.57rem auto;
    margin-top: 0;
}



/**
 * @description: 通用title（边框左右两边为红色条杠）
 */
.item-title {
    background-image: url(./imgs/title-bg.png);
    text-align: center;
    display: inline-block;
    padding: 0 0.3rem 0 0.2rem;
    margin: 0.6rem 0 0.6rem 0.56rem;
    /* min-width: 3.07rem; */
    min-width: 2.8rem;
    min-height: 0.28rem;
}

.item-title .common-italic-bold-font {
    font-size: 0.3rem;
    letter-spacing: 0.01rem;
    line-height: 0.26rem;
}

/**
 * @description: 通用底部
 */

 .sign-footer {
    position: relative;
    font-size: 0;
    height: 1.86rem;
    background-image: linear-gradient(18deg,
            #282d33 0%,
            #3e4853 100%);
}

.sign-footer img {
    width: 100%;
    height: 100%;
}
.sign-footer .footer-des {
    position: absolute;
    color: #686c6f;
    width: 100%;
    text-align: center;
    top: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.12rem;
}
.sign-footer .footer-des .links {
    display: flex;
    justify-content: center;
}
.sign-footer .footer-des .links a {
    color: #686c6f;
    text-decoration: none;
    position: relative;
}
.sign-footer .footer-des .links a:not(:last-child) {
    margin-right: 0.2rem;
}
.sign-footer .footer-des .links a:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -0.1rem;
    top: 15%;
    display: block;
    width: 0.01rem;
    height: 70%;
    background-color: #686c6f;
    position: absolute;
}