@font-face {
	font-family: FontBold;
	src: url('../font/SourceHanSerifCN-Bold.otf')
}

body {
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	scrollbar-width: none
}

body::-webkit-scrollbar {
	width: 0 !important
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 150px;
	height: 100vh;
	background-color: #e9ebf4;
	box-shadow: 0 -1px 15px 0 rgba(41, 102, 210, 0.2);
	z-index: 100
}

header .header-top {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 19.5%;
	padding: 0 10px
}

header .header-top .header-top-logo {
	display: block;
	width: 121px;
	height: 78px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url(../images/logo.png)
}

header .header-top .header-top-line {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 130px;
	height: .3px;
	background-color: rgba(131, 102, 63, 0.3)
}

header .header-bottom {
	width: 100%;
	margin-top: 20px
}

header .header-bottom .header-item {
	display: block;
	width: 100%;
	margin-bottom: 12px
}

header .header-bottom .header-item .header-item-top {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 44px;
	transition: all .2s;
	cursor: pointer;
	padding-right: 10px
}

header .header-bottom .header-item .header-item-top .header-item-icon {
	display: block;
	width: 20px;
	height: 20px
}

header .header-bottom .header-item .header-item-top .header-item-icons {
	display: none;
	width: 20px;
	height: 20px
}

header .header-bottom .header-item .header-item-top .header-item-title {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 56px;
	margin-left: 8px;
	font-size: 14px;
	font-weight: 400;
	color: #2e2e33;
	line-height: 16px
}

header .header-bottom .header-item .header-item-top .header-item-arrow {
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%) rotate(0);
	width: 14px;
	height: 14px;
	background-image: url(/cn/images/home/arrow.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .2s
}

header .header-bottom .header-item:nth-last-child(1) {
	margin-bottom: 0
}

header .header-bottom .header-item.active .header-item-top {
	background: linear-gradient(-63deg, #2991d2, #c6e2ff);
}

header .header-bottom .header-item.active .header-item-top .header-item-icon {
	display: none
}

header .header-bottom .header-item.active .header-item-top .header-item-icons {
	display: block
}

header .header-bottom .header-item.active .header-item-top .header-item-title {
	color: #fff
}

header .header-bottom .header-item.active .header-item-top .header-item-arrow {
	background-image: url(/cn/images/home/arrows.png);
	transform: translateY(-50%) rotate(180deg)
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #0c79d824;
	z-index: 99
}

footer .footer-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	padding-left: 150px
}

footer .footer-box .footer-width {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1200px;
	height: 60px
}

footer .footer-box .footer-one {
	display: flex;
	align-items: center;
	margin-left: -140px
}

footer .footer-box .footer-left {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px
}

footer .footer-box .footer-right {
	display: flex;
	align-items: center;
	margin-left: 40px
}

footer .footer-box .footer-right .footer-icon {
	width: 18px;
	height: 20px
}

footer .footer-box .footer-right .footer-text {
	margin-left: 9px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px
}

footer .footer-box .footer-two {
	position: relative;
	display: flex;
	align-items: center
}

footer .footer-box .footer-two .wechat-code {
	position: absolute;
	bottom: 45px;
	left: -45px;
	display: none;
	justify-content: center;
	align-items: center;
	padding-bottom: 18px;
	width: 135px;
	height: 144px;
	background-image: url(/cn/images/business/code-bg.png);
	background-repeat: no-repeat;
	background-size: cover
}

footer .footer-box .footer-two .wechat-code .wechat-codes {
	width: 89px;
	height: 89px
}

footer .footer-box .footer-two .footer-wechats {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #879fb9;
	border-radius: 50%
}

footer .footer-box .footer-two .footer-wechats .footer-wechat {
	width: 27px;
	height: 22px
}

footer .footer-box .footer-two .footer-wechat-text {
	margin-left: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 18px;
	text-align: right
}

footer .footer-box .footer-two:hover .wechat-code {
	display: flex
}

footer .fix-service {
	position: fixed;
	bottom: 80px;
	right: 20px;
	width: 64px;
	height: 64px;
	background-image: url(/cn/images/shared/service.png);
	background-repeat: no-repeat;
	background-size: cover
}

.inner-banner {
	width: 100%;
	height: 680px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-left: 150px
}

.inner-banner .inner-box {
	padding-left: 15%;
	padding-top: 10%
}

.inner-banner .inner-box .inner-box-en {
	font-size: 18px;
	font-weight: 400;
	color: #8496ba;
	line-height: 20px;
	text-transform: uppercase
}

.inner-banner .inner-box .inner-box-title {
	margin-top: 7px;
	font-size: 46px;
	font-weight: bold;
	font-family: FontBold;
	color: #8496ba;
	line-height: 48px
}

.inner-banner .inner-box .inner-box-text {
	margin-top: 13px;
	font-size: 20px;
	font-weight: 400;
	font-family: FontBold;
	color: #8496ba;
	line-height: 22px
}

@media screen and (max-width:1601px) {
	.inner-banner .inner-box {
		padding-left: 9%;
		padding-top: 8%
	}

	footer .footer-box .footer-one {
		margin-left: 0
	}
}

@media screen and (max-width:1441px) {
	.inner-banner .inner-box {
		padding-left: 6%;
		padding-top: 8%
	}
}

@media screen and (max-width:1367px) {
	header .header-bottom .header-item .header-item-bottom .header-bottom-item {
		padding: 16px 0
	}

	.inner-banner .inner-box {
		padding-left: 3%;
		padding-top: 7%
	}
}