.service-number {
	position: relative
}

.service-number #service-number-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);service-brand-system-item
	transform: translate(-50%, -50%);
	width: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #62ad30
}

.service-number #service-number-content .service-number-content-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	min-width: 135px
}

.service-number #service-number-content .service-number-content-item span {
	margin-bottom: 1rem;
	font-size: 4.5rem;
	line-height: 6rem;
	font-weight: 600;
	border-bottom: 1px solid #62ad30
}

#service-client .chapter-img-wrap {
	width: 130%
}

#our-advantages {
	color: #fff;
	background-color: #24312a;
	background-image: radial-gradient(1100px 560px at 18% 0%, rgba(98, 173, 48, .20), transparent 60%), linear-gradient(135deg, #1e2a23 0%, #2b4133 55%, #202b25 100%);
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff
}

#our-advantages .chapter-title-cn {
	border-color: #fff
}

#our-advantages .chapter-title-cn {
	border-color: #fff
}

#our-advantages .circle-group {
	margin: 30px auto 0;
	position: relative;
	width: 412px;
	height: 412px
}

#our-advantages .circle-group .circle-item {
	opacity: 0;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 200px;
	height: 200px;
	border-radius: 50%;

	background-color: rgba(98, 173, 48, 0.92);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.18);
	color: #fff
}

#our-advantages .circle-group .circle-item p {
	font-size: 1.2rem;
	opacity: 0
}

#our-advantages .circle-group .circle-item h4 {
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: .06rem;
	line-height: 2rem;
	opacity: 0
}

#our-advantages .circle-group .circle-item.circle-index-1 {
	top: 0;
	left: 0
}

#our-advantages .circle-group .circle-item.circle-index-2 {
	top: 0;
	right: 0;
	z-index: 2
}

#our-advantages .circle-group .circle-item.circle-index-3 {
	bottom: 0;
	left: 0;
	z-index: 3
}

#our-advantages .circle-group .circle-item.circle-index-4 {
	bottom: 0;
	right: 0;
	z-index: 4
}

#our-advantages .circle-group .circle-animation {
	-webkit-animation: .5s fadeIn forwards;
	animation: .5s fadeIn forwards
}

#our-advantages .circle-group .circle-animation p {
	-webkit-animation: .2s .6s fadeIn forwards;
	animation: .2s .6s fadeIn forwards
}

#our-advantages .circle-group .circle-animation h4 {
	-webkit-animation: .2s 1s fadeIn forwards;
	animation: .2s 1s fadeIn forwards
}

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

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

#service-brand-system .service-brand-system-content-list {
	margin-top: 20px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#service-brand-system .service-brand-system-content-list .service-brand-system-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #333
}

#service-brand-system .service-brand-system-content-list .service-brand-system-item img {
	margin-bottom: 20px;
	width: 10rem;
	height: 10rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	
}


#service-brand-system .service-brand-system-content-list .service-brand-system-item:hover .pulse-shrink {
  -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}



#service-brand-system .service-brand-system-content-list .service-brand-system-item h2 {
	line-height: 1.6rem;
	font-size: 1.3rem;
	font-weight: 400;
	color: #212121;
    text-align: center;
    margin-bottom: 12px;
}


#service-brand-system .service-brand-system-content-list .service-brand-system-item ul li {
	font-size: .857rem;
	text-align: center;
	line-height: 1.71rem
}

#service-year-round-gallery {
	overflow: hidden
}

#service-year-round-gallery .year-round-gallery-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	left: 0
}

#service-year-round-gallery .year-round-gallery-content.unfold-mode {
	width: 200%;
	position: relative
}

#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item {
	min-height: 600px;
	min-width: 10%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item.active {
	width: 100%
}

#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item.active .service-year-round-item-title {
	width: 100%;
	background-color: rgba(0, 0, 0, .5)
}

#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item.active .service-year-round-item-title .year-round-item-detail {
	display: block;
	margin-top: 1rem;
	font-size: 1.5rem
}

#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title {
	padding: 3.5rem 0;
	text-align: center
}
.service-year-round-item-title p{padding-bottom: 10px;}
#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title span i {
	font-size: 3.5rem;padding:10px 0;
	font-style: normal
}

