@-webkit-keyframes slide-top {
	0% {
		-webkit-transform: translateY(32px);
		transform: translateY(32px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slide-top {
	0% {
		-webkit-transform: translateY(32px);
		transform: translateY(32px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes image-slide-top {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes image-slide-top {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pure-g [class*=pure-u],body {
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;
	font-size: 14px;
	color: #333;
	-webkit-tap-highlight-color: transparent
}

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

.font-DIN {
	font-family: DIN,sans-serif
}

.center {
	text-align: center
}

.vertical-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.hidden {
	display: none
}

.link {
	color: #0078d7
}

.link:focus,.link:hover {
	color: #0078d7
}

.break-line {
	position: relative;
	display: block;
	padding-top: 0!important;
	padding-bottom: 0!important;
	height: 1px;
	background-color: rgba(0,0,0,.06)
}

.pre-wrap {
	white-space: pre-wrap
}

.bg-gray {
	background-color: rgba(0,0,0,.04)
}

.banner-item-btn a,.bg-white {
	background-color: #fff
}

.banner-item-btn a,.bg-white {
	background-color: #fff
}

.banner-item>div,[class^=section]>div {
	position: relative;
	margin: 0 auto;
	max-width: 1440px
}[class^=section]>div {
	overflow: hidden
}

.banner-item-text h1,[class^=section] h1,[class^=section] h2,[class^=section] h3,[class^=section] h4 {
	font-weight: 400;
	margin: 0
}

.home-card-content-extra li,[class^=section] p {
	line-height: 24px
}

.mobile {
	display: none!important
}

@media (max-width:768px) {
	.mobile {
		display: block!important
	}

	.desktop {
		display: none!important
	}
}

.banner {
	position: relative;
	overflow: hidden
}

.banner-items {
	height: 560px;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity ease-in .5s;
	transition: opacity ease-in .5s
}

@media (max-width:768px) {
	.banner-items {
		height: 525px;
		-webkit-transition: all ease-in .5s;
		transition: all ease-in .5s
	}
}

.banner-item {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: .8;
	-webkit-transition: opacity ease-in .5s;
	transition: opacity ease-in .5s
}

@media (max-width:768px) {
	.banner-item {
		text-align: center;
		padding: 0;
		opacity: 1
	}
}

.banner-item.animated,.image-gallery-selector>div.highlight img,.tns-nav>button.tns-nav-active::after {
	opacity: 1
}

.banner-item.animated .banner-item-text h1,.banner-item[data-name=we2018].animated .ev-we-title {
	-webkit-animation: slide-top .6s ease-out .1s both,fade-in .6s ease-out .1s both;
	animation: slide-top .6s ease-out .1s both,fade-in .6s ease-out .1s both
}

.banner-item.animated .banner-item-text a,.banner-item.animated .banner-item-text p,.banner-item[data-name=we2018].animated .ev-we-entry {
	-webkit-animation: slide-top .6s ease-out .2s both,fade-in .6s ease-out .2s both;
	animation: slide-top .6s ease-out .2s both,fade-in .6s ease-out .2s both
}

.banner-item.animated .banner-item-image {
	-webkit-animation: image-slide-top ease-out .8s both,fade-in ease-out .8s both;
	animation: image-slide-top ease-out .8s both,fade-in ease-out .8s both
}

.banner-item>div {
	padding: 0 240px;
	height: 100%;
	background-size: contain;
	background-position: 50% 100%;
	background-repeat: no-repeat
}

@media (max-width:768px) {
	.banner-item>div {
		padding-left: 0;
		padding-right: 0
	}
}

.banner-item[data-name=future] {
	background-color: #03a9f4
}

@media (max-width:768px) {
	.banner-item[data-name=future]>div {
		background-image: url(/assets/images/banner/banner1_1@2x.png)
	}
}

.banner-item[data-name=leader] {
	background-color: #29b6f6
}

@media (max-width:768px) {
	.banner-item[data-name=leader]>div {
		background-image: url(/assets/images/banner/banner2_1@2x.png)
	}
}

.banner-item[data-name=developer] {
	background-color: #26c6da
}

@media (max-width:768px) {
	.banner-item[data-name=developer]>div {
		background-image: url(/assets/images/banner/banner3_1@2x.png);
		padding-left: 44px;
		padding-right: 40px
	}

	.banner-item[data-name=developer]>div .banner-item-text {
		top: 40px;
		text-align: left
	}
}

.banner-item[data-name=netease-class] {
	background-color: #00c9b0
}

@media (max-width:768px) {
	.banner-item[data-name=netease-class]>div {
		background-image: url(/assets/images/banner/banner-m-class.jpg);
		padding-left: 44px;
		padding-right: 40px
	}

	.banner-item[data-name=netease-class]>div .banner-item-text {
		top: 40px;
		text-align: left
	}
}

.banner-item[data-name=netease-class] .banner-item-btn a {
	color: #00c9b0
}

.banner-item[data-name=netease-class] .banner-item-btn svg {
	fill: #00c9b0
}

.banner-item[data-name=we2018] {
	background-color: #040b1e
}

.banner-item[data-name=we2018]>div {
	padding-top: 200px;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url(../image/banner.jpg)
}

.banner-item-text,.banner-item[data-name=we2018]>div>div {
	position: relative;
	z-index: 2
}

@media (max-width:768px) {
	.banner-item[data-name=we2018]>div {
		padding-top: 141px;
		background-image: url(/assets/images/events/we2018/banner-m.png)
	}

	.banner-item[data-name=we2018]>div .ev-we-title {
		padding: 0 48px
	}

	.banner-item[data-name=we2018]>div .ev-we-entry {
		padding: 0 36px
	}

	.banner-item[data-name=we2018]>div .ev-we-entry span {
		padding: 0 16px
	}

	.banner-item[data-name=we2018]>div .ev-we-entry a {
		font-size: 16px
	}
}

.banner-item[data-name=filoop] {
	background-color: #0078d7
}

.banner-item[data-name=filoop]>div {
	background-size: 0
}

@media (max-width:768px) {
	.banner-item[data-name=filoop]>div {
		background-size: 100%;
		padding-left: 44px;
		padding-right: 40px
	}

	.banner-item[data-name=filoop]>div .banner-item-text {
		top: 40px
	}
}

.banner-item[data-name=filoop] .banner-item-btn a {
	color: #0078d7
}

.banner-item[data-name=filoop] .banner-item-btn svg {
	fill: #0078d7
}

.banner-item-text {
	display: inline-block;
	top: 160px;
	color: #fff
}

@media (max-width:768px) {
	.banner-item-text {
		display: block;
		margin: 0 auto;
		top: 64px;
		text-align: center
	}
}

.banner-item-text h1 {
	font-size: 48px;
	line-height: 68px;
	color: #fff
}

@media (max-width:768px) {
	.banner-item-text h1 {
		font-size: 36px;
		line-height: 50px;
		color: #fff
	}
}

.banner-item-text p {
	font-size: 20px;
	line-height: 28px;
	color: #fff
}

@media (max-width:768px) {
	.banner-item-text p {
		font-size: 16px;
		line-height: 24px;
		color: #fff
	}
}

.banner-item-image {
	position: absolute;
	display: inline-block;
	vertical-align: top;
	top: 0;
	right: 100px;
	z-index: 1
}

.banner-item-image img {
	height: 560px
}

@media (max-width:768px) {
	.banner-item-image {
		display: none
	}

	.banner-item-btn {
		text-align: center
	}
}

.banner-item-btn a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	padding: 0 24px 0 32px;
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s
}

.banner-item-btn a:focus,.banner-item-btn a:hover {
	background-color: #f5f5f5
}

.banner-item-btn a:active {
	background-color: #f0f0f0
}

.banner-item-btn a svg {
	position: relative;
	display: inline-block;
	top: 2px;
	width: 16px;
	height: 16px
}

.tns-nav {
	position: absolute;
	bottom: 72px;
	left: 240px;
	z-index: 2
}

@media (max-width:768px) {
	.tns-nav {
		width: 100%;
		text-align: center;
		left: 0;
		bottom: 16px
	}
}

.tns-nav>button {
	display: inline-block;
	height: 3px;
	width: 24px;
	border: 0;
	background: rgba(255,255,255,.31);
	margin-right: 8px;
	cursor: pointer;
	position: relative
}

.tns-nav>button:focus {
	outline: 0
}

.tns-nav>button::after {
	opacity: 0;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: 3px;
	background: #fff;
	width: 24px;
	will-change: width;
	-webkit-transition: width linear 3s;
	transition: width linear 3s
}

.tns-nav>button.banner-navs-cur::after {
	width: 0;
	opacity: 1
}

.tns-nav>button.highlight::after {
	-webkit-transition: none;
	transition: none
}

.image-gallery-current img {
	max-width: 100%;
	max-height: 560px;
	vertical-align: middle;
	-webkit-transition: opacity ease .3s;
	transition: opacity ease .3s
}

@media (max-width:768px) {
	.image-gallery-current img {
		max-height: auto!important
	}
}

.image-gallery-current {
	height: 560px;
	line-height: 560px;
	text-align: center;
	width: 100%
}

@media (max-width:768px) {
	.image-gallery-current {
		height: auto!important;
		line-height: 24px!important;
		overflow: hidden
	}
}

.image-gallery-current>div {
	position: relative;
	display: none
}

.image-gallery-current>div.active {
	display: block
}

@media (max-width:768px) {
	.image-gallery-current>div {
		display: block;
		margin-bottom: 16px
	}

	.image-gallery-current>div img {
		border: 1px solid #d8d8d8!important
	}

	.image-gallery-current>div[data-type=carousel] {
		opacity: .3;
		margin-bottom: 0
	}

	.image-gallery-current>div[data-type=carousel].active {
		opacity: 1
	}
}

.gallery-item-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 32px 32px 24px;
	color: #fff;
	line-height: 24px;
	text-align: left;
	background-color: rgba(0,0,0,.5)
}

@media (max-width:768px) {
	.gallery-item-info {
		padding: 10px 24px;
		right: 16px
	}
}

.gallery-item-info h3 span {
	display: inline-block;
	margin-right: 24px;
	font-size: 24px;
	line-height: 32px
}

@media (max-width:768px) {
	.gallery-item-info h3 span {
		font-size: 14px;
		margin-right: 14px
	}
}

.gallery-item-info p {
	margin: 20px 0 0;
	font-size: 16px;
	opacity: .85
}

@media (max-width:768px) {
	.gallery-item-info p {
		display: none
	}

	.gallery-section {
		margin: 0 -32px
	}
}

.image-gallery-selector {
	margin-top: 24px
}

.image-gallery-selector>div {
	position: relative;
	display: inline-block;
	width: 96px;
	height: 64px;
	margin-right: 16px;
	cursor: pointer
}

.image-gallery-selector>div::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .3
}

.home-case-m.open .home-case-desc-m p,.home-case:hover h3::after,.image-gallery-selector>div.highlight::after {
	opacity: 0
}

@media (max-width:768px) {
	.image-gallery-selector {
		display: none
	}
}

.image-gallery-selector img,.tabs-selector {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.image-gallery-selector img {
	display: inline-block;
	width: 100%;
	height: 100%
}

.tabs {
	width: 100%;
	overflow: hidden
}

.tabs .tns-ah {
	-webkit-transition: height 0s!important;
	transition: height 0s!important
}

.tabs-selector {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid rgba(0,0,0,.12);
	overflow-x: auto;
	overflow-y: hidden;
	padding-left: 16px
}

@media (max-width:768px) {
	.tabs-selector {
		padding-left: 32px
	}
}

.tabs-selector>div {
	position: relative;
	left: 0;
	-webkit-transition: left ease-out .5s;
	transition: left ease-out .5s
}

.tabs-selector span {
	display: inline-block;
	margin-right: 48px;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s
}

.tabs-selector span:hover {
	color: #0063b1
}

.tabs-selector span.highlight {
	color: #0063b1!important;
	border-bottom: 3px solid #0063b1!important
}

@media (max-width:768px) {
	.tabs-selector span {
		margin-right: 24px
	}

	.tabs-selector span:hover {
		color: #333;
		border-bottom: 0 solid #fff
	}
}

.tabs-container,.tabs-item {
	-webkit-transition: all ease-out .5s;
	transition: all ease-out .5s
}

.tabs-container {
	position: relative;
	width: 500%;
	left: 0
}

.tabs-item {
	padding-top: 32px;
	display: inline-block;
	vertical-align: top;
	opacity: 0
}

@media (max-width:1024px) {
	.tabs-item {
		padding: 24px 16px 0;
		padding-right: 16px!important
	}
}[class^=showcase] {
	height: 592px;
	position: relative;
	padding: 80px 0
}[class^=showcase].special {
	height: 610px
}

@media (max-width:768px) {
[	class^=showcase].special {
		height: auto
	}[	class^=showcase] {
		height: auto;
		padding: 48px 32px
	}
}[class^=showcase]>div {
	position: absolute
}

@media (max-width:768px) {
[	class^=showcase]>div {
		position: relative
	}
}[class^=showcase] h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333
}

@media (max-width:768px) {
[	class^=showcase] h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin: 16px 0
	}
}[class^=showcase]+.product-section-adv {
	padding-top: 0
}[class^=showcase] img {
	display: block
}

.showcase--limg>div:first-child {
	right: 576px
}

@media (max-width:768px) {
	.showcase--limg>div:first-child {
		right: 0
	}
}

.showcase--limg>div:first-child img {
	width: 720px
}

@media (max-width:768px) {
	.showcase--limg>div:first-child img {
		width: 100%
	}
}

.showcase--limg>div:last-child {
	right: 192px;
	width: 320px
}

@media (max-width:768px) {
	.showcase--limg>div:last-child {
		right: 0;
		top: 0;
		-webkit-transform: none;
		transform: none;
		width: 100%
	}

	.showcase--limg>div:last-child a {
		display: block;
		margin: 0 auto
	}
}

.showcase--rimg>div:first-child {
	width: 320px;
	left: 192px
}

@media (max-width:768px) {
	.showcase--rimg>div:first-child {
		left: 0;
		top: 0;
		-webkit-transform: none;
		transform: none;
		width: 100%
	}

	.showcase--rimg>div:first-child a {
		display: block;
		margin: 0 auto
	}
}

.showcase--rimg>div:last-child {
	left: 576px
}

@media (max-width:768px) {
	.showcase--rimg>div:last-child {
		left: 0
	}
}

.showcase--rimg>div:last-child img {
	width: 720px
}

@media (max-width:768px) {
	.showcase--rimg>div:last-child img {
		width: 100%
	}
}

.header {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 120px;
	height: 60px;
	line-height: 60px;
	z-index: 100;
	background-color: #fff
}

.header+* {
	clear: both
}

@media screen and (max-width:1248px) {
	.header {
		padding: 0 80px
	}
}

@media screen and (max-width:1148px) {
	.header {
		padding: 0 40px
	}
}

@media screen and (max-width:1060px) {
	.header {
		padding: 0 20px
	}
}

@media (max-width:1024px) {
	.header {
		padding: 0 16px
	}
}

@media screen and (max-width:860px) {
	.header {
		padding: 0 6px
	}
}

@media (max-width:768px) {
	.header {
		text-align: center;
		position: fixed;
		top: 0;
		width: 100%;
		-webkit-box-shadow: 0 0 10px #333;
		box-shadow: 0 0 10px #333;
		padding: 0
	}

	.header+div {
		margin-top: 60px
	}
}

.header ul {
	margin: 0
}

.header .pure-menu-horizontal {
	display: inline-block;
	vertical-align: top;
	width: auto;
	font-size: 16px
}

.header .pure-menu-horizontal .pure-menu-link {
	padding: 0 30px;
	color: #000;
	-webkit-transition: background-color ease-out .3s;
	transition: background-color ease-out .3s
}

@media screen and (max-width:1016px) {
	.header .pure-menu-horizontal .pure-menu-link {
		padding: 0 16px
	}
}

@media screen and (max-width:860px) {
	.header .pure-menu-horizontal .pure-menu-link {
		padding: 0 12px
	}
}

.header .pure-menu-horizontal .pure-menu-item {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top
}

.header .pure-menu-horizontal .pure-menu-link.new::after {
	content: "NEW";
	position: relative;
	display: inline-block;
	top: -2px;
	background-color: #0078d7;
	color: #fff;
	margin-left: 10px;
	width: 32px;
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	text-align: center
}

.header .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
	display: none
}

@media (max-width:768px) {
	.header .pure-menu-horizontal {
		display: none
	}
}

.header .pure-menu-children {
	padding: 8px 0
}

.header .pure-menu-children .pure-menu-item {
	width: 223px;
	height: 56px;
	line-height: 56px;
	padding: 0
}

.header .pure-menu-children .pure-menu-item a {
	padding: 0 32px
}

.pure-menu-children {
	display: block;
	opacity: 0;
	z-index: -1;
	-webkit-transition: opacity ease-out .2s;
	transition: opacity ease-out .2s
}

.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children {
	opacity: 1;
	z-index: 999
}

.logo-wrap {
	height: 100%;
	overflow: hidden;
	display: inline-block
}

.header-logo {
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 83px;
	width: 134px;
	margin-right: 32px;
	margin-top: -11.5px;
	vertical-align: top
}

@media screen and (max-width:860px) {
	.header-logo {
		margin-right: 16px
	}
}

@media (max-width:768px) {
	.header-logo {
		text-align: center;
		margin: -11.5px 0 0
	}
}

.header-hamburger {
	display: none;
	position: absolute;
	left: 24px;
	top: calc(60px/2 - 24px/2);
	width: 24px;
	height: 24px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:768px) {
	.header-hamburger {
		display: inline-block
	}
}

.header-side-menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.32);
	display: none;
	z-index: 100;
	line-height: 24px
}

.header-side-menu a {
	text-decoration: none;
	color: #333
}

.header-side-menu .header-logo {
	position: relative;
	left: -16px
}

.header-side-menu-main {
	position: relative;
	background: #fff;
	width: 80vw;
	height: 100%;
	text-align: left;
	padding: 16px 0;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	font-size: 16px
}

.header-side-menu-main a {
	display: block;
	height: 100%
}

.header-side-menu-wrapper {
	padding: 0 32px;
	max-height: calc(100% - 48px);
	overflow-y: auto
}

.header-side-menu-item,.header-side-menu-sub {
	margin-bottom: 24px;
	height: 24px
}

.header-side-menu-sub {
	position: relative;
	-webkit-transition: height ease-out .3s;
	transition: height ease-out .3s;
	overflow: hidden
}

.header-side-menu-sub i {
	display: inline-block;
	background-image: url(../image/right.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 16px;
	top: 6px;
	width: 12px;
	height: 12px
}

.header-side-menu-sub.open i {
	background-image: url(../image/down.jpg)
}

.header-side-menu-sub-items {
	position: relative;
	padding-left: 16px;
	z-index: 2;
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s
}

.header-side-menu-sub-items a {
	color: #666;
	font-size: 14px
}

.header-side-menu-sub-items>div {
	margin-bottom: 16px
}

.header-side-menu-sub-items>div:first-child {
	margin-top: 16px
}

.header-side-menu-sub-items>div:last-child {
	margin-bottom: 0
}

.header-lang {
	float: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.header-lang a,.header-lang span {
	color: rgba(0,0,0,.32);
	font-weight: 700
}

.header-lang a {
	text-decoration: none;
	-webkit-transition: color ease .2s;
	transition: color ease .2s;
	display: inline
}

.header-lang a.active,.header-lang a:hover {
	color: rgba(0,0,0,.87)
}

.header-lang span {
	display: inline-block;
	padding: 0 5px
}

@media (max-width:768px) {
	.header-lang {
		float: none;
		position: absolute;
		left: 24px;
		bottom: 24px
	}

	.header-lang a {
		display: inline-block!important;
		width: 36px;
		text-align: center;
		font-size: 18px
	}
}

.footer {
	color: rgba(0,0,0,.6);
	background-color: #f2f2f2;
	overflow: hidden;
	border-top: 1px solid rgba(0,0,0,.06)
}

.footer>div {
	position: relative;

	
	padding: 0 160px
}

@media (max-width:1024px) {
	.footer>div {
		padding: 0 32px
	}
}

.footer-nav {
	margin-bottom: 48px
}

.footer-nav p {
	margin: 24px 0
}

.footer-nav a {
	text-decoration: none;
	color: rgba(0,0,0,.6)
}

.footer-nav a:focus,.footer-nav a:hover {
	color: rgba(0,0,0,.6);
	text-decoration: underline
}

.footer-nav a:active {
	color: #000
}

.footer-nav:last-child {
	margin-bottom: 24px
}

.footer-qr {
	position: absolute;
	width: 120px;
	right: 160px;
	top: 0;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.footer-qr p:first-child {
	margin: 0 0 8px
}

.footer-qr p:last-child {
	margin: 8px 0 0
}

@media (max-width:1024px) {
	.footer-qr {
		right: 32px
	}
}

@media (max-width:768px) {
	.footer-qr {
		position: relative;
		width: 100%;
		right: 0
	}
}

.footer-nav-qrcode {
	width: 120px;
	height: 120px;
	margin: 0 auto
}

@media (max-width:768px) {
	.footer-nav-qrcode {
		width: 160px;
		height: 160px
	}
}

.footer-nav-list {
	display: block;
	padding-right: 120px
}

@media (max-width:768px) {
	.footer-nav-list {
		display: none
	}
}

.footer-nav-list h3 {
	font-size: 14px;
	color: #666
}

.footer-nav-item {
	display: inline-block;
	vertical-align: top;
	width: 220px
}

.footer-nav-menu {
	display: none
}

@media (max-width:768px) {
	.footer-nav-menu {
		display: block
	}
}

.footer-nav-menu>div {
	position: relative;
	overflow: hidden;
	margin-bottom: 24px
}

.footer-nav-menu>div h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 400
}

.footer-nav-menu>div i {
	display: inline-block;
	background-image: url(../image/plus.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 16px;
	top: 0;
	width: 12px;
	height: 12px
}

.footer-nav-menu>div input {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0
}

.footer-nav-menu>div input:checked~i {
	background-image: url(../image/minus.jpg)
}

.footer-nav-menu>div input:checked~.footer-nav-menu-items {
	height: 100%;
	max-height: 800px;
	-webkit-transition: all ease-out .5s;
	transition: all ease-out .5s
}

.footer-nav-menu-items {
	position: relative;
	overflow: hidden;
	max-height: 0;
	z-index: 2;
	-webkit-transition: all ease-out .5s;
	transition: all ease-out .5s
}

.footer-copyright {

	height: 50px;
	line-height: 60px;
	font-size: 12px;
	color: #999
}

@media (max-width:768px) {
	.footer-copyright {
		display: none
	}
}

.footer-copyright-m {
	display: none;
	position: relative;
	padding: 0 0 16px!important;
	margin-top: 64px!important;
	font-size: 12px;
	line-height: 1.5;
	color: #999
}

@media (max-width:768px) {
	.footer-copyright-m {
		display: block
	}

	.qr-m {
		color: #999;
		font-size: 12px
	}
}

.home-section-features {
	padding: 56px 160px 80px
}

@media (max-width:1024px) {
	.home-section-features {
		padding: 48px 44px 48px 40px
	}
}

.home-section-cases>h2,.home-section-features h1 {
	font-size: 40px;
	line-height: 56px;
	color: #333
}

@media (max-width:768px) {
	.home-section-features h1 {
		font-size: 32px;
		line-height: 48px;
		color: #333
	}
}

.home-section-features h1+p {
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0 48px
}

@media (max-width:768px) {
	.home-section-features h1+p {
		font-size: 14px;
		line-height: 20px;
		color: #333;
		margin: 10px 0 32px
	}
}

.home-features,.new-more-area-pc .new-hot-container .hot-item .item-img img {
	width: 100%
}

@media (max-width:768px) {
	.home-features {
		margin: 0
	}
}

.home-features>div {
	padding: 0 40px;
	-webkit-transition: opacity ease-out .6s;
	transition: opacity ease-out .6s;
	opacity: 0
}

@media (max-width:1024px) {
	.home-features>div {
		margin-bottom: 24px
	}
}

@media (max-width:768px) {
	.home-features>div {
		margin-bottom: 24px;
		padding: 0
	}
}

.home-features>div h3 {
	font-size: 24px;
	line-height: 32px;
	color: #333;
	margin-top: 24px;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.home-features>div h3 {
		margin-top: 0
	}
}

.home-features>div p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin: 0
}

.home-features>div img {
	display: block;
	height: 80px;
	width: 80px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:768px) {
	.home-features>div img {
		display: inline-block;
		vertical-align: top;
		width: 40px;
		height: 40px;
		margin-right: 16px
	}

	.home-features>div>div {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 40px - 16px)
	}
}

.home-introduce-link {
	margin-top: 56px;
	text-align: center
}

@media (max-width:768px) {
	.home-introduce-link {
		margin-top: 16px
	}
}

.home-case-extra-link a,.home-introduce-link a {
	height: 40px;
	text-align: center;
	text-decoration: none
}

.home-introduce-link a {
	width: 144px;
	font-size: 16px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	display: inline-block;
	color: #000;
	line-height: 36px;
	border: 2px solid #000
}

.home-introduce-link a:hover {
	color: #fff;
	background-color: #333;
	border-color: #333
}

.home-introduce-link a:active {
	color: #fff;
	background-color: #000;
	border-color: #000
}

.home-introduce-link a.can-touch:hover {
	color: #000;
	background-color: transparent;
	border-color: #000
}

.home-section-service {
	padding: 56px 0 80px;
	width: 1024px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.home-section-service {
		width: 100%;
		padding: 48px 0;
		overflow-x: visible
	}

	.home-section-service>h3,.home-section-service>p {
		padding: 0 32px
	}
}

.home-section-service>h3 {
	text-align:center;
	font-size: 32px;
	line-height: 48px;
	color: #333
}

@media (max-width:1024px) {
	.home-section-service>h3 {
		font-size: 24px;
		line-height: 32px;
		color: #333

	}
}

.home-section-service>p {
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 8px 0 48px;
	text-align:center;
}

@media (max-width:768px) {
	.home-section-service>p {
		font-size: 14px;
		line-height: 20px;
		color: #333;
		margin: 16px 0 32px
	}
}

.home-services {
	position: relative;
	margin: 0 -24px
}

@media (max-width:768px) {
	.home-services {
		margin: 0 0 0 -8px
	}
}

.home-services>div {
	padding: 0 24px
}

@media (max-width:768px) {
	.home-services>div {
		padding: 0 16px
	}
}

.home-card {
	position: relative;
	margin: 0 auto;
	border: 1px solid rgba(0,0,0,.12);
	overflow: hidden;
	background-color: #fff;
	min-width: 240px
}

@media (max-width:1024px) {
	.home-card {
		margin-bottom: 24px
	}
}

@media (max-width:768px) {
	.home-card h4 {
		font-size: 24px
	}
}

.home-card:hover .home-card-content {
	height: 384px;
	-webkit-box-shadow: 0 -4px 0 rgba(0,0,0,.12);
	box-shadow: 0 -4px 0 rgba(0,0,0,.12)
}

@media (max-width:768px) {
	.home-card:hover .home-card-content {
		height: 160px;
		-webkit-box-shadow: none;
		box-shadow: none
	}
}

.home-card:hover .home-card-content-extra,.product-feature-chart>div.highlight h3 {
	opacity: 1
}

@media (max-width:768px) {
	.home-card:hover .home-card-content-extra {
		opacity: 0
	}
}

.home-card-image img {
	width: 100%;
	padding-bottom: 200px
}

@media (max-width:768px) {
	.home-card-image img {
		padding-bottom: 160px
	}
}

.home-card-content {
	position: absolute;
	padding: 40px 40px 0;
	background-color: #fff;
	bottom: 0;
	height: 216px;
	width: 100%;
	overflow: hidden;
	-webkit-transition: height ease-out .5s;
	transition: height ease-out .5s
}

@media (max-width:1024px) {
	.home-card-content {
		padding: 40px 28px 0
	}
}

@media (max-width:768px) {
	.home-card-content {
		padding: 32px 32px 0;
		height: 160px
	}
}

.home-card-content-main h4 {
	font-size: 20px;
	line-height: 28px;
	color: #333;
	margin: 0
}

.home-card-content-main p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin: 16px 0 24px
}

.home-card-content-extra {
	padding-top: 24px;
	opacity: 0;
	border-top: 1px solid #e9e9e9;
	overflow: hidden;
	-webkit-transition: opacity ease-in-out .6s;
	transition: opacity ease-in-out .6s;
	color: #333
}

.home-card-content-extra h4 {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: 700;
	margin-bottom: 16px
}

.home-card-content-extra ul {
	margin-left: -20px
}

.home-section-cases {
	padding: 56px 0 80px;
	width: 1024px
}

.home-section-cases>p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 48px
}

