#nprogress {
	pointer-events: none
}

#nprogress
.bar {
	background: #29d;
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px
}

#nprogress
.peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px)
}

#nprogress
.spinner {
	display: block;
	position: fixed;
	z-index: 1031;
	top: 15px;
	right: 15px
}

#nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
	overflow: hidden;
	position: relative
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress
.bar {
	position: absolute
}

@-webkit-keyframes nprogress-spinner {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}
/*! responsive-nav.js 1.0.39 by @viljamis */
.nav-collapse
ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none
}

.nav-collapse
li {
	width: 100%;
	display: block
}

.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1
}

.nav-collapse.opened {
	max-height: 9999px
}

.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

@media screen and (min-width: 40em) {
	.js .nav-collapse {
		position: relative
	}

	.js .nav-collapse.closed {
		max-height: none
	}

	.nav-toggle {
		display: none
	}
}

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide
img {
	display: block
}

.slick-slide.slick-loading
img {
	display: none
}

.slick-slide.dragging
img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px
solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff ;
}

@font-face {
	font-family:'slick';font-weight:normal;font-style:normal;src:url('../fonts/slick.eot');src:url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg')
}

.slick-prev,.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before {
	content: '←'
}[dir='rtl'] .slick-prev:before {
	content: '→'
}

.slick-next {
	right: -25px
}[dir='rtl'] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before {
	content: '→'
}[dir='rtl'] .slick-next:before {
	content: '←'
}

.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center
}

.slick-dots
li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0
5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li
button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}


.section-hd1 {
	padding-top: 2.1rem;
	text-align: center


}



@media only screen and (max-width: 40em) {
	.section-hd1 {
		padding-top: 1.275rem;
	}
}




#about-overview-section {
}

@media only screen and (max-width: 40em) {
	#about-overview-section {
		margin-bottom: 0;
	}
}

#about-overview-section
.row {
}

@media only screen and (max-width: 40em) {
	#about-overview-section .row
.column {
		padding: 0 0.3125rem;
	}
}

.about-overview-block .block-hd {
	padding-bottom: 2.75rem;
	text-align: center;
}

@media only screen and (max-width: 40em) {
	.about-overview-block .block-hd {
		padding: 0
0 1.25rem
	}

}

.about-overview-block .en-title {
	color: #C2191F;
	
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0

}

.about-overview-block .zh-title {
	display: inline-block;
	color: #222;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem
;
	font-weight: 400;
}

.about-overview-block .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #C2191F;
	margin-top: 5px;
}




.about-overview-block

p {
	color: #4d4d4d;
	line-height: 2;


}

.about-overview-block
.btn {
	color: #4d4d4d;
	text-align: center;
	font-size: 0.875rem;
	margin-top: 25px;
	padding-top: 15px;
	background: url(../images/more_dots.png) no-repeat 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.about-overview-block
.btn {
		background-image: url(../images/more_dots@2x.png);
		-webkit-background-size: 23px 5px;
		background-size: 23px 5px
	}
}

#about-history-section {
	height: 50rem;
	padding: 5rem 0;
	background-color: #54be73;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 100%;
	overflow: hidden;
}

@media only screen and (max-width: 40em) {
	#about-history-section {
		padding: 2.5rem 0;
		height:43rem;
	}
}

#about-history-section
.row {
	max-width: 60.625rem
}

#about-history-section .block-ft
.row {
	max-width: 64.75rem
}

.about-history-block .block-hd {
	text-align: center;
	margin-bottom: 0.8125rem;
}

.about-history-block .en-title {
	color: #fff;
	
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0
}

.about-history-block .zh-title {
	display: inline-block;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	position: relative;
	padding: 0
0 0.375rem

}

.about-history-block .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 5px;
	background-color: #fff;
	opacity: 0.4;

}

.about-history-block
.cover {
	display: inline-block;
	position: relative;
	float: left;
	margin-right: 2.5rem;
	width: 550px;
	border: #fff solid 2px;
}

@media only screen and (max-width: 40em) {
	.about-history-block
.cover {
		display: block;
		float: none;
		width: 70%;
		margin: 0 auto 1.25rem;
	}
}

