.wow {
	visibility: hidden
}

.mt-20 {
	margin-top: 20px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-70 {
	margin-top: 70px
}

.mt-80 {
	margin-top: 80px
}

.mt-90 {
	margin-top: 90px
}

.mt-100 {
	margin-top: 100px
}

.mt-110 {
	margin-top: 110px
}

.mt-120 {
	margin-top: 120px
}

.mt-140 {
	margin-top: 140px
}

.mt-160 {
	margin-top: 160px
}

.mt-180 {
	margin-top: 180px
}

.mt-200 {
	margin-top: 200px
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.item-box  {
	position: relative;
	overflow: hidden;
}
.item-box .svg {
	background: url(/css/w-txt.svg) no-repeat center;
    width: 500px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.3;
	
}

.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.wx-share {
	margin-top: -130px;
	margin-left: -120px;
	border-radius: 3px;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	padding: 20px 10px;
	width: 240px;
	height: 280px;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

.wx-share i {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5;
	text-align: center;
	color: #1A1A1A
}

.wx-share img {
	display: block;
	width: 100%
}

.wx-share p {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;
	color: #1A1A1A
}

@media (max-width: 1500px) {
	.mt-30 {
		margin-top: 25px
	}

	.mt-60 {
		margin-top: 45px
	}

	.mt-80 {
		margin-top: 60px
	}

	.mt-100 {
		margin-top: 75px
	}

	.mt-120 {
		margin-top: 90px
	}

	.mt-140 {
		margin-top: 105px
	}

	.mt-160 {
		margin-top: 120px
	}

	.mt-180 {
		margin-top: 140px
	}
}

@media (max-width: 1024px) {
	.mt-60 {
		margin-top: 30px
	}

	.mt-80 {
		margin-top: 40px
	}

	.mt-140 {
		margin-top: 70px
	}

	.mt-100 {
		margin-top: 50px
	}

	.mt-120 {
		margin-top: 60px
	}

	.mt-140 {
		margin-top: 70px
	}

	.mt-160 {
		margin-top: 80px
	}

	.mt-180 {
		margin-top: 90px
	}

	.list-a {
		margin-left: -10px;
		margin-right: -10px
	}

	.list-a a {
		margin-left: 10px;
		margin-right: 10px
	}
}

@media (max-width: 600px) {
	.list-2>li {
		width: 100%
	}
}

@media (max-width: 500px) {
	.mt-60 {
		margin-top: 25px
	}

	.mt-80 {
		margin-top: 35px
	}

	.mt-140 {
		margin-top: 55px
	}

	.mt-100 {
		margin-top: 35px
	}

	.mt-120 {
		margin-top: 45px
	}

	.mt-140 {
		margin-top: 55px
	}

	.mt-160 {
		margin-top: 65px
	}

	.mt-180 {
		margin-top: 75px
	}
}

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

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		-webkit-transform: translate3d(0, 5%, 1px);
		transform: translate3d(0, 5%, 1px);
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes fadeInUpText {
	from {
		-webkit-transform: translate3d(0, 5%, 1px);
		transform: translate3d(0, 5%, 1px);
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes fadeInUpText {
	from {
		-webkit-transform: translate3d(0, 5%, 1px);
		transform: translate3d(0, 5%, 1px);
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -5%, 0);
		transform: translate3d(0, -5%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -5%, 0);
		transform: translate3d(0, -5%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-3%, 0, 0);
		transform: translate3d(-3%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-3%, 0, 0);
		transform: translate3d(-3%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(3%, 0, 0);
		transform: translate3d(3%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(3%, 0, 0);
		transform: translate3d(3%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.fadeInUpText {
	-webkit-animation-name: fadeInUpText;
	animation-name: fadeInUpText
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset !important;
		animation: unset !important;
		-webkit-transition: none !important;
		transition: none !important
	}
}

.slick-slider {
	position: relative;
	display: block;
	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;
	margin-left: auto;
	margin-right: auto
}

.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;
	outline: none
}[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
}

@media (min-width: 1025px) {
	.pro-all__btn {
		position: absolute;
		left: 50%;
		bottom: 30px;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		margin-left: -80px;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(50px);
		transform: translateY(50px)
	}

	.pro-all__btn.active {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transition: all .5s;
		transition: all .5s
	}

	.pro-all__btn:hover {
		opacity: .9
	}

	.header-nav,.header-nav li,.header-comp,.header-pro {
		display: inline-block;
		vertical-align: middle
	}

	.m-head__cont,.hn-pro {
		display: none
	}

	.header-cont {
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		text-align: right;
		padding-top: 14px;
		z-index: 10
	}

	.white-header .header:after {
		opacity: 0
	}

	.white-header .header-nav span {
		color: #fff
	}

	.white-header .header-comp .line {
		background-color: rgba(255,255,255,0.25)
	}

	.white-header .header-submenu a {
		color: #fff
	}

	.white-header .header-submenu a:hover {
		color: #8ECC3A
	}

	.white-header .header-pro i,.white-header .header-pro a,.white-header .header-lang,.white-header .header-search a {
		color: #fff
	}

	.header-menu>li:not(.active)>a:hover span:after {
		width: 120%;
		left: -10%;
		-webkit-transition: width .5s;
		transition: width .5s
	}

	.header-menu .active span:after {
		-webkit-transition: width .5s;
		transition: width .5s;
		width: 120%;
		left: -10%
	}

	.header-submenu {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		width: 70px;
		text-align: left;
		padding-top: 15px
	}

	.header-submenu li {
		display: block;
		margin-bottom: 12px
	}

	.header-submenu a {
		-webkit-transition: color .5s;
		transition: color .5s;
		font-size: 12px;
		color: gray
	}

	.header-submenu a:hover {
		color: #1A1A1A
	}

	.header-pro__box a:hover img {
		-webkit-transform: scale(1.16);
		transform: scale(1.16);
		z-index: 100
	}

	.header-pro__box a:hover .inner {
		opacity: 1
	}

	.header-search a:hover {
		color: #8ECC3A
	}

	.header-lang:hover {
		color: #8ECC3A
	}

	.m-close {
		display: none
	}

	.header-search__outbox .search-close:hover,.header-search__outbox .search-btn:hover {
		color: #8ECC3A
	}

	.header-nav span:after {
		-webkit-transition: all .4s;
		transition: all .4s
	}

	.header-nav .on span:after {
		width: 120%;
		left: -10%
	}
}

@media (max-width: 1500px) {
	.logo {
		height: 68px
	}

	.header-cont {
		padding-top: 10px
	}

	.header-pro i {
		font-size: 42px
	}

	.header-search__outbox {
		height: 107px
	}

	.header-pro__box {
		width: 245px
	}
}

@media (max-width: 1024px) {
	.m-head__cont {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 40
	}

	.header-cont {
		display: none;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding-top: 100px;
		overflow-y: auto;
		z-index: 600
	}

	.header-cont .hn-pro {
		display: none
	}

	.m-head__cont .mh-seach,.m-head__cont .line,.m-head__cont .m-menu {
		display: inline-block;
		vertical-align: middle
	}

	.m-head__cont .mh-seach {
		font-size: 24px;
		color: #1A1A1A
	}

	.m-head__cont .line {
		width: 1px;
		height: 20px;
		background-color: rgba(26,26,26,0.7);
		margin: 0 24px
	}

	.m-menu i {
		display: block;
		width: 26px;
		height: 2px;
		background-color: #1A1A1A;
		margin: 8px 0
	}

	.white-header .header:after {
		opacity: 0
	}

	.white-header .m-menu i {
		background-color: #fff
	}

	.white-header .m-head__cont .mh-seach {
		color: #fff
	}

	.white-header .m-head__cont .line {
		background-color: rgba(255,255,255,0.7)
	}

	.header {
		padding: 10px 0
	}

	.header-pro,.header-pro__box {
		display: none
	}

	.header-comp {
		font-size: 18px;
		margin-top: 100px
	}

	.header-comp .header-search,.header-comp .p-line {
		display: none
	}

	.header-comp .m-line,.header-comp .hl-en {
		display: inline-block
	}

	.header-comp .m-line {
		width: 1px;
		height: 17px;
		position: relative;
		top: -1px;
		background-color: gray
	}

	.header-comp .header-lang {
		color: gray
	}

	.header-comp .header-lang.on {
		color: #1A1A1A
	}

	.header-menu {
		font-size: 20px
	}

	.header-menu>li {
		-webkit-transition: background .3s;
		transition: background .3s;
		margin-right: 0;
		padding: 20px 14px 10px 14px
	}

	.header-menu>li>a {
		padding: 0 32px;
		line-height: inherit
	}

	.header-menu>li>a span {
		-webkit-transition: color .3s;
		transition: color .3s
	}

	.header-menu>li .icon-arrow-up {
		-webkit-transition: transform .3s;
		transition: transform .3s;
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		font-size: 20px;
		margin-top: -11px;
		color: #1A1A1A
	}

	.header-menu .item-pro {
		display: block
	}

	.header-menu .active {
		background-color: #8ECC3A
	}

	.header-menu .active>a span,.header-menu .active>a .icon-arrow-up {
		color: #fff
	}

	.header-menu .active>a .icon-arrow-up {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.header-menu .active .header-submenu a {
		color: #fff
	}

	.m-close {
		position: absolute;
		right: 30px;
		top: 30px;
		font-size: 22px;
		color: #1A1A1A
	}

	.header-pro__scroll {
		display: none
	}

	.header-search__outbox {
		height: 78px
	}

	.header-search__outbox .search-box {
		padding-right: 40px
	}

	.header-search__outbox input {
		height: 40px
	}

	.header-nav span:after {
		left: 0;
		bottom: 0
	}

	.header-nav .on span:after {
		width: 120%
	}

	.hn-pro {
		font-size: 20px;
		margin-top: 20px;
		padding: 0 24px
	}

	.hn-pro span:after {
		-webkit-transition: width .4s;
		transition: width .4s;
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 0;
		height: 6px;
		background-color: #8ECC3A;
		z-index: -1
	}

	.hn-pro.on span:after {
		width: 120%
	}

	.pro-all__btn {
		display: none
	}

	.header-submenu {
		display: none;
		padding-top: 20px;
		text-align: center;
		border-top: 1px solid rgba(255,255,255,0.4);
		margin-top: 20px
	}

	.header-submenu>li {
		padding-bottom: 16px
	}

	.header-submenu a {
		font-size: 18px;
		color: gray
	}

	.header-nav,.header-comp {
		text-align: center
	}
}

@media (max-width: 800px) {
	.logo {
		height: 58px
	}

	.m-head__cont .mh-seach {
		font-size: 20px
	}

	.m-head__cont .line {
		height: 20px;
		margin: 0 18px
	}

	.m-menu i {
		margin: 6px 0
	}
}

@media (max-width: 700px) {
	.header-search__cont {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media (max-width: 500px) {
	.m-close {
		font-size: 16px;
		right: 20px
	}

	.header-menu {
		font-size: 16px
	}

	.header-menu>li>a {
		padding: 0 20px
	}

	.header-menu>li .icon-arrow-up {
		font-size: 16px;
		margin-top: -12px
	}

	.header-submenu {
		padding-top: 20px;
		margin-top: 15px
	}

	.header-submenu a {
		font-size: 14px
	}

	.header-cont {
		padding-top: 65px;
		padding-bottom: 55px;
		width: 210px;
		height: auto
	}

	.header-comp {
		font-size: 14px;
		margin-top: 45px
	}

	.header-comp .m-line {
		height: 14px
	}

	.m-menu i {
		width: 22px
	}

	.hn-pro {
		font-size: 16px;
		margin-top: 16px
	}

	.header-nav span:after {
		bottom: 2px
	}
}

.footer {
	background-color: #1A1A1A;
	font-size: 20px;
	padding: 3.25em 0;
	position: relative;
	z-index: 100
}

.foot-left__cont,.foot-right__cont {
	display: inline-block;
	vertical-align: middle
}

.foot-intro {
	font-size: 16px;
	color: #fff;
	margin-bottom: 3.4375em
}

.foot-intro span {
	line-height: 1.8;
	text-transform: uppercase;
	font-weight: 300
}

.foot-intro p {
	line-height: 1.4
}

.foot-intro .fie-inner {
	font-size: 12px;
	line-height: 1.4;
	color: rgba(250,250,243,0.6)
}

.fl-inner {
	font-size: 14px;
	margin-bottom: 3.92857em
}

.fl-inner>div {
	display: inline-block;
	vertical-align: top;
	margin-right: 7.14286em
}

.fl-inner a,.fl-inner p,.fl-inner span {
	font-size: 12px;
	line-height: 2;
	color: rgba(250,250,243,0.6)
}

.fl-inner a,.fl-inner span {
	position: relative;
	-webkit-transition: color .3s;
	transition: color .3s
}

.fl-inner a:before,.fl-inner span:before {
	content: "";
	display: block;
	position: absolute;
	left: -1.41667em;
	top: 50%;
	width: 4px;
	height: 2px;
	margin-top: -1px;
	background-color: rgba(250,250,243,0.6)
}

.foot-copyright {
	font-size: 12px
}

.foot-copyright p,.foot-copyright i,.foot-copyright a {
	display: inline-block;
	vertical-align: middle;
	color: rgba(250,250,243,0.6)
}

.foot-copyright i {
	width: 1px;
	height: 12px;
	background-color: rgba(250,250,243,0.6);
	margin: 0 8px
}

.foot-copyright .sm-link {
	display: none
}

.foot-right__cont {
	max-width: 130px
}

.foot-right__cont img {
	max-width: 100%
}

.foot-right__cont .sm-link {
	font-size: 12px;
	position: absolute;
	left: -75px;
	bottom: 3px;
	color: gray
}

.foot-code {
	display: none;
	font-size: 0
}

.back-top {
	-webkit-transition: color .4s;
	transition: color .4s;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	color: gray;
	margin-top: 2.85714em
}

.back-top i {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-left: .25em;
	position: relative;
	top: -1px
}

@media (min-width: 801px) {
	.foot-right__cont {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding-top: 35px
	}

	.fa-link {
		display: none
	}
}

@media (min-width: 1025px) {
	.sm-link:hover {
		text-decoration: underline
	}

	.fl-inner a:hover {
		color: #fff
	}

	.back-top:hover {
		color: #fff
	}
}

@media (max-width: 1440px) {
	.fl-inner>div {
		margin-right: 5.35714em
	}
}

@media (max-width: 1024px) {
	.footer {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.foot-right__cont {
		width: 120px
	}

	.foot-intro,.fl-inner {
		margin-bottom: 36px
	}
}

@media (max-width: 800px) {
	.fl-inner>div {
		margin-right: 0
	}

	.fl-inner .foot-classify,.fl-inner .foot-area {
		display: none
	}

	.foot-intro,.back-top {
		display: none
	}

	.foot-right__cont {
		position: relative;
		margin-top: 30px;
		width: auto;
		display: none
	}

	.foot-left__cont {
		display: block;
		text-align: center
	}

	.back-top {
		margin-top: 0;
		position: absolute;
		right: 0;
		bottom: 0
	}

	.back-top i {
		top: -2px
	}

	.fl-inner p,.fl-inner a,.fl-inner span {
		font-size: 14px
	}

	.fa-link a::before,.fa-link span::before {
		display: none
	}

	.foot-copyright {
		font-size: 14px
	}

	.foot-copyright i {
		display: none
	}

	.foot-copyright .cr-infor {
		margin-bottom: 12px;
		display: block
	}

	.foot-copyright .fc-link,.foot-copyright .sm-link {
		width: 49%
	}

	.foot-copyright .fc-link {
		text-align: left
	}

	.foot-copyright .sm-link {
		display: inline-block;
		margin-top: 0;
		text-align: right
	}

	.foot-code {
		text-align: center;
		display: block;
		margin-bottom: 36px;
		font-size: 14px;
		color: rgba(250,250,243,0.6)
	}

	.foot-code img {
		margin-bottom: 6px
	}

	.foot-code p {
		line-height: 1.5
	}

	.fa-link {
		margin-top: 20px;
		margin-bottom: 10px
	}

	.fa-link a,.fa-link span {
		display: inline-block;
		vertical-align: top;
		padding-right: 12px;
		margin: 0 6px
	}

	.fa-link a::after,.fa-link span::after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		width: 1px;
		height: 10px;
		margin-top: -5px;
		background-color: rgba(255,255,255,0.4)
	}

	.fa-link a:last-child::after,.fa-link span:last-child::after {
		display: none
	}
}

@media (max-width: 640px) {
	.fl-inner p,.fl-inner a,.fl-inner span,.foot-copyright,.foot-code {
		font-size: 12px
	}

	.fl-inner>div {
		margin-right: 0
	}

	.footer {
		padding-top: 25px;
		padding-bottom: 20px
	}
}

@media (max-width: 500px) {
	.foot-code {
		font-size: 10px
	}

	.foot-code .m-code {
		max-width: 80px
	}

	.foot-intro span {
		font-size: 22px
	}

	.foot-intro p {
		font-size: 14px
	}

	.foot-intro,.foot-code {
		margin-bottom: 12px
	}

	.fl-inner p,.fl-inner a,.fl-inner span,.foot-copyright {
		font-size: 10px;
		line-height: 1.8
	}

	.fl-inner {
		margin-bottom: 9px
	}
}



.fl {
	float: left
}

.fr {
	float: right
}

.clear:after {
	content: "";
	display: block;
	clear: both
}

.relative {
	position: relative
}

.lazy {
	background: url(../image/load.gif) no-repeat center center;
	background-size: 24px
}

.w1680 {
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto
}

.ovf {
	overflow: hidden
}

.wrap {
	padding-top: 120px
}

.fs45 {
	font-size: 45px
}

.fs40 {
	font-size: 40px
}

.fs24 {
	font-size: 24px
}

.fs22 {
	font-size: 22px
}

.fs20 {
	font-size: 20px
}

.fs18 {
	font-size: 18px
}

.fs16 {
	font-size: 16px
}

.paragraph {
	font-size: 14px;
	line-height: 2;
	color: #1A1A1A;
	letter-spacing: 1px;
	text-align: justify
}

.paragraph blockquote {
	padding-left: 20px;
	padding-right: 8px;
	border-left: 5px solid #ccc;
	margin-left: 0
}

.paragraph h3 {
	font-size: 24px;
	line-height: 1.66
}

.paragraph h4 {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 1.77;
	color: #8ECC3A;
	padding: 0 3.33333em
}

.paragraph h4:before,.paragraph h4:after {
	content: "";
	display: block;
	width: .88889em;
	height: 2.94444em;
	position: absolute;
	background: url(../image/img-09.svg) no-repeat center center;
	background-size: .88889em 2.94444em
}

.paragraph h4:before {
	left: 0;
	top: 0
}

.paragraph h4:after {
	right: 0;
	bottom: -20px
}

.paragraph h5 {
	font-size: 12px;
	color: gray;
	margin-top: .41667em
}

.paragraph img {
	max-width: 100%;
	width: auto !important;
	height: auto !important
}

.paragraph ol li {
	list-style: revert
}

.paragraph ul li {
	list-style: disc
}

.page-bgPic {
	position: relative
}

.page-bgPic img {
	width: 100%
}

.page-caption {
	color: #1A1A1A;
	overflow: hidden
}

.page-caption span {
	display: inline-block;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: .22222em
}

.page-caption p {
	line-height: 1.4
}

.banner-bg:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 140px;
	background: url(../image/bg1.png) no-repeat center center;
	background-size: cover
}

.round-icon__box {
	font-size: 0
}

.round-icon__box a {
	-webkit-transition: background .4s;
	transition: background .4s;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #e6e6e6
}

.round-icon__box a i {
	-webkit-transition: color .4s;
	transition: color .4s;
	font-size: 14px;
	color: gray;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.round-icon__box a:hover {
	background-color: #8ECC3A
}

.round-icon__box a:hover i {
	color: #fff
}

.circle-animate {
	height: 232px;
	position: absolute;
	top: calc(50% - 2px);
	left: 0;
	width: 100%;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.circle-animate svg {
	width: 232px;
	height: 232px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.circle-animate .circle__c1 {
	stroke-dasharray: 700;
	stroke-dashoffset: 700
}

.circle-animate .circle__c2 {
	stroke-dasharray: 700;
	stroke-dashoffset: 700;
	-webkit-transition: stroke-dashoffset 1s ease;
	transition: stroke-dashoffset 1s ease
}

.circle-outer,.circle-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.circle-text span {
	-webkit-transform: translate3d(0, 30px, 1px);
	transform: translate3d(0, 30px, 1px);
	opacity: 0;
	-webkit-transition: opacity .5s,-webkit-transform 0s ease .5s;
	transition: opacity .5s,transform 0 ease .5s;
	display: inline-block;
	text-transform: uppercase
}

.circle-text .ct-box {
	margin: 1.25em 0;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	height: 15px;
	overflow: hidden
}

.circle-text .line {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	opacity: 0;
	width: 7px;
	height: 2px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden
}

.circle-line {
	position: relative;
	left: 0;
	top: 50%;
	height: 1px;
	background-color: rgba(255,255,255,0.6);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.list-view__more .view-more__box {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 40
}

.list-view__more .vt-box {
	margin: 1.25em 0;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	height: 15px;
	overflow: hidden
}

.list-view__more .vt-box span {
	-webkit-transform: translate3d(0, 30px, 1px);
	transform: translate3d(0, 30px, 1px);
	opacity: 0;
	-webkit-transition: opacity .5s,-webkit-transform 0s ease .5s;
	transition: opacity .5s,transform 0 ease .5s;
	display: inline-block;
	text-transform: uppercase
}

.list-view__more .vm-line:before,.list-view__more .vm-line:after {
	-webkit-transition: all .4s;
	transition: all .4s;
	content: "";
	display: block
}

.list-view__more .vm-line:before {
	background-color: rgba(250,250,250,0.6);
	height: 1px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.list-view__more .vm-line:after {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	opacity: 0;
	position: relative;
	top: -2px;
	width: 7px;
	height: 2px;
	background-color: #fff;
	margin: 0 auto
}

.list-active__circle .circle-line {
	-webkit-transform: none;
	transform: none
}

.list-active__circle .circle-text span {
	opacity: 1;
	-webkit-transform: translateZ(1px) rotate(0.001deg);
	transform: translateZ(1px) rotate(0.001deg)
}

.list-active__circle .circle-text .line {
	opacity: 1
}

.list-active__circle .circle__c1 {
	stroke: rgba(255,255,255,0.5)
}

.list-active__circle .circle__c2 {
	stroke: #fff
}

.list-active__circle .circle__c1 {
	stroke-dashoffset: 0
}

.circle-box {
	height: 100%;
	display: table;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

.list-banner__circle .circle-animate {
	height: 256px
}

.list-banner__circle .circle-animate svg {
	width: 256px;
	height: 256px
}

.list-banner__circle .circle-outer {
	left: 6.25vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.list-slide__row {
	display: table-row;
	width: 100%;
	height: 50%
}

.slide-inner {
	display: table-cell;
	padding-left: 400px;
	color: #fff;
	letter-spacing: 1px
}

.list-slide__title {
	vertical-align: bottom;
	font-size: 14px;
	padding-bottom: 2.14286em
}

.list-slide__title span {
	line-height: 2;
	display: inline-block;
	margin-bottom: .71429em
}

.list-slide__title h1 {
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 2px
}

.list-slide__txt {
	vertical-align: top;
	padding-top: 1.71429em
}

.list-slide__txt .slide__txt {
	max-width: 620px
}

.list-slide__txt .m-slide__txt {
	display: none
}

.sec-column__box {
	position: relative
}

.sec-column__box .sec-column__right {
	position: absolute;
	right: 0;
	top: 0;
	max-width: calc(100% - 150px)
}

.slick-dots li {
	margin-right: 16px
}

.slick-dots li,.slick-dots button {
	display: inline-block;
	vertical-align: top;
	border: none
}

.slick-dots button {
	-webkit-transition: all .4s;
	transition: all .4s;
	position: relative;
	padding: 0;
	cursor: pointer;
	outline: none;
	letter-spacing: 1px;
	padding-right: 0;
	background-color: transparent;
	font-size: 14px;
	color: rgba(26,26,26,0.5);
	font-weight: bold;
    font-family: Montserrat;
}

.slick-dots button:before,.slick-dots button:after {
	-webkit-transition: all .4s;
	transition: all .4s;
	content: "";
	display: block;
	position: absolute;
	left: 14px;
	width: 0;
	height: 1px
}

.slick-dots button:before {
	background-color: #1A1A1A;
	opacity: 0;
	visibility: hidden;
	bottom: 4px
}

.slick-dots button:after {
	height: 2px;
	background-color: #ff771f;
	bottom: 4px
}

.slick-dots .slick-active button {
	padding-right: 75px;
	color: #ff771f
}

.slick-dots .slick-active button:before {
	visibility: visible;
	width: 70px;
	opacity: .3
}

.slick-dots .slick-active button:after {
	-webkit-animation: bannerProgress 4s ease-in-out forwards;
	animation: bannerProgress 4s ease-in-out forwards
}

.loading {
	text-align: center;
	font-size: 0;
	display: none
}

.loading.no-load {
	display: block
}

.loading>div {
	display: inline-block;
	max-width: 42px
}

.loading i {
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	background-color: #8ECC3A;
	margin: 2px
}

.loading i.on {
	opacity: .4
}

.no-load a {
	display: inline-block
}

.btn {
	display: inline-block;
	width: 160px;
	height: 54px;
	line-height: 54px;
	background-color: #8ECC3A;
	text-align: center;
	border-radius: 28px
}

.btn span {
	position: relative;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600
}

.btn i {
	-webkit-transition: transform .4s;
	transition: transform .4s;
	backface-visibility: hidden;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	margin-left: 4px;
	font-weight: 400
}

.btn i:before {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	display: block
}

.list-animate .wow,.list-animate.wow {
	display: block;
	-webkit-transition: opacity .4s ease,-webkit-transform 1s ease;
	transition: opacity .4s ease,transform 1s ease;
	-webkit-transform: translate3d(0, 5%, 1px);
	transform: translate3d(0, 5%, 1px);
	opacity: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.list-animate .wow.animated,.list-animate.wow.animated {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

@keyframes -webkit-bannerProgress {
	100% {
		width: 70px
	}
}

@keyframes bannerProgress {
	100% {
		width: 70px
	}
}

@keyframes -webkit-listAnimateText {
	0% {
		-webkit-transform: translate3d(0, 30px, 1px);
		transform: translate3d(0, 30px, 1px);
		opacity: 0
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(1px) rotate(0.001deg);
		transform: translateZ(1px) rotate(0.001deg)
	}
}

@keyframes listAnimateText {
	0% {
		-webkit-transform: translate3d(0, 30px, 1px);
		transform: translate3d(0, 30px, 1px);
		opacity: 0
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(1px) rotate(0.001deg);
		transform: translateZ(1px) rotate(0.001deg)
	}
}

@media (min-width: 1025px) {
	.list-banner__circle a:hover .circle-animate .circle__c2 {
		stroke-dashoffset: 0
	}

	.list-banner__circle a:hover .circle-text span {
		animation: listAnimateText 1s 1
	}

	.list-animate__circle a:hover .circle-line {
		-webkit-transform: none;
		transform: none;
		-webkit-transition: transform .8s ease .2s;
		transition: transform .8s ease .2s
	}

	.list-animate__circle a:hover .circle-text span {
		-webkit-transition: opacity 0s linear .8s,-webkit-transform 1s ease .8s;
		transition: opacity 0s linear .8s,transform 1s ease .8s;
		opacity: 1;
		-webkit-transform: translateZ(1px) rotate(0.001deg);
		transform: translateZ(1px) rotate(0.001deg)
	}

	.list-animate__circle a:hover .circle-text .line {
		-webkit-transition: opacity .5s ease 1s;
		transition: opacity .5s ease 1s;
		opacity: 1
	}

	.list-animate__circle a:hover .circle__c1,.list-animate__circle a:hover .circle__c2 {
		stroke: #fff
	}

	.list-animate__circle a:hover .circle__c1 {
		stroke-dashoffset: 0;
		-webkit-transition: stroke-dashoffset 1s ease;
		transition: stroke-dashoffset 1s ease;
		-webkit-transition-delay: .5s;
		transition-delay: .5s
	}

	.list-view__more a:hover .vm-line:before {
		-webkit-transform: none;
		transform: none;
		-webkit-transition: transform .8s ease .2s;
		transition: transform .8s ease .2s
	}

	.list-view__more a:hover .vm-line:after {
		-webkit-transition: opacity .5s ease 1s;
		transition: opacity .5s ease 1s;
		opacity: 1
	}

	.list-view__more a:hover .vt-box span {
		-webkit-transition: opacity 0s linear .6s,-webkit-transform 1s ease .6s;
		transition: opacity 0s linear .6s,transform 1s ease .6s;
		opacity: 1;
		-webkit-transform: translateZ(1px) rotate(0.001deg);
		transform: translateZ(1px) rotate(0.001deg)
	}

	.btn:hover i {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	.no-load a {
		-webkit-transition: opacity .4s;
		transition: opacity .4s
	}

	.no-load a:hover {
		opacity: .8
	}
}

@media (max-width: 1760px) {
	.w1680 {
		margin-left: 30px;
		margin-right: 30px
	}
}

@media (max-width: 1600px) {
	.page-toggle a:hover {
		background-color: #8ECC3A
	}
}

@media (max-width: 1500px) {
	.wrap {
		padding-top: 107px
	}

	.loading i {
		width: 8px;
		height: 8px
	}

	.fs45 {
		font-size: 36px
	}

	.fs40 {
		font-size: 32px
	}

	.fs24 {
		font-size: 22px
	}

	.fs22 {
		font-size: 20px
	}

	.fs20 {
		font-size: 18px
	}

	.fs18 {
		font-size: 16px
	}

	.fs16 {
		font-size: 14px
	}

	.list-view__more .vt-box {
		margin: 12px 0
	}

	.list-banner__circle .circle-animate svg {
		width: 244px;
		height: 244px
	}

	.slide-inner {
		padding-left: 370px
	}

	.circle-animate svg {
		width: 218px;
		height: 218px
	}

	.paragraph h4 {
		padding: 0 40px
	}

	.banner-bg:after {
		height: 105px
	}

	.btn {
		height: 50px;
		line-height: 50px
	}
}

@media (max-width: 1366px) {
	.circle-animate svg {
		width: 200px;
		height: 200px
	}

	.list-view__more .vt-box {
		margin: 8px 0
	}

	.list-banner__circle .circle-animate svg {
		width: 224px;
		height: 224px
	}

	.slide-inner {
		padding-left: 345px
	}
}

@media (max-width: 1024px) {
	.fs45 {
		font-size: 32px
	}

	.fs40 {
		font-size: 26px
	}

	.fs24 {
		font-size: 20px
	}

	.fs22 {
		font-size: 18px
	}

	.fs20 {
		font-size: 16px
	}

	.wrap {
		padding-top: 78px
	}

	.list-banner__circle .circle-animate svg {
		width: 200px;
		height: 200px
	}

	.slide-inner {
		padding-left: 280px
	}

	.list-slide__title {
		padding-bottom: 15px
	}

	.list-slide__txt {
		padding-top: 12px;
		padding-right: 25px
	}

	.list-view__more .vm-line:before {
		-webkit-transform: none;
		transform: none;
		-webkit-transition: transform .8s ease .2s;
		transition: transform .8s ease .2s
	}

	.list-view__more .vm-line:after {
		-webkit-transition: opacity .5s ease 1s;
		transition: opacity .5s ease 1s;
		opacity: 1
	}

	.list-view__more .vt-box span {
		-webkit-transition: opacity 0s linear .6s,-webkit-transform 1s ease .6s;
		transition: opacity 0s linear .6s,transform 1s ease .6s;
		opacity: 1;
		-webkit-transform: translateZ(1px) rotate(0.001deg);
		transform: translateZ(1px) rotate(0.001deg)
	}

	.round-icon__box a {
		width: 42px;
		height: 42px
	}

	.round-icon__box a i {
		font-size: 12px;
		color: rgba(26,26,26,0.4)
	}

	.paragraph {
		line-height: 1.8
	}

	.paragraph h3 {
		font-size: 22px
	}

	.paragraph h4 {
		padding: 0 30px
	}

	.paragraph blockquote {
		border-width: 3px
	}

	.list-view__more .view-more__box {
		display: none
	}
}

@media (max-width: 800px) {
	.slide-inner {
		padding-left: 265px
	}
}

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

	.list-slide__txt .p-slide__txt {
		display: none
	}
}

@media (max-width: 640px) {
	.w1680 {
		margin-left: 20px;
		margin-right: 20px
	}

	.page-caption span {
		margin-bottom: 3px
	}
}

@media (max-width: 600px) {
	.slide-inner {
		padding: 0 20px
	}

	.list-banner__circle .circle-animate svg {
		width: 165px;
		height: 165px
	}
}

@media (max-width: 500px) {
	.fs40 {
		font-size: 20px
	}

	.fs45 {
		font-size: 24px
	}

	.fs24,.fs22 {
		font-size: 16px
	}

	.fs20 {
		font-size: 14px
	}

	.paragraph {
		font-size: 12px
	}

	.paragraph h3 {
		font-size: 18px
	}

	.paragraph h4 {
		font-size: 14px
	}

	.btn {
		width: 142px;
		height: 45px;
		line-height: 45px
	}
}

@media (max-width: 320px) {
	.list-banner__circle .circle-animate {
		height: 190px
	}

	.list-banner__circle .circle-animate svg {
		width: 165px;
		height: 165px
	}
}

.ih-banner {
	font-size: 0;
	height: 100vh;
	overflow: hidden
}

.ih-banner .pic {
	height: 100vh
}

.ih-banner .m-pic {
	display: none
}

.ih-banner img {
	width: 100%
}

.ih-banner .slick-list,.ih-banner .slick-track {
	height: 100%
}

.ih-banner .slick-dots {
	position: absolute;
	left: 0;
	bottom: 3.85417vw;
	width: 100%;
	text-align: center
}

.ih-banner .slick-dots button {
	color: rgba(255,255,255,0.3)
}

.ih-banner .slick-dots button:before {
	background-color: #fff
}

.ih-banner .slide__title,.ih-banner .slide__txt {
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	overflow: hidden
}

.ih-banner .slide__txt {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.ih-banner .list-slide__title h1 {
	font-weight: 600;
	font-size: inherit
}

.ih-banner .slick-active button {
	color: #fff
}

.ih-banner .slick-active button:before {
	opacity: 1
}

.ib-ready .ih-banner .slick-current .slide__title,.ib-ready .ih-banner .slick-current .slide__txt {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible
}

.ib-ready .ih-banner .slick-current .circle-line {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform 2s ease 1.5s;
	transition: transform 2s ease 1.5s
}

.ib-ready .ih-banner .slick-current .circle-text span {
	-webkit-transition: opacity 0s linear 2.3s,-webkit-transform 1.2s ease 2.3s;
	transition: opacity 0s linear 2.3s,transform 1.2s ease 2.3s;
	opacity: 1;
	-webkit-transform: translateZ(1px) rotate(0.001deg);
	transform: translateZ(1px) rotate(0.001deg)
}

.ib-ready .ih-banner .slick-current .circle-text .line {
	-webkit-transition: opacity .5s ease 3.5s;
	transition: opacity .5s ease 3.5s;
	opacity: 1
}

.ib-ready .ih-banner .slick-current .circle__c1 {
	stroke: rgba(255,255,255,0.6)
}

.ib-ready .ih-banner .slick-current .circle__c1 {
	stroke-dashoffset: 0;
	-webkit-transition: stroke-dashoffset 1s ease;
	transition: stroke-dashoffset 1s ease;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s
}

.ih-project {
	background-color: #FCFDF7;
	font-size: 20px;
	padding: 7em 0
}

.ih-pro__box .ih-pro__top:after {
	content: "";
	display: block;
	clear: both
}

.ih-pro__box .ih-pro__top li {
	float: left;
	width: 33.33%
}

.ih-pro__box .ih-pro__top .w66 {
	width: 66.66%
}

.ih-pro__box .ih-pro__top li {
	margin-bottom: 1.4%
}

.iha-box {
	max-width: 532px
}

.iha-btn {
	display: inline-block;
	font-size: 12px;
	color: #8ECC3A
}

.iha-btn i,.iha-btn span {
	display: inline-block;
	vertical-align: middle
}

.iha-btn span {
	font-weight: 500;
	text-transform: uppercase;
	margin-left: 1em
}

.iha-btn i {
	-webkit-transition: transform .6s;
	transition: transform .6s;
	font-size: 50px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.round-list {
	text-align: center;
	color: #1A1A1A
}

.round-list ul {
	font-size: 0
}

.round-list li,.round-list .item-round {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 20px
}

.round-list li:before,.round-list li:after,.round-list .item-round:before,.round-list .item-round:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.round-list li:before,.round-list .item-round:before {
	background: url(../image/icon-03.png) no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 10
}

.round-list li:after,.round-list .item-round:after {
	bottom: 0;
	right: 0;
	border-radius: 50%
}

.round-list .item-box {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.round-list .rl-title {
	line-height: 1.20833
}

.iha-list .slick-slide:nth-of-type(1n+1) .item-round:after {
	border-color: #B4D1EB
}

.iha-list .slick-slide:nth-of-type(2n+2) .item-round:after {
	border-color: #B7D6CE
}

.iha-list .slick-slide:nth-of-type(3n+3) .item-round:after {
	border-color: #BBDCB0
}

.iha-list .slick-slide:nth-of-type(4n+4) .item-round:after {
	border-color: #C5EB92
}

.iha-list .item-round {
	width: 17.03125vw;
	height: 17.03125vw
}

.iha-list .item-round:after {
	border: 2.39583vw solid #e6e6e6
}

.iha-list .item-round:nth-of-type(1):after {
	border-color: #B4D1EB
}

.iha-list .item-round:nth-of-type(2):after {
	border-color: #B7D6CE
}

.iha-list .item-round:nth-of-type(3):after {
	border-color: #BBDCB0
}

.iha-list .item-round:nth-of-type(4):after {
	border-color: #C5EB92
}

.iha-list span {
	color: #8ECC3A
}

.iha-list .rl-title {
	font-weight: 300
}

.iha-list .rl-txt {
	line-height: 1.4
}

@media (min-width: 1025px) {
	.iha-btn:hover i {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	.iha-list .slick-list {
		display: inline-block
	}

	.iha-list .slick-track {
		width: 100% !important
	}
}

@media (max-width: 1440px) {
	.ih-project {
		padding: 5.25em 0
	}

	.iha-btn i {
		font-size: 45px
	}
}

@media (max-width: 1200px) {
	.iha-list .item-round {
		width: 18.33333vw;
		height: 18.33333vw
	}
}

@media (max-width: 1024px) {
	.ih-banner .slick-dots {
		bottom: 40px
	}

	.iha-box {
		max-width: 100%;
		margin-top: 30px
	}

	.iha-list {
		margin-top: 50px
	}

	.iha-list .item-round {
		width: 99%;
		height: 0;
		padding-top: 99%;
		cursor: pointer
	}

	.iha-list .item-round:after {
		border-width: 6.4vw
	}

	.ih-pro__box .ih-pro__top .w66 {
		width: 100%
	}

	.ih-pro__box .ih-pro__top li {
		width: 50%;
		margin-bottom: 24px
	}

	.ih-project {
		padding: 70px 0
	}

	.round-list li,.round-list .item-round {
		font-size: 16px
	}

	.iha-btn i {
		font-size: 38px
	}
}

@media (max-width: 800px) {
	.ih-banner {
		height: 152%
	}

	.ih-banner .pic {
		display: none
	}

	.ih-banner .m-pic {
		display: block;
		padding-top: 152%
	}
}

@media (max-width: 700px) {
	.ih-pro__box .ih-pro__top li {
		width: 100%
	}
}

@media (max-width: 640px) {
	.iha-list .item-round:after {
		border-width: 7.5vw
	}

	.ih-banner .m-pic {
		padding-top: 0;
		height: 100vh
	}
}

@media (max-width: 600px) {
	.list-slide__row {
		display: block;
		height: auto
	}

	.ih-banner .slide__txt {
		margin-top: 4px
	}

	.ih-banner .slide__txt p {
		font-size: 14px
	}

	.ih-banner .circle-animate {
		position: relative;
		top: auto;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		height: 220px
	}

	.ih-banner .circle-box {
		height: auto;
		top: auto;
		bottom: 100px
	}

	.iha-box {
		margin-top: 25px
	}

	.iha-btn i {
		font-size: 32px
	}

	.iha-list {
		margin-top: 35px
	}

	.ih-project {
		padding: 55px 0
	}
}

@media (max-width: 500px) {
	.ih-pro__box .ih-pro__top li {
		margin-bottom: 16px
	}

	.iha-list .rl-title {
		font-size: 14px
	}

	.iha-list .rl-txt {
		font-size: 12px;
		margin-top: 2px
	}
}

@media (max-width: 320px) {
	.ih-banner .slick-dots {
		bottom: 24px
	}

	.ih-banner .circle-box {
		bottom: 70px
	}
}

.performance .page-caption {
	position: absolute;
	left: 0;
	right: 0;
	top: 3.90625vw
}

.per-bgPic .m-pic {
	display: none
}

.performance-main .item-box {
	position: relative;
	padding-left: 26%
}

.performance-intro,.performance-list {
	display: inline-block;
	vertical-align: top
}

.performance-list {
	font-size: 16px;
	margin-bottom: 7.5em;
	width: 100%
}

.performance-list .pl-box {
	font-size: 0
}

.performance-list .show-box .item-inner:nth-of-type(1) p,.performance-list .show-box .item-inner:nth-of-type(2) p {
	border-top: 1px solid #C6C6C6
}

.performance-list .animate-box {
	display: none
}

.performance-list .item-inner {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	font-size: 14px
}

.performance-list .item-inner:nth-child(odd) p {
	margin-right: 1.28571em
}

.performance-list .item-inner:nth-child(even) p {
	margin-left: 1.28571em
}

.performance-list .item-inner p {
	padding: .57143em 0;
	color: #1A1A1A;
	line-height: 1.6;
	border-bottom: 1px solid #C6C6C6
}

.performance-list .view-all {
	-webkit-transition: color .4s;
	transition: color .4s;
	font-size: 12px;
	text-transform: uppercase;
	color: gray;
	display: inline-block;
	margin-top: 2.5em;
	position: relative;
	padding-right: 2.66667em;
	text-transform: uppercase
}

.performance-list .view-all i {
	-webkit-transition: transform .4s;
	transition: transform .4s;
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 14px;
	margin-top: -7px
}

.performance-intro .pi-icon,.performance-intro .pi-title {
	display: inline-block;
	vertical-align: bottom
}

.performance-intro .pi-icon {
	margin-right: 25px
}

.performance-intro .pi-title {
	color: #1A1A1A
}

.performance-intro .pi-title span {
	line-height: 1.75
}

.performance-intro .pi-title p {
	font-size: 14px
}

@media (min-width: 1025px) {
	.performance-list .view-all:hover {
		color: #8ECC3A
	}

	.performance-list .view-all:hover i {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.performance-intro {
		position: absolute;
		left: 0;
		top: 0;
		max-width: 26%
	}
}

@media (max-width: 1500px) {
	.performance-intro .pi-icon {
		max-width: 100px;
		margin-right: 20px
	}

	.performance-list {
		font-size: 14px
	}
}

@media (max-width: 1366px) {
	.performance-intro .pi-icon {
		max-width: 80px;
		margin-right: 15px
	}

	.performance-main .item-box {
		padding-left: 320px
	}
}

@media (max-width: 1024px) {
	.performance-main .item-box {
		padding-left: 0
	}

	.performance-intro {
		margin-bottom: 35px
	}

	.performance-intro .pi-icon {
		max-width: 65px
	}

	.performance-list {
		font-size: 12px
	}

	.performance-list .view-all {
		margin-top: 24px;
		padding-right: 26px
	}

	.performance .page-caption {
		top: 30px
	}
}

@media (max-width: 750px) {
	.per-bgPic .m-pic {
		display: block
	}

	.per-bgPic .p-pic {
		display: none
	}
}

@media (max-width: 640px) {
	.performance-list {
		margin-bottom: 60px
	}

	.performance-list .item-inner {
		width: 100%
	}

	.performance-list .item-inner:nth-child(odd) p {
		margin-right: 0
	}

	.performance-list .item-inner:nth-child(even) p {
		margin-left: 0
	}

	.performance-list .show-box .item-inner:nth-of-type(2) p {
		border-top: none
	}

	.performance-intro .pi-icon {
		margin-right: 10px
	}

	.performance-main {
		margin-bottom: 50px
	}
}

@media (max-width: 500px) {
	.performance-intro {
		margin-bottom: 25px
	}

	.performance-list {
		font-size: 12px;
		margin-bottom: 50px
	}

	.performance-list .item-inner {
		font-size: 12px
	}
}

.news-list ul {
	font-size: 0
}

.news-list li {
	margin-bottom: 40px;
	overflow: hidden;
	padding: 50px 0;
	border-top: 1px solid rgba(112,112,112,0.24)
}

.news-list a {
	display: block
}

.news-list figure,.news-list article,.news-list .nl-time__box {
	display: inline-block;
	vertical-align: middle
}

.news-list figure {
	width: 23%
}

.news-list figure .img-animate {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.news-list figure,.news-list .nl-pic {
	position: relative
}

.news-list figure:before,.news-list .nl-pic:before {
	content: "";
	display: block;
	padding-top: 61.71%
}

.news-list figure img,.news-list .nl-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.news-list article {
	width: 60%
}

.news-list .nl-title {
	line-height: 1.75;
	margin-top: 0;
	margin-bottom: .20833em;
	font-weight: 400
}

.news-list .m-nl__time {
	display: none
}

.nd-inner {
	max-width: 800px
}

.nl-time__box {
	width: 17%
}

.nl-time__box span {
	display: block;
	color: #8ECC3A;
	line-height: 1.2;
	letter-spacing: 2px;
	margin-bottom: 4px
}

.nl-time {
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: #8ECC3A;
	padding-left: 2em;
	font-weight: 500
}

.nl-time:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 15px;
	height: 13px;
	background: url(../image/icon-01.svg) no-repeat center center
}

.nl-time.td-label {
	padding-left: 0
}

.nl-time.td-label:before {
	display: none
}

.nl-inner {
	max-width: 550px
}

.nl-inner p {
	color: gray
}

.m-nl__inner {
	display: none
}

.news-tab {
	width: 160px;
	text-align: center;
	background-color: #8ECC3A;
	border-radius: 28px;
	position: relative;
	z-index: 100
}

.news-tab .nt-all {
	display: inline-block;
	width: 100%;
	height: 56px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 56px
}

.news-tab .nt-all i {
	-webkit-transition: transform .4s;
	transition: transform .4s;
	display: inline-block;
	margin-left: 12px
}

.nt-select {
	padding: 0 24px;
	display: none
}

.nt-select a {
	display: block;
	position: relative;
	color: #fff;
	font-size: 14px;
	padding: 1.71429em 0
}

.nt-select a:before,.nt-select a:after {
	content: "";
	display: block;
	position: absolute
}

.nt-select a:before {
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.24)
}

.nt-select a:after {
	-webkit-transition: width .4s;
	transition: width .4s;
	background-color: #fff;
	top: -1px;
	left: 50%;
	width: 0;
	height: 2px;
	margin-left: -2px
}

.nt-select .on a:after {
	width: 4px
}

.nt-select li:first-child a:before {
	background-color: rgba(255,255,255,0.5)
}

.nd-main {
	position: relative;
	padding-right: 35%
}

.nd-main .nd-right__area {
	position: absolute;
	right: 0;
	top: 0
}

.nd-caption {
	max-width: 830px
}

.nd-caption h1 {
	letter-spacing: 2px;
	color: #1A1A1A;
	line-height: 1.5;
	margin-bottom: 1.125em
}

.nd-right__area a {
	-webkit-transition: background .4s;
	transition: background .4s;
	margin-left: 20px
}

.nd-right__area a i {
	-webkit-transform: translate(-50%, -50%) scale(0.6);
	transform: translate(-50%, -50%) scale(0.6)
}

.nd-share a {
	margin-right: 20px
}

.nd-recommande__list li {
	width: 25%;
	margin-bottom: 60px;
	overflow: hidden
}

.nd-recommande__list figure {
	position: relative
}

.nd-recommande__list figure:before {
	content: "";
	display: block;
	padding-top: 61.71%
}

.nd-recommande__list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.nd-recommande__list article {
	font-size: 16px;
	margin-top: 2.75em;
	margin-right: 2.5em
}

.nd-recommande__list h1 {
	font-size: 1em;
	line-height: 1.75;
	color: #1A1A1A;
	letter-spacing: .6px;
	overflow: hidden
}

.nd-recommande__list .nl-time {
	margin-top: 2.5em
}

.ndr-inner {
	font-size: 12px;
	line-height: 1.83333;
	color: gray;
	letter-spacing: 1px;
	margin-top: 20px
}

.line-load__scroll {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 6px;
	background-color: #8ECC3A;
	-webkit-transition: width .5s;
	transition: width .5s;
	z-index: 700
}

@media (min-width: 1025px) {
	.nd-fix {
		position: fixed;
		max-width: 1680px;
		width: 100%;
		text-align: right;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.nt-select a:hover:after {
		width: 4px
	}

	.news-tab .nt-all:hover i {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.news-list .nl-title {
		max-width: 596px
	}

	.news-list .nl-pic {
		display: none
	}
}

@media (max-width: 1760px) {
	.nd-fix {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media (max-width: 1440px) {
	.nd-recommande__list article {
		margin-top: 2.5em
	}

	.nd-recommande__list .nl-time {
		margin-top: 2em
	}

	.ndr-inner {
		margin-top: 15px
	}

	.news-tab .nt-all {
		height: 50px;
		line-height: 50px
	}

	.nt-select a {
		padding: 20px 0
	}

	.news-list li {
		padding: 36px 0
	}
}

@media (max-width: 1024px) {
	.nd-recommande__list li {
		width: 50%
	}

	.nd-recommande__list article {
		margin-top: 30px
	}

	.nd-recommande__list .nl-time {
		margin-top: 30px
	}

	.nd-right__area a,.nd-share a {
		margin-left: 10px;
		margin-right: 10px
	}

	.nd-caption h1 {
		margin-bottom: 20px
	}

	.prod-main .p-nd__share {
		display: none
	}

	.line-load__scroll {
		height: 3px
	}

	.news-list figure,.news-list article {
		width: 100%
	}

	.news-list article {
		padding-left: 0;
		margin-top: 30px
	}

	.news-list .nl-inner {
		margin-top: 15px
	}

	.news-list ul {
		margin-left: -10px;
		margin-right: -10px
	}

	.news-list li {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 60px;
		padding-top: 0;
		padding-bottom: 32px;
		border-top: none
	}

	.news-list a {
		display: block;
		margin-left: 10px;
		margin-right: 10px
	}

	.news-list figure {
		display: none
	}

	.news-list .m-nl__time {
		display: block;
		margin-top: 30px
	}

	.news-list .nl-time__box {
		display: none
	}
}

@media (max-width: 850px) {
	.news-main .loading {
		margin-top: 20px
	}

	.nd-main {
		padding-right: 0;
		position: relative
	}

	.nd-main .nd-right__area {
		top: auto;
		bottom: 0
	}
}

@media (max-width: 768px) {
	.ndr-inner {
		margin-top: 8px
	}

	.news-list .nl-inner {
		margin-top: 8px
	}

	.m-nl__inner {
		display: block
	}

	.p-nl__inner {
		display: none
	}
}

@media (max-width: 640px) {
	.news-list article,.nd-recommande__list article {
		margin-top: 25px
	}
}

@media (max-width: 600px) {
	.nd-recommande__list li {
		width: 100%;
		margin-bottom: 45px
	}

	.nd-recommande__list h1 {
		height: auto;
		line-height: 1.7
	}

	.nd-recommande__list article {
		margin-right: 0
	}

	.news-list li {
		width: 100%;
		margin-bottom: 45px
	}
}

@media (max-width: 500px) {
	.news-tab {
		width: 142px
	}

	.news-tab .nt-all {
		height: 45px;
		line-height: 45px
	}

	.news-tab .nt-all i {
		margin-left: 9px;
		font-size: 12px
	}

	.nd-main .nd-right__area {
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		margin-top: 40px
	}

	.nd-share,.nd-right__area {
		text-align: center
	}

	body:not(.team-data) .nd-right__area {
		padding-top: 40px;
		margin-top: 40px;
		border-top: 1px solid rgba(26,26,26,0.1)
	}

	.nt-select a {
		font-size: 12px
	}

	.news-tab .nt-all {
		font-size: 12px
	}

	.nl-inner {
		max-width: 100%
	}

	.news-list article,.nd-recommande__list article {
		margin-top: 15px
	}
}

.contact-bgImg {
	font-size: 0;
	overflow: hidden;
	position: relative
}

.contact-bgImg .wow:before {
	content: "";
	display: block;
	padding-top: 44.27%
}

.contact-bgImg img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.ct-address {
	max-width: calc(100% - 150px);
	overflow: hidden
}

.ct-address .item-box {
	display: inline-block;
	vertical-align: top;
	margin-right: 9.375vw
}

.ct-address .item-box:last-child {
	margin-right: 0
}

.cta-title {
	line-height: 1.375;
	color: #1A1A1A;
	letter-spacing: 2px
}

.cta-inner {
	font-size: 14px;
	line-height: 2;
	color: #1A1A1A;
	margin-top: 1.42857em
}

.cta-link {
	display: inline-block;
	font-size: 12px;
	color: gray;
	text-transform: uppercase;
	font-weight: 500
}

.cta-link i {
	-webkit-transition: color .4s;
	transition: color .4s;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	font-size: 30px;
	color: #C6C6C6;
	font-weight: 400;
	margin-right: .23333em
}

.contact-bottom__inner {
	max-width: 675px
}

.contact-bottom__inner a {
	display: inline-block;
	position: relative
}

.contact-bottom__inner a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background-color: gray
}

.contact-bottom__area {
	background-color: #FCFDF7;
	padding-top: 140px;
	padding-bottom: 160px
}

.jl-title {
	cursor: pointer;
	position: relative;
	padding-top: 45px;
	padding-bottom: 45px
}

.jl-main,.jl-title {
	padding-left: 50px
}

.jl-job,.jl-require,.jl-inner {
	display: inline-block;
	width: 40%;
	padding-right: 60px
}

.jl-job,.jl-require {
	vertical-align: middle
}

.jl-main {
	display: none;
	border-top: 1px solid #e6e6e6
}

.jl-inner {
	vertical-align: top;
	font-size: 14px;
	color: #1A1A1A;
	letter-spacing: 1px;
	line-height: 2;
	padding-top: 3.57143em;
	padding-bottom: 6.42857em
}

.jl-inner h3 {
	font-size: 16px;
	line-height: 1.75;
	font-weight: 400;
	margin-bottom: 1.25em
}

.jl-inner ol li {
	margin-bottom: 0;
	list-style: revert
}

.jl-inner ul li {
	list-style: disc
}

.jl-round {
	-webkit-transition: all .4s;
	transition: all .4s;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #e6e6e6;
	color: #1A1A1A;
	position: absolute;
	right: 40px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.jl-round i {
	-webkit-transition: transform .4s;
	transition: transform .4s;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 14px;
	margin-left: -7px;
	margin-top: -7px
}

.join-list>ul>li {
	background-color: #fff;
	margin-bottom: 20px
}

.join-list .on .jl-round {
	background-color: #8ECC3A;
	color: #fff
}

.join-list .on .jl-round i {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media (min-width: 1025px) {
	.cta-link:hover i {
		color: #8ECC3A
	}

	.jl-title:hover .jl-round {
		background-color: #8ECC3A;
		color: #fff
	}

	.jl-title:hover .jl-round i {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}

@media (max-width: 1440px) {
	.contact-bottom__area {
		padding-top: 75px;
		padding-bottom: 105px
	}

	.jl-round {
		width: 48px;
		height: 48px
	}

	.jl-title {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

@media (max-width: 1024px) {
	.ct-address {
		width: 100%;
		max-width: 100%;
		margin-top: 40px
	}

	.cta-inner {
		margin-top: 12px
	}

	.contact-bgImg {
		margin-top: 45px
	}

	.contact-bottom__inner {
		max-width: 100%;
		margin-top: 30px
	}

	.join-list {
		margin-top: 60px
	}

	.jl-round {
		width: 42px;
		height: 42px;
		right: 20px
	}

	.jl-main {
		padding-top: 45px
	}

	.jl-inner {
		width: 100%;
		padding-top: 0;
		padding-bottom: 40px;
		padding-right: 0
	}

	.contact-bottom__area {
		padding-top: 70px;
		padding-bottom: 80px
	}
}

@media (max-width: 700px) {
	.ct-address .item-box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px
	}

	.ct-address .item-box:last-child {
		margin-bottom: 0
	}
}

@media (max-width: 640px) {
	.jl-main,.jl-title {
		padding-left: 20px;
		padding-right: 20px
	}

	.jl-job,.jl-require {
		width: 100%
	}

	.jl-job {
		font-size: 16px
	}

	.jl-require {
		font-size: 12px
	}

	.jl-require {
		margin-top: 10px
	}

	.jl-title {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.join-list>ul>li {
		margin-bottom: 10px
	}

	.jl-inner {
		padding-bottom: 35px
	}

	.jl-inner h3 {
		margin-bottom: 6px
	}

	.jl-main {
		padding-top: 25px
	}

	.cta-link {
		margin-top: 20px
	}

	.cta-link i {
		font-size: 28px
	}
}

@media (max-width: 500px) {
	.jl-round {
		width: 32px;
		height: 32px;
		right: 8px
	}

	.jl-round i {
		font-size: 12px;
		margin-top: -6px;
		margin-left: -6px
	}

	.contact-bottom__area {
		padding-top: 55px
	}

	.cta-inner {
		font-size: 12px;
		line-height: 1.8
	}

	.cta-link i {
		font-size: 26px
	}

	.contact-bottom__inner {
		margin-top: 20px
	}

	.join-list {
		margin-top: 45px
	}

	.jl-inner {
		font-size: 12px
	}

	.jl-inner h3 {
		font-size: 14px
	}
}

.team-subject {
	position: relative;
	font-size: 0
}

.team-bgPic,.team-box {
	display: inline-block;
	vertical-align: top
}

.team-bgPic {
	width: 26%
}

.team-bgPic img {
	max-width: 100%
}

.team-box {
	padding-left: 6%;
	width: 46%
}

.team-caption span,.team-caption i {
	display: inline-block;
	vertical-align: bottom
}

.team-caption i {
	position: relative;
	top: -2px;
	width: 2px;
	height: 18px;
	background-color: #1A1A1A;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	margin-left: 14px;
	margin-right: 20px
}

.team-caption span:nth-of-type(1) {
	letter-spacing: 2px
}

.team-caption span:nth-of-type(2) {
	text-transform: uppercase
}

.team-infor {
	margin-top: 10px
}

.team-intro {
	color: gray;
	margin-top: 1.11111em
}

.tp-title {
	color: #1A1A1A
}

.tp-inner {
	margin-top: 20px
}

.tp-box {
	position: relative
}

.tp-box:before {
	content: "";
	display: block;
	padding-top: 127.89%
}

.tp-box img {
	position: absolute;
	left: 0;
	top: 0
}

@media (min-width: 1025px) {
	.team-bgPic {
		position: absolute
	}

	.team-bgPic.scroll {
		position: fixed;
		top: 120px;
		max-width: 22.6%
	}

	.team-box {
		margin-left: 26%
	}

	.td-next__page {
		position: absolute;
		right: 0;
		top: 0
	}
}

@media (max-width: 1024px) {
	.td-next__page {
		margin-top: 45px
	}

	.team-bgPic {
		width: 100%
	}

	.team-box {
		width: 100%;
		padding-left: 0;
		margin-top: 35px
	}

	.team-data .nd-right__area {
		text-align: center;
		padding-top: 40px;
		margin-top: 60px;
		border-top: 1px solid rgba(26,26,26,0.1)
	}
}

.project-top__area {
	font-size: 0;
	position: relative
}

.pta-bgImg,.pta-cont {
	display: inline-block;
	vertical-align: top
}

.pta-bgImg {
	position: relative;
	width: 65.47%
}

.pta-bgImg a {
	display: block
}

.pta-bgImg .pic {
	padding-top: 700px
}

.pta-bgImg .pic {
	height: 100%
}

.pta-bgImg img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.pta-cont {
	background-color: #fcfdf7
}

.pta-cont a {
	display: block;
	font-size: 14px;
	padding: 3.57143em 2.85714em 0 2.85714em
}

.pta-caption span {
	display: block;
	margin-bottom: 4px;
	line-height: 1.37;
	letter-spacing: 2px
}

.pta-caption p {
	font-size: 14px;
	line-height: 1.6
}

.pta-attr li {
	margin-bottom: 5px
}

.pta-attr span {
	display: inline-block;
	font-size: 12px;
	color: gray
}

.pta-attr p {
	font-size: 14px;
	line-height: 2.42857
}

.project-list li {
	width: 33.33%;
	font-size: 16px;
	margin-bottom: 2.5em;
	overflow: hidden;
	overflow: hidden
}

.project-list figure {
	position: relative;
	overflow: hidden
}

.project-list figure:before {
	content: "";
	display: block;
	padding-top: 62.03%
}

.project-list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.project-list figure:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6.25vw;
	background: url(../image/pro-bg.png) no-repeat center center;
	background-size: cover;
	opacity: .52
}

.project-list article {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 1.5em 1.875em
}

.project-list article h1 {
	line-height: 1.5625;
	font-size: 16px
}

.project-list article p {
	font-size: 12px;
	line-height: 1.66667
}

.prod-bgPic {
	font-size: 0;
	position: relative
}

.prod-bgPic img,.prod-bgPic .pic-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.prod-bgPic .pic-box {
	height: 100%
}

.prod-bgPic:before {
	content: "";
	display: block;
	padding-top: 23.43%
}

.prod-bgPic .m-pic {
	display: none
}

.prod-left__area {
	width: 65%
}

.prod-right__area {
	width: 26%
}

.prod-caption {
	color: #1A1A1A
}

.prod-caption h1 {
	letter-spacing: 2px;
	line-height: 1.375;
	margin-bottom: 5px
}

.prod-caption p {
	line-height: 1.6;
	font-size: 12px
}

.prod-attr__box {
	color: #1A1A1A
}

.prod-attr__box li {
	font-size: 14px;
	margin-bottom: 12px
}

.prod-attr__box .pa-lable {
	display: block;
	font-size: 12px;
	line-height: 2.33333;
	color: gray
}

.prod-attr__box strong,.prod-attr__box .pa-unit {
	display: inline-block;
	vertical-align: middle;
	color: gray
}

.prod-attr__box strong {
	font-weight: 300
}

.prod-message__box .item-box {
	font-size: 14px;
	color: gray;
	margin-bottom: 1.28571em
}

.prod-message__box span {
	font-size: 12px;
	color: gray;
	line-height: 2.33333
}

.prod-message__box p {
	line-height: 1.6
}

.prod-message__box .fs20 {
	font-weight: 300
}

.prod-message__box strong {
	font-weight: 400;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	margin-top: -1px
}

.prod-right__area .nd-right__area a {
	margin-left: 0;
	margin-right: 20px
}

.prod-right__area .nd-right__area.pro-fix {
	position: fixed;
	top: 20px
}

@media (min-width: 501px) {
	.m-nd__share {
		display: none
	}
}

@media (min-width: 1025px) {
	.pta-cont {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 31.53%;
		background-color: #fcfdf7
	}

	.pta-attr {
		position: absolute;
		bottom: 20px
	}
}

@media (max-width: 1500px) {
	.project-list li {
		font-size: 14px
	}

	.pta-bgImg .pic {
		padding-top: 550px
	}

	.pta-cont a {
		padding: 30px 24px 0 24px
	}

	.prod-right__area .nd-right__area.pro-fix {
		top: 34px
	}
}

@media (max-width: 1336px) {
	.pta-bgImg .pic {
		padding-top: 530px
	}
}

@media (max-width: 1200px) {
	.prod-right__area {
		width: 32%
	}
}

@media (max-width: 1024px) {
	.project-list {
		margin-top: 30px
	}

	.project-list li {
		font-size: 12px;
		width: 50%;
		margin-bottom: 24px
	}

	.project-list .view-more__box {
		display: none
	}

	.pta-bgImg {
		width: 100%
	}

	.pta-bgImg .pic {
		padding-top: 63.63%
	}

	.pta-cont {
		margin-top: 24px
	}

	.pta-cont a {
		padding: 20px
	}

	.pta-attr {
		margin-top: 50px
	}

	.prod-right__area,.prod-left__area {
		width: 100%
	}

	.prod-left__area {
		margin-top: 45px
	}

	.prod-attr__box .pa-unit {
		font-size: 12px
	}

	.prod-message__box strong {
		font-size: 12px
	}
}

@media (max-width: 750px) {
	.prod-bgPic .p-pic {
		display: none
	}

	.prod-bgPic .m-pic {
		display: block
	}

	.prod-bgPic:before {
		padding-top: 66.66%
	}
}

@media (max-width: 700px) {
	.project-list li {
		width: 100%
	}
}

@media (max-width: 640px) {
	.prod-message__box .item-box {
		margin-bottom: 8px
	}
}

@media (max-width: 600px) {
	.project-list article {
		padding: 10px 15px
	}

	.project-list article h1 {
		font-size: 14px
	}

	.project-list article p {
		line-height: 1.5
	}
}

@media (max-width: 500px) {
	.pta-cont {
		margin-top: 15px
	}

	.project-list li {
		margin-bottom: 16px
	}

	.pta-caption span {
		margin-bottom: 2px
	}

	.prod-caption h1 {
		margin-bottom: 2px
	}

	.prod-caption p {
		font-size: 10px
	}

	.pta-inner {
		margin-top: 15px
	}
}

.thematic-top__area {
	font-size: 0;
	position: relative
}

.thematic-top__area .pic-box {
	position: relative
}

.thematic-top__area .pic-box:before {
	content: "";
	display: block;
	padding-top: 47.62%
}

.thematic-top__area a {
	display: block
}

.thematic-top__area img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.thematic-top__area .m-pic {
	display: none
}

.thematic-top__area .list-slide__row {
	overflow: hidden
}

.thematic-top__area .ls-transY {
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	overflow: hidden
}

.thematic-top__area .list-slide__txt .ls-transY {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.thematic-top__area.active .ls-transY,.thematic-top__area.active .ls-transY {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible
}

.thematic {
	overflow-x: hidden
}

.thematic-list li {
	margin-bottom: 100px;
	overflow: hidden
}

.thematic-list figure {
	overflow: hidden;
	position: relative
}

.thematic-list figure:before {
	content: "";
	display: block;
	padding-top: 61.98%
}

.thematic-list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.thematic-list article {
	font-size: 16px;
	color: #1A1A1A;
	margin-top: 2.75em
}

.thematic-list article h1 {
	font-weight: 400;
	line-height: 1.75
}

.thematic-list .theml-inner {
	max-width: 650px;
	margin-top: 1.25em
}

.thematic-list .m-theml__inner {
	display: none
}

.thematic-list .theml-attr {
	font-size: 14px;
	line-height: 2;
	color: #8ECC3A;
	letter-spacing: 1px;
	margin-top: 2.14286em
}

.thematic-list .m-theml__attr {
	display: none
}

@media (max-width: 1500px) {
	.thematic-list li {
		margin-bottom: 75px
	}

	.thematic-list article {
		font-size: 14px
	}

	.thematic-list .theml-inner {
		margin-top: 15px
	}
}

@media (max-width: 1024px) {
	.thematic-list article {
		margin-top: 30px
	}

	.thematic-list .theml-attr {
		font-size: 12px
	}
}

@media (max-width: 768px) {
	.thematic-top__area {
		margin-top: 45px
	}

	.thematic-top__area .pic-box:before {
		padding-top: 62%
	}

	.thematic-top__area .m-pic {
		display: block
	}

	.thematic-top__area .p-pic {
		display: none
	}

	.thematic-top__area .circle-box {
		position: relative;
		top: auto;
		left: auto;
		height: auto;
		margin-top: 45px
	}

	.thematic-top__area .circle-animate {
		display: none
	}

	.thematic-top__area .circle-line {
		background-color: rgba(26,26,26,0.3);
		width: 120%;
		left: -40px;
		right: -40px
	}

	.thematic-top__area .circle-text .line {
		background-color: #1A1A1A
	}

	.thematic-top__area .circle-text .ct-box {
		color: #1A1A1A
	}

	.thematic-top__area .circle__c1,.thematic-top__area .circle__c2 {
		stroke: #1A1A1A
	}

	.thematic-top__area .list-slide__title span {
		color: #8ECC3A;
		font-size: 14px;
		margin-bottom: 4px
	}

	.thematic-top__area .list-slide__title h1 {
		font-size: 24px;
		color: #1A1A1A
	}

	.thematic-top__area .list-slide__txt {
		color: gray
	}

	.thematic-top__area .slide-inner {
		padding-left: 0
	}

	.thematic-top__area .circle-box {
		margin-top: 25px
	}

	.thematic-top__area .list-slide__txt {
		display: block;
		margin-top: 15px;
		padding-right: 0;
		padding-top: 0
	}

	.thematic-top__area .list-slide__title {
		padding-bottom: 0
	}

	.thematic-list .theml-inner {
		color: gray;
		margin-top: 8px
	}

	.thematic-list .m-theml__inner {
		display: block
	}

	.thematic-list .p-theml__inner {
		display: none
	}

	.thematic-list li {
		margin-bottom: 50px;
		width: 100%
	}

	.thematic-list article {
		margin-top: 25px
	}

	.thematic-list article h1 {
		font-size: 24px
	}

	.thematic-list .m-theml__attr {
		display: block;
		margin-top: 0;
		margin-bottom: 2px
	}

	.thematic-list .p-theml__attr {
		display: none
	}

	.thematic-top__area .list-slide__title span {
		font-size: 12px;
		margin-bottom: 2px
	}
}

@media (max-width: 500px) {
	.thematic-top__area .circle-box {
		margin-top: 15px
	}

	.thematic-top__area .list-slide__title h1 {
		font-size: 16px
	}

	.thematic-top__area .list-slide__txt {
		margin-top: 8px
	}

	.thematic-top__area .slide-inner {
		padding: 0
	}

	.thematic-list {
		margin-top: 45px
	}

	.thematic-list article {
		margin-top: 15px
	}

	.thematic-list article h1 {
		font-size: 16px
	}

	.thematic-list li {
		margin-bottom: 45px
	}
}

.abt-txt {
	max-width: 675px
}

.ab-bgPic {
	font-size: 0
}

.ab-bgPic .pic {
	padding-top: 44.27%
}

.ab-bgPic .m-pic {
	display: none
}

.ab-bgPic img {
	width: 100%
}

.ab-album {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

.ab-album .slick-dots {
	margin-top: 50px
}

.ab-team .sec-column__box {
	min-height: 45px
}

.ab-team__filtrate a {
	display: inline-block;
	vertical-align: top
}

.ab-album__text,.ab-album__pic {
	display: block;
	vertical-align: middle
}

.ab-album__text {
	float: left;
	width: 50%;
	font-size: 14px;
	color: #1A1A1A;
	letter-spacing: 1px;
	line-height: 2
}

.ab-album__text h3 {
	font-size: 30px;
	font-weight: normal;
	line-height: 1.5
}
.item-box p {
	font-size: 16px;
	font-weight: normal;
}
.item-box p strong {
	font-weight: bold;
}

.ab-album__text h4 {
	font-size: 16px;
	line-height: 1.875
}

.ab-album__pic {
	width: 40%;
	float: right;
}

.ab-album__pic img {
	max-width: 100%
}

.ab-team {
	background-color: #FCFDF7;
	font-size: 20px;
	padding-top: 7em;
	padding-bottom: 5em
}

.ab-team ul {
	overflow: hidden
}

.ab-team__list li {
	width: 25%;
	margin-bottom: 50px;
	overflow: hidden
}

.ab-team__list .abl-cont {
	font-size: 16px;
	margin-top: 2.1875em
}

.ab-team__list .abl-txt {
	margin-top: .75em;
	color: gray;
	margin-right: 5.20833vw
}

.ab-team__list .abl-pic {
	position: relative;
	overflow: hidden
}

.ab-team__list .abl-pic:before {
	content: "";
	display: block;
	padding-top: 114.36%
}

.ab-team__list .abl-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.ab-team__list .nd-right__area a {
	margin-left: 20px;
	margin-right: 20px
}

.ab-partner__list ul {
	font-size: 0;
	margin: 0 -15px
}

.ab-partner__list ul li {
	display: inline-block;
	vertical-align: top
}

.ab-partner__list li {
	width: 16.66%;
	font-size: 20px;
	margin-bottom: 5em;
	overflow: hidden
}

.ab-partner__list .pic {
	border: 1px solid #ddd;
	text-align: center;
	margin: 0 15px;
	position: relative
}

.ab-partner__list .pic:before {
	content: "";
	display: block;
	padding-top: 55.49%
}

.ab-partner__list img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.ab-honor {
	position: relative;
	font-size: 20px
}

.ab-hoor__pic {
	height: 850px
}

.ab-honor .page-caption {
	color: #fff;
	position: absolute;
	top: 6.5em
}

.ab-honor__list {
	position: absolute;
	top: 6.5em;
	right: 6em;
	width: 710px
}

.ab-honor__list li {
	font-size: 14px;
	line-height: 2.14286;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	letter-spacing: 1px;
	padding-bottom: .71429em;
	margin-bottom: .71429em
}

.ab-honor__list li:after {
	content: "";
	display: block;
	clear: both
}

.ab-honor__list span:first-child {
	float: left;
	width: 58%
}

.ab-honor__list span:last-child {
	float: right;
	text-align: left;
	width: 42%
}

.abp-inner__box {
	max-width: 686px
}

.abp-list__box .item-round {
	width: 100%;
	height: 0;
	padding-top: 100%;
	cursor: pointer
}

.abp-list__box .item-round:after {
	-webkit-transition: border .8s ease;
	transition: border .8s ease;
	border: 2.08333vw solid #e6e6e6
}

.abp-list__box .slick-current .item-round:after {
	border-color: #8ECC3A
}

.abp-list__box .rl-title {
	color: #8ECC3A
}

.abp-list__box .rl-txt {
	line-height: 1.875;
	letter-spacing: 1px
}

.ab-team__slick a {
	outline: none
}

.ab-team__slick .slick-track {
	margin-left: 0;
	margin-right: 0
}

@media (min-width: 1025px) {
	.abp-list__slick .slick-list {
		overflow: visible
	}

	.ab-honor__list {
		height: 500px;
		overflow: hidden
	}

	.perfect-scrollbar {
		height: 100%
	}
}

@media (max-width: 1600px) {
	.ab-team__list .abl-txt {
		margin-right: 25px
	}

	.ab-hoor__pic {
		height: 730px
	}
}

@media (max-width: 1460px) {
	.ab-album {
		margin-left: 0px;
		margin-right: 0px
	}
}

@media (max-width: 1440px) {
	.ab-team__list .abl-cont {
		font-size: 14px
	}

	.ab-partner__list li {
		font-size: 18px
	}

	.ab-team {
		padding-top: 3.75em;
		padding-bottom: 5em
	}

	.ab-hoor__pic {
		height: 750px
	}

	.ab-album .slick-dots {
		margin-top: 90px
	}

	.ab-honor .page-caption {
		top: 5em
	}

	.ab-honor__list {
		top: 5em
	}
}

@media (max-width: 1300px) {
	.ab-team__list .abl-txt {
		margin-right: 15px
	}

	.ab-team__list .abl-cont {
		font-size: 12px
	}
}

@media (max-width: 1024px) {
	.ab-album__pic,.abp-inner__slick,.ab-album__text .slick-list {
		pointer-events: none
	}

	.abt-txt {
		max-width: 100%;
		margin-top: 30px
	}

	.ab-album__text {
		padding-right: 10%
	}

	.ab-team__list li {
		width: 50%
	}

	.ab-team__list .abl-cont {
		font-size: 12px;
		margin-top: 20px
	}

	.ab-team__list .abl-txt {
		margin-right: 50px
	}

	.ab-team__list .view-more__box {
		display: none
	}

	.ab-team {
		padding-bottom: 20px
	}

	.ab-honor .page-caption {
		color: #1A1A1A;
		position: relative;
		top: auto;
		margin-top: 70px
	}

	.ab-honor__list {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 35px;
		width: 100%
	}

	.ab-honor__list li {
		color: #1A1A1A;
		border-bottom: 1px solid rgba(26,26,26,0.2);
		line-height: 1.8;
		margin-bottom: 12px;
		padding-bottom: 8px
	}

	.ab-honor__list span:first-child,.ab-honor__list span:last-child {
		width: 100%
	}

	.ab-honor__list span:last-child {
		color: gray
	}

	.ab-hoor__pic {
		height: auto;
		padding-top: 44.27%
	}

	.ab-partner__list li {
		width: 20%;
		font-size: 16px
	}

	.abp-inner__box {
		margin-top: 30px;
		max-width: 100%
	}

	.abp-list__slick .item-round:after {
		border-width: 6.4vw
	}

	.team-caption i {
		height: 16px;
		margin-left: 8px;
		margin-right: 12px
	}

	.ab-album__text h3 {
		font-size: 24px
	}
}

@media (max-width: 900px) {
	.ab-album__text {
		width: 100%;
		padding-right: 0
	}

	.ab-album__pic {
		margin-top: 40px;
		display: block;
		width: 100%;
		max-width: 60%;
		margin: 40px auto 0 auto
	}

	.ab-album .slick-dots {
		margin-top: 35px
	}
}

@media (max-width: 750px) {
	.ab-bgPic .pic {
		padding-top: 66.66%;
		display: none
	}

	.ab-bgPic .m-pic {
		display: block
	}

	.ab-hoor__pic {
		padding-top: 66.66%
	}

	.ab-partner__list ul {
		margin: 0 -5px
	}

	.ab-partner__list .pic {
		margin: 0 5px
	}
}

@media (max-width: 640px) {
	.ab-album {
		margin-left: 20px;
		margin-right: 20px
	}

	.abp-list__box {
		margin-top: 40px
	}
}

@media (max-width: 640px) {
	.abp-list__slick .slick-slide {
		width: 50%
	}

	.abp-list__slick .item-round:after {
		border-width: 7.5vw
	}

	.ab-honor .page-caption {
		margin-top: 35px
	}
}

@media (max-width: 500px) {
	.ab-partner__list ul {
		margin: 0
	}

	.ab-partner__list .pic {
		margin: 0
	}

	.ab-partner__list .pic img {
		padding: 0 5px
	}

	.ab-partner__list li {
		width: 33.33%;
		font-size: 12px;
		margin-bottom: 35px;
		padding: 0 5px
	}

	.abp-list__slick .rl-title {
		font-size: 16px
	}

	.abp-list__slick .rl-txt {
		font-size: 12px
	}

	.ab-team__list .abl-txt {
		margin-right: 20px
	}

	.ab-team__list .abl-cont {
		margin-top: 15px
	}

	.team-caption span {
		display: block;
		margin-bottom: 4px
	}

	.team-caption i {
		display: none
	}

	.abt-txt {
		margin-top: 20px
	}

	.ab-album__text h3 {
		font-size: 22px
	}

	.ab-team__list li {
		margin-bottom: 35px
	}

	.about .ab-team__list .nd-right__area {
		padding-top: 0;
		border-top: none;
		padding-bottom: 30px
	}

	.about .ab-team__list .nd-right__area a {
		margin-left: 15px;
		margin-right: 15px
	}

	.ab-honor__list {
		margin-top: 25px
	}

	.ab-honor__list li {
		font-size: 12px
	}

	.ab-album__text {
		font-size: 12px;
		line-height: 1.8
	}

	.abp-inner__box {
		margin-top: 25px
	}
}

.building-main {
	position: relative;
	min-height: 100vh;
	padding: 60px 0;
	border: 20px solid #8ECC3A
}

.bm-wrap {
	position: relative;
	text-align: center
}

.bm-title {
	margin-top: 1.2em;
	font-size: 74px;
	line-height: 1;
	color: #8ECC3A;
	font-weight: 900
}

.bm-info {
	color: #1A1A1A
}

.bm-info h3 {
	margin-top: 2em;
	font-size: 22px;
	font-weight: 300;
	letter-spacing: .02em
}

.bm-info p {
	font-size: 20px;
	letter-spacing: .035em;
	line-height: 2
}

.bmc-title {
	font-size: 14px;
	line-height: 2;
	color: #1A1A1A
}

.bmc-email {
	font-size: 13px;
	font-weight: 300;
	color: #1A1A1A
}

.bm-old {
	margin-top: 2em;
	font-size: 13px;
	line-height: 1.5;
	color: gray
}

.bm-old a {
	-webkit-transition: color .4s;
	transition: color .4s;
	text-decoration: underline
}

.bmc-title {
	font-size: 14px;
	line-height: 2;
	color: #1A1A1A
}

.bmc-email {
	font-size: 13px;
	font-weight: 300;
	color: #1A1A1A
}

.bmc-email a {
	color: #111;
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px
}

.bm-copyright {
	margin-top: 40px;
	font-size: 12px;
	color: gray
}

.bmc-share a {
	-webkit-transition: color .4s;
	transition: color .4s;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 2;
	width: 2em;
	text-align: center;
	color: #636363
}

.share-wx {
	position: relative
}

.share-wx img {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-left: -100px;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
	opacity: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.share-wx:hover img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: visible;
	opacity: 1;
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

.bm-contact {
	margin-top: 60px
}

.bmc-share {
	margin-top: 10px
}

.bmc-share a:hover,.bmc-email a:hover {
	color: #8ECC3A
}

.bm-logo img {
	height: 90px
}

@media (max-height: 800px) {
	.bm-title {
		margin-top: 60px
	}

	.bm-contact {
		margin-top: 40px
	}
}

@media (max-width: 750px) {
	.building-main {
		border-width: 10px
	}

	.bm-wrap {
		padding-right: 15px;
		padding-left: 15px
	}

	.bm-title {
		font-size: 42px
	}

	.bm-info h3,.bm-info p {
		font-size: 12px;
		line-height: 1.5
	}

	.bm-copyright {
		margin-right: auto;
		margin-left: auto;
		max-width: 180px;
		line-height: 1.5
	}
}

@media (max-width: 680px) {
	.bm-contact {
		margin-top: 40px
	}
}

.eror-404 {
	overflow-x: hidden
}

.page404 {
	overflow: hidden;
	text-align: center;
	height: calc(100vh - 96px);
	width: 100vw;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.page404 #errorText {
	font-size: 22px;
	margin-top: 40px;
	color: #1A1A1A
}

.page404 #errorLink {
	font-size: 20px;
	padding: 12px;
	border: 1px solid;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	margin-top: 20px
}

.page404 #errorLink:hover,.page404 #errorLink:active {
	color: #fff;
	background: #8ECC3A
}

.page404 #g6219 {
	transform-origin: 85px 4px;
	animation: an1 12s .5s infinite ease-out
}

@keyframes an1 {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(3deg)
	}

	15% {
		transform: rotate(-2.5deg)
	}

	25% {
		transform: rotate(2deg)
	}

	35% {
		transform: rotate(-1.5deg)
	}

	45% {
		transform: rotate(1deg)
	}

	55% {
		transform: rotate(-1.5deg)
	}

	65% {
		transform: rotate(2deg)
	}

	75% {
		transform: rotate(-2deg)
	}

	85% {
		transform: rotate(2.5deg)
	}

	95% {
		transform: rotate(-3deg)
	}

	100% {
		transform: rotate(0)
	}
}

@media (max-width: 1024px) {
	.page404 {
		height: calc(100vh - 120px)
	}

	.page404 #errorText {
		font-size: 18px;
		margin-top: 0
	}

	.page404 #errorLink {
		font-size: 16px
	}

	.page404 #svg2 {
		width: 80%
	}
}

.search-header h3 {
	color: #1A1A1A;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 10px
}

.search-header p {
	color: gray;
	font-size: 18px;
	line-height: 1.5
}

.search-header p span {
	color: #8ECC3A
}

.search-item {
	-webkit-transition: all .4s;
	transition: all .4s;
	display: block;
	padding: 35px 30px
}

.search-item h4 {
	-webkit-transition: color .4s;
	transition: color .4s;
	color: #1A1A1A;
	margin-bottom: .25em;
	font-size: 18px;
	line-height: 1.5
}

.search-item p {
	color: gray;
	font-size: 14px;
	line-height: 1.5
}

.search-item:hover {
	background-color: #f5f5f5
}

.search-item:hover h4 {
	color: #8ECC3A
}

.list-search li {
	background-color: #f5f5f5;
	margin-bottom: 20px
}

@media (min-width: 1025px) {
	.search-item:hover {
		background-color: #f5f5f5
	}

	.search-item:hover h4 {
		color: #8ECC3A
	}
}

@media (max-width: 1024px) {
	.search-header h3 {
		font-size: 22px;
		margin-bottom: 5px
	}

	.search-header p {
		font-size: 16px
	}

	.search-item h4 {
		font-size: 16px
	}

	.search-item p {
		font-size: 12px
	}
}

@media (max-width: 500px) {
	.search-header h3 {
		font-size: 18px
	}

	.search-header p {
		font-size: 14px
	}

	.search-item {
		padding: 15px 20px
	}

	.search-item h4 {
		font-size: 14px
	}
}
/*# sourceMappingURL=main.css.map */