@import "//at.alicdn.com/t/font_1055260_ctlhlph52zd.css";

@-webkit-keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50%) scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: translateX(-50%) scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50%) scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: translateX(-50%) scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@-webkit-keyframes zoomImageInEnd {
	0% {
		opacity: 0;
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1.05,1.05);
		transform: scale(1.05,1.05)
	}
}

@keyframes zoomImageInEnd {
	0% {
		opacity: 0;
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1.05,1.05);
		transform: scale(1.05,1.05)
	}
}

@-webkit-keyframes upfloating {
	0%,to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}
}

@keyframes upfloating {
	0%,to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}
}

@-webkit-keyframes downfloating {
	0%,to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}
}

@keyframes downfloating {
	0%,to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-slide,.swiper-wrapper {
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-o-transition-property: -o-transform;
	-webkit-transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10;
	font-size: 0;
	padding: 0 .5rem
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 30px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #fff;
	border-radius: 50%
}

button.swiper-pagination-bullet {
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #e5001f
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

#video {
	font-size: 0;
	text-align: center
}

.bold {
	font-weight: 700
}

.lazy_img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 700ms,-webkit-filter 300ms;
	-o-transition: transform 700ms,filter 300ms;
	transition: transform 700ms,filter 300ms;
	transition: transform 700ms,filter 300ms,-webkit-transform 700ms,-webkit-filter 300ms;
	-webkit-filter: blur(5px);
	filter: blur(5px)
}

.paging-v2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.button,.paging-v2 a {
	display: inline-block;
	text-align: center
}

.paging-v2 a {
	width: 34px;
	border-radius: 4px;
	margin: 0 5px;
	height: 34px;
	border: 1px solid #dfdfdf;
	font-size: 12px;
	line-height: 34px
}

.paging-v2 a.active {
	color: #00a4ff;
	border-color: #00a4ff
}

.lazy_img.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0)
}

.hidden {
	visibility: hidden;
	opacity: 0;
	white-space: nowrap;
	overflow: hidden
}

.button {
	background: #fff;
	border: 1px solid transparent;
	height: 45px;
	line-height: 40px;
	font-size: 14px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	cursor: pointer;
	transition: all .3s;
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700
}

.button:focus {
	outline: 0
}

.button-default {
	background: #00a4ff;
	color: #fff;
	border-color: #00a4ff
}

.button-default:hover {
	background: #006299;
	color: #fff
}

.button-write {
	background: #fff;
	color: #00a4ff!important;
	border-color: #00a4ff
}

.button-write:hover {
	background: #e6e6e6
}

.button-write-reverse {
	border-color: #fff;
	background: 0 0;
	color: #fff
}

.px-0 {
	padding-left: 0!important;
	padding-right: 0!important
}

.pagination ul {
	display: inline-block;
	margin: 0 -4px
}

.pagination ul>li,.pagination>li {
	display: inline
}

.pagination ul>li>a,.pagination ul>li>span {
	float: left;
	padding: 5px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 4px;
	border-radius: 4px;
	color: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.pagination ul>.active>a,.pagination ul>.active>span {
	background-color: #00a4ff;
	color: #fff;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease
}

.pagination ul>.active>a,.pagination ul>.active>span,.pagination ul>li>a:focus,.pagination ul>li>a:hover {
	background-color: #00a4ff;
	color: #fff
}

.pagination-centered {
	text-align: center
}

.pagination-righted {
	text-align: right
}

.mg-1 {
	margin: 50px 0
}

.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0
}

.padding-sm-30 {
	padding: 0 30px!important
}

.padding-row-30 {
	margin: 0 -30px!important
}

@media (max-width:768px) {
	.fadeable {
		opacity: 1!important
	}

	.px-sm-1 {
		padding-left: 15px!important;
		padding-right: 15px!important
	}

	.mg-0-sm {
		margin: 20px 0
	}
}

@media (max-width:1025px) {
	.wrapper {
		position: absolute;
		top: 0;
		width: 100%;
		
		-webkit-overflow-scrolling: touch;
		bottom: 0
	}
}

.fadeable {
	opacity: 0;
	-webkit-transition: opacity 2s ease;
	-o-transition: opacity 2s ease;
	transition: opacity 2s ease
}

.brand-section .list .item:hover .con,.fadeable.revealed {
	opacity: 1
}

* {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

@media (max-width:767px) {
	.padding-sm-30 {
		padding: 0 15px!important
	}

	.padding-row-30 {
		margin: 0 -15px!important
	}

	.no-flex-xs {
		display: block!important
	}

	.pagination-centered-xs {
		text-align: center!important
	}
}

.header~.wrapper {
	top: 48px
}

.xs-MB-3 {
	margin-bottom: 15px
}

@media (min-width:768px) {
	.flex-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.xs-MB-3 {
		margin-bottom: 30px
	}
}

@media (min-width:992px) {
	.xs-MB-3 {
		margin-bottom: 0
	}
}

@media (max-width:767px) {
	.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 10px
	}

	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 6px;
		height: 6px
	}
}