.about-history-block .cover
img {
	display: block;
	width: 100%;
	opacity: 0;
	-webkit-box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.about-history-block .slick-active .cover
img {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.about-history-block .cover-desc {
	display: inline-block;
	color: #3C3939;
	background-color: #fff;
	height: 2rem;
	line-height: 1rem;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	font-weight: 500;
	position: absolute;
	top: -3.25rem;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.about-history-block .cover-desc:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: transparent solid 0.625rem;
	border-right: transparent solid 0.625rem;
	border-top: #fff solid 0.5rem;
	position: absolute;
	bottom: -0.5rem;
}



@media only screen and (max-width: 40em) {

	.about-history-block .cover-desc {
		text-align: center;
		font-size: 0.75rem
	}
}

.about-history-block .slick-active .cover-desc {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.about-history-block .item-content {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s
}

@media only screen and (max-width: 40em) {
	.about-history-block .item-content {
		padding: 0
1.875rem
	}
}

.about-history-block .slick-active .item-content {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.about-history-block
p {
	color: #fff;
	font-size: 16px;
}

#about-history-carousel {
	visibility: hidden;
	margin-bottom: 2.5rem;
	opacity: 0
}

#about-history-carousel.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-history-carousel
.year {
	color: #fff;
	font-size: 9rem;
	font-weight: 700;
	line-height: 110%;
	margin: 0;
	position: absolute;
	bottom: -1.05rem;
	left: 36.375rem;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

@media only screen and (max-width: 40em) {
	#about-history-carousel
.year {
		width: 100%;
		left: 0;
		bottom: -0.625rem;
		font-size: 7.5rem;
		text-align: center
	}
}

#about-history-carousel .slick-active
.year {
	opacity: 0.2;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#about-history-carousel
.item {
	display: none;
	position: relative;
	height: 26.55rem;
	padding: 3.25rem 0 0;
}

@media only screen and (max-width: 40em) {
	#about-history-carousel
.item {
		height: 22.5rem
	}
}

#about-history-carousel .item:focus {
	outline: none
}

#about-history-carousel .slick-track
.item {
	display: block
}

#about-history-carousel-nav {
	height: 1.875rem;
	position: relative;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

#about-history-carousel-nav.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-history-carousel-nav:before {
	content: '';
	display: block;
	width: 110%;
	height: 0.25rem;
	background-color: #fff;
	position: absolute;
	left: -5%;
	top: 3.75rem
}

#about-history-carousel-nav
.item {
	width: 1.25rem;
	height: 1.25rem;
	padding: 3.5rem 0;
	position: relative;
	text-align: center;
	cursor: pointer
}

#about-history-carousel-nav .item:focus {
	outline: none
}

#about-history-carousel-nav .item:before {



	content: '';
	display: block;

	width: 0.875rem;
	height: 0.875rem;
	border-radius: 100%;
	background-color: #fff;
	border: #ddd solid 0.1875rem;
	margin: 0
auto
}

#about-history-carousel-nav .item.slick-current:before {
	background-color: #54be73;
	border-color: #fff;

}

#about-history-carousel-nav .item .item-label {
	position: absolute;
	color: #3C3939;
	background-color: #fff;
	font-size: 14px;
	top: 0;
	left: 50%;
	margin-left: -1.25rem;
	padding: 0.25rem 0.625rem;
	visibility: hidden;
	line-height:1.6;
	opacity: 0;
}

#about-history-carousel-nav .item.slick-current .item-label {
	visibility: visible;
	opacity: 1
}

#about-history-carousel-nav .item .item-label:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: transparent solid 0.625rem;
	border-right: transparent solid 0.625rem;
	border-top: #fff solid 0.5rem;
	position: absolute;
	bottom: -0.5rem;
}

#about-history-carousel-nav .item
.year {
	font-size: 1.125rem;
	font-weight: 700;
	padding-top: 0.25rem;
	opacity: 0.9;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

#about-history-carousel-nav .item.slick-current
.year {
	opacity: 1
}

#about-history-carousel-nav .slick-prev,
#about-history-carousel-nav .slick-next {
	top: 75%
}

