@charset "utf-8";
/* CSS Document */

/* 垂直布局 */
.v-layout {
    display: flex;
    flex-flow: column nowrap;
}

/* 垂直布局居中 */
.v-layout-c {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    justify-content: center;
}

/* 垂直布局横向居中 */
.v-layout-hc {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

/* 垂直布局垂直居中 */
.v-layout-vc {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

/* 水平布局 */
.h-layout {
    display: flex;
    flex-flow: row nowrap;
}

/* 垂直布局居中 */
.h-layout-c {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

/* 水平布局横向居中 */
.h-layout-hc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

/* 水平布局垂直居中 */
.h-layout-vc {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

/* 权重1和 v-layout 和 h-layout搭配使用 */
.layout-weigt1 {
    flex: 1;
}

/* 只显示一行文本 */
.single-line {
    overflow: hidden;
    /*超出部分隐藏*/
    white-space: nowrap;
    /*不换行*/
    text-overflow: ellipsis; /*超出部分文字以...显示*/
}

/*内容垂直居中*/
.vertical-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

/*重置*/
*, *::before, *::after {
	box-sizing: border-box;
}
html{
	height: 100%;
	background-color: #0a0a1a;
	overflow-x: hidden;
}
body{
	padding: 0;
	margin: 0;
	background-color: #0a0a1a;
	overflow-x: hidden;
}
.bg-body {
    font-family: "微软雅黑";
    min-width: 1200px;
    min-height: 100vh;
    font-size: 16px;
	background: url(../img/bg_base.png) no-repeat center top;
	background-size: 100% auto;
	background-color: #0a0a1a;
	background-attachment: fixed;
}

img {
    border: none;
    display: block;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1, h2 {
    font-weight: normal;
    margin: 0;
}

h1 {
    font-size: 24px;
    text-align: center;
    line-height: 50px;
}

h2 {
    text-align: center;
    font-size: 16px;
    color: #999;
}

a {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}

dl, dt, dd {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*通用*/
.content {
    width: 1200px;
    margin: 0 auto;
}

.scroll-box {
    overflow-y: scroll;
}

::-webkit-scrollbar {
    display: none
}

/* Mobile adaptation */
@media (max-width: 768px) {
	html, body {
		background-color: #f6f7fb;
	}
	.bg-body {
		min-width: auto;
		padding: 0 16px;
		background: url(../img/bg_base.png) no-repeat center top;
		background-size: cover;
		background-color: #f6f7fb;
		background-attachment: scroll;
	}
	.content {
		width: 100%;
	}
	.contact-info {
		width: 100% !important;
		max-width: none !important;
		margin: 32px 0 24px !important;
		padding: 20px 16px !important;
	}
}