.pagination {
	display: inline-block;
	padding-left: 0;
	border-radius: 4px
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #898989;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	z-index: 2;
	color: #fff;
	background-color: #b8b8b9;
	border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	background-color: #b5b5b6;
	border-color: #b5b5b6;
	cursor: default
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.global-header {
	height: auto;
	width: 100%;
	-webkit-transition: height .3s ease-in .3s;
	-o-transition: height .3s ease-in .3s;
	transition: height .3s ease-in .3s;
	position: absolute;
	z-index: 999;
	background-position: center;
	background-size: 100% 100%
}

.global-header .global-header-content,.global-header .sub-header {
	background-color: #222
}

.pc-logo {
	line-height: 40px
}

.icon {
	background-image: url(../images/94f6c7a8.png)!important;
	background-size: 400px 400px!important;
	background-repeat: no-repeat!important
}

.global-header-nav-logo a {
	height: 55px;
	width: 55px;
	line-height: 55px
}

.global-header-content {
	position: relative;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.bottom-line-lighter:before {
	content: "";
	height: 1px;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	width: 200%;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #dbdbdb;
	visibility: visible
}

.global-header-nav-item {
	vertical-align: top;
	position: relative;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	-webkit-transition: opacity .2s cubic-bezier(.645,.045,.355,1);
	-o-transition: opacity .2s cubic-bezier(.645,.045,.355,1);
	transition: opacity .2s cubic-bezier(.645,.045,.355,1);
	-webkit-tap-highlight-color: transparent;
	font-size: 14px;
	color: #000;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0 25px
}

.global-header-nav-item>a {
	color: #fff
}

.global-header-nav-item a {
	display: block;
	text-align: center;
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700
}

.global-header-nav-item:before {
	display: none
}

.global-header-nav-search a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	width: 54px;
	background-position: -210px 10px;
	font-size: pxToRem(16px);
	float: left;
	line-height: 50px
}

.global-header-nav-search a .iconfont {
	font-size: pxToRem(16px);
	margin-right: 5px;
	color: #666
}

.icon-arrow-down1 {
	font-size: 14px;
	color: #03296e
}

.global-header-nav-search span {
	float: left;
	line-height: 50px
}

.global-header-nav-top .global-header-nav-search {
	height: inherit;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 16px;
	margin-right: 0;
	-webkit-transition: -webkit-transform .3s linear .2s;
	-o-transition: transform .3s linear .2s;
	transition: transform .3s linear .2s;
	transition: transform .3s linear .2s,-webkit-transform .3s linear .2s
}

.global-logo {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 170px 40px
}

.global-search-show {
	overflow: hidden;
	height: 100%
}

.global-search-show .global-header-nav-search-wrapper {
	display: block
}

.global-header-nav-search-wrapper {
	width: 100%;
	opacity: 1;
	position: absolute;
	top: 90px;
	z-index: 999;
	-webkit-box-shadow: 0 5px 20px rgba(55,55,55,.3);
	box-shadow: 0 5px 20px rgba(55,55,55,.3);
	padding: 16px 20px;
	background-color: #fff;
	display: none;
	min-height: 82px
}

.global-header-nav-search-wrapper:after {
	display: none;
	content: "";
	width: 10px;
	height: 10px;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	background-color: #fff;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 18px;
	top: -6px
}

.global-header-searchview-wrapper {
	position: relative;
	border-bottom: 3px solid #03296e;
	width: calc(100% - 54px)
}

.dropdown-menu a,.global-header-nav-search-content {
	position: relative;
	text-align: center
}

.global-header-nav-search-content .global-header-searchview-input {
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 5px 12px;
	width: 100%;
	background-color: transparent;
	color: #4e4e4e
}

.global-header-searchview-submit {
	width: 30px;
	background-position: -204px 4px;
	position: absolute;
	top: 0;
	-webkit-transition: opacity .2s cubic-bezier(.645,.045,.355,1);
	-o-transition: opacity .2s cubic-bezier(.645,.045,.355,1);
	transition: opacity .2s cubic-bezier(.645,.045,.355,1);
	height: 34px;
	background-color: transparent;
	border: 0;
	right: -35px;
	font-size: pxToRem(30px)
}

.global-mask {
	position: fixed;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	background: rgba(0,0,0,.5);
	-webkit-transition: opacity 1s ease .1s;
	-o-transition: opacity 1s ease .1s;
	transition: opacity 1s ease .1s;
	opacity: 0
}

.global-mask-open {
	height: 100%;
	width: 100%;
	opacity: 1;
	z-index: 667
}

.dropdown-menu {
	height: 0;
	overflow: hidden
}

.dropdown-menu a {
	display: block;
	color: #fff;
	transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	line-height: 1;
	text-align: left
}

.open .dropdown-menu {
	margin: -10px 0 6px;
	display: block;
	height: auto
}

.open .dropdown-menu a {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.global-header-nav,.icon-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.icon-toggle {
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	text-align: center;
	height: 48px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10;
	background-image: url(../images/supporto.png);
	background-size: 15px auto;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.icon-toggle[aria-expanded=true],.open .icon-toggle {
	background-image: url(../images/support.png);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.global-header-nav {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	background: #222
}

.global-header-nav .global-header-nav-logo {
	width: auto;
	height: 55px;
	position: absolute;
	top: 50%;
	margin-top: -27.5px;
	left: 10px;
	font-size: 0
}

.global-header-nav .global-header-nav-logo>a {
	font-size: 0
}

.global-header-nav-list {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 44px;
	position: relative;
	width: 100%
}

.global-mobile-split {
	padding-top: 84px
}

.header-share-bar {
	position: absolute;
	height: 40px;
	width: 100%;
	z-index: 999;
	background: #fff
}

.header-share-bar .bshare-custom,.header-share-bar .flex-box {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.header-share-bar .flex-box {
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header-share-bar .bshare-custom {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border: 1px solid #e9e9e9;
	border-radius: 0 4px 4px 0;
	font-size: 0
}

.header-share-bar .bshare-custom a {
	padding-top: 24px;
	width: 35px
}

.header-share-bar .header-message {
	border: 1px solid #e9e9e9;
	border-right: 0
}

.header-share-bar .header-message a {
	display: inline-block;
	padding-top: 24px;
	width: 35px;
	vertical-align: middle
}

#bsWXBox {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.subment-active {
	display: block!important;
	-webkit-transition: -webkit-transform .8s ease;
	-o-transition: transform .8s ease;
	transition: transform .8s ease;
	transition: transform .8s ease,-webkit-transform .8s ease
}

.subment-open .subment-active {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.subment-open .subtitle {
	opacity: 1!important;
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important
}

.subment-open .global-dropdown-line {
	opacity: 1!important
}

.subment-open .global-header-nav-list {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.global-header-subment-close {
	display: none;
	position: absolute;
	width: 45px;
	height: 45px;
	opacity: 1;
	color: #333;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	left: 0;
	top: 0;
	background: 0 0;
	border: 0;
	z-index: 99
}

.global-header-subment-close .global-dropdown-line {
	display: block;
	z-index: 1;
	opacity: 0;
	-webkit-transition: -webkit-transform .2s linear .6s;
	-o-transition: transform .2s linear .6s;
	transition: transform .2s linear .6s;
	transition: transform .2s linear .6s,-webkit-transform .2s linear .6s;
	position: relative;
	width: 100%;
	height: 100%
}

.global-header-subment-close .global-dropdown-line::before {
	content: "";
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	right: 50%;
	-webkit-transform: rotate(-40deg) scaleY(1.5);
	-ms-transform: rotate(-40deg) scaleY(1.5);
	transform: rotate(-40deg) scaleY(1.5);
	position: absolute;
	background: #333;
	top: 50%;
	width: 12px;
	height: 1px;
	display: block;
	z-index: 1
}

.global-header-subment-close .global-dropdown-line:after {
	content: "";
	position: absolute;
	background: #333;
	top: 50%;
	width: 12px;
	height: 1px;
	left: 50%;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(40deg) scaleY(1.5);
	-ms-transform: rotate(40deg) scaleY(1.5);
	transform: rotate(40deg) scaleY(1.5);
	display: block;
	z-index: 1
}

.subment-open .global-header-nav-menu {
	opacity: 0!important
}

.global-header-hover-block,.nav-item,footer .links .icp a:before {
	display: none
}

.global-header-content {
	padding: 0 30px
}

@media only screen and (max-width:1024px) {
	.pc-logo {
		display: none
	}

	.global-header-content {
		padding: 0
	}

	.global-header-nav-open .global-header-hover-block {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	.global-header-hover-block {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
		position: absolute;
		right: 0;
		width: 100px;
		height: inherit;
		z-index: 1000
	}

	.global-header-hover-block .iconfont {
		font-size: 12px;
		margin-left: 10px
	}

	.global-header-hover-block .hover-title {
		color: #fff;
		font-size: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 48px
	}

	.global-header-hover-block .hover-panel {
		display: none;
		position: absolute;
		top: 100%;
		z-index: 10;
		width: 100%;
		background: #fff
	}

	.global-header-hover-block .hover-panel li+li {
		border-top: 1px solid #fff
	}

	.global-header-hover-block .hover-panel a {
		color: #fff;
		height: 40px;
		line-height: 40px;
		display: block;
		text-align: center
	}

	.dropdown-menu a {
		display: block;
		height: 48px;
		line-height: 48px;
		font-size: 14px
	}

	.nav-item {
		display: block;
		float: left
	}

	.nav-item.active a {
		color: #00a4ff
	}

	.nav-item:first-child {
		margin-left: 15px
	}

	.nav-item a {
		position: relative;
		line-height: 48px;
		margin-right: .5rem;
		font-size: .65rem;
		color: #333
	}

	.nav-item a:after,body {
		position: absolute;
		left: 0;
		width: 100%
	}

	.nav-item a:after {
		content: '';
		bottom: 0;
		background: 0 0;
		height: 3px
	}

	#js-global-subment-close,.nav-item a {
		display: block
	}

	body {
		height: 100%;
		top: 0
	}

	.global-header {
		height: 48px;
		top: 0
	}

	.global-header-nav-open .global-header-nav {
		background: #222
	}

	.global-mobile-split {
		padding-top: 48px
	}

	.header-share-bar {
		display: none
	}

	.global-header-nav-search-wrapper {
		top: 48px
	}

	.global-header-content,.global-header-nav {
		height: 100%;
		overflow: hidden;
		width: 100%;
		background-color: #fff
	}

	.global-header-nav-top {
		display: block;
		height: 48px;
		position: absolute;
		z-index: 10;
		width: 100%;
		background-color: #222;
		-webkit-transition: all .3s cubic-bezier(.445,.05,.55,.95) .3s;
		-o-transition: all .3s cubic-bezier(.445,.05,.55,.95) .3s;
		transition: all .3s cubic-bezier(.445,.05,.55,.95) .3s;
		left: 0
	}

	.global-header-nav-menu {
		left: 0;
		position: absolute;
		z-index: 2;
		top: 0;
		width: 48px;
		height: inherit
	}

	.global-header-nav-btn {
		display: block;
		width: 48px;
		height: inherit;
		-webkit-tap-highlight-color: transparent
	}

	.global-header-nav-btn span:first-child {
		top: 17px
	}

	.global-header-nav-btn span {
		position: absolute;
		width: 18px;
		height: 1px;
		background: #fff;
		left: 16px;
		top: 24px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		-webkit-transform: scaleY(1.5);
		-ms-transform: scaleY(1.5);
		transform: scaleY(1.5)
	}

	.global-header-nav-btn span:last-child {
		top: 31px
	}

	.global-header-nav .global-header-nav-logo {
		height: inherit;
		position: absolute;
		right: 0;
		left: auto;
		top: 0;
		margin-top: 0;
		-webkit-transition: -webkit-transform .15s linear .4s;
		-o-transition: transform .15s linear .4s;
		transition: transform .15s linear .4s;
		transition: transform .15s linear .4s,-webkit-transform .15s linear .4s;
		z-index: 9999;
		margin-right: .5rem
	}

	.global-header-nav .global-header-nav-logo a {
		background-size: 100% auto;
		background-position: center
	}

	.global-header-nav-login a,.global-header-nav-logo a,.global-header-nav-search a,.global-header-searchform-submit {
		display: inline-block;
		overflow: hidden;
		color: #000;
		-webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1);
		-o-transition: opacity .3s cubic-bezier(.645,.045,.355,1);
		transition: opacity .3s cubic-bezier(.645,.045,.355,1);
		padding: 0;
		text-align: right
	}

	.global-header-nav-logo a,.global-header-nav-search a,.global-header-searchform-submit {
		height: 48px;
		width: 125px
	}

	.global-header-nav-login a .iconfont,.global-header-nav-logo a .iconfont,.global-header-nav-search a .iconfont,.global-header-searchform-submit .iconfont {
		font-size: .8rem;
		color: #fff
	}

	.global-header-nav-login a i:last-child,.global-header-nav-logo a i:last-child,.global-header-nav-search a i:last-child,.global-header-searchform-submit i:last-child {
		display: none
	}

	.global-header-nav-login {
		height: inherit;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 16px;
		margin-right: 0;
		-webkit-transition: -webkit-transform .3s linear .2s;
		-o-transition: transform .3s linear .2s;
		transition: transform .3s linear .2s;
		transition: transform .3s linear .2s,-webkit-transform .3s linear .2s;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.global-header-nav-login a {
		height: 44px;
		width: 20px;
		background-position: -165px 8px
	}

	.global-header-nav-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: absolute;
		z-index: 5;
		top: 48px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: visibility .8s ease,-webkit-transform .8s ease;
		-o-transition: visibility .8s ease,transform .8s ease;
		transition: visibility .8s ease,transform .8s ease;
		transition: visibility .8s ease,transform .8s ease,-webkit-transform .8s ease;
		overflow: auto
	}

	.global-header-nav-list .global-header-nav-item {
		width: 100%;
		opacity: 0;
		-webkit-transform: scale(1.2) translateY(-24px);
		-ms-transform: scale(1.2) translateY(-24px);
		transform: scale(1.2) translateY(-24px);
		-webkit-transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
		-o-transition: opacity .25s ease-out,transform .25s ease-out;
		transition: opacity .25s ease-out,transform .25s ease-out;
		transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
		height: 48px;
		line-height: 48px;
		margin-left: 0;
		margin-right: 25px;
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0;
		padding: 0
	}

	.global-header-nav-list .global-header-nav-item::before {
		display: block;
		background-color: rgba(255,255,255,.13)
	}

	.global-header-nav-list .global-header-nav-item>a {
		font-size: 14px;
		padding: 14px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		line-height: 1.4285714285;
		color: #fff;
		text-align: left
	}

	.global-header-nav-list .global-header-nav-login,.global-header-nav-list .global-header-nav-logo {
		display: none
	}

	html.global-header-nav-open,html.global-header-nav-open body {
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 0!important
	}

	.global-header-nav-open .global-header,.global-header-nav-open .global-header-nav {
		height: 100%
	}

	.global-header-btn-close span:first-child {
		-webkit-transition: all .3s ease-in-out .2s;
		-o-transition: all .3s ease-in-out .2s;
		transition: all .3s ease-in-out .2s;
		-webkit-transform: rotate(45deg) translate(5px,5px);
		-ms-transform: rotate(45deg) translate(5px,5px);
		transform: rotate(45deg) translate(5px,5px)
	}

	.global-header-btn-close span:nth-child(2) {
		-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		opacity: 0
	}

	.global-header-btn-close span:nth-child(3) {
		-webkit-transition: all .3s ease-in-out .3s;
		-o-transition: all .3s ease-in-out .3s;
		transition: all .3s ease-in-out .3s;
		-webkit-transform: rotate(-45deg) translate(5px,-5px);
		-ms-transform: rotate(-45deg) translate(5px,-5px);
		transform: rotate(-45deg) translate(5px,-5px)
	}

	.global-header-nav-open .global-header-nav-login,.global-header-nav-open .global-header-nav-search {
		-webkit-transform: translate(100%);
		-ms-transform: translate(100%);
		transform: translate(100%)
	}

	.global-header-nav-open .global-header-nav-item {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		height: auto
	}

	.global-header-nav-open .global-header-nav-item:nth-child(2) {
		-webkit-transition-delay: .3s,.3s;
		-o-transition-delay: .3s,.3s;
		transition-delay: .3s,.3s
	}

	.global-header-nav-open .global-header-nav-item:nth-child(3) {
		-webkit-transition-delay: .35s,.35s;
		-o-transition-delay: .35s,.35s;
		transition-delay: .35s,.35s
	}

	.global-header-nav-open .global-header-nav-item:nth-child(4) {
		-webkit-transition-delay: .4s,.4s;
		-o-transition-delay: .4s,.4s;
		transition-delay: .4s,.4s
	}

	.global-header-nav-open .global-header-nav-item:nth-child(5) {
		-webkit-transition-delay: .45s,.45s;
		-o-transition-delay: .45s,.45s;
		transition-delay: .45s,.45s
	}

	.global-header-nav-open .global-header-nav-item:nth-child(6) {
		-webkit-transition-delay: .5s,.5s;
		-o-transition-delay: .5s,.5s;
		transition-delay: .5s,.5s
	}

	.global-header-nav-open .global-header-nav-item:nth-child(7) {
		-webkit-transition-delay: .55s,.55s;
		-o-transition-delay: .55s,.55s;
		transition-delay: .55s,.55s
	}

	.global-header-nav-open .global-header-nav-item:nth-child(8) {
		-webkit-transition-delay: .6s,.6s;
		-o-transition-delay: .6s,.6s;
		transition-delay: .6s,.6s
	}

	.global-header-nav-open .global-header-nav-logo {
		-webkit-transform: translate(0%,-100%);
		-ms-transform: translate(0%,-100%);
		transform: translate(0%,-100%)
	}

	.header-panel-content .subment {
		position: absolute;
		background-color: #fff;
		height: 100vh;
		top: 0;
		width: 100%;
		overflow: auto;
		padding: 65px 0 25px!important
	}

	.header-panel-content .subment .row {
		padding-left: 0!important
	}

	.global-header-nav-open .subment .subtitle {
		font-size: 16px!important;
		margin-bottom: 10px!important;
		width: 100%;
		opacity: 0;
		-webkit-transform: scale(1.2) translateY(-24px);
		-ms-transform: scale(1.2) translateY(-24px);
		transform: scale(1.2) translateY(-24px);
		-webkit-transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
		-o-transition: opacity .25s ease-out,transform .25s ease-out;
		transition: opacity .25s ease-out,transform .25s ease-out;
		transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out
	}

	.global-header-nav-open .subment ul a {
		font-size: 14px!important;
		padding-left: 15px!important
	}

	.subment ul {
		overflow: hidden
	}

	.subment li {
		opacity: 0;
		-webkit-transform: translateX(24px);
		-ms-transform: translateX(24px);
		transform: translateX(24px);
		-webkit-transition: opacity .25s ease-in,-webkit-transform .25s ease-in;
		-o-transition: opacity .25s ease-in,transform .25s ease-in;
		transition: opacity .25s ease-in,transform .25s ease-in;
		transition: opacity .25s ease-in,transform .25s ease-in,-webkit-transform .25s ease-in
	}

	.subment-open .subment li {
		opacity: 1!important;
		-webkit-transform: none!important;
		-ms-transform: none!important;
		transform: none!important
	}

	.global-header-nav-item .iconfont {
		position: absolute;
		right: 0;
		height: 100%;
		top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 10px;
		z-index: 20
	}
}

@media (max-width:321px) {
	.global-header-nav-logo {
		display: none
	}
}

.header-panel-content {
	background: #fff
}

.header-panel-content .header {
	height: 48px;
	border-bottom: 1px solid #efefef
}

.header-panel-content .icon-left {
	font-size: 25px
}

.header-panel-content .item {
	position: fixed;
	font-family: "Times New Roman";
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 9999;
	display: none
}

.header-panel-content .item.in-right {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%)
}

.header-panel-content .item.in-right,.header-panel-content .item.out-right,footer .links a {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.header-panel-content .block {
	padding: 0
}

.header-panel-content .flex-row {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 15px 0;
	position: absolute;
	top: 48px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto
}

.header-panel-content .title {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px
}

.header-panel-content a {
	font-size: 14px;
	display: block
}

.header-panel-content li+li,.we-advantage-section .list>li ul li+li {
	margin-top: 10px
}

.header-panel-content li {
	padding-left: 10px
}

.header-panel-content .cell {
	padding: 0 15px
}

.header-panel-content .cell+.cell {
	margin-top: 15px
}

@media (min-width:769px) {
	.header-panel-content .cell+.cell {
		margin-top: 0
	}

	.header-panel-content .header {
		display: none
	}

	.header-panel-content li {
		padding-left: 0
	}

	.header-panel-content .item {
		position: absolute;
		overflow: hidden;
		top: 80px;
		left: 0;
		right: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		bottom: auto;
		display: none;
		-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.1);
		box-shadow: 0 3px 12px rgba(0,0,0,.1)
	}

	.header-panel-content .block {
		border-top: 1px solid #c5c5c5;
		padding: 30px 0;
		min-height: 310px
	}

	.header-panel-content .flex-row {
		margin: 0 -50px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		position: static;
		padding: 0 0 0 38%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.header-panel-content .title {
		margin-bottom: 20px
	}

	.header-panel-content .cell {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		padding: 0 10px;
		margin-bottom: 30px
	}

	.header-panel-content li+li {
		margin-top: 10px
	}
}

footer {
	background: #212330
}

footer .links {
	padding: 15px 0
}

footer .links>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -5px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

footer .links>ul li {
	padding: 5px
}

footer .links .icp {
	font-size: 12px;
	color: #999;
	margin-top: 15px
}

footer .links a {
	font-size: 12px;
	color: #999;
	white-space: nowrap
}

#accordion .heroCollapse a:hover,footer .links a:hover {
	color: #00a4ff
}

footer a {
	color: #a9a9a9
}

footer .title {
	display: block;
	position: relative;
	color: #fff;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #fff
}

.panel:not(#qrcode) {
	padding-left: 0
}

#accordion {
	display: block
}

#accordion .panel {
	position: relative;
	width: 100%
}

#accordion .heroCollapse>ul>li {
	padding-left: 15px
}

#accordion .heroCollapse a {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	line-height: 2.5;
	display: block;
	white-space: nowrap
}

.contact-infos {
	padding: 15px 0;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.contact-infos .image {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41px;
	flex: 0 0 41px;
	width: 41px;
	margin: 0 20px 0 0
}

.company-history-section ul li,.contact-infos .con {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.contact-infos .con span {
	display: block;
	font-size: 16px
}

.contact-infos .con .text {
	font-size: 24px;
	margin-bottom: 14px
}

.contact-infos .con a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 20px;
	line-height: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.contact-infos .con a:hover {
	background: #fff;
	color: #00a4ff
}

.heroCollapse li {
	white-space: nowrap;
	color: #999
}

@media (min-width:1025px) {
	.contact-infos {
		padding: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-right: 60px
	}

	.panel:not(#qrcode) {
		padding-left: 2%
	}

	footer .links {
		border-top: 1px solid #353535;
		padding: 35px 0 30px
	}

	footer .links>ul {
		margin: -5px -20px
	}

	footer .links>ul li {
		padding: 5px 20px
	}

	footer .links>ul li:last-child a::before {
		display: none
	}

	footer .links a {
		position: relative
	}

	footer .links a::before {
		content: '';
		position: absolute;
		right: -20px;
		top: 0;
		bottom: 0;
		width: 1px;
		background: #999
	}

	footer .flex-box {
		padding: 45px 0 35px
	}

	footer .icon-toggle {
		display: none
	}

	#accordion .heroCollapse>ul,footer .flex-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	footer .title {
		font-size: 16px;
		line-height: 1;
		margin-bottom: 20px;
		height: auto;
		border-bottom: none;
		pointer-events: none
	}

	#accordion {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	#accordion,#accordion .panel {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	#accordion .panel:not(#qrcode) {
		border-left: 1px solid #353535
	}

	#accordion .panel:nth-child(4n+3) {
		-webkit-box-flex: .5;
		-ms-flex-positive: .5;
		flex-grow: .5
	}

	#accordion .heroCollapse {
		display: block
	}

	#accordion .heroCollapse>ul>li {
		line-height: 1;
		height: auto;
		padding-left: 0;
		width: 50%
	}

	#accordion .heroCollapse a {
		display: inline-block;
		font-size: 13px;
		color: #999;
		line-height: 2.5
	}

	#accordion #qrcode {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 84px;
		flex: 0 0 84px;
		width: 84px
	}
}