@media screen and (max-width:1248px) {
	.home-section-cases {
		width: 80%
	}
}

@media (max-width:1024px) {
	.home-section-cases {
		width: 90%;
		padding: 48px 0
	}

	.home-section-cases>h2 {
		font-size: 32px;
		line-height: 48px;
		color: #333
	}

	.home-section-cases>p {
		font-size: 14px;
		line-height: 20px;
		color: #333;
		margin: 16px 0 24px
	}
}

@media (max-width:768px) {
	.home-section-cases {
		width: 100%;
		padding: 48px 32px
	}

	.home-cases {
		display: none
	}
}

.home-cases>div {
	padding: 0 16px
}

.home-cases-m {
	display: none
}

@media (max-width:768px) {
	.home-cases-m {
		display: block
	}
}

.home-case,.home-case:hover .home-case-desc {
	-webkit-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s
}

.home-case {
	position: relative;
	background-color: #fff;
	height: 480px;
	text-align: center;
	padding: 40px 12px
}

@media (max-width:1024px) {
	.home-case {
		margin-bottom: 16px
	}
}

.home-case:hover {
	color: #fff
}

.home-case:hover .home-case-desc {
	top: 100px;
	opacity: 0
}

.home-case:hover .home-case-extra {
	visibility: visible;
	opacity: 1
}

.home-case:hover .home-case-icon {
	width: 56px;
	height: 56px
}

.home-case:hover h3 {
	margin-top: 8px;
	color: #fff
}

.home-case h3 {
	font-size: 20px;
	margin-top: 30px;
	-webkit-transition: color ease 0s,margin-top ease-out .3s;
	transition: color ease 0s,margin-top ease-out .3s
}

.home-case h3::after {
	content: "";
	display: block;
	width: 32px;
	height: 1px;
	margin: 24px auto 48px;
	background-color: #000;
	opacity: 1;
	-webkit-transition: opacity ease-in-out .4s;
	transition: opacity ease-in-out .4s
}

.home-case-finance:hover {
	background-color: #19b080
}

.home-case-digital-assets:hover {
	background-color: #009688
}

.home-case-cooperation:hover {
	background-color: #00acc1
}

.home-case-digital:hover {
	background-color: #03a9f4
}

.home-case-tracer:hover {
	background-color: #1976d2
}

.home-case-exchange:hover {
	background-color: #2654b5
}

.home-case-icon {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s
}

.home-case-desc {
	position: relative;
	top: 0;
	opacity: 1;
	-webkit-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s
}

.home-case-desc>p {
	margin: 0 0 36px;
	color: #888
}

.home-case-extra {
	position: absolute;
	visibility: hidden;
	padding: 0 16px;
	opacity: 0;
	top: 128px;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	-webkit-transition: opacity ease-out .4s .4s;
	transition: opacity ease-out .4s .4s
}

