* {
	margin: 0;
	padding: 0;
}

body {
	font: 14px/1.5 'Noto Sans SC' 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei',
		'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
}

html {
	overflow-y: scroll;
	font-size: 80px;
	box-sizing: border-box;
}

:root {
	overflow-y: auto;
	overflow-x: hidden;
}

:root body {
	position: absolute;
}

body {
	box-sizing: border-box;
	/* width: 100vw; */
	overflow: hidden;
}

.container {
	margin: 0 auto;
	width: 24rem;
	overflow: hidden;
	background-color: #fff;
	padding-top: 75px;
}

/* header */
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fff;
}

.header-wrap {
	display: flex;
	height: 75px;
	justify-content: space-between;
	align-items: center;
	padding-left: 4.5rem;
	padding-right: 3.6125rem;
}

.header-left {
	display: flex;
	align-items: center;
}
.header-left-logo {
	width: 45px;
	height: 45px;
	background: url(../img/head_logo.png) no-repeat;
	background-size: 100%;
}

.header-left-text {
	font-size: 24px;
	color: #1678ff;
	margin-left: 16px;
	white-space: nowrap;
}

.header-right-texts {
	display: flex;
	align-items: center;
	font-size: 17px;
	color: #000000;
	white-space: nowrap;
}

.header-right-texts li {
	margin: 0 30px;
	cursor: pointer;
}

.header-right-texts li:hover {
	color: #1678ff;
}

.header-tab-active {
	color: #1678ff;
}

/* 内容区域 */
.content1 {
	height: 12.575rem;
	position: relative;
	padding-left: 3.525rem;
	padding-right: 3.125rem;
	background-color: #1678ff;
	z-index: 99;
}

.content1-wrap {
	display: flex;
	padding-top: 2.4625rem;
}

.content1-introduce1 {
	width: 5.225rem;
	height: 10.225rem;
	background: url(../img/introduce1.png) no-repeat;
	background-size: 100%;
}

.content1-right {
	width: 9.9rem;
	padding-top: .7375rem;
	margin-left: 2.2125rem;
}

.content1-title {
	font-size: .725rem;
	color: #fff;
}

.content1-text {
	font-size: .275rem;
	margin-top: .7875rem;
	line-height: .5rem;
	color: #fff;
}

.decoration {
	width: 1.3rem;
	height: 1.55rem;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
}
.deco1 {
	background-image: url(../img/bg_decoration1.png);
	top: .575rem;
	right: 3.6125rem;
}
.deco2 {
	background-image: url(../img/bg_decoration2.png);
	top: 8.975rem;
	left: 1.4375rem;
}
.deco3 {
	background-image: url(../img/bg_decoration3.png);
	top: 9.75rem;
	right: 3.1375rem;
}

.content2 {
	padding: .7875rem 1.1875rem 0 2.2375rem;
}

.title {
	font-size: .625rem;
	text-align: center;
}

.content2-wrap {
	margin-top: 1.85rem;
	display: flex;
}

.content2-wrap-left {
	
}

.content2-item {
	width: 9.35rem;
}

.content2-item .item-top {
	display: flex;
	align-items: center;
}

.content2-item .item-top .item-icon {
	width: .5625rem;
	height: .55rem;
	background-repeat: no-repeat;
	background-size: 100%;
}

.content2-item .item-top .item-title {
	margin-left: .1875rem;
	font-size: .4rem;
	font-family: 'Noto Sans SC';
  font-weight: 500;
}

.content2-item.item1 .item-icon {
	background-image: url(../img/icon1.png);
}

.content2-item.item2 .item-icon {
	background-image: url(../img/icon2.png);
}

.content2-item.item3 .item-icon {
	background-image: url(../img/icon3.png);
}

.content2-item .item-bottom {
	margin-top: .375rem;
	color: #969696;
	font-size: .275rem;
	line-height: .5rem;
	margin-bottom: .575rem;
}

.content2-wrap-right {
	display: flex;
	margin-left: .6625rem;
	
}

.content2-wrap-right .intro {
	width: 5rem;
	height: 10.4625rem;
	background-repeat: no-repeat;
	background-size: 100%;
}

.content2-wrap-right .introduce2 {
	background-image: url(../img/introduce2.png);
}
.content2-wrap-right .introduce3 {
	background-image: url(../img/introduce3.png);
	margin-left: .5625rem;
}

/* 关于我们 */
.about-us {
	padding: 1.05rem 1.4625rem 1.2375rem 2.05rem;
	background-color: #deebfc;
}

.about-us-title {
	font-size: .625rem;
	text-align: center;
}

.about-wrap {
	margin-top: 2.4rem;
	display: flex;
	justify-content: space-between;
}

.about-wrap-left {
	color: #969696;
	font-size: .275rem;

}
.about-text {
	line-height: .5rem;
}

.about-wrap-right {
	width: 9.7125rem;
	height: 4.375rem;
	background: url(../img/map.png) no-repeat;
	background-size: 100%;
}

/* 底部 */
.footer {
	height: 3.1875rem;
	display: flex;
	justify-content: space-between;
	padding-left: 3.7875rem;
	padding-right: 1.2625rem;
	padding-bottom: .8625rem;
	white-space: nowrap;
}

.footer-left {
	display: flex;
	margin-top: .9375rem;
}

.footer-logo {
	width: .8875rem;
	height: .8875rem;
	background: url(../img/footer_logo.png) no-repeat;
	background-size: 100%;
}

.footer-title {
	font-size: .4625rem;
	color: #1678ff;
  margin-left: .3125rem;
	margin-top: .275rem;
}

.footer-right {
	margin-top: .55rem;
}

.footer-router-text {
	display: flex;
	align-items: center;
	color: #969696;
	font-size: .2125rem;
}

.footer-router-text li {
	margin: 0 .35rem;
	cursor: pointer;
}

.footer-router-text li:hover {
	color: #1678ff;
}

.copyright {
	margin-top: .6875rem;
	font-size: .2rem;
	line-height: .375rem;
}
.copyright .line1 {
	color: #969696;
}
.copyright .line2 {
	color: #1678ff;
}
.copyright .line3 .line3-text1 {
	color: #F8EBD9;
}
.copyright .line3 .line3-text2 {
	color: #1678ff;
}


/* 约束屏幕尺寸 */
@media screen and (max-width: 700px) {
	.container {
		padding-top: 115px;
	}
	.header-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
	}
	.header-right {
		margin-top: 10px;
	}

}

@media screen and (min-width: 1920px) {
	html {
		font-size: 80px !important;
	}
}