@media (min-width:1500px) {
	.panel:not(#qrcode) {
		padding-left: 100px
	}
}

.open.dropdown-menu,.sub-dropdown-menu.open {
	margin: -10px 0 6px;
	display: block;
	height: auto
}

.global-header-nav-item .dropdown-menu>li,.open.dropdown-menu>li,.sub-dropdown-menu.open>li {
	border-bottom: 1px solid rgba(255,255,255,.13)
}

.global-header-nav-item .dropdown-menu>li:last-child,.open.dropdown-menu>li:last-child,.sub-dropdown-menu.open>li:last-child {
	border: 0
}

.open.dropdown-menu a,.sub-dropdown-menu.open a {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.sub-dropdown-menu.open a {
	opacity: .6
}

.sub-dropdown-menu {
	height: 0;
	overflow: hidden
}

.global-header-nav-item .dropdown-menu {
	background: #000;
	margin: 0 -15px;
	padding: 0 15px
}

.full-section {
	height: 100vh;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.sub-toggle.open:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background-image: url(../images/support.png)
}

.sub-toggle {
	position: relative
}

.sub-toggle:after {
	content: '';
	position: absolute;
	width: 48px;
	height: 48px;
	line-height: 4px;
	right: 0;
	top: 0;
	text-align: center;
	font-size: 18px;
	background-image: url(../images/supporto.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px auto
}

.global-header-nav .button-wrapper,.sub-header {
	display: none
}

.desc-section .panel-group {
	margin: 0 -15px
}

.desc-section .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px
}

.desc-section .title img {
	display: block;
	width: 32px;
	height: 32px
}

.desc-section .panel {
	position: relative
}

.brand-section,.desc-section .heroCollapse {
	background: #ebf1f4
}

.desc-section .heroCollapse a {
	display: block;
	padding: 0 15px;
	font-size: 14px;
	line-height: 40px
}

.desc-section .image {
	margin-right: 10px
}

#map-section h1,.desc-section .name {
	font-size: 16px
}

.brand-section .wrap .image,.desc-section .summary {
	display: none
}

.brand-section {
	position: relative;
	padding: 30px 0
}

.brand-section .wrap .con {
	width: 100%;
	line-height: 1
}

.brand-section .wrap .con .title {
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
	color: #000
}

.brand-section .wrap .con .text {
	font-size: 12px;
	color: #6e6e6e;
	text-align: center;
	margin-bottom: 30px
}

.brand-section .list,.brand-section .wrap,.company-history-section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.brand-section .list {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}

.brand-section .list .item {
	position: relative;
	display: block;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.brand-section .list img {
	width: 100%
}

.brand-section .list .con {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.company-history-section {
	padding: 30px 0
}

.company-history-section ul {
	margin: 0 -15px
}

.company-history-section ul strong {
	display: block;
	font-size: 30px;
	color: #000;
	text-align: center
}

.company-history-section ul span {
	display: block;
	font-size: 14px;
	text-align: center
}

.scheme-list,.scheme-section {
	color: #333
}

.scheme-section .title {
	position: relative;
	text-align: center;
	font-size: 20px;
	z-index: 10;
	padding: 30px 0;
	color: #000;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5
}

.scheme-list .con,.scheme-list .con-name {
	display: none
}

.scheme-list .show .name {
	color: #00a4ff
}

.scheme-list .show .name:after {
	background-image: url(../images/support.png);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.scheme-list .name {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px;
	height: 50px;
	border-bottom: 1px solid #e5e5e5
}

#formModal header .close-modal,.scheme-list .name:after {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-repeat: no-repeat
}

.scheme-list .name:after {
	content: '';
	background-position: right center;
	background-image: url(../images/supporto.png);
	background-size: 15px auto;
	width: 15px;
	height: 50px
}

.scheme-list .con .inner {
	background: #f7f8fa;
	padding: 10px 20px;
	border-bottom: 1px solid #e5e5e5
}

.scheme-list .summary {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 20px
}

.scheme-list .images-wrapper .group,.select-section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -10px
}

.scheme-list .images-wrapper .group {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.scheme-list .images-wrapper a {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	width: 33.33333%;
	padding: 0 10px;
	margin-bottom: 15px
}

.select-section .title {
	font-size: 20px;
	text-align: center;
	padding: 30px 0;
	color: #000
}

.select-section ul {
	overflow: auto
}

.select-section ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	padding: 0 10px
}

.select-section .item {
	display: block;
	padding: 10px
}

.select-section .summary {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.select-section img {
	display: block;
	height: 100px;
	width: auto;
	margin: 0 auto
}

.start-section {
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: center;
	padding: 0 0 30px;
	border-top: 1px solid #e5e5e5
}

.start-section .title {
	font-size: 20px;
	color: #000;
	padding: 30px 0 0
}

.start-section .text {
	font-size: 12px;
	color: #6e6e6e;
	text-align: center;
	margin-bottom: 30px
}

.start-section .button {
	width: 100%;
	height: 45px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#formModal .modal-body {
	padding: 0
}

#formModal header {
	position: relative;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	padding: 20px;
	border-bottom: 1px solid #e5e5e5
}

#formModal header .close-modal {
	font-size: 38px;
	color: #b9bfc5;
	border: 0;
	background: 0 0;
	line-height: 1;
	background-image: url(../images/closeMenuIcon.png);
	background-size: cover;
	width: 20px;
	height: 20px
}

#formModal main {
	padding: 40px 40px 35px 30px
}

#formModal .form-group,.start-section .button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#formModal .label {
	font-size: 14px;
	color: #666;
	margin-right: 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

#formModal .form-control {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 44px
}

#formModal .form-group:first-child .label {
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding-top: 5px
}

#formModal textarea {
	height: 100px;
	resize: none
}

#formModal .form-control:focus {
	border-color: #00a4ff
}

#formModal .uploadButton {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 120px;
	height: 44px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	color: #000;
	cursor: pointer
}

#formModal .file-wrapper {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#formModal #file-input {
	position: absolute;
	width: 120px;
	height: 44px;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer
}

#formModal footer {
	background: #fff;
	padding: 30px;
	border-top: 1px solid #e5e5e5
}

#formModal footer .button,.case-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#formModal footer .button {
	height: 36px;
	width: 160px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto
}

.case-banner {
	padding-bottom: 65.83333%;
	position: relative;
	overflow: hidden
}

.case-banner .case-banner-left {
	position: absolute;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 31.25%;
	flex: 0 0 31.25%;
	background: #282a2e;
	width: 31.25%;
	height: 100%;
	top: 0;
	left: 0;
	display: none
}

.case-banner .case-banner-left .en {
	position: absolute;
	left: 60px;
	top: 70px;
	font-size: 20px;
	line-height: 25px;
	color: rgba(255,255,255,.2);
	text-transform: uppercase
}

.case-banner .case-banner-left .num {
	font-family: "Arial";
	font-size: 28px;
	line-height: 28px;
	position: absolute;
	right: 60px;
	top: 70px;
	color: #fff
}