.home-case-extra p {
	text-align: left
}

.home-case-extra h4 {
	margin: 26px 0 16px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	opacity: .9
}

.home-case-extra-client>div {
	padding-bottom: 10px;
	font-size: 14px;
	opacity: .66
}

@media (max-width:768px) {
	.home-case-extra-client>div {
		padding-bottom: 0;
		opacity: 1
	}
}

.home-case-extra-link {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	bottom: 16px
}

.home-case-extra-link a {
	display: block;
	margin: 0 24px;
	line-height: 38px;
	color: #fff;
	border: 1px solid #fff
}

.home-case-extra-link a:focus,.home-case-extra-link a:hover {
	color: #fff
}

.home-case-m {
	position: relative;
	background-color: #fff;
	padding: 24px 30px 64px;
	margin-bottom: 16px;
	color: #333;
	-webkit-transition: padding ease-out .5s;
	transition: padding ease-out .5s
}

.home-case-m img.home-case-icon {
	display: inline-block;
	vertical-align: top;
	margin-right: 16px;
	width: 40px;
	height: 40px
}

.home-case-m i {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	background-image: url(../image/down.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.home-case-m h3 {
	display: inline-block;
	width: calc(100% - 56px - 24px);
	font-size: 18px
}

.home-case-m.open {
	padding-bottom: 24px
}

.home-case-m.open .home-case-extra-m {
	max-height: 500px;
	margin-top: 32px;
	top: 0
}

.home-case-m.open i {
	background-image: url(../image/up.jpg)
}

.home-case-m-header {
	position: relative;
	height: 40px;
	line-height: 40px
}

.home-case-m-header h3 {
	font-size: 18px;
	line-height: 28px;
	color: #333
}

.home-case-desc-m {
	position: relative
}

.home-case-desc-m p,.home-case-extra-m p {
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.home-case-desc-m p {
	position: absolute;
	top: 0;
	left: -18px;
	margin-bottom: 0;
	opacity: 1;
	width: calc(100% + 36px);
	-webkit-transition: opacity ease .5s;
	transition: opacity ease .5s;
	text-align: center
}

.home-case-extra-m {
	position: relative;
	max-height: 0;
	top: 64px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all ease-out .5s;
	transition: all ease-out .5s
}

.home-case-extra-m p {
	text-align: left;
	margin: 0 24px 32px
}

.home-case-extra-m h4 {
	font-size: 14px;
	font-weight: 700;
	color: #333;
	margin-bottom: 16px
}

.home-case-extra-m .home-case-extra-client>div {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px
}

.home-case-extra-link-m {
	text-align: center;
	margin-top: 24px
}

.home-case-extra-link-m a {
	font-size: 16px;
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 38px;
	color: #333;
	border: 1px solid #000;
	text-decoration: none;
	letter-spacing: 2px
}

.home-case-extra-link-m a:focus,.home-case-extra-link-m a:hover {
	color: #333
}

.home-section-users {
	padding: 56px 0;
	width: 1024px
}

@media (max-width:1024px) {
	.home-section-users {
		width: 100%;
		padding: 48px 8px;
		overflow-x: visible
	}

	.home-section-users>h2,.home-section-users>p {
		padding: 0 32px
	}
}

.home-section-users>h2 {
	font-size: 40px;
	line-height: 56px;
	color: #333
}

@media (max-width:768px) {
	.home-section-users>h2 {
		font-size: 32px;
		line-height: 48px;
		color: #333
	}
}

.home-section-users>p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 48px
}

@media (max-width:768px) {
	.home-section-users>p {
		font-size: 14px;
		line-height: 20px;
		color: #333;
		margin-bottom: 40px
	}
}

.home-user {
	display: inline-block;
	width: 328px;
	height: 137px;
	margin-right: 8px;
	margin-bottom: 8px
}

.home-ad {
	display: inline-block;
	width: 190px;
	height: 80px;
	margin-right: 8px;
	margin-bottom: 8px
}

.home-user:nth-child(5n+5) {
	margin-right: 0
}

@media (max-width:1024px) {
	.home-user {
		width: 33.33333333%;
		height: auto;
		margin-right: 0;
		margin-bottom: 0
	}
}

.home-section-news {
	padding: 56px 160px 80px;
	border-top: 1px solid rgba(0,0,0,.06)
}

@media (max-width:1024px) {
	.home-section-news {
		width: 100%;
		padding: 48px 16px 32px;
		overflow-x: visible
	}
}

.home-news-titlebar {
	position: relative;
	height: 36px;
	line-height: 36px;
	margin-bottom: 32px
}

@media (max-width:768px) {
	.home-news-titlebar {
		padding: 0 16px
	}
}

.home-news-titlebar h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin: 0;
	display: inline-block
}

@media (max-width:768px) {
	.home-news-titlebar h2 {
		font-size: 24px;
		line-height: 32px;
		color: #333
	}
}

.home-news-titlebar a {
	position: absolute;
	display: inline-block;
	right: 0;
	width: 120px;
	height: 40px;
	font-size: 16px;
	line-height: 38px;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #707070;
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s
}

.home-news-titlebar a:focus,.home-news-titlebar a:hover {
	background-color: #333;
	color: #fff;
	border-color: #333
}

.home-news-titlebar a:focus svg,.home-news-titlebar a:hover svg {
	fill: #fff
}

.home-news-titlebar a.can-touch:hover {
	background-color: transparent;
	color: #333;
	border-color: #707070
}

.home-news-titlebar a.can-touch:hover svg {
	fill: #333
}

.home-news-titlebar a:active {
	background-color: #000;
	color: #fff
}

.home-news-titlebar a svg {
	position: relative;
	top: 2px;
	left: 4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s
}

@media (max-width:768px) {
	.home-news-titlebar a {
		right: 16px;
		width: 100px;
		height: 32px;
		line-height: 30px
	}

	.home-news-titlebar a svg {
		top: 2px
	}
}

.home-news-items {
	margin: 0 -24px
}

.home-news-items>div {
	padding: 0 24px
}

.home-news {
	position: relative;
	min-height: 136px;
	overflow: hidden
}

@media (max-width:1024px) {
	.home-news {
		margin-bottom: 16px
	}
}

.home-news h3,.home-news-info p {
	word-break: break-all;
	white-space: normal
}

.home-news h3 {
	padding: 16px
}

.home-news:hover {
	border: 1px solid #333;
	-webkit-transition: border ease .3s;
	transition: border ease .3s
}

.home-news:hover .home-news-image img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

@media (max-width:1024px) {
	.home-news:hover .home-news-image img {
		-webkit-transform: none;
		transform: none
	}
}

.home-news,.home-news.can-touch:hover {
	border: 1px solid #e9e9e9
}

.home-news-image {
	width: 100%;
	overflow: hidden
}

@media (max-width:768px) {
	.home-news-image {
		width: 114px;
		position: absolute;
		right: 16px;
		top: 16px
	}
}

.home-news-image img {
	width: 100%;
	-webkit-transition: -webkit-transform ease-out .5s;
	transition: transform ease-out .5s;
	transition: transform ease-out .5s,-webkit-transform ease-out .5s
}

.home-news-info {
	padding: 24px 20px 16px
}

@media (max-width:768px) {
	.home-news-info {
		padding: 16px;
		padding-right: calc(114px + 24px)
	}
}

.home-news-info p {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin: 0 0 24px;
	height: 48px;
	text-overflow: ellipsis;
	overflow: hidden
}


.news-ul{
	display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.news-ul li{
    display: inline-block;
    color: #666;
    font-size: 14px;
    line-height: 28px;  
    text-align: center;
    margin: 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    padding: 10px 5px;
    margin: 4px;
    line-height: 20px;
    cursor: pointer;
    color: #0067b8;
}

.home-news-info p a,.new-more-area-mobile .new-hot-container-mobile .hot-item .title a,.new-more-area-pc .new-hot-container .hot-item .title-wraper .title a {
	color: #333;
	text-decoration: none
}

.home-news-info span {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	color: rgba(0,0,0,.5);
	white-space: pre
}

@media (max-width:768px) {
	.home-news-info span {
		position: absolute;
		bottom: 16px;
		left: 16px
	}
}

.home-news-link {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10
}

.home-news-m-detail {
	display: none;
	position: absolute;
	right: 16px;
	bottom: 16px
}

.home-news-m-detail a {
	text-decoration: none;
	color: #0078d7
}

@media (max-width:768px) {
	.home-news-m-detail {
		display: inline-block
	}
}

.home-cases-controls {
	width: 100%;
	position: absolute;
	top: 55%
}

@media (max-width:768px) {
	.home-cases-controls {
		display: none
	}
}

.home-cases-controls button {
	width: 24px;
	height: 48px;
	border: 0;
	outline: 0;
	background-color: rgba(0,0,0,.08);
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 0
}

.home-cases-controls button:hover,.new-more-area-pc .new-hot-controls button:hover {
	background-color: rgba(0,0,0,.15)
}

.home-cases-controls button:disabled,.new-more-area-pc .new-hot-controls button:disabled {
	display: none
}

.home-cases-controls .pre {
	position: absolute;
	left: -40px;
	background-image: url(../image/pre.png)
}

@media (max-width:1024px) {
	.home-cases-controls .pre {
		left: -20px
	}
}

.home-cases-controls .next {
	position: absolute;
	right: -56px;
	background-image: url(../image/next.png)
}

@media (max-width:1024px) {
	.home-cases-controls .next {
		right: -35px
	}
}

.solution-section-introduce {
	width: 960px;
	padding: 80px 0
}

@media (max-width:1024px) {
	.solution-section-introduce {
		width: 100%;
		padding: 48px 32px
	}
}

.solution-section-introduce>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333
}

@media (max-width:768px) {
	.solution-section-introduce>h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333
	}
}

.solution-section-introduce h2+p {
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 16px 0 0
}

@media (max-width:768px) {
	.solution-section-introduce h2+p {
		font-size: 14px;
		line-height: 24px;
		color: #666
	}
}

.solution-section-cases h2,.solution-section-logical h2,.solution-section-values h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 48px
}

@media (max-width:768px) {
	.solution-section-cases h2,.solution-section-logical h2,.solution-section-values h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin-bottom: 24px
	}
}

.solution-section-logical {
	width: 960px;
	padding: 80px 0
}

@media (max-width:1024px) {
	.solution-section-logical {
		width: 100%;
		padding: 48px 16px
	}
}

.solution-section-values {
	padding: 80px 160px
}

@media (max-width:1024px) {
	.solution-section-values {
		padding: 48px 16px 24px
	}
}

@media screen and (max-width:1360px) {
	.fn-normal-padding {
		padding: 80px 60px
	}
}

@media (max-width:1024px) {
	.fn-normal-padding {
		padding: 48px 16px 24px
	}
}

.fn-padding {
	padding: 80px
}

@media screen and (max-width:1024px) {
	.fn-padding {
		padding: 80px 16px
	}
}

.solution-section-cases {
	padding: 80px 240px
}

@media (max-width:1024px) {
	.solution-section-cases {
		padding: 48px 0
	}

	.solution-section-cases>h2 {
		padding: 0 32px
	}
}

.solution-section-cases .image-gallery-current img {
	border: 1px solid #ccc
}

.solution-banner {
	height: 400px;
	background: #1565c0;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat
}

@media (max-width:1024px) {
	.solution-banner {
		height: 240px;
		background-size: cover;
		background-position: 50% 50%
	}
}

.solution-banner>div {
	color: #fff;
	width: 960px;
	padding: 144px 0 0
}

@media (max-width:1024px) {
	.solution-banner>div {
		width: 100%;
		padding: 80px 32px 0
	}
}

.solution-banner h1 {
	font-size: 48px;
	font-weight: 400
}

@media (max-width:768px) {
	.solution-banner h1 {
		font-size: 36px
	}
}

.solution-banner p {
	font-size: 20px
}

@media (max-width:768px) {
	.solution-banner p {
		font-size: 16px
	}
}

.solution-banner[data-name=digital] {
	position: relative;
	background-image: url(../image/瑙ｅ喅鏂规4鏁板瓧瀛樿瘉@2x.png),linear-gradient(150deg,#1565c0 ,#1468c3 ,#0f71cc ,#0881da ,#0091ea);
	z-index: 1
}

@media (max-width:768px) {
	.solution-banner[data-name=digital] {
		background-image: none
	}

	.solution-banner[data-name=digital]::after {
		content: "";
		position: absolute;
		opacity: .6;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(../image/瑙ｅ喅鏂规4鏁板瓧瀛樿瘉@2x.png),linear-gradient(150deg,#1565c0 ,#1468c3 ,#0f71cc ,#0881da ,#0091ea);
		z-index: -1
	}
}

.solutions-values [class^=pure-u] {
	padding: 0 40px
}

@media (max-width:1024px) {
	.solutions-values [class^=pure-u] {
		padding: 0 24px;
		margin-bottom: 24px
	}
}

.solutions-fn {
	position: relative;
	padding: 48px 40px;
	background: #fff;
	height: 342px;
	text-align: center
}

.solutions-fn img {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto
}

.solutions-fn h4 {
	font-size: 20px;
	line-height: 28px;
	color: #333;
	margin: 24px 0 16px;
	text-align: center
}

.solutions-fn p {
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: left
}

@media (max-width:768px) {
	.solutions-fn {
		padding: 0;
		height: auto;
		background: 0 0
	}

	.solutions-fn h4,.solutions-fn p {
		padding-left: 56px;
		text-align: left
	}

	.solutions-fn h4 {
		margin: 0 0 16px;
		padding-top: 4px
	}

	.solutions-fn img {
		position: absolute;
		width: 40px;
		height: 40px;
		left: 0;
		top: 0
	}
}

@media screen and (max-width:1300px) {
	.solutions-fn-height {
		height: 400px
	}
}

@media screen and (max-width:1160px) {
	.solutions-fn-height {
		padding: 48px 30px;
		height: 420px
	}
}

@media (max-width:1024px) {
	.solutions-fn-height {
		padding: 24px 20px
	}
}

@media (max-width:768px) {
	.solutions-fn-height {
		padding: 0;
		height: auto
	}
}

@media screen and (max-width:1160px) {
	.solution-fn-normal-height {
		padding: 40px 25px
	}
}

@media (max-width:1024px) {
	.solution-fn-normal-height {
		padding: 22px 16px
	}
}

@media (max-width:768px) {
	.solution-fn-normal-height {
		padding: 0;
		height: auto
	}

	.solution-case .image-gallery,.solution-case .solution-case-info,.solution-case h3 {
		padding: 0 16px
	}
}

.solution-case h3 {
	font-size: 24px;
	line-height: 32px;
	color: #333;
	margin: 40px 0 32px
}

@media (max-width:768px) {
	.solution-case h3 {
		margin: 32px 0 24px
	}
}

.solution-case>p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding: 32px 40px;
	margin: 0;
	background-color: rgba(0,0,0,.04)
}

@media (max-width:768px) {
	.solution-case>p {
		padding: 16px
	}
}

.solution-case-info {
	position: relative
}

.solution-case-info>div {
	margin-bottom: 16px
}

.solution-case-info>div span {
	font-size: 14px;
	line-height: 24px;
	display: inline-block;
	width: 80px;
	color: #333;
	vertical-align: top
}

@media (max-width:768px) {
	.solution-case-info>div span {
		font-size: 14px
	}
}

.solution-case-info>div span:last-child {
	width: auto;
	max-width: 300px
}

.solution-case-logo {
	position: absolute;
	right: 0;
	top: 0
}

@media (max-width:768px) {
	.solution-case-logo {
		position: relative
	}
}

.solution-case-logo>img {
	width: 120px
}

.solution-case-logo>img+img {
	margin-left: 8px
}

@media (max-width:768px) {
	.solution-case-logo>img+img {
		margin-top: 8px;
		margin-left: 48px
	}
}

.product-section-introduce {
	width: 960px;
	padding: 80px 0
}

@media (max-width:1024px) {
	.product-section-introduce {
		width: 100%;
		padding: 48px 32px
	}
}

.product-section-introduce>img {
	margin-top: 80px
}

@media (max-width:768px) {
	.product-section-introduce>img {
		margin-top: 24px
	}
}

.product-section-illustrate h2,.product-section-introduce h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333
}