#about-culture-section {
	width: 100%;
	background-color: #fff;
	padding: 2.5rem 0;
	overflow: hidden
}

#about-culture-section .block-hd {
	padding: 3.75rem 0;
	text-align: center
}

#about-culture-section .en-title {
	color: #C2191F;
	
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0

}

#about-culture-section .zh-title {
	display: inline-block;
	color: #222;
	font-weight: 400;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem




}

#about-culture-section .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 5px;
	background-color: #C2191F;
}

#about-culture-carousel {
	visibility: hidden;
	margin-bottom: 2.5rem;
	opacity: 0
}

#about-culture-carousel.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-culture-carousel
.item {
	display: none;
	position: relative;
	height: 19.75rem;
	padding: 3.25rem 0 0
}

@media only screen and (max-width: 40em) {
	#about-culture-carousel
.item {
		height: 22.5rem;
		padding: 3.25rem 0.9375rem 0
	}
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#about-culture-carousel
.item {
		padding: 3.25rem 0.9375rem 0
	}
}

#about-culture-carousel .item
p {
	color: #858585;
	font-size: 0.875rem;
	text-align: justify








}

#about-culture-carousel .item:focus {
	outline: none
}

#about-culture-carousel .slick-track
.item {
	display: block
}

#about-culture-carousel-nav {
	margin-bottom: 1.875rem;
	position: relative;
	opacity: 0;
	visibility: hidden;
	border: #e8e8e6 solid 1px;
	border-left: 0 none;
	border-right: 0 none;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

#about-culture-carousel-nav.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-culture-carousel-nav
.item {
	color: #9E9E9E;
	width: 1.25rem;
	position: relative;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	padding: 0.575rem 0;
}

#about-culture-carousel-nav .item.slick-current {
	color: #C2191F;
}

#about-culture-carousel-nav .item.slick-current:before {
	content: '';
	width: 1.875rem;
	height: 100%;
	background-color: none;
	position: absolute;
	top: 0;
	left: 0;

}

#about-culture-carousel-nav .item:focus {
	outline: none
}

#about-culture-carousel-nav .item:after {
	content: '';
	display: block;
	width: 1px;
	height: 60%;
	position: absolute;
	top: 20%;
	right: -10%;
	background-color: #e3e3e3;
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	-o-transform: skewX(-25deg);

	transform: skewX(-25deg)
}


#about-technology-section {
	background-color: #3C3939;
	margin-bottom: 1.25rem
}

#about-technology-section .section-hd {
	padding: 1.875rem 0
}

#about-technology-section .section-hd .en-title {
	color: #fff;
	font-size: 1.875rem;
	font-weight: 700;
	
	line-height: 100%;
	text-transform: uppercase;
	margin: 0
}

#about-technology-section .section-hd .zh-title {
	color: #fff;
	font-size: 1.125rem;
	margin: 0
}

#about-technology-sey-section .section-bd .row
.column {
	padding: 0
}

#about-awards-section {
}

#about-awards-section .section-hd {
	padding-bottom: 0
}

#about-awards-section .section-bd {
	padding-bottom: 30px;
	padding-top: 10px;
}

.row {
	margin-left:auto;
	margin-right:auto;
}

.row:before,.row:after {
	content: " ";
	display: table
}

.row:after {
	clear: both
}

.row.collapse>.column,.row.collapse>.columns {
	padding-left: 0;
	padding-right: 0
}

.row.collapse
.row {
	margin-left: 0;
	margin-right: 0
}

.row
.row {
	margin: 0
-0.3125rem;
	max-width: none;
	width: auto
}

.row .row:before, .row .row:after {
	content: " ";
	display: table
}

.row .row:after {
	clear: both
}

.row
.row.collapse {
	margin: 0;
	max-width: none;
	width: auto
}

.row .row.collapse:before, .row .row.collapse:after {
	content: " ";
	display: table
}

.row .row.collapse:after {
	clear: both
}