#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title .year-round-item-detail {
	display: none;
	margin-top: 1rem;
	font-size: 1.5rem
}

#service-year-round-gallery .year-round-gallery-content #year-around-3000 {
	background-image: url(http://cdn.dsnseed.com/images/pages/service/year-around-3000.jpg)
}

#service-year-round-gallery .year-round-gallery-content #year-around-3000:hover {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

#service-year-round-gallery .year-round-gallery-content #year-around-5000 {
	background-image: url(http://cdn.dsnseed.com/images/pages/service/year-around-5000.jpg)
}

#service-year-round-gallery .year-round-gallery-content #year-around-5000:hover {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

#service-year-round-gallery .year-round-gallery-content #year-around-7000 {
	background-image: url(http://cdn.dsnseed.com/images/pages/service/year-around-7000.jpg)
}

#service-year-round-gallery .year-round-gallery-content #year-around-7000:hover {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

#service-year-round-gallery .year-round-gallery-content #year-around-10000 {
	background-image: url(http://cdn.dsnseed.com/images/pages/service/year-around-10000.jpg)
}

#service-year-round-gallery .year-round-gallery-content #year-around-10000:hover {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

#service-year-round-gallery .year-round-gallery-content #year-around-12000 {
	background-image: url(http://cdn.dsnseed.com/images/pages/service/year-around-12000.jpg)
}

#service-year-round-gallery .year-round-gallery-content #year-around-12000:hover {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

#service-year-round-gallery .year-round-gallery-content #year-around-15000 {
	background-image: url(http://cdn.dsnseed.com/images/pages/service/year-around-15000.jpg)
}

#service-year-round-gallery .year-round-gallery-content #year-around-15000:hover {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

#service-cooperation-process {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5))), url(/pc/images/img/page/service-cp-bg.jpg);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/pc/images/img/page/service-cp-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #fff
}

#service-cooperation-process .chapter-title-cn {
	border-color: #fff
}

#service-cooperation-process .service-cooperation-process-list {
	width: 66%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#service-cooperation-process .service-cooperation-process-list li .service-cooperation-process-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#service-cooperation-process .service-cooperation-process-list li .service-cooperation-process-title span {
	margin-right: 1.2rem;
	font-size: 3rem;
	font-weight: 700;
	font-style: italic
}

#service-cooperation-process .service-cooperation-process-list li .service-cooperation-process-title p {
	width: 90%;
	vertical-align: sub;
	letter-spacing: .05em;
	word-break: break-all
}

#service-cooperation-process .service-cooperation-process-list li .icon-arrow-down {
	margin: 0 auto;
	display: block;
	width: 2.14rem;
	height: 2.14rem;
	//background-image: url(http://cdn.dsnseed.com/images/pages/service/arrow-down.png);
	background-repeat: no-repeat;
	background-size: contain
}

@media screen and (max-width:768px) {
	#page-banner #service-number-content {
		display: none
	}
	#service-client .chapter-img-wrap {
		width: 100%
	}
	#service-brand-system .service-brand-system-content-list {
		margin-top: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	#service-brand-system .service-brand-system-content-list .service-brand-system-item {
		margin-top: 2rem;
		width: 50%
	}
	#service-year-round-gallery .year-round-gallery-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	#service-year-round-gallery .year-round-gallery-content.unfold-mode {
		width: 100%;
		left: 0!important
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item {
		min-height: auto;
		width: 100%;
		-webkit-box-flex: 1!important;
		-ms-flex: 1 1 0%!important;
		flex: 1 1 0%!important
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title {
		padding: 2rem 0;
		font-size: 1.6rem
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title .year-round-item-detail {
		display: block;
		width: 90%;
		font-size: 1rem;
		margin: 1rem auto 0
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title span i {
		font-size: 2rem
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	.service-number #service-number-content {
		width: 70%
	}
	#service-client .chapter-img-wrap {
		width: 100%
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title span {
		white-space: nowrap
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title span i {
		font-size: 2rem
	}
}

@media screen and (min-width:992px) and (max-width:1200px) {
	.service-number #service-number-content {
		width: 70%
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title span {
		white-space: nowrap
	}
	#service-year-round-gallery .year-round-gallery-content .year-round-gallery-item .service-year-round-item-title span i {
		font-size: 2.5rem
	}
}