@media (max-width:768px) {
	.product-section-illustrate h2,.product-section-introduce h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333
	}
}

.product-section-illustrate p,.product-section-introduce p {
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 16px 0 0
}

@media (max-width:768px) {
	.product-section-illustrate p,.product-section-introduce p {
		font-size: 14px;
		line-height: 24px;
		color: #666
	}
}

.product-mvc-introduce-img {
	padding: 56px 128px 0
}

@media (max-width:768px) {
	.product-mvc-introduce-img {
		padding: 24px 0 0
	}
}

.product-section-illustrate {
	padding: 80px 300px
}

@media (max-width:1024px) {
	.product-section-illustrate {
		padding: 48px 32px
	}
}

.product-section-illustrate p+img {
	margin-top: 24px
}

.product-illustrate-flow-img {
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.2);
	box-shadow: 0 3px 8px rgba(0,0,0,.2)
}

.product-section-fns {
	padding: 80px 320px
}

@media (max-width:1024px) {
	.product-section-fns {
		padding: 48px 32px
	}
}

.product-section-fns>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 48px
}

@media (max-width:768px) {
	.product-section-fns>h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin-bottom: 24px
	}
}

.products-banner {
	height: 480px;
	background: #1565c0;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: linear-gradient(150deg,#1565c0 ,#1468c3 ,#0f71cc ,#0881da ,#0091ea)
}

@media (max-width:768px) {
	.products-banner {
		height: 475px;
		background-position: 65% 0;
		background-size: cover;
		text-align: center
	}
}

.products-banner>div {
	color: #fff;
	padding: 132px 240px 0;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat
}

@media (max-width:1024px) {
	.products-banner>div {
		padding-left: 32px;
		padding-right: 32px
	}
}

@media (max-width:768px) {
	.products-banner>div {
		width: 100%;
		padding: 48px 32px 72px;
		background-size: cover
	}
}

.products-banner>div p {
	font-size: 20px;
	margin: 16px 0 24px
}

@media (max-width:768px) {
	.products-banner>div p {
		font-size: 16px;
		margin: 16px 0
	}
}

.products-banner>div>span {
	display: block;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 4px;
	opacity: .8
}

@media (max-width:768px) {
	.products-banner>div>span {
		font-size: 20px
	}
}

.products-banner h1 {
	font-size: 48px;
	font-weight: 400
}

@media (max-width:768px) {
	.products-banner h1 {
		font-size: 36px
	}
}

.products-banner[data-name=hyperchain]>div {
	background-image: url(../image/浜у搧hyperchain@2x.png);
	background-position: 100px 50%
}

@media (max-width:768px) {
	.products-banner[data-name=hyperchain]>div {
		background-image: url(/assets/images/banner/浜у搧hyperchain_m_1@2x.png);
		background-position: 50% 100%
	}
}

.products-banner[data-name=devplatform]>div {
	background-image: url(../image/浜у搧寮€鍙戣€呭钩鍙癅2x.png);
	background-position: 100px 50%
}

@media (max-width:768px) {
	.products-banner[data-name=devplatform]>div {
		padding-top: 80px;
		background-image: url(/assets/images/banner/浜у搧寮€鍙戣€呭钩鍙癬m_1@2x.png);
		background-position: 50% 100%
	}
}

.products-banner[data-name=hypervision]>div {
	background-image: url(../image/浜у搧hypervision@2x.png);
	background-position: 60px 50%
}

@media (max-width:768px) {
	.products-banner[data-name=hypervision]>div {
		background-image: url(/assets/images/banner/浜у搧hypervision_m_1@2x.png);
		background-position: 50% 100%
	}
}

.products-banner[data-name=hyperflow]>div {
	background-image: url(../image/浜у搧hyperflow@2x.png);
	background-position: 40px 50%
}

@media (max-width:768px) {
	.products-banner[data-name=hyperflow]>div {
		background-image: url(/assets/images/banner/浜у搧hyperflow_m@2x.png);
		background-position: 50% 100%
	}
}

.products-banner[data-name=hypermvc]>div {
	background-image: url(../image/浜у搧hypermvc@2x.png);
	background-position: 40px 50%
}

@media (max-width:768px) {
	.products-banner[data-name=hypermvc]>div {
		background-image: url(/assets/images/banner/浜у搧hypermvc_m@2x.png);
		background-position: 50% 100%
	}
}

.product-btn-link,.product-btn-link-revert {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s
}

.product-btn-link-revert {
	padding: 0 32px
}

.product-btn-link {
	color: #0078d7;
	padding: 0 24px 0 32px;
	background-color: #fff
}

.product-btn-link:focus,.product-btn-link:hover {
	background-color: #f5f5f5;
	color: #0078d7
}

.product-btn-link:active {
	background-color: #f0f0f0
}

.product-btn-link svg {
	position: relative;
	display: inline-block;
	top: 2px;
	fill: #0078d7;
	width: 16px;
	height: 16px
}

.product-btn-link-revert {
	color: #fff;
	background-color: #0078d7
}

.product-btn-link-revert:focus,.product-btn-link-revert:hover {
	background-color: #0073ce;
	color: #fff
}

.product-btn-link-revert:active {
	background-color: #0070ca
}

.product-feature>h3 {
	font-size: 24px;
	line-height: 32px;
	color: #333;
	margin-bottom: 24px
}

.product-feature+.product-feature {
	margin-top: 100px
}

@media (max-width:768px) {
	.product-feature+.product-feature {
		margin-top: 56px
	}
}

.product-feature-selector {
	position: relative;
	padding-right: 80px
}

@media (max-width:768px) {
	.product-feature-selector {
		padding-right: 0
	}
}

.product-feature-selector .hidden,.product-feature-selector-bg {
	display: none
}

.product-feature-selector>div {
	width: 100%;
	line-height: 20px;
	padding: 10px 0 10px 16px;
	margin-bottom: 16px;
	border: 1px solid #ccc;
	cursor: pointer;
	-webkit-transition: background ease-in-out .3s;
	transition: background ease-in-out .3s
}

@media (max-width:768px) {
	.product-feature-selector>div {
		height: auto;
		border: 0;
		font-size: 14px;
		line-height: 24px;
		color: #666;
		cursor: default
	}
}

.product-feature-selector>div:hover {
	border-color: #999
}

.product-feature-selector>div.highlight,.product-feature-selector>div:active {
	background-color: rgba(0,120,215,.1)
}

@media (max-width:768px) {
	.product-feature-selector>div.highlight,.product-feature-selector>div:active {
		background-color: initial
	}
}

@media (max-width:768px) {
	.product-feature-selector-bg {
		display: inline-block;
		position: absolute;
		width: 120px;
		height: 120px;
		right: 8px;
		bottom: -96px;
		opacity: .15
	}
}

.product-feature-chart {
	position: relative;
	width: 100%;
	border: 2px solid rgba(0,0,0,.12)
}

@media (max-width:768px) {
	.product-feature-chart {
		display: none
	}
}

.product-feature-chart .not-show {
	opacity: 0;
	position: relative
}

.product-feature-chart .not-show img {
	top: 0;
	width: 100%
}

.product-feature-chart>div {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.product-feature-chart>div.highlight img {
	opacity: 1;
	top: 0;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.product-feature-chart>div h3 {
	position: absolute;
	margin: 0;
	opacity: 0;
	font-size: 20px;
	line-height: 30px;
	padding: 0 16px;
	left: 44px;
	top: -16px;
	background-color: #fff;
	z-index: 1;
	-webkit-transition: opacity ease .5s;
	transition: opacity ease .5s
}

.product-feature-chart>div img {
	position: relative;
	top: -16px;
	opacity: 0;
	display: block;
	-webkit-transition: opacity ease .5s,top ease .5s;
	transition: opacity ease .5s,top ease .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.product-section-arch {
	width: 960px;
	padding: 80px 0 56px
}

@media (max-width:1024px) {
	.product-section-arch {
		width: 100%;
		padding: 48px 20px 36px
	}
}

.product-section-arch>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 40px
}

@media (max-width:1024px) {
	.product-section-arch>h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin-bottom: 24px
	}
}

.product-arch {
	margin-bottom: 24px
}

@media (max-width:768px) {
	.product-arch {
		border: 1px solid #ccc;
		padding: 8px 12px;
		margin-bottom: 12px
	}
}

.product-arch-chart {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	color: #333;
	background: #e5f1fa
}

@media (max-width:768px) {
	.product-arch-chart {
		display: none
	}
}

.product-arch-chart>div {
	height: 68px;
	padding: 14px;
	line-height: 40px;
	text-align: center
}

.product-arch-chart>div.special {
	padding: 14px 8px
}

.product-arch-chart>div span {
	width: 100%;
	display: inline-block;
	background: #fff;
	border: 1px solid rgba(0,120,215,.5)
}

@media (max-width:1024px) {
	.product-arch-chart>div span {
		font-size: 12px
	}
}

.product-arch-icon {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	margin-left: 24px;
	margin-right: 16px
}

@media (max-width:768px) {
	.product-arch-icon {
		margin-left: 0
	}
}

.product-arch-desc {
	vertical-align: top;
	display: inline-block;
	color: #333;
	width: calc(40% - 64px)
}

@media (max-width:768px) {
	.product-arch-desc {
		width: calc(100% - 40px)
	}
}

.product-arch-desc h4 {
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.product-arch-desc p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin: 0
}

.products-fn {
	position: relative;
	padding-left: 112px;
	margin-bottom: 60px
}

@media (max-width:768px) {
	.products-fn {
		padding-left: 56px;
		margin-bottom: 24px
	}
}

.products-fn:last-child {
	margin-bottom: 0
}

.products-fn img {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	margin-right: 32px
}

@media (max-width:768px) {
	.products-fn img {
		width: 40px;
		height: 40px
	}
}

.products-fn h3 {
	font-size: 24px;
	line-height: 32px;
	color: #333
}

.product-adv h3,.products-fn p {
	font-size: 16px;
	line-height: 32px;
	color: #333
}

@media (max-width:768px) {
	.products-fn p {
		font-size: 14px;
		line-height: 24px;
		color: #666
	}
}

.product-illustrate li {
	font-size: 16px
}

.product-illustrate img+img,.product-illustrate ul+img {
	margin-top: 32px
}

.product-illustrate+.product-illustrate {
	margin-top: 80px
}

h2+.product-illustrate {
	margin-top: 48px
}

.product-section-adv {
	padding: 80px 192px 16px
}

@media (max-width:1024px) {
	.product-section-adv {
		padding: 48px 32px 24px
	}
}

.product-section-adv>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 56px
}

@media (max-width:768px) {
	.product-section-adv>h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin-bottom: 32px
	}
}

.product-adv {
	margin-bottom: 64px;
	padding-left: 80px
}

@media (max-width:768px) {
	.product-adv {
		padding-left: 0;
		margin-bottom: 24px
	}
}

.product-adv img {
	display: block;
	height: 64px
}

@media (max-width:768px) {
	.product-adv img {
		display: inline-block;
		vertical-align: top;
		width: 40px;
		height: 40px;
		margin-right: 16px
	}

	.product-adv>div:last-child {
		display: inline-block;
		vertical-align: top;
		width: 40px;
		width: calc(100% - 40px - 16px)
	}
}

.product-adv h3 {
	font-size: 24px;
	margin: 32px 0 16px
}

@media (max-width:768px) {
	.product-adv h3 {
		margin: 0 0 20px
	}
}

.product-adv ul {
	padding-left: 20px;
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.product-section-templates {
	padding: 80px 256px
}

@media (max-width:1024px) {
	.product-section-templates {
		padding: 48px 16px
	}

	.product-section-templates .product-btn-link-revert {
		display: block;
		margin: 0 auto
	}
}

.product-section-templates h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333
}

@media (max-width:768px) {
	.product-section-templates h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		text-align: center
	}
}

.product-templates-intro {
	padding-right: 48px;
	height: 486px
}

.product-templates-intro>div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:768px) {
	.product-templates-intro {
		padding-right: 0;
		height: auto
	}

	.product-templates-intro>div {
		top: 0;
		-webkit-transform: none;
		transform: none
	}

	.product-templates-intro p {
		width: 100%;
		padding: 0 16px
	}
}

.product-template {
	position: relative;
	border: 1px solid #e1e3e5;
	background-color: #fff;
	height: 146px;
	width: 496px
}

@media (max-width:768px) {
	.product-template {
		height: 166px;
		width: 100%;
		margin-top: 24px
	}
}

.product-template+.product-template {
	margin-top: 24px
}

.product-template img {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	height: 144px;
	width: 144px
}

@media (max-width:768px) {
	.product-template img {
		height: 164px;
		width: 120px;
		vertical-align: top
	}
}

.product-template h4 {
	font-size: 20px
}

@media (max-width:768px) {
	.product-template h4 {
		margin: 0
	}
}

.product-template p {
	margin: 8px 0 0;
	color: #666
}

.product-template>div {
	position: relative;
	padding: 24px 32px 24px 176px
}

@media (max-width:768px) {
	.product-template>div {
		display: inline-block;
		vertical-align: top;
		padding: 8px 16px 8px 136px
	}
}

.product-slogan {
	margin-bottom: 16px;
	font-size: 20px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	text-align: center;
	background-color: #0078d7
}

@media (max-width:768px) {
	.product-slogan {
		display: none
	}
}

.product-slogan i,.product-slogan span {
	display: inline-block;
	margin-right: 16px
}

.product-section-mvc-showcase {
	padding: 80px 184px
}

@media (max-width:1024px) {
	.product-section-mvc-showcase {
		padding: 48px 32px
	}
}

.product-mvc-showcase>img {
	width: 360px;
	height: 360px;
	display: inline-block;
	vertical-align: top
}

@media (max-width:1024px) {
	.product-mvc-showcase>img {
		width: 240px;
		height: auto
	}

	.product-mvc-showcase>img+div {
		margin-top: 24px
	}

	.product-mvc-showcase>img.desktop+div {
		margin-top: 0
	}
}

.product-mvc-showcase>img+div {
	padding-left: 80px
}

@media (max-width:1024px) {
	.product-mvc-showcase>img+div {
		padding-left: 0
	}
}

.product-mvc-showcase>div {
	display: inline-block;
	width: calc(100% - 360px);
	padding-top: 80px;
	vertical-align: top
}

.product-mvc-showcase>div:first-child {
	padding-right: 80px
}

.product-mvc-showcase>div:last-child {
	padding-left: 80px
}

@media (max-width:1024px) {
	.product-mvc-showcase>div {
		width: 100%;
		padding-top: 0
	}

	.product-mvc-showcase>div:first-child,.product-mvc-showcase>div:last-child {
		padding-right: 0;
		padding-left: 0
	}

	.product-mvc-showcase>div+img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 24px
	}
}

.product-mvc-showcase h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333
}

@media (max-width:768px) {
	.product-mvc-showcase h2 {
		font-size: 28px
	}
}

.product-mvc-showcase p {
	font-size: 16px;
	line-height: 32px;
	color: #333
}[class^=section-news]>div {
	position: relative;
	padding: 48px 0
}[class^=section-news]>div h2+p {
	font-size: 16px;
	margin: 16px 0 0;
	line-height: 32px
}

.section-news--pad>div {
	padding-left: 176px;
	padding-right: 176px
}

@media (max-width:1024px) {
	.section-news--pad>div {
		padding-left: 16px;
		padding-right: 16px
	}
}