.case-banner .case-banner-left .text {
	position: absolute;
	top: 47.72727%;
	left: 0;
	width: 100%;
	padding-left: 3.64vw;
	padding-right: 3.9vw;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.case-banner .case-banner-left .text .summary,.case-banner .case-banner-left .text .title {
	font-family: "SimHei";
	word-break: break-all;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.case-banner .case-banner-left .text .title {
	height: 5vw;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin-bottom: 1.5625vw;
	font-size: 2.5vw;
	line-height: 2.5vw;
	color: #fff;
	font-weight: 700
}

.case-banner .case-banner-left .text .summary {
	font-size: 14px;
	line-height: 30px;
	color: rgba(255,255,255,.7)
}

.case-banner .case-banner-right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	font-size: 0
}

.case-banner .case-banner-right img {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.case-banner .case-banner-right img:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.case-banner .case-banner-right .img-one-box,.case-banner .case-banner-right .img-two-box {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 61.11111%;
	overflow: hidden
}

.case-banner .case-banner-right .img-one-box img,.case-banner .case-banner-right .img-three img,.case-banner .case-banner-right .img-two-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.case-banner .case-banner-right .img-one-box {
	padding-bottom: 73.33333%
}

.case-banner .case-banner-right .img-one {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 45.45455%
}

.case-banner .case-banner-right .img-three,.case-banner .case-banner-right .img-two {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 54.54545%
}

.case-banner .case-banner-right .img-three {
	width: 100%;
	padding-bottom: 33.33333%;
	overflow: hidden
}

.arrow-box {
	position: absolute;
	z-index: 100;
	left: 70px;
	top: 77.27273%;
	width: 6.354vw;
	height: 2.968vw;
	border: 1px solid #3c3d41;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	display: none
}

.arrow-box .arrow {
	width: 50%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAfklEQVR42mL4//8/AxbsC8QFQMzIwoAJ4oF4LhAzA7EMus54IP7zHwE2IUsmoEmeA2JhfJJCIDmQZBQuSZiCA7gkQZgJ6FJ2JB/cAeKPKH4CqprxHxUsA2JmZCtAnKW4FMHswqkIORywKZqJHpLoio5jiyhmqMOPA7EcQIABAN10TPqmvLJ6AAAAAElFTkSuQmCC) no-repeat center center;-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.arrow-box .button-next {
	border-right: 1px solid #3c3d41;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.hero-container {
	max-width: 1700px;
	margin: 0 auto
}

.content-section {
	padding: 0
}

.case-list {
	overflow: hidden
}

.case-list .r-case .r-case-t,.news-nav-section .new-nav-wrapper ul,.paging {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.case-list .r-case .r-case-t .image {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.case-list .image {
	display: block;
	position: relative
}

.case-list .text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	color: #fff;
	padding: 5px 10px
}

.case-list .text h1,.paging a {
	font-size: 14px;
	white-space: nowrap
}

.case-list .text .summary,.case-list .text h1 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.case-list .text h1 {
	margin-bottom: 5px
}

.case-list .text .summary {
	font-size: 12px;
	white-space: nowrap
}

.paging {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px 15px
}

.paging a {
	height: 35px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #666;
	border: 1px solid #e5e5e5;
	padding: 0 20px;
	display: none;
	align-items: center;
	border-radius: 4px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.paging a.active {
	color: #00a4ff;
	border-color: #00a4ff
}

.paging a.disabled {
	opacity: .5
}

.paging a:not(.disabled):active {
	background: #f2f2f2
}

.paging a:first-child,.paging a:last-child {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.menu-section {
	padding: 0
}

.menu-section .flex {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 11
}

.menu-section .cell {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	width: 1%
}

.menu-section .cell.show .con {
	display: block
}

.menu-section .con {
	position: absolute;
	display: none;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 99;
	background: #fff;
	padding: 10px 0;
	border: 1px solid #e5e5e5;
	height: 200px;
	overflow: auto
}

.menu-section .con a {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding: 0 15px
}

.menu-section .label {
	display: block;
	height: 60px;
	line-height: 60px;
	background: #f3f3f3;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	font-weight: 700;
	font-size: 14px;
	background-image: url(../images/supporto.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 14px auto;
	padding-right: 40px;
	padding-left: 10px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.help-content-section .panel-group .title[aria-expanded=true],.m-help-product dd a.active,.m-help-product dl.on dt a,.menu-section .active,.nav-section ul li.active a,.nav-side-inner .side-list dd a.active {
	color: #00a4ff
}

.touchLayer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none
}

.help-detail-section .mobile-nav .nav-bd .nav-bd-content.pro-open,.touchLayer.show {
	display: block
}

.common-container {
	max-width: 1520px;
	margin: 0 auto
}

.help-search-section {
	min-height: 150px;
	background-size: cover;
	background-repeat: no-repeat
}

.help-search-section .search-wrapper {
	position: relative;
	padding: 60px 15px 0
}

.help-search-section .search-wrapper .form-group {
	position: relative;
	padding-right: 85px;
	margin-bottom: 0
}

.help-search-section .search-wrapper input {
	height: 32px;
	width: 100%;
	color: #20293b;
	font-size: 12px;
	padding: 0 10px
}

.help-search-section .search-wrapper .button {
	position: absolute;
	width: 85px;
	height: 32px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	border-radius: 0;
	background: #313042;
	border: 1px solid #91919a;
	right: 0;
	top: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.help-search-section .search-link,.help-search-section .search-wrapper .button,.nav-section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.help-search-section .search-link {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 15px 0;
	max-height: 44px;
	overflow: hidden
}

.help-search-section .search-link a {
	color: #fff;
	font-size: 12px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 10px;
	opacity: .8;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

#client-section .cards-wrapper .card:hover .text,.help-search-section .search-link a:hover {
	opacity: 1
}

.nav-section {
	border-bottom: 1px solid #efefef
}

.nav-section ul {
	margin: 0 -15px
}

.nav-section ul li {
	padding: 0 10px
}

.nav-section ul li.active:after {
	content: '';
	position: absolute;
	width: 100%;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: #00a4ff
}

.nav-section ul li a {
	font-size: 14px;
	color: #000
}

.prevent-scroll {
	overflow: hidden
}

.help-content-section .panel-group {
	margin: 0 -15px
}

.help-content-section .panel-group .panel {
	position: relative
}

.help-content-section .panel-group .title {
	display: block;
	position: relative;
	font-size: 16px;
	color: #222;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ededed;
	padding: 0 50px 0 20px
}

#process-section .title:after,.help-content-section .panel-group .title:after {
	content: '';
	position: absolute;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 10px;
	top: 50%;
	background-image: url(../images/supporto.png);
	background-size: 15px auto;
	background-repeat: no-repeat
}

#process-section .process-hd li.on .title:after,.help-content-section .panel-group .title[aria-expanded=true]:after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	background-image: url(../images/support.png)
}

.help-content-section .panel-group .heroCollapse {
	background: #f7f8fa;
	padding: 5px 0;
	border-bottom: 1px solid #ededed
}

.help-content-section .panel-group .heroCollapse a {
	display: block;
	height: 35px;
	line-height: 36px;
	padding: 0 20px;
	font-size: 14px
}

.help-detail-section .container {
	padding: 0;
	margin: 0
}

.help-detail-section .search-wrapper {
	position: relative;
	padding: 14px 10px;
	border-bottom: 1px solid #efefef;
	z-index: 12;
	background: #fff
}

.help-detail-section .search-wrapper .form-wrapper {
	position: relative
}

.help-detail-section .search-wrapper .form-wrapper input {
	height: 32px;
	width: 100%;
	padding-right: 85px;
	border: 1px solid #91919a;
	color: #20293b;
	border-right: 0 none
}

.help-detail-section .search-wrapper .form-wrapper .button {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #313042;
	border: 1px solid #91919a;
	width: 85px;
	height: 32px;
	font-size: 16px;
	color: #fff
}

.help-detail-section .mobile-nav {
	display: block;
	width: 100%
}

.help-detail-section .mobile-nav.nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999
}

.help-detail-section .mobile-nav .nav-wrapper {
	position: relative
}

.help-detail-section .mobile-nav .nav-hd {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	border-bottom: 1px solid #efefef;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	z-index: 12;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff
}

.help-detail-section .mobile-nav .nav-hd .title.active .arrrow {
	border-bottom: none;
	border-left: none;
	border-right: 2px solid #3f3f3f;
	border-top: 2px solid #3f3f3f;
	vertical-align: middle
}

.help-detail-section .mobile-nav .nav-hd .arrrow {
	border: 2px solid #3f3f3f;
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-top: none;
	border-right: none;
	vertical-align: 4px;
	margin-left: 10px
}

#fullpage .bg,.help-detail-section .mobile-nav .nav-hd .global-header-nav-btn {
	position: absolute;
	left: 0
}

.help-detail-section .mobile-nav .nav-bd {
	position: relative;
	padding-top: 50px
}

.help-detail-section .mobile-nav .nav-bd .nav-bd-content {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: calc(100vh - 50px - 48px - 51px);
	background: #fff;
	z-index: 11
}

.m-help-product dl.on dd,.nav-bd-content.side-opened .nav-modal-bg,.nav-side-inner .side-list .on dd,.pro-open .m-help-product,.pro-open .nav-modal-bg {
	display: block
}

.m-help-product,.nav-modal-bg {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none
}

.m-help-product {
	background: #fff;
	overflow-y: auto;
	position: absolute;
	z-index: 10
}

.m-help-product dl.on dt a:after {
	top: 22px;
	border-bottom: none;
	border-left: none;
	border-right: 2px solid #00a4ff;
	border-top: 2px solid #00a4ff
}

.m-help-product dt {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	position: relative
}

.m-help-product dd a,.m-help-product dt a {
	display: block;
	padding: 0 20px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.m-help-product dt a:after {
	top: 20px;
	border: 2px solid #3f3f3f;
	width: 8px;
	height: 8px;
	border-top: none;
	border-right: none
}

.m-help-product dd {
	padding: 10px 0
}

.m-help-product dd a {
	line-height: 36px;
	position: relative
}

.m-help-product dd a.active:after,.m-help-product dt a:after,.nav-side-inner .side-list dt a:after {
	content: '';
	position: absolute;
	display: block;
	margin: auto;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 22px
}

.m-help-product dd a.active:after {
	border-top: none!important;
	border-right: none!important;
	top: 10px;
	border: 2px solid #00a4ff;
	width: 10px;
	height: 6px
}

.nav-modal-bg {
	position: fixed;
	z-index: 5;
	overflow: hidden;
	outline: 0;
	background: rgba(0,0,0,.8)
}

.nav-bd-content.side-opened {
	display: block!important
}

.side-opened .nav-side-inner {
	-webkit-transition: max-width .3s;
	-o-transition: max-width .3s;
	transition: max-width .3s;
	max-width: 345px;
	background: #fff
}

.nav-side-inner {
	max-width: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow-y: auto
}

.nav-side-inner .title {
	display: block;
	padding-left: 10px;
	color: #333;
	line-height: 50px;
	font-size: 16px;
	border-bottom: 1px solid #ededed
}

.nav-side-inner .help-left-search {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #ededed
}

.nav-side-inner .help-left-search input {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 40px 10px 10px;
	width: 100%;
	border: 1px solid #f0f0f0;
	color: #333;
	line-height: 16px;
	font-size: 14px
}

.nav-side-inner .help-left-search .iconfont {
	position: absolute;
	right: 11px;
	padding: 0;
	text-align: center;
	width: 36px;
	line-height: 36px;
	height: 36px;
	color: #999;
	top: 10px;
	font-size: 20px
}

.nav-side-inner .side-list li {
	border-bottom: 1px solid #ededed
}

.nav-side-inner .side-list dd a,.nav-side-inner .side-list dt a {
	display: block;
	line-height: 50px;
	padding-left: 10px;
	font-size: 16px;
	position: relative;
	color: #333
}

.nav-side-inner .side-list dt a:after {
	top: 18px;
	border: 2px solid #3f3f3f;
	width: 8px;
	height: 8px;
	border-top: none;
	border-right: none
}

.m-help-product dd,.nav-side-inner .side-list dd {
	display: none;
	border-top: 1px solid #ededed;
	background: #f7f8fa
}

.nav-side-inner .side-list dd a {
	font-size: 14px;
	line-height: 36px;
	color: #666;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav-side-inner .side-list .on dt a:after {
	top: 20px;
	border-bottom: none;
	border-left: none;
	border-right: 2px solid #3f3f3f;
	border-top: 2px solid #3f3f3f
}

.pc-nav {
	display: none
}

.help-detail-section .content {
	margin-bottom: 15px
}

.help-detail-section .content .help-position {
	position: relative;
	color: #999;
	border-bottom: 1px solid #f0f0f0;
	padding: 10px;
	line-height: 16px;
	font-size: 12px
}

.help-detail-section .content .help-position a {
	color: #999
}

.help-detail-section .content .help-position a+a:before {
	content: '>'
}

.help-detail-section .content .help-content {
	padding: 10px;
	line-height: 20px;
	min-height: auto;
	overflow-x: auto;
	font-size: 14px;
	color: #666;
	margin-bottom: 0
}

.help-detail-section .content .help-content h1 {
	font-size: 14px;
	color: #0d0509;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 15px
}

.help-detail-section .content .help-content .edit {
	color: #666;
	font-size: 12px;
	margin-bottom: 10px
}

.help-detail-section .content .help-content .time {
	font-size: 12px;
	padding: 10px 0;
	border-top: 1px solid #efefef;
	color: #999
}

.news-nav-section .new-nav-wrapper {
	margin: 0 -15px;
	border-bottom: 1px solid #efefef
}

.news-nav-section .new-nav-wrapper .label {
	display: none
}

.nav-section ul li,.news-nav-section .new-nav-wrapper ul li {
	position: relative;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.news-nav-section .new-nav-wrapper ul li a:after {
	content: '';
	position: absolute;
	width: 100%;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: 0 0
}

.market-website-section .nav-tabs li.active a,.news-nav-section .new-nav-wrapper ul li.active a {
	color: #00a4ff
}

.news-nav-section .new-nav-wrapper ul li.active a:after {
	background: #00a4ff
}

.news-content-section {
	padding-top: 10px
}

.news-content-section .item {
	display: block;
	border-bottom: #e5e5e5 1px solid;
	position: relative;
	padding: 15px 5px;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.news-content-section .con,.news-content-section .time {
	font-size: 14px;
	line-height: 21px
}

.news-content-section .time {
	position: static;
	padding: 10px 0 0;
	right: 0;
	top: 0;
	width: 170px;
	text-align: left;
	color: #999
}

.news-content-section .news-hd {
	display: none
}

.news-content-section .paging {
	padding: 30px 0
}

.news-content-detail-section {
	background: #fff;
	padding: 10px 0 40px
}

.news-content-detail-section h1 {
	font-size: 18px;
	line-height: 28px;
	padding: 20px 0;
	border-bottom: #e5e5e5 1px solid;
	text-align: center;
	color: #000;
	font-weight: 700
}

.news-content-detail-section .detail-bd {
	padding: 20px 0 0
}

.news-content-detail-section .detail-bd .edit {
	font-size: 14px
}

.news-content-detail-section .time {
	font-size: 14px;
	text-align: right;
	padding: 20px 0
}

#fullpage .bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	top: 0;
	right: 0;
	bottom: 0
}

#intro-section {
	height: 100vh
}

#intro-section .intro-inner {
	position: relative;
	z-index: 10;
	color: #fff;
	margin-top: 10vh
}

#intro-section .intro-inner h1 {
	font-size: 24px;
	margin-bottom: 10px
}

#intro-section .intro-inner h6 {
	font-size: 14px;
	margin-bottom: 30px
}

#intro-section .intro-inner .summary {
	font-size: 12px;
	line-height: 20px
}

#client-section .client-inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0
}

#client-section .cards-wrapper,.honor-inner .items-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#client-section .cards-wrapper {
	position: relative
}

#client-section .cards-wrapper .card {
	display: block;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%
}

#client-section .cards-wrapper .image,#client-section .cards-wrapper .text {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#client-section .cards-wrapper .text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00a4ff;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

#client-section .cards-wrapper .text .name {
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	padding: 0 10px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

#client-section .cards-wrapper .text .link-wrapper {
	text-align: center
}

#client-section .cards-wrapper .text .link {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 50px;
	color: #fff;
	padding: 5px 15px;
	font-size: 14px;
	text-align: center
}

.honor-inner {
	padding: 10px 0
}