.news-banner {
	height: 400px;
	background-color: #1565c0;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../image/鏂伴椈@2x.png),linear-gradient(150deg,#1565c0 ,#1468c3 ,#0f71cc ,#0881da ,#0091ea)
}

@media (max-width:768px) {
	.news-banner {
		height: 240px;
		background-size: cover;
		background-position-x: 65%
	}
}

.news-banner>div {
	max-width: none;
	padding: 0;
	height: 400px;
	background-image: -webkit-gradient(linear,left top,right top,from(#3B69FF),to(rgba(59,105,255,0)));
	background-image: linear-gradient(90deg,#3B69FF ,rgba(59,105,255,0))
}

@media (max-width:768px) {
	.news-banner>div {
		height: 240px
	}
}

.news-banner>div>div {
	color: #fff;
	max-width: 1440px;
	margin: 0 auto;
	padding: 160px 240px 0
}

@media (max-width:1024px) {
	.news-banner>div>div {
		padding: 0 80px;
		line-height: 400px
	}
}

@media (max-width:768px) {
	.news-banner>div>div {
		padding: 0 32px;
		line-height: 240px
	}
}

.news-banner h1 {
	font-size: 48px
}

@media (max-width:768px) {
	.news-banner h1 {
		font-size: 36px
	}
}

.news-tags,.news-tags+div {
	vertical-align: top;
	display: inline-block
}

.news-tags {
	width: 160px
}

@media (max-width:768px) {
	.news-tags {
		display: none
	}
}

.news-summary-content>h4,.news-tags h4 {
	font-size: 16px;
	line-height: 40px;
	font-weight: 700
}

.news-tags+div {

	padding-left: 64px
}

@media (max-width:768px) {
	.news-tags+div {
		width: 100%;
		padding-left: 0
	}
}

.news-tags .break-line {
	margin-bottom: 24px
}

.news-tag {
	display: block;
	text-decoration: none;
	padding: 8px 16px;
	color: #000;
	margin-bottom: 8px;
	cursor: pointer
}

.news-tag.highlight {
	background-color: #0078d7!important;
	color: #fff
}

.news-tag:hover {
	background-color: #f5f5f5
}

.news-filter {
	margin-bottom: 40px;
	height: 36px;
	line-height: 36px
}

@media (max-width:768px) {
	.news-filter {
		display: none
	}
}

.news-filter select {
	display: inline-block;
	height: 36px;
	min-width: 200px;
	margin-left: 8px;
	padding: 0 16px;
	border: 0;
	background: #fff;
	outline: 1px solid #666
}

#search-news {
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: 1px solid #666
}

.news-filter-search {
	position: relative;
	float: right
}

.news-filter-search input {
	width: 240px;
	height: 36px;
	padding: 8px 40px 8px 12px
}

.news-filter-search i {
	position: absolute;
	right: 8px;
	top: 6px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../image/search.png);
	background-size: cover;
	cursor: pointer
}

.news-filter-m {
	display: none;
	padding: 12px 32px;
	border-bottom: 1px solid #e1e1e1;
	margin: -48px -16px 12px
}

@media (max-width:768px) {
	.news-filter-m {
		display: block
	}
}

.news-filter-search-m,.news-sort-m,.news-tags-m-selected {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	line-height: 32px
}

.news-tags-m-selected {
	position: relative
}

.news-tags-m-selected i {
	position: relative;
	left: calc(16px + 8px);
	top: 3px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../image/down.jpg);
	background-size: cover
}

.news-tags-m {
	display: none;
	position: fixed;
	width: 100%;
	top: calc(56px + 60px + 1px);
	left: 0;
	height: calc(100vh - 56px - 60px);
	background-color: rgba(0,0,0,.12);
	z-index: 99;
	overflow-y: auto
}

.news-tags-m.open {
	display: block
}

.news-tags-m>div {
	background-color: #fff;
	border-bottom: 1px solid #b9b9b9
}

.news-tags-m a {
	display: block;
	padding-left: 40px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #f8f8f8;
	text-decoration: none;
	color: #333
}

.news-tags-m a.highlight {
	color: #0078d7
}

.news-sort-m {
	position: absolute;
	right: 80px;
	top: 15px
}

.news-sort-m a {
	display: inline-block;
	height: 24px
}

.news-filter-search-m i,.news-sort-m i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover
}

.news-sort-m i {
	background-repeat: no-repeat
}

.news-sort-m i[data-name=desc] {
	background-image: url(../image/desc.png)
}

.news-sort-m i[data-name=asc] {
	background-image: url(../image/asc.png)
}

.news-filter-search-m {
	position: absolute;
	right: 32px;
	top: 12px
}

.news-filter-search-m.open {
	width: calc(100% - 64px)
}

.news-filter-search-m.open input {
	width: 100%;
	border: 1px solid rgba(0,0,0,.12);
	padding: 8px 24px 8px 16px;
	opacity: 1
}

.news-filter-search-m i {
	position: absolute;
	right: 0;
	top: 4px;
	background-image: url(../image/search.png);
	z-index: 2
}

.news-filter-search-m input {
	position: absolute;
	right: 0;
	padding: 0;
	border: 0;
	width: 0%;
	height: 100%;
	opacity: 0;
	-webkit-transition: width ease-out .3s;
	transition: width ease-out .3s
}

.news-summary {
	position: relative;
	padding: 24px;
	background-color: rgba(0,0,0,.04);
	margin-bottom: 24px
}

@media (max-width:768px) {
	.news-summary {
		background-color: #fff;
		border: 1px solid #e1e1e1;
		padding: 16px;
		margin-bottom: 16px
	}
}

.news-summary-cover {
	width: 240px;
	height: 160px
}

@media (max-width:768px) {
	.news-summary-cover {
		width: 114px;
		height: 72px
	}
}

.news-summary-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:768px) {
	.news-summary-main {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}

.news-summary-content {
	padding: 0 0 16px 32px;
	width: calc(100% - 240px - 32px)
}

@media (max-width:768px) {
	.news-summary-content {
		display: block;
		padding: 0 8px 0 0;
		width: 100%
	}

	.news-summary-content p {
		display: none
	}
}

.news-summary-content>h4 {
	line-height: 24px;
	color: #333;
	padding-bottom: 16px;
	word-break: break-all;
	white-space: normal
}

@media (max-width:768px) {
	.news-summary-content>h4 {
		font-size: 14px;
		padding-bottom: 0
	}
}

.news-summary-content>h4 a {
	color: #0063b1;
	text-decoration: none
}

@media (max-width:768px) {
	.news-summary-content>h4 a {
		color: #333
	}
}

.news-summary-content p {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin: 0;
	word-wrap: break-word;
	white-space: normal
}

.news-summary-meta {
	position: absolute;
	bottom: 16px
}

.news-summary-meta span {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	margin-right: 24px
}

.news-summary-m-tags {
	display: none;
	margin-top: 4px
}

@media (max-width:768px) {
	.news-summary-m-tags {
		display: block
	}
}

.news-summary-m-tags span {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	font-size: 8px;
	padding: 0 8px;
	color: #0078d7;
	background-color: rgba(0,0,0,.04)
}

.news-summary-m-tags span+span {
	margin-left: 8px
}

@media (max-width:768px) {
	.news-summary-meta {
		display: none
	}
}

.news-summary-m-meta {
	display: none;
	font-size: 12px;
	color: #999;
	margin-top: 8px
}

@media (max-width:768px) {
	.news-summary-m-meta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.news-summary-m-meta a {
	text-decoration: none;
	color: #0078d7
}

.news-list-nav {
	text-align: center;
	margin-top: 40px
}

@media (max-width:768px) {
	.news-list-nav {
		display: none
	}
}

.news-list-nav>div {
	display: inline-block
}

.news-list-m-nav a,.news-list-nav a {
	display: inline-block;
	text-decoration: none
}

.news-list-nav a {
	padding: 10px 13px;
	margin: 4px;
	line-height: 20px;
	cursor: pointer;
	color: #0067b8
}

.news-list-nav a.highlight,.news-list-nav a:hover {
	color: #fff;
	background-color: #0067b8
}

.news-list-m-nav {
	position: relative;
	display: none;
	color: #999;
	text-align: center;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	margin-top: 32px
}

.news-list-m-nav big {
	display: inline-block;
	margin-right: 16px;
	color: #333
}

.news-list-m-nav a {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 0;
	font-size: 24px;
	color: #999
}

.news-list-m-nav a:first-child {
	left: 48px
}

.news-list-m-nav a:last-child {
	right: 48px
}

.news-list-m-nav a img {
	height: 24px
}

@media (max-width:768px) {
	.news-list-m-nav {
		display: block
	}
}

.news-no-list {
	margin-top: 96px;
	text-align: center
}

@media (max-width:768px) {
	.news-no-list {
		margin-top: 48px;
		text-align: center
	}
}

.news-no-list img {
	width: 480px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:768px) {
	.news-no-list img {
		width: 240px
	}
}

.news-no-list p {
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 20px;
	color: #999
}

@media (max-width:768px) {
	.news-no-list p {
		margin-top: 16px;
		font-size: 16px
	}
}

.news-page {
	padding-top: 64px;
	padding-bottom: 80px
}

@media (max-width:768px) {
	.news-page {
		padding: 24px 32px;
		background-color: #fff
	}
}

.news-content {
	padding: 56px 108px;
	word-wrap: break-word;
	white-space: normal
}

.news-content p {
	line-height: 32px
}

@media (max-width:768px) {
	.news-content {
		padding: 0;
		font-size: 14px
	}
}

.news-content img {
	max-width: 100%
}

.news-content .ql-editor {
	overflow-x: hidden
}

.news-content-main {
	margin-top: 32px;
	font-size: 16px;
	line-height: 32px;
	color: #333
}

@media (max-width:768px) {
	.news-content-main {
		margin-top: 0
	}
}

.news-content-meta {
	padding-bottom: 24px
}

@media (max-width:768px) {
	.news-content-meta {
		padding-bottom: 16px
	}
}

.news-content-meta h3 {
	font-size: 24px;
	line-height: 32px;
	color: #333;
	margin-bottom: 32px
}

@media (max-width:768px) {
	.news-content-meta h3 {
		margin-bottom: 16px
	}
}

.news-content-meta>div>span {
	color: rgba(0,0,0,.5);
	display: inline-block;
	margin-right: 24px
}

@media (max-width:768px) {
	.news-content-meta>div>span {
		font-size: 12px
	}
}

.news-content-tags a {
	display: inline-block;
	padding: 0 14px;
	height: 40px;
	line-height: 40px;
	margin-right: 16px;
	background-color: rgba(0,0,0,.06);
	color: rgba(0,0,0,.38);
	text-decoration: none
}

.news-content-tags a::before {
	content: "# ";
	display: inline
}

@media (max-width:768px) {
	.news-content-tags a {
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		color: #0078d7
	}

	.news-content-tags a::before {
		content: ""
	}

	.news-search-container {
		background-color: #fff;
		padding: 16px 32px!important;
		border-bottom: 1px solid #e1e1e1
	}
}

.news-search {
	position: relative;
	padding: 12px 276px;
	border-top: 1px solid rgba(0,0,0,.012)
}

@media (max-width:768px) {
	.news-search {
		padding: 0
	}
}

.news-search input,.news-search span {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 24px;
	border: 2px solid #666;
	vertical-align: top;
	background-color: #fff;
	color: #333
}

@media (max-width:768px) {
	.news-search input,.news-search span {
		padding: 8px 16px;
		height: 32px;
		font-size: 14px!important;
		line-height: 32px;
		border-width: 1px
	}
}

.news-search input {
	font-size: 20px;
	width: calc(100% - 120px)
}

@media (max-width:768px) {
	.news-search input {
		width: 100%
	}
}

.news-search span {
	font-size: 16px;
	width: 120px;
	border-left: none;
	text-align: center;
	cursor: pointer
}

@media (max-width:768px) {
	.news-search span {
		display: none
	}
}

.news-search img {
	display: none;
	position: absolute;
	height: 24px;
	width: 24px;
	right: 8px;
	top: 4px
}

@media (max-width:768px) {
	.news-search img {
		display: inline-block
	}

	.news-search-result-container {
		padding-top: 24px!important
	}
}

.news-search-total {
	margin-bottom: 24px
}

@media (max-width:768px) {
	.news-search-total {
		padding-left: 16px;
		padding-right: 16px
	}
}

.about-nav a,.news-search-total big {
	font-size: 24px;
	display: inline-block;
	margin: 0 8px
}

@media (max-width:768px) {
	.new-more-area-pc {
		display: none
	}
}

.new-more-area-pc .more {
	position: relative
}

.new-more-area-pc .tns-outer {
	margin: 0 40px;
	position: relative
}

.new-more-area-pc .new-hot-controls {
	width: 100%;
	position: absolute;
	top: 160px
}

.new-more-area-pc .new-hot-controls button {
	width: 24px;
	height: 48px;
	border: 0;
	outline: 0;
	background-color: rgba(0,0,0,.08);
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 0
}

.new-more-area-pc .new-hot-controls .pre {
	position: absolute;
	left: 0;
	background-image: url(../image/pre.png)
}

.new-more-area-pc .new-hot-controls .next {
	position: absolute;
	right: 0;
	background-image: url(../image/next.png)
}

.new-more-area-pc .new-hot-container {
	min-height: 271px;
	position: relative
}

.new-more-area-mobile .new-hot-container-mobile .hot-item,.new-more-area-pc .new-hot-container .hot-item>div {
	position: relative;
	border: 1px solid rgba(0,0,0,.12156862745098039)
}

.new-more-area-pc .new-hot-container .hot-item .item-img {
	font-size: 0
}

.new-more-area-pc .new-hot-container .hot-item .title-wraper {
	min-height: 120px;
	padding: 12px 12px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.new-more-area-pc .new-hot-container .hot-item .title-wraper .title {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.new-more-area-pc .new-hot-container .hot-item .title-wraper .time {
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 24px;
	color: #999
}

.new-more-area-pc .new-hot-container .hot-item .link {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10
}

.new-more-area-mobile .new-more-title,.new-more-area-pc .new-more-title {
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 500;
	line-height: 28px;
	color: #0063b1;
	margin-bottom: 15px;
	margin-top: 40px
}

.new-more-area-mobile {
	display: none
}

@media (max-width:768px) {
	.new-more-area-mobile {
		display: block
	}
}

.new-more-area-mobile .new-more-title {
	font-size: 16px;
	line-height: 22px
}

.new-more-area-mobile .new-hot-container-mobile .hot-item {
	width: 100%;
	padding: 8px 16px;
	margin-bottom: 12px;
	background: rgba(0,0,0,.02);
	height: 83px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.new-more-area-mobile .new-hot-container-mobile .hot-item .title {
	font-size: 14px;
	font-family: 钀嶆柟-绠€;
	font-weight: 400;
	line-height: 21px;
	color: #333
}

.new-more-area-mobile .new-hot-container-mobile .hot-item .time {
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 24px;
	color: #999
}

.new-more-area-mobile .new-hot-container-mobile .hot-item .link {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10
}

.about-section-cases,.about-section-introduce,.about-section-members,.about-section-products {
	padding: 80px 240px
}

@media (max-width:1024px) {
	.about-section-cases,.about-section-introduce,.about-section-members,.about-section-products {
		padding: 48px 32px
	}
}

.about-section-cases h2,.about-section-introduce h2,.about-section-members h2,.about-section-products h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333
}

@media (max-width:768px) {
	.about-section-cases h2,.about-section-introduce h2,.about-section-members h2,.about-section-products h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333
	}
}

.about-section-cases h2+p,.about-section-introduce h2+p,.about-section-members h2+p,.about-section-products h2+p {
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 16px 0 0
}

@media (max-width:768px) {
	.about-section-cases h2+p,.about-section-introduce h2+p,.about-section-members h2+p,.about-section-products h2+p {
		font-size: 14px;
		line-height: 24px;
		color: #666
	}
}

.about-section-cases .break-line,.about-section-introduce .break-line,.about-section-members .break-line,.about-section-products .break-line {
	top: 80px
}

@media (max-width:768px) {
	.about-section-cases .break-line,.about-section-introduce .break-line,.about-section-members .break-line,.about-section-products .break-line {
		top: 48px;
		margin: 0 -32px
	}
}

.about-nav {
	background-color: rgba(0,0,0,.9)
}

.about-nav>div {
	height: 80px;
	line-height: 80px;
	padding: 0 160px 0 320px!important;
	max-width: 1440px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.about-nav>div {
		padding: 0 28px!important
	}
}

@media (max-width:768px) {
	.about-nav>div {
		height: 48px;
		line-height: 48px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.about-nav a {
	font-size: 16px;
	color: #fff;
	margin: 0 32px;
	height: 80px;
	text-decoration: none;
	text-align: center
}

@media (max-width:768px) {
	.about-nav a {
		height: 48px;
		margin: 0;
		opacity: .75
	}
}

.about-nav a.highlight,.about-nav a:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
	opacity: 1
}

.about-nav a.can-touch:hover {
	border-bottom: none
}

.about-nav a.highlight:hover {
	border-bottom: 2px solid #fff;
	opacity: 1
}

.about-banner {
	position: relative;
	height: 500px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

@media (max-width:768px) {
	.about-banner {
		height: 240px
	}
}

.about-banner>div {
	height: 100%;
	padding: 0 120px
}

@media (max-width:1024px) {
	.about-banner>div {
		padding: 0 32px
	}
}

.about-banner-content {
	display: inline-block;
	width: 584px;
	position: relative;
	top: 112px;
	padding: 48px;
	color: #fff;
	background: rgba(23,21,20,.8)
}

@media (max-width:768px) {
	.about-banner-content {
		background: rgba(0,0,0,.6);
		position: relative;
		top: 0;
		width: 100%;
		margin-top: 12px;
		padding: 40px 12px
	}
}

.about-banner-content h1 {
	margin: 0;
	font-weight: lighter;
	font-size: 48px
}

@media (max-width:768px) {
	.about-banner-content h1 {
		font-size: 28px
	}
}

.about-banner-content p {
	font-size: 20px;
	line-height: 32px;
	font-weight: lighter
}

@media (max-width:768px) {
	.about-banner-content p {
		font-size: 16px;
		line-height: 24px;
		color: #fff
	}
}

.about-section-history {
	padding: 80px 240px 16px
}

@media (max-width:1024px) {
	.about-section-history {
		padding: 48px 32px 16px 16px
	}
}

.about-section-history>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 48px
}

@media (max-width:768px) {
	.about-section-history>h2 {
		padding: 0 16px;
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin-bottom: 24px
	}
}

.about-section-history .break-line {
	top: 16px
}

@media (max-width:768px) {
	.about-section-history .break-line {
		margin: 0 -32px
	}
}

.about-historys {
	padding-left: 56px
}

@media (max-width:768px) {
	.about-historys {
		padding-left: 0
	}
}

.about-history-item {
	position: relative;
	width: 100%
}

.about-history-date>div,.about-history-item>div {
	display: inline-block;
	vertical-align: top
}

.about-history-date {
	position: relative;
	width: 136px;
	font-size: 16px;
	line-height: 32px;
	color: #333
}

@media (max-width:768px) {
	.about-history-date {
		width: 60px
	}
}

.about-history-date::before {
	content: "";
	position: absolute;
	display: inline-block;
	right: -6px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #3b3b3b;
	z-index: 2
}

.about-history-date>div {
	position: relative
}

.about-histroy-year {
	font-size: 18px;
	top: -8px
}

@media (max-width:768px) {
	.about-histroy-year {
		margin-bottom: 8px
	}
}

.about-histroy-month {
	top: -12px
}

.about-histroy-month span:first-child {
	position: relative;
	top: 8px;
	display: inline-block;
	font-size: 30px;
	margin: 0 8px
}

@media (max-width:768px) {
	.about-histroy-month {
		position: absolute;
		width: 120px;
		top: -56px;
		left: 80px
	}
}

.about-history-info {
	display: inline-block;
	position: relative;
	width: calc(100% - 160px);
	padding: 0 24px 16px;
	border-left: 1px solid #999;
	z-index: 1
}

@media (max-width:768px) {
	.about-history-info {
		width: calc(100% - 60px);
		padding-right: 0
	}
}

.about-history-info>div {
	position: relative;
	top: -24px;
	padding: 16px 16px 36px;
	font-size: 16px;
	color: #333;
	margin-bottom: 0;
	overflow: hidden;
	-webkit-transition: margin ease .5s;
	transition: margin ease .5s;
	cursor: pointer
}

@media (max-width:768px) {
	.about-history-info>div {
		padding: 8px 12px 36px;
		top: 0;
		left: -8px;
		margin-top: 24px;
		cursor: default
	}
}

.about-history-info:hover>div {
	margin-bottom: 16px;
	-webkit-box-shadow: 0 0 0 1px #000;
	box-shadow: 0 0 0 1px #000;
	border-bottom: 1px solid #000
}

@media (max-width:768px) {
	.about-history-info:hover>div {
		margin-bottom: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-bottom: none
	}
}

.about-history-info:hover a {
	right: 16px
}

@media (max-width:768px) {
	.about-history-info:hover a {
		right: -99px
	}
}

.about-history-info a {
	display: inline-block;
	position: absolute;
	color: #3498db;
	text-decoration: none;
	bottom: 16px;
	right: -999px;
	font-size: 14px;
	line-height: 20px
}

@media (max-width:768px) {
	.about-history-info a {
		-webkit-transition: right ease-out .3s;
		transition: right ease-out .3s
	}
}

.about-history-item:last-child .about-history-info {
	border-left: none
}

.about-section-honors {
	padding: 80px 240px 40px
}

@media (max-width:1024px) {
	.about-section-honors {
		padding: 48px 6px 24px
	}
}

.about-section-honors>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 48px
}

@media (max-width:768px) {
	.about-section-honors>h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		padding: 0 26px;
		margin-bottom: 24px
	}
}

.about-honor {
	position: relative;
	padding: 0 28px;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.about-honor {
		padding: 0 8px;
		margin-bottom: 8px
	}
}

.about-honor img:first-child {
	display: block;
	width: 100%
}

@media (max-width:768px) {
	.about-honor img:first-child {
		height: auto
	}
}

.about-honor img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 28px;
	width: calc(100% - 56px)
}

@media (max-width:768px) {
	.about-honor img:nth-child(2) {
		width: calc(100% - 16px);
		left: 8px
	}
}

.about-honor p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: center
}

@media (max-width:768px) {
	.about-honor p {
		font-size: 12px
	}
}

.about-section-members {
	padding-bottom: 48px
}

@media (max-width:768px) {
	.about-section-members {
		padding: 48px 16px 32px
	}
}

.about-section-members>h2 {
	margin-bottom: 48px
}

@media (max-width:768px) {
	.about-section-members>h2 {
		padding: 0 16px;
		margin-bottom: 24px
	}

	.about-members {
		padding: 0 8px
	}
}

.about-member {
	padding: 0 32px;
	margin-bottom: 32px;
	cursor: pointer
}

@media (max-width:768px) {
	.about-member {
		padding: 0 8px;
		margin-bottom: 16px
	}
}

.about-member img {
	border: 1px solid #fff;
	-webkit-transition: border ease .3s;
	transition: border ease .3s
}

@media (max-width:768px) {
	.about-member img {
		border-color: #d8d8d8;
		width: 64px
	}
}

.about-member h3 {
	margin: 8px 0;
	font-size: 24px
}

@media (max-width:768px) {
	.about-member h3 {
		font-size: 16px;
		line-height: 21px;
		margin: 0
	}

	.about-member h3+div {
		font-size: 12px;
		color: #999
	}
}

.about-member:hover img {
	border: 1px solid #555
}

.about-member.highlight img {
	border: 1px solid #000
}

.about-member-extra {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height ease .5s;
	transition: height ease .5s
}

.about-member-extra>div:first-child {
	position: relative;
	line-height: 5px;
	text-align: center
}

.about-member-extra i {
	display: inline-block;
	margin-top: 10px;
	width: 14px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image: url(../image/arrow-top.png)
}

@media (max-width:768px) {
	.about-member-extra i {
		margin-top: 0
	}
}

.about-member-extra p {
	margin: 0;
	position: absolute;
	width: 100%;
	color: #fff;
	background-color: #333;
	left: 0;
	padding: 16px 24px;
	overflow: hidden;
	-webkit-transition: opacity ease .5s;
	transition: opacity ease .5s
}

@media (max-width:768px) {
	.about-member-extra p {
		padding: 16px
	}
}

.about-section-comments {
	padding: 50px 240px;
	min-height: 400px
}

@media (max-width:1024px) {
	.about-section-comments {
		padding: 48px 32px
	}
}

.about-section-comments>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.about-section-comments>h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin-bottom: 24px
	}
}

.about-comments-container {
	position: relative
}

@media (max-width:768px) {
	.about-comments-container {
		display: none
	}
}

.about-comments-container-m {
	position: relative
}

@media (max-width:768px) {
	.about-comments-container-m {
		display: none
	}
}

.about-comments-m {
	display: none
}

@media (max-width:768px) {
	.about-comments-m {
		display: block
	}
}

.about-comment-m {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.12);
	padding: 32px;
	height: 425px
}

.about-comment-m img {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto
}

.about-comment-m span {
	display: block;
	margin: 24px auto;
	color: #666;
	text-align: center
}

.about-comment-m .pre-wrap {
	color: #333;
	font-size: 16px
}

.about-comments {
	display: inline-block;
	width: 500px;
	font-size: 16px;
	line-height: 32px
}

.about-comments-avatars {
	margin-bottom: 24px
}

.about-comments-avatars>div {
	margin-right: 16px;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.about-comments-avatars>div.highlight {
	border: 2px solid #3498db
}

.about-comments-avatars img,.about-comments-avatars>div {
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%
}

.about-comment {
	margin: 0
}

.about-comments-avatar {
	display: inline-block;
	width: 240px;
	height: 240px;
	position: absolute;
	right: 0;
	top: 0
}

.about-section-activity {
	padding: 56px 240px;
	overflow: visible!important
}

@media (max-width:1024px) {
	.about-section-activity {
		padding: 48px 32px
	}
}

.about-section-activity>h2 {
	font-size: 32px;
	line-height: 48px;
	color: #333;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.about-section-activity>h2 {
		font-size: 28px;
		line-height: 36px;
		color: #333;
		margin-bottom: 24px
	}
}

.about-activity {
	position: relative;
	overflow: visible;
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding-bottom: 56px
}

@media (max-width:768px) {
	.about-activity {
		border-bottom: none;
		padding-bottom: 0
	}

	.about-activity .image-gallery img {
		border: 0!important
	}
}

.about-activity:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.about-activity+.about-activity {
	margin-top: 56px
}

@media (max-width:768px) {
	.about-activity+.about-activity {
		margin-top: 16px
	}
}

.about-activity>span {
	position: absolute;
	top: 8px;
	left: -100px;
	color: #666
}

@media (max-width:1024px) {
	.about-activity>span {
		display: none
	}
}

.about-activity>h3 {
	font-size: 24px
}

@media (max-width:768px) {
	.about-activity>h3 {
		font-size: 16px;
		line-height: 24px;
		color: #333
	}
}

.about-activity>p {
	font-size: 16px;
	line-height: 32px
}

@media (max-width:768px) {
	.about-activity>p {
		font-size: 14px;
		line-height: 24px;
		color: #666
	}
}

#load-more-activity,.about-hiring-type>a {
	height: 40px;
	line-height: 38px;
	width: 128px;
	text-align: center;
	cursor: pointer
}

#load-more-activity {
	padding: 0;
	margin: 0 auto 56px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	display: block;
	border: 1px solid #333
}

#load-more-activity:hover {
	color: #fff;
	background-color: #333
}

@media (max-width:768px) {
	#load-more-activity {
		margin-bottom: 48px;
		height: 32px;
		line-height: 30px
	}
}

.about-section-hiring {
	padding: 40px 240px 56px
}

@media (max-width:1024px) {
	.about-section-hiring {
		padding: 24px 16px 40px
	}
}

.about-hiring-banner {
	color: #fff;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.about-hiring-banner h1 {
	position: relative;
	font-size: 40px;
	height: 480px;
	line-height: 480px
}

@media (max-width:768px) {
	.about-hiring-banner h1 {
		height: 240px;
		top: 80px;
		line-height: initial;
		font-size: 28px
	}

	.about-hiring-banner h1 span {
		display: block
	}
}

.about-hiring-type {
	margin-bottom: 24px
}

.about-hiring-type>a {
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 16px;
	font-size: 16px;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #666
}

@media (max-width:768px) {
	.about-hiring-type>a {
		margin-bottom: 8px;
		margin-right: 8px;
		height: 36px;
		width: 100px;
		line-height: 34px;
		font-size: 14px;
		border: 1px solid #ccc
	}
}

.about-hiring-type>a.highlight {
	border: 2px solid #117dc5!important;
	line-height: 36px;
	font-weight: 700
}

@media (max-width:768px) {
	.about-hiring-type>a.highlight {
		line-height: 32px
	}
}

.about-hiring-type>a:hover {
	border-color: #333
}

.about-hiring-no-list {
	margin-top: 80px;
	text-align: center
}

@media (max-width:768px) {
	.about-hiring-no-list {
		margin-top: 40px;
		text-align: center
	}
}

.about-hiring-no-list img {
	width: 480px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:768px) {
	.about-hiring-no-list img {
		width: 240px
	}
}

.about-hiring-no-list p {
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 20px;
	color: #999
}

@media (max-width:768px) {
	.about-hiring-no-list p {
		margin-top: 16px;
		font-size: 16px
	}
}

.about-hiring-item {
	position: relative;
	padding: 32px 40px 0;
	border-bottom: 1px solid transparent;
	overflow: hidden;
	-webkit-transition: border-bottom ease .1s;
	transition: border-bottom ease .1s;
	background-color: #fff
}

@media (max-width:768px) {
	.about-hiring-item {
		padding: 16px 16px 0
	}

	.about-hiring-item+.about-hiring-item {
		margin-top: 16px
	}
}

.about-hiring-item.open {
	border-bottom: 1px solid rgba(0,0,0,.12)
}

.about-hiring-item.open i {
	background-image: url(../image/down.png)
}

.about-hiring-item i {
	display: inline-block;
	position: absolute;
	right: 40px;
	top: 52px;
	width: 24px;
	height: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../image/right.png)
}

@media (max-width:768px) {
	.about-hiring-item i {
		top: 16px
	}
}

.about-hiring-item h4 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 16px;
	color: #2980b9
}

@media (max-width:768px) {
	.about-hiring-item h4 {
		font-size: 18px;
		line-height: 28px;
		color: #2980b9
	}
}

.about-hiring-item span {
	display: inline-block
}

.about-hiring-item span+span::before {
	content: "|";
	display: inline-block;
	margin: 0 8px
}

.about-hiring-item .break-line {
	position: relative;
	margin: 0 -48px
}

@media (max-width:768px) {
	.about-hiring-item .break-line {
		top: 1px;
		margin: 0
	}
}

.about-hiring-item-header {
	cursor: pointer
}

.about-hiring-item-summary {
	margin-bottom: 34px
}

@media (max-width:768px) {
	.about-hiring-item-summary {
		color: #666;
		margin-bottom: 16px
	}
}

.about-hiring-item-detail {
	position: relative;
	z-index: 2;
	height: 0;
	overflow: hidden;
	-webkit-transition: height ease-out .5s;
	transition: height ease-out .5s
}

@media (max-width:768px) {
	.about-hiring-item-detail {
		padding: 0;
		color: #666
	}
}

.about-hiring-item-detail h5,.train-adv h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	margin: 0
}