.honor-inner .items-wrapper .item>h1,.honor-inner>h1 {
	font-size: 24px;
	font-weight: 700;
	color: #000;
	text-align: center
}

.honor-inner>h1 {
	margin: 30px 0
}

.honor-inner .items-wrapper {
	margin: -10px
}

.honor-inner .items-wrapper .item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
	max-width: 50%;
	padding: 10px;
	background-image: none
}

.honor-inner .items-wrapper .item>h1 {
	margin-bottom: 10px
}

.honor-inner .items-wrapper .item .text {
	font-size: 12px;
	color: #000;
	text-align: center;
	margin-bottom: 15px
}

.honor-inner .items-wrapper .item .summary {
	font-size: 12px;
	line-height: 20px;
	color: #b6a592;
	text-align: center
}

#map-section .con {
	background: #00a4ff;
	color: #fff;
	padding: 10px
}

#map-section p {
	font-size: 12px
}

#map-section .cell+.cell {
	margin-top: 15px
}

#process-section .process-bd {
	display: none
}

#process-section .process-hd {
	margin: 0 -15px;
	border-top: 1px solid #e5e5e5
}

#process-section .process-hd li.on .inner {
	display: block;
	padding: 10px 15px;
	background: #ebf1f4
}

#process-section .process-hd li.on .inner h1 {
	font-size: 26px;
	color: #000;
	font-weight: 400;
	margin-bottom: 15px
}

#process-section .process-hd li.on .inner h2 {
	font-size: 20px;
	color: #00a4ff;
	margin-bottom: 5px
}

#process-section .process-hd li.on .inner .en {
	font-size: 12.5px;
	color: #999
}

#process-section .process-hd li.on .inner .tags {
	font-size: 12px;
	color: #000;
	margin: 30px -5px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#process-section .process-hd li.on .inner .tags .tag {
	padding: 5px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33336%;
	flex: 0 0 33.33336%;
	width: 33.33336%;
	max-width: 33.33336%
}

#process-section .title {
	position: relative;
	display: block;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	padding: 0 15px;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer
}

#process-section .title:after {
	content: "";
	right: 15px;
	background-size: 10px auto;
	width: 10px;
	height: 7px;
	background-position: center
}

#process-section .inner {
	display: none
}

#client-section .cards-wrapper .card:nth-child(24n+10),#client-section .cards-wrapper .card:nth-child(24n+15),#client-section .cards-wrapper .card:nth-child(24n+16),#client-section .cards-wrapper .card:nth-child(24n+9) {
	display: none
}

.top-section {
	background: url(../images/bg.png) no-repeat center center;
	background-size: cover;
	color: #fff
}

.top-section .top-box {
	padding: 20px 0
}

.top-section .name {
	font-size: 24px;
	margin-bottom: 10px
}

.top-section .text {
	font-size: 14px
}

.question-section {
	background: #f6f6f6;
	padding: 20px 0
}

.question-section .title {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px
}

.question-section .text {
	font-size: 14px;
	text-align: center;
	color: #666
}

.question-section .question {
	margin-top: 30px
}

.question-section .question ul:last-child {
	margin-top: 5px
}

.question-section .question li {
	background: #ffb400;
	color: #fff;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	border-radius: 4px;
	padding-left: 20px
}

.question-section .question li+li {
	margin-top: 5px
}

.features-section {
	padding: 20px 0;
	background: #f6f6f6
}

.features-section .title {
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center
}

.features-section .text {
	font-size: 14px;
	color: #666;
	text-align: center
}

.features-section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px
}

.customize-section ul li,.features-section ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
	max-width: 50%
}

.customize-section ul .item,.features-section ul .item {
	background: #fff;
	padding: 20px 0;
	height: 100%
}

.features-section ul .item img {
	display: block;
	width: 40px;
	margin: 0 auto 14px
}

.market-website-section {
	padding: 20px 0
}

.market-website-section .title {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px
}

.market-website-section .text {
	font-size: 14px;
	color: #666;
	text-align: center
}

.market-website-section .nav-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
	border-bottom: 1px solid #e5e5e5
}

.market-website-section .nav-tabs li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 14px
}

.market-website-section .nav-tabs li a {
	color: #666
}

.market-website-section .nav-tabs li.active a:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -18px;
	height: 4px;
	width: 36px;
	background: #00a4ff;
	bottom: -1px
}

.common-section,.market-website-section .tab-content {
	padding: 20px 0
}

.market-website-section .eidt {
	line-height: 25px;
	font-size: 14px
}

.common-section .title {
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center
}

.common-section .text {
	font-size: 14px;
	color: #666;
	text-align: center
}

.companySet-section .item {
	padding: 20px 0
}

.companySet-section ul,.step-list {
	margin-top: 30px
}

.companySet-section strong,.step-list strong {
	font-size: 50px;
	color: #d6d6d6;
	display: block;
	text-align: center;
	line-height: 1;
	margin-bottom: 15px
}

.companySet-section h4,.step-list h4 {
	color: #03004c;
	text-align: center;
	font-weight: 500
}

.companySet-section h4 {
	margin-bottom: 10px;
	font-size: 20px
}

.companySet-section .summary {
	font-size: 14px;
	color: #666;
	text-align: center;
	padding: 0 4.5vw;
	line-height: 25px
}

.step-list .item {
	padding: 20px 0
}

.step-list h4 {
	font-size: 16px
}

.base-section,.customize-section {
	background: #f2f3f5
}

.customize-section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px
}

.base-section ul li img,.customize-section ul .item img {
	display: block;
	width: 50px;
	margin: 0 auto 14px
}

.base-section ul li h4,.customize-section ul .item h4 {
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px
}

.customize-section ul .item span {
	display: block;
	font-size: 12px;
	color: #666;
	text-align: center
}

.base-section ul {
	margin-top: 20px
}

.base-section ul li .item {
	background: #fff;
	padding: 30px 20px
}

.base-section ul li h4 {
	color: #03004c;
	font-weight: 500;
	margin-bottom: 10px
}

.base-section ul li .summary {
	font-size: 14px;
	text-align: center;
	color: #666
}

.responsive-help-section .sub-title {
	font-size: 16px;
	color: #00a4ff;
	text-align: center;
	margin-bottom: 10px
}

.responsive-help-section .inner {
	margin-top: 20px
}

.responsive-features-section {
	padding: 20px 0 0
}

.responsive-features-section .title span {
	color: #00a4ff;
	margin: 0 2px
}

.responsive-features-section .inner {
	margin: 0 -15px
}

.responsive-features-section .nav-tabs .con {
	display: none;
	background: #f7f8fa;
	padding: 10px 20px;
	border-bottom: 1px solid #e5e5e5
}

.responsive-features-section .nav-tabs li:last-child .con,.responsive-features-section .nav-tabs li:last-child a {
	border-bottom: 0!important
}

.responsive-features-section .nav-tabs li.active:last-child a {
	border-bottom: 1px solid #e5e5e5!important
}

.responsive-features-section .nav-tabs li.active .con {
	display: block
}

.responsive-features-section .nav-tabs li.active a {
	color: #00a4ff
}

.responsive-features-section .nav-tabs li.active a:after {
	background-image: url(../images/support.png);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.responsive-features-section .nav-tabs a {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 15px
}

.responsive-features-section .nav-tabs a:after {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-image: url(../images/supporto.png);
	background-size: 10px auto;
	width: 10px;
	height: 7px
}

.responsive-features-section .tab-content {
	display: none
}

.show-nav .path-menu-section {
	opacity: 1;
	pointer-events: auto
}

.nav-sheets-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(34,34,34,.8);
	pointer-events: none;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	z-index: 9999
}