@media (max-width:768px) {
	.about-hiring-item-detail h5 {
		font-weight: 400
	}
}

.about-hiring-item-detail>div {
	padding: 32px 40px
}

@media (max-width:768px) {
	.about-hiring-item-detail>div {
		padding: 16px 0
	}
}

.about-contact-btns {
	height: 48px;
	line-height: 48px;
	position: absolute;
	bottom: 40px
}

.about-contact-btns span {
	display: inline-block;
	padding: 0 32px;
	background-color: #fff;
	border: 2px solid #000;
	font-weight: 400;
	cursor: pointer
}

.about-contact-btns span+span {
	border-left: none
}

.about-contact-btns span.highlight,.about-contact-btns span:hover {
	color: #0078d7;
	border-color: #0078d7
}

@media (max-width:768px) {
	.about-contact-btns span {
		display: block;
		padding: 0;
		width: 104px;
		height: 32px;
		line-height: 30px;
		font-size: 14px;
		font-weight: 400;
		text-align: center;
		margin-bottom: 8px;
		border-width: 1px
	}

	.about-contact-btns span+span {
		border-left: 1px solid
	}
}

.about-contact-wrapper {
	padding: 80px 240px 56px
}

@media (max-width:1024px) {
	.about-contact-wrapper {
		padding: 32px
	}
}

.about-contact-address {
	padding: 80px 240px 56px
}

@media (max-width:1024px) {
	.about-contact-address {
		padding: 32px
	}
}

.about-contact-address>h2,.about-contact-wrapper>h2 {
	font-size: 24px;
	line-height: 32px;
	color: #333
}

.about-contact-address>h2+p,.about-contact-wrapper>h2+p {
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 24px 0 0
}

@media (max-width:768px) {
	.about-contact-address>h2+p,.about-contact-wrapper>h2+p {
		font-size: 14px;
		line-height: 24px;
		color: #666
	}
}

.about-contact-address .break-line,.about-contact-wrapper .break-line {
	top: 56px
}

@media (max-width:768px) {
	.about-contact-address .break-line,.about-contact-wrapper .break-line {
		top: 32px;
		margin: 0 -32px
	}
}

.about-contact-qrcode {
	display: inline-block
}

.about-contact-qrcode+.about-contact-qrcode,.lang-en .about-nav a+a {
	margin-left: 40px
}

@media (max-width:768px) {
	.about-contact-qrcode+.about-contact-qrcode {
		margin-left: 23px
	}
}

.about-contact-qrcode img {
	display: block;
	width: 144px;
	height: 144px
}

.core-products-container {
	margin-top: 18px
}

@media (max-width:768px) {
	.core-products-container {
		display: none
	}
}

.core-products-container .core-product-item {
	max-height: 56px;
	margin-bottom: 24px;
	border: 1px solid rgba(0,0,0,.12);
	padding: 14px 0 0 32px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	-webkit-transition: padding ease .5s;
	transition: padding ease .5s
}

.core-products-container .core-product-item:hover {
	border: 1px solid #004391
}

.core-products-container .core-product-item .product-title {
	position: relative;
	z-index: 3;
	font-size: 20px;
	font-weight: 700;
	color: #333
}

.core-products-container .core-product-item .product-des {
	float: left;
	font-size: 14px;
	line-height: 32px;
	color: #666;
	margin-top: 60px;
	margin-left: 8px;
	margin-right: 360px;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	opacity: 0
}

@media screen and (max-width:1280px) {
	.core-products-container .core-product-item .product-des {
		margin-right: 300px
	}
}

@media screen and (max-width:1180px) {
	.core-products-container .core-product-item .product-des {
		margin-right: 250px
	}
}

@media screen and (max-width:1024px) {
	.core-products-container .core-product-item .product-des {
		margin-right: 360px
	}
}

@media screen and (max-width:820px) {
	.core-products-container .core-product-item .product-des {
		margin-right: 300px
	}
}

.core-products-container .core-product-item .product-img {
	position: absolute;
	z-index: 2;
	bottom: -32px;
	right: 0;
	font-size: 0;
	-webkit-transition: all ease-out .5s;
	transition: all ease-out .5s;
	opacity: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

@media screen and (max-width:1280px) {
	.core-products-container .core-product-item .product-img {
		right: -50px
	}
}

@media screen and (max-width:1180px) {
	.core-products-container .core-product-item .product-img {
		right: -100px
	}
}

@media screen and (max-width:1024px) {
	.core-products-container .core-product-item .product-img {
		right: 0
	}
}

@media screen and (max-width:820px) {
	.core-products-container .core-product-item .product-img {
		right: -50px
	}
}

.core-products-container .core-product-item .product-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -320px;
	width: 320px;
	display: inline-block;
	font-size: 24px;
	color: #fff;
	-webkit-transition: right ease .5s;
	transition: right ease .5s;
	background: url(../image/Mask.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1
}

.core-products-container .core-product-item .icon {
	float: right;
	margin-right: 24px;
	margin-top: 3px;
	-webkit-transition: all ease .5s;
	transition: all ease .5s
}

.core-products-container .core-product-item .icon i {
	display: inline-block;
	background-image: url(../image/down.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 16px
}

.core-products-container .highlight {
	padding: 32px 0 32px 32px;
	cursor: inherit;
	max-height: 1000px
}

.core-products-container .highlight .icon {
	opacity: 0
}

.core-products-container .highlight .product-des {
	opacity: 1;
	margin-top: 32px
}

.core-products-container .highlight .product-img {
	opacity: 1;
	bottom: 0
}

.core-products-container .highlight .product-bg {
	right: 0
}

@media screen and (max-width:1260px) {
	.core-products-container .highlight .product-bg {
		background: url(/assets/images/about/company/Mask2.svg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 260px
	}
}

@media screen and (max-width:1024px) {
	.core-products-container .highlight .product-bg {
		background: url(../image/Mask.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 320px
	}
}

@media screen and (max-width:900px) {
	.core-products-container .highlight .product-bg {
		background: url(/assets/images/about/company/Mask2.svg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 260px
	}
}

.core-products-container-m {
	margin-top: 18px;
	display: none
}

@media (max-width:768px) {
	.core-products-container-m {
		display: block
	}
}

.core-products-container-m .core-product-item-m {
	border: 1px solid #ccc;
	position: relative;
	margin-top: 24px
}

.core-products-container-m .core-product-item-m .product-img {
	position: relative;
	z-index: 2;
	width: 100%
}

.core-products-container-m .core-product-item-m .product-title {
	margin-top: 20px;
	padding: 0 20px;
	font-size: 18px;
	font-family: PingFang SC;
	font-weight: 500;
	line-height: 25px;
	color: #333
}

.core-products-container-m .core-product-item-m .product-des {
	margin-top: 24px;
	padding: 0 20px 20px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 24px;
	color: #666
}

.about-section-cases-item {
	margin-top: 24px
}

.about-section-cases-item .cases-title {
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 500;
	line-height: 20px;
	color: #2a2f33
}

@media (max-width:768px) {
	.about-section-cases-item .cases-title {
		font-size: 16px
	}
}

.about-section-cases-item .case-des {
	margin-top: 12px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 24px;
	color: #666
}

.page-404 {
	background: rgba(0,0,0,.04);
	height: calc(100vh - 64px);
	padding: 56px 24px
}

.page-404 img {
	margin: 0 auto
}

@media (max-width:768px) {
	.page-404 {
		padding: 152px 24px 0
	}
}

.train-banner {
	position: relative;
	background-color: #3B69FF
}

.train-banner>div {
	max-width: 2100px;
	margin: 0 auto;
	color: #fff;
	padding: 90px 240px 80px;
	background: right 72px top 0/1585px 807px no-repeat url(../image/middle@2x.png),left 40px top 261px/162px 444px no-repeat url(../image/back@2x.png)
}

@media (max-width:1024px) {
	.train-banner>div {
		padding: 144px 32px 120px
	}
}

@media (max-width:768px) {
	.train-banner>div {
		width: 100%;
		padding: 48px 32px;
		background: 0 0
	}

	.train-banner>div h1 {
		font-size: 36px;
		text-align: center
	}

	.train-banner>div h1+p,.train-banner>div h1+p+div {
		text-align: center
	}
}

.train-banner>div p {
	margin: 0;
	color: rgba(255,255,255,.85);
	font-size: 16px;
	line-height: 32px
}

@media (max-width:768px) {
	.train-banner>div p {
		font-size: 14px;
		line-height: 24px;
		color: rgba(255,255,255,.85)
	}
}

.train-banner>div h1 {
	font-size: 40px;
	font-weight: 400;
	margin: 0
}

.train-banner>div h1+p {
	font-size: 20px;
	margin: 16px 0 24px
}

@media (max-width:768px) {
	.train-banner>div h1+p {
		font-size: 16px;
		line-height: 32px;
		margin: 12px 0 0
	}
}

.train-banner>div .train-banner-link {
	margin: 90px 0 16px
}

@media (max-width:768px) {
	.train-banner>div .train-banner-link {
		margin: 48px 0 12px
	}
}

.train-banner>div .train-banner-link+p {
	margin-bottom: 120px;
	font-size: 14px
}

@media (max-width:768px) {
	.train-banner>div .train-banner-link+p {
		text-align: center;
		margin-bottom: 48px;
		font-size: 12px;
		line-height: 20px;
		color: rgba(255,255,255,.85)
	}
}

.train-banner>div img {
	margin: 48px -32px 0;
	max-width: calc(100% + 32px + 32px - 20px)
}

.train-banner-content {
	max-width: 960px;
	margin: 0 auto
}

.train-sec-busi,.train-sec-plt {
	background-color: #f0f4fa
}

.train-sec-plt h2 {
	margin-bottom: 32px
}

.train-sec-plt p,.train-sec-system>div>p {
	color: #666;
	font-size: 16px
}

.train-sec-plt .product-btn-link-revert {
	margin-top: 32px
}

@media (max-width:768px) {
	.train-sec-plt h2 {
		margin-bottom: 14px
	}

	.train-sec-plt p {
		margin-bottom: 24px;
		font-size: 14px
	}
}

.train-sec-adv>div h2,.train-sec-busi>div h2 {
	font-size: 32px;
	text-align: center
}

.train-book-pur>a,.train-sec-adv>div h2+p,.train-sec-busi>div h2+p {
	font-size: 16px;
	color: #666;
	text-align: center
}

@media (max-width:768px) {
	.train-sec-adv>div h2+p,.train-sec-busi>div h2+p {
		font-size: 14px
	}
}

.train-sec-adv>div {
	padding: 80px 0;
	width: 1056px
}

.train-sec-adv>div h2,.train-sec-busi>div h2,.train-sec-system>div h2 {
	margin-bottom: 16px
}

.train-sec-adv>div h2+p {
	margin-bottom: 56px
}

@media (max-width:1072px) {
	.train-sec-adv>div {
		width: 512px
	}
}

@media (max-width:512px) {
	.train-sec-adv>div {
		width: 100%;
		padding: 48px 32px
	}

	.train-sec-adv>div h2+p {
		margin-bottom: 24px
	}
}

.train-sec-busi>div {
	padding: 80px 192px
}

@media (max-width:768px) {
	.train-sec-busi>div {
		width: 100%;
		padding: 48px 32px
	}
}

.train-sec-system>div {
	padding: 80px 260px;
	background-color: #fff
}

.train-sec-system>div>p {
	margin-bottom: 56px
}

@media (max-width:768px) {
	.train-sec-system>div>p {
		font-size: 14px;
		text-align: left!important
	}
}

.train-sec-system>div h2+p {
	text-align: center;
	margin-bottom: 32px
}

@media (max-width:768px) {
	.train-sec-system>div>p {
		font-size: 14px;
		margin-bottom: 24px
	}

	.train-sec-system>div h2+p {
		text-align: left
	}
}

.train-sec-cases h2 {
	font-size: 32px;
	margin-bottom: 48px
}

@media (max-width:768px) {
	.train-sec-cases h2 {
		font-size: 28px;
		margin-bottom: 20px
	}
}

.train-sec-cases .image-gallery-current {
	height: 640px;
	line-height: 640px
}

@media (max-width:1280px) {
	.train-sec-cases .image-gallery-current {
		height: auto;
		width: 100%
	}
}

.train-sec-cases .image-gallery-current img {
	max-height: -webkit-max-content;
	max-height: -moz-max-content;
	max-height: max-content
}

@media (max-width:1280px) {
	.train-sec-cases .image-gallery-current img {
		max-height: auto;
		width: 100%
	}
}

.train-sec-system h2 {
	font-size: 32px
}

@media (max-width:768px) {
	.train-sec-system h2 {
		text-align: center
	}
}

.train-sec-slogan {
	background: left 0 top 0/auto 50% no-repeat url(../image/contact-tl@2x.png),right 0 bottom 0/auto 50% no-repeat url(../image/contact-br@2x.png),#f0f4fa
}

.train-sec-slogan>div {
	padding: 40px 230px
}

.train-adv p,.train-sec-slogan p {
	color: #666;
	font-size: 16px;
	line-height: 32px;
	margin: 0
}

.train-cases h2,.train-mtl-intro h2,.train-sec-slogan h2,.train-system h2 {
	font-size: 32px;
	line-height: 38px
}

.train-sec-slogan h2+p {
	margin: 16px 0 33px
}

@media (max-width:1024px) {
	.train-sec-slogan {
		background: left 0 top 0/auto 90px no-repeat url(../image/contact-tl@2x.png),right 0 bottom 0/auto 90px no-repeat url(../image/contact-br@2x.png),#f0f4fa
	}

	.train-sec-slogan>div {
		padding: 48px 32px
	}
}

.train-sec-cases>div,.train-sec-mtl>div {
	position: relative;
	padding: 80px 60px
}

@media (max-width:1280px) {
	.train-sec-cases>div,.train-sec-mtl>div {
		padding: 80px 32px
	}
}

@media (max-width:768px) {
	.train-sec-cases>div,.train-sec-mtl>div {
		padding: 48px 32px
	}
}

@media (max-width:1024px) {
	.train-sec-system>div {
		padding: 80px 32px
	}
}

@media (max-width:768px) {
	.train-sec-system>div {
		padding: 48px 32px
	}
}

.train-advs {
	margin: 0 -16px
}

.train-advs>div {
	display: inline-block;
	padding: 0 16px;
	vertical-align: top
}

@media (max-width:1072px) {
	.train-advs>div {
		margin: 8px 0
	}
}

@media (max-width:512px) {
	.train-advs {
		margin: 0
	}

	.train-advs>div {
		padding: 0
	}
}

.train-adv {
	display: inline-block;
	width: 240px;
	height: 488px;
	padding: 28px 23px 0;
	text-align: center;
	border: 1px solid #ccc;
	border-top-width: 4px
}

.train-adv h3 {
	margin: 24px 0 16px;
	line-height: 28px
}

.train-adv p {
	font-size: 14px;
	line-height: 24px;
	text-align: left
}

.train-adv[data-name=bg] {
	border-top-color: #1976d2
}

.train-adv[data-name=prac] {
	border-top-color: #03a9f4
}

.train-adv[data-name=pow] {
	border-top-color: #00acc1
}

.train-adv[data-name=exp] {
	border-top-color: #009688
}

@media (max-width:768px) {
	.train-adv {
		width: 100%;
		height: auto;
		padding: 20px 32px 24px;
		text-align: left
	}

	.train-adv h3 {
		display: inline-block;
		height: 40px;
		margin: 0 0 0 16px;
		font-size: 18px;
		line-height: 40px;
		font-weight: 400
	}

	.train-adv h3+p {
		margin-top: 32px
	}
}

.train-adv img,.train-class i,.train-cont img {
	display: inline-block;
	width: 80px;
	height: 80px
}

@media (max-width:768px) {
	.train-adv img,.train-cont img {
		width: 40px;
		height: 40px;
		vertical-align: top
	}
}

.train-break {
	height: 1px;
	width: 100%;
	background-color: rgba(0,0,0,.12)
}

.train-conts {
	margin: 64px -80px 0
}

.train-conts>div {
	padding: 0 80px
}

@media (max-width:768px) {
	.train-conts {
		margin: 32px 0 0
	}

	.train-conts>div {
		padding: 0
	}

	.train-conts>div+div {
		margin-top: 40px
	}
}

.train-cont {
	margin: 0 auto
}

.train-cont h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 12px 0 4px
}

.train-cont p {
	color: #666;
	line-height: 24px;
	font-size: 16px;
	margin: 12px 0 0
}

.train-cont b {
	display: block;
	font-size: 14px;
	line-height: 24px
}

@media (max-width:768px) {
	.train-cont h3 {
		font-size: 24px;
		font-weight: 600;
		line-height: 24px;
		margin-top: 16px
	}

	.train-cont p {
		font-size: 14px
	}
}

.train-mtl-intro>div {
	width: 320px;
	margin: 50px auto 0
}

@media (max-width:1024px) {
	.train-mtl-intro>div {
		width: 100%;
		margin-top: 0
	}
}

.train-mtl-intro>div p {
	margin-bottom: 48px
}

@media (max-width:1024px) {
	.train-cases h2,.train-mtl-intro h2,.train-system h2 {
		text-align: center;
		margin-bottom: 16px
	}
}

.train-cases p,.train-mtl-intro p,.train-system p {
	margin: 32px 0 24px;
	font-size: 16px;
	color: #666
}

@media (max-width:1024px) {
	.train-cases p,.train-mtl-intro p,.train-system p {
		margin: 16px 0 24px;
		font-size: 14px
	}
}

.train-cases small,.train-mtl-intro small,.train-system small {
	color: #999;
	font-size: 16px;
	line-height: 26px
}

.train-books {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:1024px) {
	.train-books {
		margin: 16px 0 0
	}
}

.train-book {
	position: relative;
	min-height: 184px
}

.train-book+.train-book {
	margin-top: 60px
}

@media (max-width:1024px) {
	.train-book+.train-book {
		margin-top: 72px
	}
}

.train-book img {
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: 184px
}

@media (max-width:1024px) {
	.train-book img {
		position: relative;
		display: block;
		margin: 0 auto 24px
	}
}

.train-book-info {
	position: relative;
	padding-left: calc(160px + 32px);
	padding-top: 20px;
	z-index: 1
}

@media (max-width:1024px) {
	.train-book-info {
		padding-left: 0;
		padding-top: 0;
		text-align: center
	}
}

.train-book-info h3,.train-class-meta h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700
}

.train-book-info h3+p {
	margin-top: 20px
}

.train-book-info p,.train-book-info>span {
	font-size: 14px;
	line-height: 21px
}

.train-book-info>span {
	display: block;
	margin-bottom: 12px;
	color: #666
}

.train-book-info p {
	margin: 0
}

.train-book-info svg {
	position: relative;
	top: 3px;
	height: 16px;
	fill: #fff
}

.train-book-pur {
	position: relative;
	margin-top: 24px
}

@media (max-width:1024px) {
	.train-book-pur {
		margin-top: 16px
	}
}

.train-book-pur>a {
	display: inline-block;
	height: 24px;
	padding: 0 20px;
	line-height: 24px;
	background-color: #1976d2;
	color: #fff;
	text-decoration: none
}

@media (max-width:1024px) {
	.train-book-pur>a {
		height: 32px;
		font-size: 14px;
		line-height: 32px
	}
}

.train-book-pur-list {
	position: absolute;
	display: inline-block;
	width: 150px;
	padding: 8px 0;
	left: 0;
	top: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	z-index: 10
}

.train-book-pur-list a {
	display: block;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	color: #333;
	padding: 0 10px
}

.train-book-pur-list a:hover {
	background-color: rgba(0,0,0,.06)
}

.train-book-pur-list a img {
	position: relative;
	height: 30px;
	vertical-align: top;
	top: 3px
}

@media (max-width:1024px) {
	.train-plt h2 {
		margin: 24px 0 16px
	}

	.train-plt p {
		margin: 16px 0 24px
	}
}

.train-class {
	position: relative;
	padding: 0 32px 32px;
	border: 1px solid rgba(0,0,0,.12);
	border-top-width: 4px;
	max-height: 100px;
	overflow: hidden;
	-webkit-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s
}

.train-class+.train-class {
	margin-top: 32px
}

.train-class[data-name=basic] {
	border-top-color: #1976d2
}

.train-class[data-name=basic] .train-class-intro {
	border-color: #e6f0fa
}

.train-class[data-name=basic] .train-class-intro h3 {
	color: #1976d2
}

.train-class[data-name=opentech] {
	border-top-color: #03a9f4
}

.train-class[data-name=opentech] .train-class-intro {
	border-color: #e4f5fd
}

.train-class[data-name=opentech] .train-class-intro h3 {
	color: #03a9f4
}

.train-class[data-name=contact] {
	border-top-color: #00acc1
}

.train-class[data-name=contact] .train-class-intro {
	border-color: #e4f6f8
}

.train-class[data-name=contact] .train-class-intro h3 {
	color: #00acc1
}

.train-class[data-name=company] {
	border-top-color: #0ac3cc
}

.train-class[data-name=company] .train-class-intro {
	border-color: #e5f8f9
}

.train-class[data-name=company] .train-class-intro h3 {
	color: #0ac3cc
}

.train-class[data-name=case] {
	border-top-color: #009688
}

.train-class[data-name=case] .train-class-intro {
	border-color: #e4f3f2
}

.train-class[data-name=case] .train-class-intro h3 {
	color: #009688
}

.train-class[data-name=practice] {
	border-top-color: #24b593
}

.train-class[data-name=practice] .train-class-intro {
	border-color: #e7f7f3
}

.train-class[data-name=practice] .train-class-intro h3 {
	color: #24b593
}

.train-class i {
	position: absolute;
	right: 32px;
	top: 40px;
	width: 16px;
	height: 16px;
	background-image: url(../image/down.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.train-class.open i {
	background-image: url(../image/up.jpg)
}

@media (max-width:768px) {
	.train-class {
		padding: 0 16px 32px
	}
}

.train-class-meta {
	padding: 32px 16px;
	margin-bottom: 16px;
	cursor: pointer
}

.train-class-meta h3 {
	line-height: 32px
}

@media (max-width:768px) {
	.train-class-meta {
		margin-bottom: 4px
	}
}

.train-class-intro {
	position: relative;
	border: 3px solid;
	padding: 36px 32px;
	background-color: #fff;
	z-index: 1
}

.train-class-intro h3 {
	position: absolute;
	top: -16px;
	left: 16px;
	font-size: 24px;
	line-height: 32px;
	padding: 0 16px;
	display: inline-block;
	background-color: #fff;
	color: #1976d2
}

.train-class-intro p {
	margin: 0;
	color: #666;
	font-size: 14px
}

.train-class-intro+.train-class-intro {
	margin-top: 40px
}

@media (max-width:768px) {
	.train-class-intro {
		padding: 24px 16px
	}

	.train-class-intro h3 {
		font-size: 16px;
		padding: 0 8px;
		left: 8px
	}

	.train-class-intro+.train-class-intro {
		margin-top: 28px
	}
}

.train-history {
	position: relative;
	padding-left: 84px
}

.train-history>span {
	position: absolute;
	left: 0;
	top: -12px;
	font-family: DIN;
	font-size: 20px
}

.train-history:last-child .train-history-main {
	border-left: none;
	padding-bottom: 0
}

@media (max-width:768px) {
	.train-history {
		padding-left: 80px
	}

	.train-history>span {
		font-size: 18px
	}
}

.train-history-main {
	position: relative;
	padding: 0 24px 32px;
	border-left: 1px solid #ccc
}

.train-history-main>div {
	position: relative;
	top: -15px
}

.train-history-main h3 {
	font-size: 18px;
	line-height: 32px;
	font-weight: 700
}

.train-history-main p {
	margin: 7px 0 0;
	color: #666
}

.train-history-main::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: -3px;
	top: -3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #3b3b3b
}

@media (max-width:768px) {
	.train-history-main {
		padding-bottom: 24px
	}

	.train-history-main h3 {
		font-size: 14px;
		line-height: 24px;
		font-weight: 400
	}

	.train-history-main p {
		display: none
	}
}

.train-case-img {
	margin-bottom: calc(72px + 15px)
}

@media (max-width:768px) {
	.train-case-img {
		margin-bottom: calc(40px + 15px)
	}
}

.lang-en .header .pure-menu-children .pure-menu-item {
	width: 300px
}

@media (max-width:768px) {
	.lang-en .banner-item>div {
		padding: 0 30px
	}

	.lang-en .banner-item[data-name=developer] h1 {
		font-size: 30px
	}

	.lang-en .banner-item[data-name=leader] .banner-item-text {
		top: 48px
	}

	.lang-en .banner-item[data-name=leader]>div {
		padding: 0 20px
	}
}

.lang-en .banner-item-text {
	max-width: 510px
}

@media (max-width:768px) {
	.lang-en .banner-item-text h1 {
		font-size: 32px;
		line-height: 48px
	}
}

.lang-en .home-features>div {
	padding: 0 32px
}

@media (max-width:768px) {
	.lang-en .home-features>div {
		padding: 0
	}
}

.lang-en .home-card:hover .home-card-content {
	height: 434px
}

@media (max-width:768px) {
	.lang-en .home-card:hover .home-card-content {
		height: 210px;
		-webkit-box-shadow: none;
		box-shadow: none
	}
}

.lang-en .home-card-image img {
	width: 100%;
	padding-bottom: 250px
}

@media (max-width:768px) {
	.lang-en .home-card-image img {
		padding-bottom: 210px
	}
}

.lang-en .home-card-content {
	height: 250px;
	padding: 40px 32px 0
}

@media (max-width:768px) {
	.lang-en .home-card-content {
		height: 210px
	}
}

.lang-en .home-card-content-extra ul {
	margin-left: -24px
}

.lang-en .home-cases {
	margin: 0 -16px
}

.lang-en .home-cases>div {
	display: inline-block;
	vertical-align: top
}

@media (max-width:1072px) {
	.lang-en .home-cases>div {
		width: 50%;
		margin-bottom: 24px
	}
}

.lang-en .home-case {
	width: 240px;
	padding: 40px 12px
}

.lang-en .home-case.home-case-cooperation .home-case-extra {
	top: 132px
}

@media (max-width:1072px) {
	.lang-en .home-case {
		width: 100%
	}
}

@media (max-width:880px) {
	.lang-en .home-case {
		height: 550px
	}
}

.lang-en .home-case h3 {
	margin-left: -12px;
	margin-right: -12px
}

.lang-en .home-case:hover .home-case-icon {
	margin-top: -16px
}

.lang-en .home-case-m {
	padding-bottom: 16px
}

.lang-en .home-case-m-header {
	margin: 0 -8px
}

.lang-en .home-case-m.open .home-case-desc-m {
	max-height: 0
}

.lang-en .home-case-m img.home-case-icon {
	margin-right: 8px
}

.lang-en .home-case-m h3 {
	width: calc(100% - 48px)
}

.lang-en .home-case-desc-m {
	max-height: 120px;
	-webkit-transition: max-height ease .3s;
	transition: max-height ease .3s;
	overflow: hidden
}

.lang-en .home-case-desc-m p {
	position: relative;
	margin: 4px;
	width: 100%;
	left: 0
}

.lang-en .home-case-desc-m p:first-child {
	margin-top: 8px
}

.lang-en .home-case-m-arrow {
	padding-top: 12px
}

.lang-en .home-case-m i {
	display: block;
	margin: 0 auto
}

.lang-en .home-case-extra {
	padding: 0 24px;
	top: 122px
}

.lang-en .home-case-extra p {
	line-height: 20px;
	margin: 8px 0 24px;
	text-align: center
}

.lang-en .home-case-extra h4 {
	margin: 16px 0
}

.lang-en .home-case-tracer .home-case-extra {
	top: 148px
}

.lang-en .home-case-extra-client>div {
	padding-bottom: 10px
}

.lang-en .home-case-extra-link {
	bottom: 16px
}

.lang-en .home-case-extra-m p {
	text-align: center
}

@media (max-width:768px) {
	.lang-en .products-banner[data-name=devplatform] h1 {
		margin: 0 -36px
	}
}

.lang-en .product-feature-chart>div h3 {
	left: 24px
}

@media (max-width:768px) {
	.lang-en .product-feature-selector>div {
		margin-bottom: 16px;
		padding: 0 0 0 16px;
		line-height: 21px
	}

	.lang-en .product-feature-selector-bg {
		bottom: -90px;
		right: -8px
	}
}

.lang-en .product-illustrate[data-name=smart] h2 {
	font-size: 26px
}

.lang-en .products-banner p,.lang-en .solution-banner p,.lang-en .solution-banner[data-name=finance] h1 {
	max-width: 400px
}

.lang-en .solution-banner[data-name=finance]>div,.lang-en .solution-banner[data-name=tracer]>div {
	padding-top: 80px
}

@media (max-width:768px) {
	.lang-en .solution-banner[data-name=finance]>div,.lang-en .solution-banner[data-name=tracer]>div {
		padding-top: 40px
	}
}

.lang-en .solutions-fn {
	height: 480px
}

@media (max-width:768px) {
	.lang-en .solutions-fn {
		height: auto
	}
}

.lang-en .about-nav a {
	padding: 0
}

@media (max-width:768px) {
	.lang-en .about-nav a {
		width: auto
	}
}

.lang-en .products-banner h1,.lang-en .solution-banner h1 {
	max-width: 480px
}

.lang-en .tabs-selector[data-name=green-gold-chain] {
	height: auto;
	line-height: 24px
}

.lang-en .tabs-selector[data-name=green-gold-chain] span {
	height: auto;
	margin-right: 60px
}

@media (max-width:768px) {
	.lang-en .solution-banner>div {
		padding-top: 32px
	}

	.lang-en .solution-banner h1 {
		font-size: 32px;
		line-height: 48px
	}

	.lang-en .products-banner[data-name=devplatform]>div {
		padding-top: 48px
	}

	.lang-en .products-banner[data-name=devplatform]>div h1 {
		font-size: 32px;
		line-height: 48px;
		padding: 0 32px
	}

	.lang-en .products-banner[data-name=devplatform]>div p {
		margin-top: 12px
	}
}

.lang-en .product-adv {
	padding-left: 72px
}

@media (max-width:768px) {
	.lang-en .product-adv {
		padding-left: 0
	}
}

.lang-en .product-adv>div {
	max-width: 400px
}

.lang-en .product-feature-selector>div {
	padding-right: 16px
}

.lang-en .product-templates-intro {
	width: 368px
}

@media (max-width:768px) {
	.lang-en .product-templates-intro br {
		display: none
	}
}

.lang-en .product-template {
	width: 600px
}

.lang-en .product-template>div {
	padding: 16px 20px 24px 160px
}

.lang-en .product-template h4,.lang-en .product-template p {
	line-height: 19px
}

@media (max-width:768px) {
	.lang-en .product-template {
		width: 100%;
		height: auto
	}

	.lang-en .product-template img {
		display: none!important
	}

	.lang-en .product-template>div {
		padding: 16px 27px;
		border-left: 7px solid
	}

	.lang-en .product-template>div[data-name=wallet] {
		border-left-color: #229aff
	}

	.lang-en .product-template>div[data-name=digital] {
		border-left-color: #14cb93
	}

	.lang-en .product-template>div[data-name=supply] {
		border-left-color: #2789f7
	}

	.lang-en .product-illustrate ul {
		padding-left: 24px
	}
}

.lang-en .about-banner-content {
	top: 80px
}

@media (max-width:768px) {
	.lang-en .about-banner-content {
		top: 0
	}
}