.nav-sheets-wrapper .path-menu-section {
	font-weight: 600;
	padding: 80px 20px;
	height: 100%;
	overflow-y: scroll;
	background: -webkit-gradient(linear,left top,left bottom,from(#020d11),to(rgba(2,13,17,0)));
	background: -webkit-linear-gradient(top,#020d11 0%,rgba(2,13,17,0) 100%);
	background: -o-linear-gradient(top,#020d11 0%,rgba(2,13,17,0) 100%);
	background: linear-gradient(to bottom,#020d11 0%,rgba(2,13,17,0) 100%);
	-webkit-overflow-scrolling: touch
}

.nav-sheets-wrapper ul {
	border-top: 2px solid #00a4ff;
	border-left: 2px solid #00a4ff;
	border-right: 2px solid #00a4ff
}

.nav-sheets-wrapper .item {
	display: block;
	padding: 12px 18px;
	border-bottom: 2px solid #00a4ff
}

.nav-sheets-wrapper .label {
	font-size: 14px;
	color: #00a4ff
}

.nav-sheets-wrapper .title {
	color: #fff;
	font-size: 18px
}

.nav-sheets-wrapper #close-manu {
	position: absolute;
	background-image: url(../images/closeMenuIcon.png);
	width: 50px;
	height: 50px;
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-position: center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 3%;
	z-index: 999
}

.nav-sheets-wrapper .item {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.nav-sheets-wrapper .item:hover {
	background-color: rgba(0,164,255,.1)
}

.show-nav {
	overflow: hidden
}

.show-nav .nav-sheets-wrapper {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.wechat-introl-section .inner {
	margin-top: 18px
}

.wechat-introl-section .inner ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.wechat-introl-section .inner ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.wechat-introl-section .inner .item {
	padding: 12px 0
}

.wechat-introl-section .inner .item strong {
	display: block;
	font-weight: 700;
	color: #000;
	text-align: center;
	font-size: 24px
}

.wechat-introl-section .inner .item span {
	display: block;
	font-size: 14px;
	color: #666;
	text-align: center
}

.contact-section .text {
	color: #00a4ff
}

.iframe-wrapper {
	width: 100%
}

.iframe-wrapper iframe {
	height: 1440px
}

.multiple-system-section {
	padding: 30px 0
}

.multiple-system-section .intro-block img {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto 15px
}

.multiple-system-section .intro-block .title {
	font-size: 24px;
	color: #000;
	margin-bottom: 5px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.multiple-system-section .intro-block .summary {
	font-size: 14px;
	color: #fe3f3a;
	margin-bottom: 5px
}

.multiple-system-section .intro-block .text {
	font-size: 14px;
	color: #747474
}

.multiple-system-section .bar,.multiple-system-section .bar ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.multiple-system-section .bar {
	background: #f5f5f5;
	padding: 16px 30px 16px 14px;
	color: #757575;
	overflow: auto;
	margin-top: 20px
}

.multiple-system-section .bar .label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 20px
}

.multiple-system-section .bar .more {
	padding-right: 20px;
	margin-left: 20px
}

.multiple-system-section .bar a {
	color: inherit;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	white-space: nowrap
}

.multiple-system-section .bar ul {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 -10px
}

.multiple-system-section .bar ul li {
	padding: 0 10px
}

.profession-model-section .title,.we-advantage-section .title {
	font-size: 24px;
	color: #000;
	text-align: center;
	margin-bottom: 20px
}

.profession-model-section ul {
	text-align: center
}

.layout-section ul li,.profession-model-section ul li {
	margin-bottom: 15px
}

.profession-model-section ul img,.we-advantage-section .list img {
	display: block;
	max-width: 100%;
	margin: 0 auto 10px
}

.profession-model-section ul .name {
	font-size: 18px;
	color: #000;
	text-align: Center;
	margin-bottom: 5px
}

.profession-model-section ul .like {
	text-align: center;
	font-size: 14px;
	color: #fe3f3a;
	display: inline-block;
	margin-bottom: 5px
}

.profession-model-section ul .text {
	font-size: 12px;
	color: #676767;
	text-align: center
}

.we-advantage-section {
	padding: 30px 0;
	background: #f2f3f5
}

.we-advantage-section .title {
	margin-bottom: 15px
}

.we-advantage-section .summary {
	font-size: 15px;
	color: #000;
	text-align: center;
	margin-bottom: 10px
}

.we-advantage-section .summary span {
	color: red
}

.we-advantage-section .text {
	font-size: 12px;
	color: #5e646b;
	text-align: center
}

.layout-section ul,.we-advantage-section .list {
	margin-top: 30px
}

.we-advantage-section .list>li {
	margin-bottom: 15px;
	color: gray
}

.we-advantage-section .list>li:last-child {
	margin-bottom: 0
}

.we-advantage-section .list>li ul li {
	position: relative;
	padding-left: 8px;
	line-height: 1.68;
	height: 46px;
	overflow: hidden
}

.we-advantage-section .list>li ul li:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #5e646b;
	position: absolute;
	top: 8px;
	left: 0
}

.layout-section .title,.we-advantage-section .list .name {
	font-size: 18px;
	text-align: center;
	color: #000;
	margin-bottom: 5px
}

.we-advantage-section .list .item {
	background: #fff;
	padding: 30px 20px;
	border: 1px solid #e5e5e5
}

.case-section,.layout-section {
	padding: 30px 0
}

.layout-section .title {
	font-size: 24px
}

.layout-section .text {
	font-size: 14px;
	color: #000;
	text-align: center
}

.layout-section ul .item {
	-webkit-box-shadow: 0 0 20px rgba(0,164,255,.2);
	box-shadow: 0 0 20px rgba(0,164,255,.2);
	padding: 30px 10px
}

.layout-section ul img {
	display: block;
	max-width: 100%;
	margin: 0 auto 10px;
	border-radius: 50%;
	-webkit-box-shadow: 5px 8px 20px 0 rgba(255,37,28,.2);
	box-shadow: 5px 8px 20px 0 rgba(255,37,28,.2)
}

.case-section .title,.layout-section ul .name {
	font-size: 20px;
	color: #000;
	text-align: center;
	margin-bottom: 10px
}

.layout-section ul .summary {
	font-size: 14px;
	color: #676767;
	text-align: center
}

.case-section .title {
	font-size: 24px;
	margin-bottom: 20px
}

.case-section .block {
	max-width: 1150px;
	margin: auto
}

.case-section .block .con {
	margin-top: 20px
}

.case-section .block .logo {
	height: 50px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	margin-bottom: 15px
}

.case-section .block .intro,.case-section .block .name {
	font-size: 18px;
	color: #000;
	margin-bottom: 5px
}

.case-section .block .intro small {
	color: #999;
	font-size: 12px
}

.case-section .block .name {
	font-size: 16px
}

.case-section .block .summary {
	font-size: 14px;
	color: #757575
}

.case-section .tags,.case-section .tags span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.case-section .tags {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px
}

.case-section .tags span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #737c85;
	margin-right: 10px
}

.case-section .tags span .iconfont {
	margin-right: 2px
}

@media (min-width:1025px) {
	.multiple-system-section {
		padding: 100px 0
	}

	.multiple-system-section .intro-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.multiple-system-section .intro-block img {
		margin: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto
	}

	.multiple-system-section .intro-block .con {
		margin-left: 70px
	}

	.multiple-system-section .intro-block .title {
		font-size: 40px;
		margin-bottom: 10px
	}

	.multiple-system-section .intro-block .summary {
		font-size: 18px;
		margin-bottom: 30px
	}

	.multiple-system-section .intro-block .text {
		font-size: 16px
	}

	.multiple-system-section .bar {
		margin-top: 60px
	}

	.multiple-system-section .bar .label {
		margin-right: 4.1666vw
	}

	.multiple-system-section .bar .more {
		margin-left: 4.1666vw
	}

	.multiple-system-section .bar ul {
		margin: 0
	}

	.multiple-system-section .bar ul li {
		padding: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center
	}

	.profession-model-section {
		padding: 30px 0 100px
	}

	.profession-model-section .title {
		font-size: 40px;
		margin-bottom: 70px
	}

	.profession-model-section ul {
		margin: 0 -1.5625vw
	}

	.profession-model-section ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
		max-width: 25%;
		padding: 0 1.5625vw
	}

	.profession-model-section ul .item {
		-webkit-box-shadow: 0 0 20px rgba(0,164,255,.2);
		box-shadow: 0 0 20px rgba(0,164,255,.2);
		padding: 60px 30px 90px;
		height: 100%
	}

	.features-section ul .item img,.profession-model-section ul img {
		margin: 0 auto 20px
	}

	.profession-model-section ul .name {
		font-size: 24px
	}

	.profession-model-section ul .like {
		font-size: 16px;
		margin-bottom: 20px
	}

	.customize-section ul .item span,.profession-model-section ul .text {
		font-size: 14px
	}

	.we-advantage-section {
		padding: 70px 0 90px
	}

	.we-advantage-section .title {
		font-size: 40px;
		margin-bottom: 40px
	}

	.we-advantage-section .summary {
		font-size: 30px;
		margin-bottom: 15px
	}

	.we-advantage-section .text {
		font-size: 16px;
		max-width: 820px;
		line-height: 150%;
		margin: auto auto 70px
	}

	.we-advantage-section .list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -25px -15px
	}

	.layout-section ul li,.we-advantage-section .list>li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
		width: 33.33333%;
		padding: 25px 15px;
		margin: 0
	}

	.we-advantage-section .list .item {
		padding: 30px 3.64583vw 60px
	}

	.layout-section ul .name,.we-advantage-section .list .name {
		margin-bottom: 20px;
		font-size: 24px
	}

	.layout-section {
		padding: 70px 0 30px
	}

	.layout-section .text {
		margin-bottom: 50px;
		font-size: 16px
	}

	.layout-section .title {
		font-size: 40px
	}

	.base-section ul,.layout-section ul,.nav-sheets-wrapper .path-menu-section .inner .list,.profession-model-section ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.layout-section ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -25px -20px
	}

	.layout-section ul li {
		padding: 25px 20px
	}

	.layout-section ul img {
		margin: 0 auto 25px
	}

	.layout-section ul .item {
		padding: 100px 30px 90px
	}

	.case-section {
		padding: 70px 0 50px
	}

	.case-section .title {
		font-size: 40px;
		margin-bottom: 40px
	}

	.case-section .swiper-slide {
		padding-bottom: 42%;
		overflow: hidden
	}

	.case-section .swiper-slide,.case-section .swiper-slide .flex-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.case-section .swiper-slide .flex-box,.case-section .swiper-slide img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}

	.case-section .block .con {
		position: relative;
		z-index: 2;
		background: #fff;
		padding: 35px 40px;
		max-width: 420px;
		border-radius: 4px;
		margin: 0 43px 0 auto
	}

	.contact-section {
		padding: 50px 0
	}

	.contact-section .text {
		font-size: 40px
	}

	.wechat-introl-section {
		padding: 70px 0
	}

	.wechat-introl-section .inner {
		max-width: 1200px;
		margin: 50px auto 0
	}

	.companySet-section.four-colum ul li,.nav-sheets-wrapper .path-menu-section .inner .list li,.wechat-introl-section .inner ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
		max-width: 25%
	}

	.wechat-introl-section .inner .item strong {
		font-size: 30px;
		margin-bottom: 10px
	}

	.global-header-nav-item.active a {
		color: #00a4ff
	}

	.global-header-nav {
		margin: 0 -25px
	}

	.nav-sheets-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(34,34,34,.8);
		opacity: 0;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5);
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease
	}

	.nav-sheets-wrapper .path-menu-section .inner,.nav-sheets-wrapper .path-menu-section .inner .list li .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.nav-sheets-wrapper .path-menu-section,.nav-sheets-wrapper .path-menu-section .inner {
		height: 100%
	}

	.nav-sheets-wrapper .path-menu-section .inner .list {
		max-width: 1520px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 20px;
		border: 0;
		margin: -13px
	}

	.nav-sheets-wrapper .path-menu-section .inner .list li {
		padding: 13px
	}

	.nav-sheets-wrapper .path-menu-section .inner .list li .item {
		border: 2px solid #00a4ff;
		padding: 50px 0;
		min-height: 280px;
		max-height: 280px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.nav-sheets-wrapper .path-menu-section .label {
		font-size: 20px;
		color: #00a4ff;
		text-align: center;
		margin-bottom: 20px
	}

	.nav-sheets-wrapper .path-menu-section .title {
		font-size: 30px;
		color: #fff;
		text-align: center
	}

	.common-section .title {
		font-size: 36px;
		margin-bottom: 20px
	}

	.responsive-help-section {
		padding: 70px 0 0
	}

	.responsive-help-section .sub-title {
		font-size: 18px;
		margin-bottom: 30px
	}

	.responsive-help-section .text {
		max-width: 640px;
		margin: 0 auto
	}

	.responsive-help-section .inner {
		margin-top: 100px;
		padding: 130px 6.25vw;
		-webkit-box-shadow: 0 0 20px rgba(0,164,255,.2);
		box-shadow: 0 0 20px rgba(0,164,255,.2)
	}

	.responsive-features-section {
		padding: 120px 0 70px
	}

	.responsive-features-section.wechat-section {
		padding: 40px 0 70px
	}

	.responsive-features-section.wechat-section .title {
		margin-bottom: 20px
	}

	.responsive-features-section.wechat-section .inner {
		margin-top: 30px
	}

	.responsive-features-section.wechat-section .nav-tabs a {
		padding: 0 2.60416vw
	}

	.responsive-features-section.wechat-section .tab-content {
		padding-bottom: 0
	}

	.responsive-features-section .title {
		margin-bottom: 60px
	}

	.responsive-features-section .nav-tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.responsive-features-section .nav-tabs li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}

	.responsive-features-section .nav-tabs li.active a:before {
		content: '';
		position: absolute;
		height: 4px;
		background: #00a4ff;
		width: 36px;
		left: 50%;
		margin-left: -18px;
		bottom: 4px
	}

	#process-section li .inner,.responsive-features-section .nav-tabs .con {
		display: none!important
	}

	.responsive-features-section .nav-tabs a {
		border: 0;
		font-size: 18px;
		padding: 0 1.5625vw;
		white-space: nowrap;
		color: #666
	}

	#process-section .process-bd li,.news-nav-section .new-nav-wrapper a:after,.responsive-features-section .nav-tabs a:after {
		display: none
	}

	.responsive-features-section .tab-content {
		display: block;
		padding: 50px 60px;
		margin-top: 30px
	}

	.responsive-features-section .tab-content .edit {
		font-size: 16px;
		line-height: 30px;
		overflow: hidden
	}

	.base-section {
		padding: 60px 0 70px
	}

	.base-section ul {
		margin: 50px -6px 0
	}

	.base-section ul li,.step-list li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		max-width: 25%;
		flex: 0 0 25%;
		padding: 0 6px
	}

	.base-section ul li .summary {
		text-align: left
	}

	.base-section ul li h4,.customize-section ul .item h4 {
		font-size: 20px
	}

	.base-section ul li .item {
		height: 100%;
		padding: 70px 2.4vw
	}

	.why-section {
		padding: 50px 0 130px
	}

	.responsive-features-section .tab-content,.why-section .inner {
		-webkit-box-shadow: 0 0 20px rgba(0,164,255,.2);
		box-shadow: 0 0 20px rgba(0,164,255,.2)
	}

	.why-section .text {
		max-width: 666px;
		margin: 0 auto
	}

	.why-section .step-list {
		margin-top: 50px
	}

	.brand-website-section {
		padding: 70px 0
	}

	.brand-website-section .title {
		max-width: 410px;
		margin: 0 auto 40px
	}

	.brand-website-section .inner {
		-webkit-box-shadow: 0 0 20px rgba(0,164,255,.2);
		box-shadow: 0 0 20px rgba(0,164,255,.2)
	}

	.step-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.step-list li {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		width: 20%;
		max-width: 20%;
		padding: 60px 0
	}

	.step-list .item {
		padding: 0;
		border-right: 1px solid #e5e5e5
	}

	.step-list li:last-child .item {
		border-right: 0
	}

	.step-list h4 {
		max-width: 230px;
		margin: 0 auto;
		height: 60px;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.customize-section {
		padding: 40px 0
	}

	.customize-section .title {
		margin-bottom: 50px
	}

	.customize-section ul {
		margin: -6px
	}

	.customize-section ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		width: 20%;
		padding: 6px
	}

	.customize-section ul .item {
		padding: 30px 0;
		border: 1px solid #e5e5e5
	}

	.companySet-section {
		padding: 70px 0 80px
	}

	.companySet-section.four-colum {
		padding: 70px 0 0
	}

	.companySet-section .text {
		max-width: 666px;
		margin: 0 auto
	}

	.companySet-section .inner {
		-webkit-box-shadow: 0 0 20px rgba(0,164,255,.2);
		box-shadow: 0 0 20px rgba(0,164,255,.2)
	}

	.companySet-section ul {
		margin-top: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.companySet-section .item {
		border-right: 1px solid #eee;
		padding: 0
	}

	.companySet-section li {
		padding: 50px 0
	}

	.companySet-section li:nth-child(6n+3) .item,.companySet-section li:nth-child(6n+6) .item {
		border-right: 0
	}

	.companySet-section ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		width: 33.33333%;
		max-width: 33.33333%
	}

	.companySet-section ul .summary {
		padding: 0 4.5vw
	}

	.market-website-section {
		padding: 40px 0 90px
	}

	.market-website-section .inner {
		max-width: 1070px;
		margin: 0 auto
	}

	.market-website-section .title {
		font-size: 36px;
		margin-bottom: 40px
	}

	.market-website-section .nav-tabs {
		border-bottom: 0;
		margin-top: 60px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.market-website-section .nav-tabs li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin: 0 30px;
		font-size: 20px
	}

	.market-website-section .tab-content {
		-webkit-box-shadow: 0 0 20px rgba(0,164,255,.2);
		box-shadow: 0 0 20px rgba(0,164,255,.2);
		margin-top: 36px;
		padding: 90px 70px
	}

	.market-website-section .edit {
		font-size: 20px;
		line-height: 30px
	}

	.features-section {
		padding: 40px 0 60px
	}

	.features-section .title {
		font-size: 36px;
		margin-bottom: 20px
	}

	.features-section .text {
		font-size: 14px
	}

	.features-section ul {
		margin: 36px -6px -6px
	}

	.features-section ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		width: 20%;
		max-width: 20%;
		padding: 6px
	}

	.features-section ul .item {
		padding: 50px 0 70px;
		border: 1px solid #e5e5e5
	}

	.features-section ul .item .text {
		font-size: 16px
	}

	.question-section {
		padding: 70px 0 100px
	}

	.question-section .inner {
		max-width: 1020px;
		margin: 0 auto
	}

	.question-section .title {
		font-size: 36px;
		margin-bottom: 20px
	}

	.question-section .question {
		margin-top: 60px;
		background-image: url(../images/fontwenti.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.question-section .question li {
		width: 320px
	}

	.question-section .question ul:last-child {
		margin-top: 0
	}

	.top-section {
		padding: 60px 0
	}

	.top-section .name {
		font-size: 40px;
		margin-bottom: 40px
	}

	.top-section .text {
		font-size: 16px
	}

	#client-section .center-img,#client-section .center-text {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		z-index: 10
	}

	#client-section .center-img {
		background-image: url(https://img.alicdn.com/tfs/TB190DQQFXXXXbjXXXXXXXXXXXX-400-370.png);
		background-position: center;
		background-repeat: no-repeat;
		left: 0
	}

	#client-section .center-text {
		left: 25px;
		width: 250px;
		height: 210px
	}

	#client-section .cards-wrapper,.honor-inner .items-wrapper {
		max-width: 1200px;
		margin: 0 auto
	}

	#client-section .cards-wrapper .card {
		display: block;
		position: relative;
		z-index: 12;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		width: 16.66667%;
		max-width: 16.66667%;
		background: #f7f7f9
	}

	#client-section .cards-wrapper .card:hover .text {
		opacity: 1
	}

	#client-section .cards-wrapper .card:nth-child(24n+1),#client-section .cards-wrapper .card:nth-child(24n+10),#client-section .cards-wrapper .card:nth-child(24n+12),#client-section .cards-wrapper .card:nth-child(24n+13),#client-section .cards-wrapper .card:nth-child(24n+15),#client-section .cards-wrapper .card:nth-child(24n+17),#client-section .cards-wrapper .card:nth-child(24n+20),#client-section .cards-wrapper .card:nth-child(24n+22),#client-section .cards-wrapper .card:nth-child(24n+24),#client-section .cards-wrapper .card:nth-child(24n+3),#client-section .cards-wrapper .card:nth-child(24n+5),#client-section .cards-wrapper .card:nth-child(24n+8) {
		background: #fff
	}

	#client-section .cards-wrapper .card:nth-child(24n+10),#client-section .cards-wrapper .card:nth-child(24n+15),#client-section .cards-wrapper .card:nth-child(24n+16),#client-section .cards-wrapper .card:nth-child(24n+9) {
		display: block;
		opacity: 0;
		visibility: hidden
	}

	#process-section .process-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		max-width: 1270px;
		margin: 0 auto
	}

	#process-section .process-hd {
		margin: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 300px;
		flex: 0 0 300px;
		width: 300px;
		max-width: 300px;
		border: 0
	}

	#process-section .process-hd li:nth-child(even) .title {
		background: #f7f8fa
	}

	#process-section .process-hd li:nth-child(odd) .title {
		background: #fff
	}

	#process-section .process-hd li.on .title {
		background: #00a4ff;
		color: #fff
	}

	#process-section .process-hd li.on .title::after {
		content: '';
		position: absolute;
		width: 100px;
		height: 1px;
		background: #000;
		-webkit-transform: translateY(-50%) translateX(-100%);
		-ms-transform: translateY(-50%) translateX(-100%);
		transform: translateY(-50%) translateX(-100%);
		top: 50%;
		left: 0;
		background-image: none
	}

	#process-section .process-hd li.on .title::before {
		content: '';
		position: absolute;
		width: 100px;
		height: 1px;
		background: #fff;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		left: 0
	}

	#process-section .process-bd {
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 300px);
		flex: 0 0 calc(100% - 300px);
		width: calc(100% - 300px);
		max-width: calc(100% - 300px)
	}

	#process-section .process-bd li.on,.pc-nav .help-left-wrap .help-list-menu .help-list>li.on .help-list--sub {
		display: block
	}

	#process-section .process-bd li.on h1 {
		font-size: 60px;
		color: #000;
		margin-bottom: 100px
	}

	#process-section .process-bd li.on h2 {
		font-size: 44px;
		color: #00a4ff;
		margin-bottom: 10px
	}

	#process-section .process-bd li.on .en {
		font-size: 25px;
		color: #999
	}

	#process-section .process-bd li.on .tags {
		font-size: 24px;
		color: #000;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 40px
	}

	#process-section .process-bd li.on .tags .tag {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33336%;
		flex: 0 0 33.33336%;
		width: 33.33336%;
		max-width: 33.33336%
	}

	#process-section .title {
		height: 100px;
		line-height: 100px;
		border: 0;
		font-size: 16px;
		color: #000;
		text-align: center
	}

	#process-section .title:after {
		background-image: none
	}

	#map-section,.honor-inner {
		padding: 0
	}

	#map-section .map {
		position: relative
	}

	#map-section .con {
		position: absolute;
		right: 0;
		top: 0;
		width: 590px;
		bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-left: 7.22vh
	}

	#map-section h1 {
		font-size: 20px;
		margin-bottom: 10px
	}

	#map-section p {
		font-size: 17px
	}

	#map-section .cell+.cell {
		margin-top: 7.22vh
	}

	#honor-section {
		background: #f6f6f6
	}

	.honor-inner>h1 {
		font-size: 40px;
		font-weight: 400
	}

	.honor-inner .items-wrapper .item:first-child {
		-webkit-animation: downfloating 3s ease-in-out 0s infinite alternate forwards;
		animation: downfloating 3s ease-in-out 0s infinite alternate forwards
	}

	.honor-inner .items-wrapper .item:nth-child(4n+2) {
		-webkit-animation: upfloating 3s ease-in-out 0s infinite alternate forwards;
		animation: upfloating 3s ease-in-out 0s infinite alternate forwards
	}

	.honor-inner .items-wrapper .item:nth-child(4n+3) {
		-webkit-animation: downfloating 3s ease-in-out 0s infinite alternate forwards;
		animation: downfloating 3s ease-in-out 0s infinite alternate forwards
	}

	.honor-inner .items-wrapper .item:last-child {
		-webkit-animation: upfloating 3s ease-in-out 0s infinite alternate forwards;
		animation: upfloating 3s ease-in-out 0s infinite alternate forwards
	}

	.honor-inner .items-wrapper .item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
		max-width: 25%;
		height: 605px;
		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: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-repeat: no-repeat;
		background-position: center bottom;
		-webkit-animation-duration: 5s;
		animation-duration: 5s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	.honor-inner .items-wrapper .item>h1 {
		font-size: 76px
	}

	.company-history-section ul span,.honor-inner .items-wrapper .item .text,.nav-section ul li a {
		font-size: 16px
	}

	.honor-inner .items-wrapper .item .summary {
		font-size: 12px
	}

	#intro-section .bg {
		top: 84px;
		bottom: 0
	}

	#intro-section .header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%
	}

	#intro-section .intro-inner {
		margin-top: 0
	}

	#intro-section .intro-inner .inner {
		max-width: 605px;
		margin: 84px 0 0 auto
	}

	#intro-section .intro-inner h1 {
		font-size: 55px;
		font-weight: 700
	}

	#intro-section .intro-inner h6 {
		font-size: 24px;
		margin-bottom: 40px
	}

	#intro-section .intro-inner .summary {
		font-size: 14px
	}

	.news-content-detail-section {
		background: #f7f8fa
	}

	.news-content-detail-section .detail-inner {
		background: #fff;
		border: 1px solid #e5e5e5;
		padding: 50px 104px 123px
	}

	.news-content-section {
		background: #f7f8fa;
		padding-bottom: 40px
	}

	.news-content-section .news-list-wrapper {
		margin-top: 10px;
		background: #fff;
		border: 1px solid #e5e5e5;
		padding: 25px 30px
	}

	.news-content-section .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.news-content-section .item:hover .con,.pc-nav .help-left-wrap.open #js-pro-all {
		color: #00a4ff
	}

	.news-content-section .item .con {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 1%;
		padding-right: 30px
	}

	.news-content-section .item .time {
		padding-top: 0;
		margin-left: auto
	}

	.news-content-section .paging {
		padding: 40px 0
	}

	.news-content-section .news-hd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		font-size: 16px;
		color: #666;
		padding: 15px 5px;
		border-bottom: 1px solid #e5e5e5
	}

	.news-content-section .news-hd span:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 170px;
		flex: 0 0 170px;
		width: 170px
	}

	.news-nav-section {
		background: #f7f8fa
	}

	.news-nav-section .new-nav-wrapper {
		background: #fff;
		padding: 25px 30px;
		border: 1px solid #e5e5e5;
		margin: 10px 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.news-nav-section .new-nav-wrapper .label {
		font-size: 14px;
		color: #666;
		vertical-align: top;
		padding-right: 10px;
		width: 80px;
		display: block
	}

	.news-nav-section .new-nav-wrapper ul {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100%/80px);
		flex: 0 0 calc(100%/80px);
		width: calc(100%/80px)
	}

	.news-nav-section .new-nav-wrapper ul li a {
		min-width: 80px;
		height: 30px;
		line-height: 28px;
		border: 1px solid #ddd;
		font-size: 14px;
		color: #333;
		text-align: center;
		position: relative;
		display: inline-block;
		margin-right: 10px
	}

	.news-nav-section .new-nav-wrapper ul li a:hover {
		background-color: #f7f8fa;
		border: 1px solid #b3b3b3
	}

	.news-nav-section .new-nav-wrapper ul li.active a {
		background-color: #eff9ff;
		border-color: #00a4ff
	}

	.news-nav-section .new-nav-wrapper a {
		white-space: nowrap
	}

	.help-detail-section .container {
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px
	}

	.help-content-section .panel-group .title:after,.help-detail-section .mobile-nav,.help-detail-section .search-wrapper {
		display: none
	}

	.help-detail-section .flex {
		max-width: 1520px;
		margin: 15px auto 0
	}

	.help-detail-section .flex:after {
		content: '';
		display: table;
		clear: both
	}

	.help-detail-section .content {
		margin-left: 300px;
		margin-bottom: 15px
	}

	.help-detail-section .content .help-position {
		font-size: 14px;
		padding: 21px 210px 18px 0
	}

	.help-detail-section .content .help-content h1 {
		font-size: 24px;
		margin-bottom: 25px;
		font-weight: 400
	}

	.help-detail-section .content .help-content .edit {
		font-size: 14px;
		margin-bottom: 20px
	}

	.help-detail-section .content .help-content .time {
		font-size: 14px;
		padding: 17px 0
	}

	.pc-nav {
		display: block;
		min-height: 500px;
		float: left
	}

	.pc-nav .help-left-wrap {
		position: relative;
		width: 270px;
		border: 1px solid #f0f0f0;
		background-color: #fff
	}

	.pc-nav .help-left-wrap.open .help-left-tit:after {
		content: '';
		position: absolute;
		bottom: 3px;
		width: 100%;
		height: 4px;
		background: #fff;
		z-index: 10
	}

	.pc-nav .help-left-wrap .help-navbox {
		position: absolute;
		z-index: 2;
		top: 50px;
		left: 0;
		-webkit-box-shadow: 0 2px 3px 0 #eee;
		box-shadow: 0 2px 3px 0 #eee;
		width: 1200px;
		height: 560px;
		padding: 0 20px;
		border: 1px solid #ededed;
		background: #fff;
		overflow: auto;
		zoom: 100%;
		clear: both
	}

	.pc-nav .help-left-wrap .help-navbox ul {
		position: relative;
		margin-bottom: 10px;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.pc-nav .help-left-wrap .help-navbox ul li {
		width: 20%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		text-align: left;
		margin-top: -1px;
		padding-bottom: 20px
	}

	.pc-nav .help-left-wrap .help-navbox ul li span {
		border-bottom: 1px solid #ededed;
		display: block;
		margin: 0 0 20px 10px;
		max-width: 208px
	}

	.pc-nav .help-left-wrap .help-navbox ul li h3 {
		font-size: 16px;
		margin-bottom: 20px;
		color: #222;
		padding: 0 10px;
		max-width: 208px
	}

	.pc-nav .help-left-wrap .help-navbox ul li a {
		display: block;
		padding: 0 10px;
		color: #666;
		line-height: 40px;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 208px
	}

	.pc-nav .help-left-wrap .help-navbox ul li a:hover {
		color: #00a4ff;
		background: #f9f9f9
	}

	.pc-nav .help-left-wrap .help-left-tit {
		position: relative
	}

	.pc-nav .help-left-wrap .help-left-tit h2 {
		line-height: 25px;
		font-size: 14px;
		color: #333;
		padding: 15px;
		border-bottom: 1px solid #f0f0f0
	}

	.pc-nav .help-left-wrap .help-left-tit .iconfont {
		position: absolute;
		right: 10px;
		top: 0;
		padding: 21px 10px;
		line-height: 1;
		font-size: 14px;
		color: #333;
		cursor: pointer
	}

	.pc-nav .help-left-wrap .help-left-subtit {
		padding: 16px 15px;
		line-height: 24px;
		font-weight: 700;
		font-size: 16px;
		color: #333
	}

	.pc-nav .help-left-wrap .help-left-search {
		position: relative;
		padding: 0 10px 10px
	}

	.pc-nav .help-left-wrap .help-left-search input {
		padding: 10px 40px 10px 10px;
		width: 100%;
		border: 1px solid #f0f0f0;
		color: #333;
		line-height: 16px;
		font-size: 12px
	}

	.pc-nav .help-left-wrap .help-left-search .iconfont {
		position: absolute;
		top: 0;
		right: 11px;
		padding: 0;
		text-align: center;
		width: 36px;
		line-height: 36px;
		height: 36px;
		font-size: 16px;
		color: #999
	}

	.pc-nav .help-left-wrap .help-list-menu {
		overflow-y: auto
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list {
		padding-bottom: 20px
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list>li {
		line-height: 38px
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list>li.on .iconfont {
		-webkit-transform: translateY(-50%) rotate(90deg);
		-ms-transform: translateY(-50%) rotate(90deg);
		transform: translateY(-50%) rotate(90deg)
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list .title {
		color: #0d0509;
		display: block;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: normal;
		position: relative;
		line-height: 18px;
		padding: 10px 25px 10px 15px
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list .title:hover {
		background: #f9f9f9
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list .title .iconfont {
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #d3d3d3
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list .help-list--sub {
		display: none;
		font-size: 12px
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list .help-list--sub a {
		display: block;
		line-height: 16px;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 11px 25px;
		color: #666
	}

	.pc-nav .help-left-wrap .help-list-menu .help-list .help-list--sub a.active {
		background: #ededed
	}

	.help-content-section {
		padding: 40px 0
	}

	.help-content-section .panel-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 0
	}

	.help-content-section .panel-group .panel {
		padding: 0 0 30px!important;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%
	}

	.help-content-section .panel-group .panel .heroCollapse,.help-content-section .panel-group .panel .title {
		max-width: 250px
	}

	.help-content-section .panel-group .title {
		pointer-events: none;
		line-height: 36px;
		height: 35px;
		padding: 0;
		margin: 0 0 5px 10px
	}

	.help-content-section .panel-group .heroCollapse {
		display: block;
		background: #fff;
		border: 0
	}

	.help-content-section .panel-group .heroCollapse a {
		color: #00a4ff;
		font-size: 14px;
		height: 38px;
		line-height: 38px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 0 10px
	}

	.help-content-section .panel-group .heroCollapse a:hover {
		background: #f8f8f8
	}

	.nav-section ul {
		margin: 0;
		padding-left: 10px
	}

	.nav-section ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding: 0 25px;
		height: 64px;
		line-height: 64px;
		font-size: 16px
	}

	.desc-section .heroCollapse a:hover,.nav-section ul li a:hover {
		color: #00a4ff
	}

	.nav-section ul li a:hover:after {
		content: '';
		position: absolute;
		width: 100%;
		bottom: -1px;
		left: 0;
		height: 2px;
		background: #00a4ff
	}

	.help-search-section {
		height: 390px
	}

	.help-search-section .search-wrapper {
		position: relative;
		max-width: 730px;
		margin: 0 auto;
		padding: 174px 0 0
	}

	.help-search-section .search-wrapper .button,.help-search-section .search-wrapper input {
		height: 40px
	}

	.help-search-section .search-link {
		max-width: 730px;
		margin: 0 auto;
		padding: 10px 0 0
	}

	.menu-section {
		padding: 40px 0
	}

	.menu-section .cell {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 10vw
	}

	.menu-section .label {
		background: 0 0;
		pointer-events: none;
		border: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		height: auto;
		line-height: initial
	}

	.menu-section .con {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		position: static;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		overflow: initial;
		height: auto;
		padding: 0;
		margin: 0 -15px
	}

	.menu-section .con a {
		white-space: nowrap;
		line-height: initial;
		padding: 0 15px
	}

	.paging {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 60px 0
	}

	.paging a {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin: 0 9px
	}

	.paging a:hover {
		color: #2b2b2b;
		border: 1px solid #999;
		text-decoration: none
	}

	.paging a:first-child {
		display: none
	}

	.paging a:not(:last-child) {
		padding: 0 13px
	}

	.content-section {
		padding: 0
	}

	.case-list li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 -10px
	}

	.case-list li>div {
		padding: 0 10px;
		width: 50%
	}

	.case-list li>div img {
		width: 100%;
		height: 100%
	}

	.case-list li:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.case-list li+li {
		margin-top: 20px
	}

	.case-list .image {
		display: block;
		position: relative;
		height: 100%
	}

	.case-list .text {
		padding: 20px 40px
	}

	.case-list .text h1 {
		font-size: 18px
	}

	.case-list .text .summary {
		font-size: 12px
	}

	.case-list .r-case,.case-list .r-case .r-case-t {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.case-list .r-case {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: -5px 0
	}

	.case-list .r-case>div {
		padding: 5px 0
	}

	.case-list .r-case .r-case-t {
		margin: 0 -10px
	}

	.case-list .r-case .r-case-t .text {
		left: 10px;
		right: 10px
	}

	.case-list .r-case .r-case-t .image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding: 0 10px
	}

	.case-banner {
		padding-bottom: 45.83333%
	}

	.arrow-box,.case-banner .case-banner-left,.scheme-bgs li.show {
		display: block
	}

	.case-banner .case-banner-right {
		left: 31.25%;
		width: 68.75%
	}

	.start-section {
		padding: 65px 0 85px;
		border-top: 0
	}

	.start-section .title {
		font-size: 30px;
		margin-bottom: 20px
	}

	.start-section .text {
		font-size: 16px;
		color: #222
	}

	.start-section .button {
		width: 220px;
		margin: 0 auto
	}

	.select-section {
		background: #f9f9f9;
		padding: 0 0 119px
	}

	.select-section ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%
	}

	.select-section .item {
		padding: 40px 60px 10px;
		background: #fff;
		height: 100%
	}

	.select-section .summary {
		height: 88px;
		overflow: hidden
	}

	.select-section .title {
		font-size: 30px;
		color: #000;
		padding: 70px 0 60px
	}

	.scheme-section {
		position: relative;
		min-height: 730px;
		padding-top: 80px;
		color: #fff
	}

	.scheme-section .title {
		font-size: 24px;
		margin-bottom: 80px;
		padding: 0;
		color: #fff;
		border: 0
	}

	.scheme-list {
		position: relative;
		z-index: 10;
		width: 1100px;
		margin: 0 auto;
		color: #fff
	}

	.scheme-list .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.scheme-list .item:first-child ::after {
		top: -10px
	}

	.scheme-list .show .name {
		color: #00a4ff;
		background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.2)),to(transparent));
		background: -webkit-linear-gradient(right,rgba(0,0,0,.2),transparent);
		background: -o-linear-gradient(right,rgba(0,0,0,.2),transparent);
		background: linear-gradient(to left,rgba(0,0,0,.2),transparent)
	}

	.scheme-list .show .name::before {
		content: '';
		top: 0;
		bottom: 0;
		width: 3px;
		background: #00a4ff;
		right: 0;
		position: absolute;
		z-index: 11
	}

	.scheme-bgs li,.scheme-list .show .con {
		display: block;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}

	.scheme-list .show .con .inner {
		position: absolute;
		padding: 24px 10px 20px 74px;
		opacity: 1;
		top: 0
	}

	.scheme-list .show .con .inner::before {
		content: '';
		position: absolute;
		left: -2px;
		top: 0;
		bottom: 0;
		width: 2px;
		background: #667080
	}

	.scheme-list .show .con .inner .con-name {
		font-size: 24px;
		margin-bottom: 40px;
		display: block
	}

	.scheme-list .show .con .inner .summary {
		font-size: 14px;
		line-height: 1.6;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin-bottom: 80px
	}

	.scheme-list .show .con .inner .images-wrapper {
		border-top: rgba(255,255,255,.2) 1px dashed;
		padding: 30px 0 0
	}

	.scheme-list .show .con .inner .group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -10px -20px
	}

	.scheme-list .show .con .inner .group a {
		display: block;
		padding: 10px 20px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		margin-bottom: 0
	}

	.scheme-list .show .con .inner .group a img {
		max-height: 82px
	}

	.scheme-list .con {
		display: none
	}

	.scheme-list .con .inner {
		opacity: 0;
		-webkit-transition: all .3s .5s;
		-o-transition: all .3s .5s;
		transition: all .3s .5s;
		background: 0 0;
		padding: 0;
		border-bottom: 0
	}

	.scheme-list .name {
		display: block;
		position: relative;
		color: #fff;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.6667%;
		flex: 0 0 16.6667%;
		margin-bottom: 15px;
		padding: 5px 48px 5px 0;
		text-align: right;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-bottom: 0;
		height: auto;
		font-size: 16px
	}

	.scheme-list .name:after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		bottom: -15px;
		width: 2px;
		background: #667080;
		height: initial;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.scheme-list .con {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.scheme-bgs {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}

	.scheme-bgs li {
		background-size: cover;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		display: none
	}

	.company-history-section {
		padding: 70px 0
	}

	.company-history-section ul {
		max-width: 900px;
		margin: 0 auto
	}

	.company-history-section ul strong {
		font-size: 60px
	}

	.brand-section {
		background: #fff;
		padding: 0
	}

	.brand-section .wrap .image {
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}

	.brand-section .wrap .con {
		padding-top: 6.77vw
	}

	.brand-section .wrap .con .title {
		font-size: 50px;
		color: #000;
		margin-bottom: 20px
	}

	.brand-section .wrap .con .text {
		font-size: 16px
	}

	.wall {
		position: absolute;
		width: 100%;
		top: 0;
		margin-top: 32vh;
		z-index: 99;
		padding: 0 5.729vw 0 8.3333vw
	}

	.desc-section {
		background: #ebf1f4
	}

	.desc-section .panel-group {
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.brand-section .wrap .con,.desc-section .panel-group .panel {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.desc-section .icon-toggle {
		display: none
	}

	.desc-section .collapse,.desc-section .summary {
		display: block
	}

	.desc-section .title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		pointer-events: none;
		height: auto;
		padding-bottom: 30px
	}

	.desc-section .title img {
		width: 120px;
		height: auto
	}

	.desc-section .image {
		margin-bottom: 20px;
		margin-right: 0
	}

	.desc-section .name {
		font-size: 24px;
		color: #000
	}

	.desc-section .summary {
		font-size: 15px;
		color: #989898
	}

	.desc-section .panel {
		padding: 60px 0!important;
		background: #ebf1f4;
		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-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.desc-section .panel:nth-child(5n+1),.desc-section .panel:nth-child(5n+3),.desc-section .panel:nth-child(5n+5) {
		background: #fff
	}

	.desc-section .panel:nth-child(5n+1) .heroCollapse,.desc-section .panel:nth-child(5n+1) .title,.desc-section .panel:nth-child(5n+3) .heroCollapse,.desc-section .panel:nth-child(5n+3) .title,.desc-section .panel:nth-child(5n+5) .heroCollapse,.desc-section .panel:nth-child(5n+5) .title {
		background: inherit
	}

	.desc-section .heroCollapse {
		background: #ebf1f4
	}

	.desc-section .heroCollapse a,.global-header-nav .button-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.desc-section .heroCollapse a {
		position: relative;
		font-size: 13px;
		color: #585858;
		margin: 0 auto;
		pointer-events: none;
		cursor: initial
	}

	.desc-section .heroCollapse a::before {
		content: '';
		display: inline-block;
		top: 50%;
		left: 7px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background: #888;
		margin-right: 5px
	}

	.global-header-nav .button-wrapper {
		height: 44px;
		padding: 0 25px
	}

	.global-header-nav .button-wrapper span {
		font-size: 14px;
		color: #fff;
		background: -webkit-linear-gradient(10deg,#3171ff 0,#a14faf 100%);
		background: -o-linear-gradient(10deg,#3171ff 0,#a14faf 100%);
		background: linear-gradient(80deg,#3171ff 0,#a14faf 100%);
		height: 26px;
		padding: 0 15px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		white-space: nowrap;
		border-radius: 26px;
		cursor: pointer
	}

	.index-page .global-header .global-header-content,.index-page .global-header .sub-header {
		background: 0 0;
		-webkit-transition: all .5s linear;
		-o-transition: all .5s linear;
		transition: all .5s linear
	}

	.index-page .global-mobile-split {
		display: none
	}

	.index-page .global-header-nav {
		background: 0 0
	}

	.sub-header {
		display: block;
		border-bottom: 1px solid #3c3d41;
		padding: 0 30px
	}

	.sub-header img {
		max-height: 30px
	}
}

@media (max-width:1025px) {
	.contact-infos,.wechat-home .scheme-section {
		display: none
	}

	#formModal main {
		padding: 15px
	}

	.honor-inner .items-wrapper .item {
		background: #fff!important
	}

	.footer .container {
		padding: 0
	}

	.footer .hidden {
		display: none
	}

	.footer .title {
		border-color: #393c40;
		padding: 0 15px
	}

	.footer .qrcode {
		text-align: center;
		margin-top: 20px
	}

	.footer .qrcode img {
		width: 160px;
		height: 160px
	}

	.footer .links {
		padding: 15px
	}
}

@media (min-width:1300px) and (max-width:1500px) {
	.honor-inner>h1 {
		font-size: 30px;
		margin: 0 0 40px
	}

	.honor-inner .items-wrapper .item {
		height: 480px
	}

	#process-section .title {
		height: 60px;
		line-height: 60px
	}

	#process-section .process-bd li.on h1 {
		font-size: 50px;
		margin-bottom: 90px
	}

	#process-section .process-bd li.on h2 {
		font-size: 35px
	}
}

@media (min-width:1200px) and (max-width:1367px) {
	#client-section .cards-wrapper {
		max-width: 900px
	}
}