.slick-slider {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list, .slick-slider {
	position: relative;
	display: block
}
.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}
.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
.slick-loading .slick-list {
	/*background: #fff url(ajax-loader.gif) 50% no-repeat*/
}
.slick-next, .slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-top: -10px\9;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	border: none
}
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
	color: transparent;
	outline: none;
	background: transparent
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity: .25
}
.slick-next:before, .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-prev {
	left: -25px
}
[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}
.slick-prev:before {
	content: '←'
}
[dir=rtl] .slick-prev:before {
	content: '→'
}
.slick-next {
	right: -25px
}
[dir=rtl] .slick-next {
	right: auto;
	left: -25px
}
.slick-next:before {
	content: '→'
}
[dir=rtl] .slick-next:before {
	content: '←'
}
.slick-slider {
	margin-bottom: 30px
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0
}
.slick-dots li, .slick-dots li button {
	width: 20px;
	height: 20px;
	cursor: pointer
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 5px;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}
.slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}
.modaal-accessible-hide, .modaal-close span, .modaal-gallery-control span {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}
.modaal-overlay, .modaal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0
}
.modaal-wrapper {
	display: block;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.modaal-wrapper .modaal-close {
	border: none;
	background: 0 0;
	padding: 0;
	-webkit-appearance: none
}
.modaal-fullscreen .modaal-outer-wrapper, .modaal-gallery-item img {
	display: block
}
.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: 0 0;
	border-radius: 100%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: 0 0
}
.modaal-instagram .modaal-container {
	width: auto;
	background: 0 0;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}
.modaal-instagram .modaal-content-container {
	padding: 0;
	background: 0 0
}
.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: 0 0;
	border: none;
	border-radius: 100%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}
.modaal-iframe-elem, .modaal-iframe .modaal-content {
	width: 100%;
	height: 100%
}
.modaal-iframe-elem {
	display: block
}
.modaal-loading-spinner {
	background: 0 0;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(.25);
	-ms-transform: scale(.25);
	transform: scale(.25)
}
.modaal-loading-spinner>div:nth-of-type(2)>div, .modaal-loading-spinner>div:nth-of-type(3)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(3)>div, .modaal-loading-spinner>div:nth-of-type(4)>div, .modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}
.modaal-loading-spinner>div:nth-of-type(4)>div, .modaal-loading-spinner>div:nth-of-type(5)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s
}
.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
.modaal-loading-spinner>div:nth-of-type(6)>div, .modaal-loading-spinner>div:nth-of-type(7)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(6)>div, .modaal-loading-spinner>div:nth-of-type(7)>div, .modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s
}
.modaal-loading-spinner>div:nth-of-type(7)>div, .modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}
.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation-delay: .87s;
	animation-delay: .87s
}
body.chocolat-open>.chocolat-loader, body.chocolat-open>.chocolat-overlay {
	z-index: 15
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, to {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	40% {
		-webkit-transform:translateY(-30px);
		transform:translateY(-30px)
	}
	60% {
		-webkit-transform:translateY(-15px);
		transform:translateY(-15px)
	}
}

.modaal-noscroll {
	overflow: hidden
}
.modaal-accessible-hide {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}
.modaal-overlay {
	z-index: 999;
	opacity: 0
}
.modaal-overlay, .modaal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.modaal-wrapper {
	display: block;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.modaal-wrapper * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden
}
.modaal-wrapper .modaal-close {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-appearance: none
}
.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1
}
.modaal-wrapper.modaal-start_fade {
	opacity: 0
}
.modaal-wrapper [tabindex="0"] {
	outline: none!important
}
.modaal-wrapper.modaal-fullscreen {
	overflow: hidden
}
.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%
}
.modaal-fullscreen .modaal-outer-wrapper {
	display: block
}
.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px
}
.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top
}
.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0;
	background: #fff;
	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
	box-shadow: 0 4px 15px rgba(0,0,0,.2);
	cursor: auto
}
.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden
}
.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto
}
.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: transparent;
	border-radius: 100%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.modaal-close:focus, .modaal-close:hover {
	outline: none;
	background: #fff
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
	background: #b93d0c
}
.modaal-close span {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}
.modaal-close:after, .modaal-close:before {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px
}
.modaal-content-container {
	padding: 30px
}
.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0
}
.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent
}
.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f
}
.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline
}
.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f
}
@keyframes instaReveal {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
@-webkit-keyframes instaReveal {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}
.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent
}
.modaal-instagram .modaal-content-container>blockquote {
	width: 1px!important;
	height: 1px!important;
	opacity: 0!important
}
.modaal-instagram iframe {
	opacity: 0;
	margin: -6px!important;
	border-radius: 0!important;
	width: 1000px!important;
	max-width: 800px!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards
}
.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px
}
.modaal-image .modaal-container {
	width: auto;
	max-width: 100%
}
.modaal-gallery-wrap {
	position: relative;
	color: #fff
}
.modaal-gallery-item {
	display: none
}
.modaal-gallery-item.is_active, .modaal-gallery-item img {
	display: block
}
.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff
}
.modaal-gallery-label:focus {
	outline: none
}
.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: transparent;
	border: none;
	border-radius: 100%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
	outline: none;
	background: #fff
}
.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before {
	background: #afb7bc
}
.modaal-gallery-control span {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}
.modaal-gallery-control:after, .modaal-gallery-control:before {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.modaal-gallery-next {
	left: 100%;
	margin-left: 40px
}
.modaal-gallery-prev {
	right: 100%;
	margin-right: 40px
}
.modaal-gallery-prev:after, .modaal-gallery-prev:before {
	left: 22px
}
.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.modaal-video-wrap {
	margin: auto 50px;
	position: relative
}
.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}
.modaal-video-container embed, .modaal-video-container iframe, .modaal-video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.modaal-iframe-elem, .modaal-iframe .modaal-content {
	width: 100%;
	height: 100%
}
.modaal-iframe-elem {
	display: block
}

@media only screen and (min-width:1400px) {
	.modaal-video-container {
		padding-bottom: 0;
		height: 731px
	}
}

@media only screen and (max-width:1140px) {
	.modaal-image .modaal-inner-wrapper {
		padding-left: 25px;
		padding-right: 25px
	}
	.modaal-gallery-control {
		top: auto;
		bottom: 20px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		background: rgba(0,0,0,.7)
	}
	.modaal-gallery-control:after, .modaal-gallery-control:before {
		background: #fff
	}
	.modaal-gallery-next {
		left: auto;
		right: 20px
	}
	.modaal-gallery-prev {
		left: 20px;
		right: auto
	}
}

@media screen and (max-width:900px) {
	.modaal-instagram iframe {
		width: 500px!important
	}
}

@media screen and (max-height:1100px) {
	.modaal-instagram iframe {
		width: 700px!important
	}
}

@media screen and (max-height:1000px) {
	.modaal-inner-wrapper {
		padding-top: 60px;
		padding-bottom: 60px
	}
	.modaal-instagram iframe {
		width: 600px!important
	}
}

@media screen and (max-height:900px) {
	.modaal-instagram iframe {
		width: 500px!important
	}
	.modaal-video-container {
		max-width: 900px;
		max-height: 510px
	}
}

@media only screen and (max-width:600px) {
	.modaal-instagram iframe {
		width: 280px!important
	}
}

@media only screen and (max-height:820px) {
	.modaal-gallery-label {
		display: none
	}
}
.modaal-loading-spinner {
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(.25);
	-ms-transform: scale(.25);
	transform: scale(.25)
}
@-webkit-keyframes modaal-loading-spinner {
	0% {
		opacity:1;
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
	to {
		opacity:.1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes modaal-loading-spinner {
	0% {
		opacity:1;
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
	to {
		opacity:.1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
.modaal-loading-spinner>div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute
}
.modaal-loading-spinner>div>div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff
}
.modaal-loading-spinner>div:nth-of-type(1)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.modaal-loading-spinner>div:nth-of-type(2)>div, .modaal-loading-spinner>div:nth-of-type(3)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(1) {
	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px);
	transform: translate(84px, 84px) rotate(45deg) translate(70px)
}
.modaal-loading-spinner>div:nth-of-type(2)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s
}
.modaal-loading-spinner>div:nth-of-type(2) {
	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px);
	transform: translate(84px, 84px) rotate(90deg) translate(70px)
}
.modaal-loading-spinner>div:nth-of-type(3)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}
.modaal-loading-spinner>div:nth-of-type(4)>div, .modaal-loading-spinner>div:nth-of-type(5)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(3) {
	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px);
	transform: translate(84px, 84px) rotate(135deg) translate(70px)
}
.modaal-loading-spinner>div:nth-of-type(4)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s
}
.modaal-loading-spinner>div:nth-of-type(4) {
	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px);
	transform: translate(84px, 84px) rotate(180deg) translate(70px)
}
.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
.modaal-loading-spinner>div:nth-of-type(6)>div, .modaal-loading-spinner>div:nth-of-type(7)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(5) {
	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px);
	transform: translate(84px, 84px) rotate(225deg) translate(70px)
}
.modaal-loading-spinner>div:nth-of-type(6)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s
}
.modaal-loading-spinner>div:nth-of-type(6) {
	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px);
	transform: translate(84px, 84px) rotate(270deg) translate(70px)
}
.modaal-loading-spinner>div:nth-of-type(7)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}
.modaal-loading-spinner>div:nth-of-type(7) {
	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px);
	transform: translate(84px, 84px) rotate(315deg) translate(70px)
}
.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s
}
.modaal-loading-spinner>div:nth-of-type(8) {
	-webkit-transform: translate(84px, 84px) rotate(1turn) translate(70px);
	-ms-transform: translate(84px, 84px) rotate(1turn) translate(70px);
	transform: translate(84px, 84px) rotate(1turn) translate(70px)
}
.about-us .dt-team .bio_box .scanlines, .teambox .scanlines {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 2;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.about-us .dt-team .bio_box .scanlines:after, .about-us .dt-team .bio_box .scanlines:before, .teambox .scanlines:after, .teambox .scanlines:before {
	display: block;
	pointer-oddts: none;
	content: '';
	position: absolute
}
.about-us .dt-team .bio_box .scanlines:before, .teambox .scanlines:before {
	width: 100%;
	height: 2px;
	z-index: 2147483649;
	background: rgba(34,44,49,.4);
	opacity: .75;
	-webkit-animation: scanline 6s linear infinite;
	animation: scanline 6s linear infinite
}
.about-us .dt-team .bio_box .scanlines:after, .teambox .scanlines:after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483648;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(51%, rgba(34,44,49,.4)));
	background: -o-linear-gradient(top, transparent 50%, rgba(34,44,49,.4) 51%);
	background: linear-gradient(180deg, transparent 50%, rgba(34,44,49,.4) 51%);
	background-size: 100% 4px;
	-webkit-animation: scanlines 1s steps(60) infinite;
	animation: scanlines 1s steps(60) infinite
}
@-webkit-keyframes scanline {
	0% {
		-webkit-transform:translate3d(0, 200000%, 0);
		transform:translate3d(0, 200000%, 0)
	}
}
@keyframes scanline {
	0% {
		-webkit-transform:translate3d(0, 200000%, 0);
		transform:translate3d(0, 200000%, 0)
	}
}
@-webkit-keyframes scanlines {
	0% {
		background-position:0 50%
	}
}
@keyframes scanlines {
	0% {
		background-position:0 50%
	}
}
.career-modaal .modaal-container .modaal-content-container, .contact-us .offices .locations, .position-modal .modal-container, .sitemap main .mapofthesite {
	position: relative;
	content: "";
	display: table;
	table-layout: fixed;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	z-index: 1
}

@media screen and (min-width:1000px) {
	.career-modaal .modaal-container .modaal-content-container, .contact-us .offices .locations, .position-modal .modal-container, .sitemap main .mapofthesite {
		content: "";
		display: table;
		table-layout: fixed;
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
		width: 960px
	}
}

@media screen and (min-width:1370px) {
	.career-modaal .modaal-container .modaal-content-container, .contact-us .offices .locations, .position-modal .modal-container, .sitemap main .mapofthesite {
		content: "";
		display: table;
		table-layout: fixed;
		max-width: 1330px;
		margin-left: auto;
		margin-right: auto;
		width: 1330px
	}
}


@media screen and (max-width:576px) {
	p {
		font-size: 1rem
	}
}
cite, dfn, em, i {
	font-style: italic
}
blockquote {
	margin: 0 1.5em
}
address {
	margin: 0 0 1.5em
}
pre {
	background: #222628;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em
}
code, kbd, tt, var {
	font-family: monospace;
	font-size: 15px;
	font-size: .9375rem
}
abbr, acronym {
	border-bottom: 1px dotted #e4e4e4;
	cursor: help
}
ins, mark {
	background: #222628;
	text-decoration: none
}
big {
	font-size: 125%
}
a {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
a, a:visited {
	color: #222628
}
a:active, a:focus, a:hover {
	color: #e11f26;
	outline: 0
}
li, ul {
	margin: 0;
	padding: 0
}
.triangulation {
	text-decoration: none
}
.triangulation .top {
	margin-right: -42px;
	padding-bottom: 32px;
	margin-left: -42px
}

@media screen and (max-width:1370px) {
	.triangulation .top {
		padding-bottom: 15px
	}
}
.triangulation .top:after, .triangulation .top:before {
	content: '';
	width: 22px;
	height: 21px
}
.triangulation .top:after {
	float: left
}
.triangulation .top:after, .triangulation .top:before {
	background-image: url(../images/svg/left_top.svg);
	background-repeat: no-repeat;
	background-position: 0 0
}
.triangulation .top:before {
	float: right;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.triangulation .bottom {
	margin-right: -42px;
	padding-top: 15px;
	margin-left: -42px
}

@media screen and (max-width:1370px) {
	.triangulation .bottom {
		padding-top: 12px
	}
}
.triangulation .bottom:after, .triangulation .bottom:before {
	content: '';
	width: 22px;
	height: 21px
}
.triangulation .bottom:after {
	float: left
}
.triangulation .bottom:after, .triangulation .bottom:before {
	background-image: url(../images/svg/right_top.svg);
	background-repeat: no-repeat;
	background-position: 0 0
}
.triangulation .bottom:before {
	float: right;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden
}
.screen-reader-text:focus {
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto!important;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
#content[tabindex="-1"]:focus {
	outline: 0
}
.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}
.clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after {
	clear: both
}
.sticky {
	display: block
}
.hentry {
	margin: 0 0 1.5em
}
.byline, .updated:not(.published) {
	display: none
}
.group-blog .byline, .single .byline {
	display: inline
}
.entry-content, .entry-summary, .page-content {
	margin: 1.5em 0 0
}
.page-links {
	clear: both;
	margin: 0 0 1.5em
}
.archive .format-aside .entry-title, .blog .format-aside .entry-title, .our_cat .format-aside .entry-title {
	display: none
}
.comment-content a {
	word-wrap: break-word
}
.bypostauthor {
	display: block
}
.widget {
	margin: 0 0 1.5em
}
.widget select {
	max-width: 100%
}
.xdebug-error {
	display: block;
	font-family: monospace;
	font-size: 12px;
	overflow: scroll
}
.xdebug-error th, .xdebug-error th span {
	background-color: #fff!important
}
.xdebug-error th span {
	color: #36c0cc!important
}
.xdebug-error tr td {
	padding: 10px
}
.fade-in-page {
	-webkit-animation-name: fadeIn ease-in-out 1.3s both;
	animation-name: fadeIn ease-in-out 1.3s both
}
.light header.site-header div.banner_img {
	background: #fff!important
}
.light header.site-header div.banner_img .overlay {
	background: #cee0df
}
.light header.site-header div.banner_img .overlay:after {
	opacity: .05
}
.light header.site-header div.banner_img .banner-txt {
	color: #191c1c
}
.light header.site-header div.banner_img .banner-txt .intro {
	font-size: 9.375rem
}

@media screen and (max-width:660px) {
	.light header.site-header div.banner_img .banner-txt .intro {
		font-size: 5rem
	}
}
.light header.site-header div.banner_img .banner-txt .intro span {
	color: #df1f26
}
.light header.site-header div.banner_img .banner-txt .gliches {
	background-image: url(../images/seprater_b.png);
	background-repeat: no-repeat;
	background-position: 50%
}
header.site-header {
	content: "";
	display: table;
	table-layout: fixed;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 0;
	position: fixed;
	z-index: 200;
	top: 0;
}
header.site-header, header.site-header:after {
	width: 100%;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out
}
header.site-header:after {
	content: '';
	position: absolute;
	top: -95px;
	left: 0;
	display: inline;
	height: 95px;
	background: #fff;
	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	-o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	z-index: -1
}
header.site-header .site-branding {
	float: left;
	position: absolute
}

@media screen and (min-width:420px) {
	header.site-header .site-branding {
		position: relative
	}
}
header.site-header .site-branding .logo svg {
	height: 65px;
	width: 235px
}
header.site-header .site-branding .logo svg .shades {
	fill: #fff;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out
}
header.site-header .site-branding .logo svg #blast, header.site-header .site-branding .logo svg #d-icon, header.site-header .site-branding .logo svg #rocket {
	opacity: 0
}
header.site-header .site-branding .logo svg #rocket .spaceship {
	fill: #df1f26
}
header.site-header .site-branding .logo svg #rocket .window {
	fill: #fff
}
header.site-header .site-branding .logo svg path[id^=letter-] {
	opacity: 0
}
header.site-header .site-branding .logo svg #digitech {
	display: none
}

@media screen and (min-width:400px) {
	header.site-header .site-branding .logo svg #digitech {
		display: block
	}
}
header.site-header nav {
	float: right;
	margin-top: -66px;
	opacity: 0
}
.gform_wrapper .gform_footer header.site-header nav li.gform_button a, header.site-header nav .gform_wrapper .gform_footer li.gform_button a, header.site-header nav li.btn a, header.site-header nav li a {
	color: #fff
}
header.site-header #hamburger.active .line {
	background: #fff
}
header.site-header.sticky:after {
	top: 0
}
header.site-header.sticky .site-branding .logo svg .shades {
	fill: #212020
}
header.site-header.sticky #hamburger.active .line {
	background: #fff
}
header.site-header.sticky #hamburger .line {
	background: #212020
}
header.site-header.sticky nav li a {
	font-size: 14px;
	color: #070808
}
header.site-header.sticky nav li:before {
	color: #c41e0c;
	font-size: 14px;

}

@media screen and (min-width:1200px) {

}

@media screen and (min-width:1370px) {

}
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button, header.site-header.sticky nav li.btn {
	-ms-box-shadow: 3px 3px 25px rgba(193,33,43,.45);
	-o-box-shadow: 3px 3px 25px rgba(193,33,43,.45);
	-webkit-box-shadow: 3px 3px 25px rgba(193,33,43,.45);
	box-shadow: 3px 3px 25px rgba(193,33,43,.45)
}
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button:hover, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button:hover, header.site-header.sticky nav li.btn:hover {
	-ms-box-shadow: 3px 3px 25px rgba(159,29,38,.73);
	-o-box-shadow: 3px 3px 25px rgba(159,29,38,.73);
	-webkit-box-shadow: 3px 3px 25px rgba(159,29,38,.73);
	box-shadow: 3px 3px 25px rgba(159,29,38,.73)
}
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button a, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button a, header.site-header.sticky nav li.btn a {
	color: #fff;
	border-bottom: 0
}
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button:before, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button:before, header.site-header.sticky nav li.btn:before {
	color: #fff
}
.gform_wrapper .gform_footer header.site-header.sticky nav li.gform_button:after, header.site-header.sticky nav .gform_wrapper .gform_footer li.gform_button:after, header.site-header.sticky nav li.btn:after {
	margin-top: -2px
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
	header.site-header:after {
		top: 0
	}
	header.site-header .site-branding .logo svg .shades {
		fill: #212020
	}
	header.site-header #hamburger.active .line {
		background: #fff
	}
	header.site-header #hamburger .line {
		background: #212020
	}
	header.site-header nav li a {
		color: #070808
	}
	header.site-header nav li:before {
		color: #7b8081
	}
	header.site-header nav li:after {
		margin-top: 22px
	}
	.gform_wrapper .gform_footer header.site-header nav li.gform_button, header.site-header nav .gform_wrapper .gform_footer li.gform_button, header.site-header nav li.btn {
		-ms-box-shadow: 3px 3px 25px rgba(193,33,43,.45);
		-o-box-shadow: 3px 3px 25px rgba(193,33,43,.45);
		-webkit-box-shadow: 3px 3px 25px rgba(193,33,43,.45);
		box-shadow: 3px 3px 25px rgba(193,33,43,.45)
	}
	.gform_wrapper .gform_footer header.site-header nav li.gform_button:hover, header.site-header nav .gform_wrapper .gform_footer li.gform_button:hover, header.site-header nav li.btn:hover {
		-ms-box-shadow: 3px 3px 25px rgba(159,29,38,.73);
		-o-box-shadow: 3px 3px 25px rgba(159,29,38,.73);
		-webkit-box-shadow: 3px 3px 25px rgba(159,29,38,.73);
		box-shadow: 3px 3px 25px rgba(159,29,38,.73)
	}
	.gform_wrapper .gform_footer header.site-header nav li.gform_button a, header.site-header nav .gform_wrapper .gform_footer li.gform_button a, header.site-header nav li.btn a {
		color: #fff;
		border-bottom: 0
	}
	.gform_wrapper .gform_footer header.site-header nav li.gform_button:before, header.site-header nav .gform_wrapper .gform_footer li.gform_button:before, header.site-header nav li.btn:before {
		color: #fff
	}
	.gform_wrapper .gform_footer header.site-header nav li.gform_button:after, header.site-header nav .gform_wrapper .gform_footer li.gform_button:after, header.site-header nav li.btn:after {
		margin-top: -2px
	}
}
.main-navigation {
	font-family: Neutraface Bold;
	text-transform: uppercase;
	font-weight: 400
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	font-size: 14px;
}

@media screen and (max-width:1200px) {
	.main-navigation ul {
		display: none
	}
}
.main-navigation ul ul {
	-ms-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	-o-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
	box-shadow: 0 3px 3px rgba(0,0,0,.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0
}
.main-navigation ul ul li.focus>ul, .main-navigation ul ul li:hover>ul {
	left: 100%
}
.main-navigation ul ul a {
	width: 200px
}
.main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul {
	left: auto
}
.main-navigation li {
	position: relative;
	margin: 0 25px;
	height: 71px;
	float: left;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

@media screen and (max-width:1570px) {
	.main-navigation li {
		margin: 0 15px;
		text-align: center;
	}
}

@media screen and (max-width:1370px) {
	.main-navigation li {
		font-size: .875rem;
		font-size:14px;
		text-align: center;
	}
}
.main-navigation>ul>li:before {
	content: '';
	color: #bac6c5;
	height: 100%;
	width: 100%;
	margin-top: 4px;
	padding: 12px 2px;
	position: absolute;
	top: 0;
	left: 0px;
	opacity: 0;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
	-webkit-transition: all .42s ease;
	-o-transition: all .42s ease;
	transition: all .42s ease;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	-o-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}
.main-navigation>ul>li:nth-of-type(1):before {
	content: '\9996\9875'
}
.main-navigation>ul>li:nth-of-type(2):before {
	content: '\5173\4e8e\6811\53f6'
}
.main-navigation>ul>li:nth-of-type(3):before {
	content: '\4e3b\8425\4e1a\52a1'
}
.main-navigation>ul>li:nth-of-type(4):before {
	content: '\6811\53f6\4ea7\54c1'
}
.main-navigation>ul>li:nth-of-type(5):before {
	content: '\89e3\51b3\65b9\6848'
}
.main-navigation>ul>li:nth-of-type(6):before {
	content: '模板建站'
}
.main-navigation>ul>li:nth-of-type(7):before {
	content: '\6811\53f6\4f5c\54c1'
}
.main-navigation>ul>li:nth-of-type(8):before {
	content: '\65b0\95fb\8d44\8baf'
}
.main-navigation>ul>li:nth-of-type(9):before {
	content: '\8054\7cfb\6211\4eec'
}
/*----------12-31----*/
.main-navigation>ul>li>ul{visibility: hidden;display: -webkit-box;display: -ms-flexbox;display: flex; text-align: center; opacity: 0; position: fixed;  top: 95px; left:-1200px; width: 100vw ;padding-top: 40px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.main-navigation>ul>li>ul>li{visibility: hidden;width:10%;height: auto;min-height: 50px;  display: inline;  line-height: 50px;opacity: 0;}
.main-navigation>ul>li>.ul-show{
	visibility: visible;
	background-color: #f7f7f7;
	left:0!important;
	text-align: center;
	opacity: 1;
	-webkit-transition-delay:0.4s ;
	-o-transition-delay:0.4s ;
	transition-delay:0.4s ;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
.main-navigation>ul>li:hover>ul span{
	color:black;
}
.main-navigation>ul>li>.ul-show>li{visibility: visible;width:10%;height: auto;min-height: 50px;  display: inline;  line-height: 50px;opacity: 1;-webkit-transition:0.8s;-o-transition:0.8s;transition:0.8s}
.main-navigation>ul>li>.ul-show>li:hover{cursor: pointer;}
.main-navigation>ul>li>.ul-show>li:hover span{color: #DD1A3A}
.main-navigation>ul>li>.ul-show>li:hover figure{-webkit-animation:figureMove 0.5s;animation:figureMove 0.5s;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;position: relative}
@-webkit-keyframes figureMove {
	0%{left:0px}
	30%{left: -3px}
	60%{left:3px}
	90%{left: 0px}
	100%{left: 0px}
}
@keyframes figureMove {
	0%{left:0px}
	30%{left: -3px}
	60%{left:3px}
	90%{left: 0px}
	100%{left: 0px}
}

.main-navigation>ul>li>ul>li:nth-child(1){-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s}
.main-navigation>ul>li>ul>li:nth-child(2){-webkit-transition-delay: 0.35s;-o-transition-delay: 0.35s;transition-delay: 0.35s}
.main-navigation>ul>li>ul>li:nth-child(3){-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s}
.main-navigation>ul>li>ul>li:nth-child(4){-webkit-transition-delay: 0.45s;-o-transition-delay: 0.45s;transition-delay: 0.45s}
.main-navigation>ul>li>ul>li:nth-child(5){-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s}
.main-navigation>ul>li>ul>li:nth-child(6){-webkit-transition-delay: 0.55s;-o-transition-delay: 0.55s;transition-delay: 0.55s}
.main-navigation>ul>li>ul>li:nth-child(7){-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s}
.main-navigation>ul>li>ul>li:nth-child(8){-webkit-transition-delay: 0.65s;-o-transition-delay: 0.65s;transition-delay: 0.65s}
.main-navigation>ul>li>ul>li:nth-child(9){-webkit-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s}
.main-navigation>ul>li>ul>li:nth-child(10){-webkit-transition-delay: 0.75s;-o-transition-delay: 0.75s;transition-delay: 0.75s}

ul>li:nth-child(2) .textpopup{
	position: absolute;
	height: 300px;
	width: 1000px;
	top: 30%;
	left: 50%;
	margin-top: -150px;
	margin-left: -500px;
	text-align: center;
}
.textpopup>.icolist{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.textpopup .tit{
	font-size: 40px;
	line-height: 38px;
}
.textpopup .botdesc{
	font-size: 30px;
	line-height: 38px;
}


.textpopup .before{
	color: white;
	margin: 8% 0px;
	opacity: 0;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;
	position: relative;
	top:50px;
}
@media(max-width: 1440px){
	.textpopup .before{
		margin: 5% 0px;
	}	
}
.textpopup .before:nth-child(1){  -webkit-transition-delay: 0.3s;  -o-transition-delay: 0.3s;  transition-delay: 0.3s}
.textpopup .before:nth-child(2){   -webkit-transition-delay:0.6s;   -o-transition-delay:0.6s;   transition-delay:0.6s }
.textpopup .before:nth-child(3){ -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s }

.textpopup .after{
	opacity: 1;
	top:0px;
}
.textpopup .before span{
	color: #e60909;
	background-image: -webkit-linear-gradient(118deg, #f90045, #f3182c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.textpopup>.icolist>.ico{
	width: 20%;
	text-align: center;
	border-right: 1px white solid;
	height: 90px;
}
.textpopup>.icolist>.last{
	border:none;
}
.textpopup>.icolist>.ico>p{
	/*color: #F60B3B;*/
}
.textpopup>.icolist>.ico>img{
	margin: 0 auto;
	width: auto;
}
li>a:hover{}

.year>img{
	/*width: 80%;*/
}
/*----------12-31----*/
.gform_wrapper .gform_footer .main-navigation li.gform_button:before, .main-navigation .gform_wrapper .gform_footer li.gform_button:before, .main-navigation li.btn:before {
	margin-top: 1px;
	color: #fff;
	content: '注册/登录';
	font-family:Arial;
	font-size:16px;
}
.main-navigation>ul>li:after {
	position: absolute;
	left: 0;
	height: 2px;
	content: '';
	background: #df1f26;
	float: left;
	width: 0;
	margin-top: 5px;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease
}
.main-navigation>ul>li>a {
	color: #fff;
	display: block;
	font-size:14px;
	text-decoration: none;
	margin-top: 4px;
	padding: 12px 2px;
	-webkit-transition: all .42s ease;
	-o-transition: all .42s ease;
	transition: all .42s ease;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	-o-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}
.main-navigation li:focus {
	outline: none
}
.main-navigation>ul>li:hover>a {
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	opacity: 0
}
.main-navigation>ul>li:hover:before {
	opacity:1;
	color:#bac6c5;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.main-navigation .menu-start-a-project:hover:before{color:#fff!important;font-family:"Times New Roman";font-size:20px;font-weight:bold;}
.main-navigation li:hover:after {
	width: 100%
}
.gform_wrapper .gform_footer .main-navigation li.gform_button, .main-navigation .gform_wrapper .gform_footer li.gform_button, .main-navigation li.btn {
	background: #df1f26;
	height: 100%;
	padding: 0;
	margin: 3px 0 0 25px;
	border: 0;
	padding: 2px;
	-ms-box-shadow: 0 0 18px rgba(223,31,38,.53);
	-o-box-shadow: 0 0 18px rgba(223,31,38,.53);
	-webkit-box-shadow: 0 0 18px rgba(223,31,38,.53);
	box-shadow: 0 0 18px rgba(223,31,38,.53)
}

@media screen and (max-width:1200px) {
	.gform_wrapper .gform_footer .main-navigation li.gform_button, .main-navigation .gform_wrapper .gform_footer li.gform_button, .main-navigation li.btn {
		margin: 0
	}
}
.gform_wrapper .gform_footer .main-navigation li.gform_button:after, .main-navigation .gform_wrapper .gform_footer li.gform_button:after, .main-navigation li.btn:after {
	content: '';
	height: 2px;
	width: 0;
	background: #c1212b;
	position: absolute;
	top: 22px;
	left: 6%;
	z-index: -1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.gform_wrapper .gform_footer .main-navigation li.gform_button a, .main-navigation .gform_wrapper .gform_footer li.gform_button a, .main-navigation li.btn a {
	margin-top: 0;
	padding: 11px 24px 8px;
	border: 0
}
.gform_wrapper .gform_footer .main-navigation li.gform_button:hover, .main-navigation .gform_wrapper .gform_footer li.gform_button:hover, .main-navigation li.btn:hover {
	-ms-box-shadow: 0 0 25px rgba(223,31,38,.8);
	-o-box-shadow: 0 0 25px rgba(223,31,38,.8);
	-webkit-box-shadow: 0 0 25px rgba(223,31,38,.8);
	box-shadow: 0 0 25px rgba(223,31,38,.8)
}
.gform_wrapper .gform_footer .main-navigation li.gform_button:hover:after, .main-navigation .gform_wrapper .gform_footer li.gform_button:hover:after, .main-navigation li.btn:hover:after {
	width: 88%
}
.main-navigation .active:after, .main-navigation .current-menu-ancestor:after, .main-navigation .current-menu-item:after, .main-navigation .current_page_ancestor:after {
	width: 100%
}
#mobilemenu {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #df1f26;
	font-family: Neutraface Medium;
	font-size: 1.125rem;
	visibility: hidden;
	opacity: 0;
	overflow-y: scroll;
	padding: 20px 0;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
#mobilemenu.opened {
	visibility: visible;
	opacity: 1
}
#mobilemenu .nav_bar {
	display: table;
	height: 100%;
	width: 100%
}
#mobilemenu .nav_bar ul.nav {
	vertical-align: middle;
	display: table-cell;
	text-align: center
}
#mobilemenu .nav_bar ul.nav li {
	float: none;
	height: 60px;
	margin-bottom: -2px
}
#mobilemenu .nav_bar ul.nav li:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	content: '00';
	height: auto;
	width: auto;
	color: #9f1d26;
	font-family: Native;
	font-size: 1rem;
	text-align: left;
	margin: 0;
	padding: 0;
	opacity: 1
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(1):before {
	content: "01"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(2):before {
	content: "02"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(3):before {
	content: "03"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(4):before {
	content: "04"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(5):before {
	content: "05"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(6):before {
	content: "06"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(7):before {
	content: "07"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(8):before {
	content: "08"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(9):before {
	content: "09"
}
#mobilemenu .nav_bar ul.nav li:nth-of-type(10):before {
	content: "010"
}
#mobilemenu .nav_bar ul.nav li:after {
	left: 32px;
	height: 3px;
	background: #9f1d26;
	opacity: .37;
	z-index: -1
}
#mobilemenu .nav_bar ul.nav li:after, #mobilemenu .nav_bar ul.nav li a {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
#mobilemenu .nav_bar ul.nav li a {
	left: 0;
	right: 0;
	font-family: Tungsten Book;
	font-size: 2.375rem;
	margin-top: -1px;
	padding: 12px 2px!important;
	color: #fff!important;
	border: 0!important;
	letter-spacing: 3px
}
#mobilemenu .nav_bar ul.nav li:hover a {
	opacity: 1
}
#mobilemenu .nav_bar ul.nav li:hover:before {
	opacity: 1;
	margin: 0;
	padding: 0
}
#mobilemenu .nav_bar ul.nav li:hover:after {
	width: 100%
}
#mobilemenu .nav_bar ul.nav li.active a {
	color: #272b2b
}
#mobilemenu .nav_bar ul.nav li.active:after {
	width: 100%
}
#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button, #mobilemenu .nav_bar ul.nav li.btn, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button {
	background: #272b2b;
	display: list-item;
	height: auto;
	width: 80%;
	max-width: 380px;
	margin: 24px auto 0;
	margin-bottom: 0;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button a, #mobilemenu .nav_bar ul.nav li.btn a, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button a {
	position: relative;
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	font-family: Neutraface Demi;
	font-size: 1.25rem;
	letter-spacing: 2px;
	color: #36c0cc!important;
	margin-top: 0;
	padding: 10px 24px 8px!important
}

@media screen and (min-width:375px) {
	#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button a, #mobilemenu .nav_bar ul.nav li.btn a, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button a {
		font-size: 1.5rem
	}
}
#mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button:after, #mobilemenu .nav_bar ul.nav .gform_wrapper .gform_footer li.gform_button:before, #mobilemenu .nav_bar ul.nav li.btn:after, #mobilemenu .nav_bar ul.nav li.btn:before, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button:after, .gform_wrapper .gform_footer #mobilemenu .nav_bar ul.nav li.gform_button:before {
	display: none
}
#hamburger {
	position: fixed;
	display: block;
	width: 30px;
	height: 10px;
	right: 1.5rem;
	margin: 13px auto 0;
	padding: 8px 0;
	z-index: 2000
}

@media screen and (min-width:660px) {
	#hamburger {
		width: 45px;
		height: 21px;
		margin-top: 11px;
		padding: 0
	}
}

@media screen and (min-width:1200px) {
	#hamburger {
		display: none
	}
}
#hamburger .line {
	position: absolute;
	display: block;
	background: #fff;
	width: 30px;
	height: 1px;
	left: 0;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

@media screen and (min-width:660px) {
	#hamburger .line {
		width: 45px
	}
}
#hamburger .line.line-1 {
	top: 0
}
#hamburger .line.line-2 {
	top: 50%
}
#hamburger .line.line-3 {
	top: 100%
}
#hamburger.active .line-1 {
	top: -5px;
	-webkit-transform: translateY(12.5px) rotate(45deg);
	-ms-transform: translateY(12.5px) rotate(45deg);
	transform: translateY(12.5px) rotate(45deg)
}

@media screen and (max-width:660px) {
	#hamburger.active .line-1 {
		-webkit-transform: translateY(8.5px) rotate(45deg);
		-ms-transform: translateY(8.5px) rotate(45deg);
		transform: translateY(8.5px) rotate(45deg)
	}
}
#hamburger.active .line-2 {
	width: 0;
	opacity: 0
}
#hamburger.active .line-3 {
	-webkit-transform: translateY(-12.5px) rotate(-45deg);
	-ms-transform: translateY(-12.5px) rotate(-45deg);
	transform: translateY(-12.5px) rotate(-45deg)
}
.about-us .calltoaction h2, .about-us .calltoaction h3, .about-us .calltoaction h4, .about-us .detail_box h2, .about-us .detail_box h3, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h2, .about-us .dt-team .dt-team-nav h3, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h2, .about_section .case_study h3, .about_section .case_study h4, .about_section .detail_box h2, .about_section .detail_box h3, .about_section .detail_box h4, .about_section .services_box h2, .about_section .services_box h3, .about_section .services_box h4, .base-holder .grid h2, .base-holder .grid h3, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h2, .career-modaal .modaal-container .modaal-content-container h3, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h2, .contact-us .calltoaction h3, .contact-us .calltoaction h4, .contactform h2, .contactform h3, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h2, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h2, .mobile_app_section .services_box h3, .mobile_app_section .services_box h4, .our_services .services_box .service_list h2, .our_services .services_box .service_list h3, .our_services .services_box .service_list h4, .ourwork_box .solution_box h2, .ourwork_box .solution_box h3, .ourwork_box .solution_box h4, .ourwork_box .work_services h2, .ourwork_box .work_services h3, .ourwork_box .work_services h4, .position-modal .modal-container h2, .position-modal .modal-container h3, .position-modal .modal-container h4, .Product_section .detail_list h2, .Product_section .detail_list h3, .Product_section .detail_list h4, .sitemap main .mapofthesite h2, .sitemap main .mapofthesite h3, .sitemap main .mapofthesite h4 {
	font-size: 2rem;
	color: #343535;
	text-transform: uppercase;
	margin-bottom: 1.8125rem;
	line-height: 2.1875rem;
	margin-top: 1.25rem
}

@media screen and (max-width:660px) {
	.about-us .calltoaction h2, .about-us .calltoaction h3, .about-us .calltoaction h4, .about-us .detail_box h2, .about-us .detail_box h3, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h2, .about-us .dt-team .dt-team-nav h3, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h2, .about_section .case_study h3, .about_section .case_study h4, .about_section .detail_box h2, .about_section .detail_box h3, .about_section .detail_box h4, .about_section .services_box h2, .about_section .services_box h3, .about_section .services_box h4, .base-holder .grid h2, .base-holder .grid h3, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h2, .career-modaal .modaal-container .modaal-content-container h3, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h2, .contact-us .calltoaction h3, .contact-us .calltoaction h4, .contactform h2, .contactform h3, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h2, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h2, .mobile_app_section .services_box h3, .mobile_app_section .services_box h4, .our_services .services_box .service_list h2, .our_services .services_box .service_list h3, .our_services .services_box .service_list h4, .ourwork_box .solution_box h2, .ourwork_box .solution_box h3, .ourwork_box .solution_box h4, .ourwork_box .work_services h2, .ourwork_box .work_services h3, .ourwork_box .work_services h4, .position-modal .modal-container h2, .position-modal .modal-container h3, .position-modal .modal-container h4, .Product_section .detail_list h2, .Product_section .detail_list h3, .Product_section .detail_list h4, .sitemap main .mapofthesite h2, .sitemap main .mapofthesite h3, .sitemap main .mapofthesite h4 {
		font-size: 1.625rem;
		line-height: 1.625rem
	}
}
.about-us .calltoaction h2:after, .about-us .calltoaction h3:after, .about-us .calltoaction h4:after, .about-us .detail_box h2:after, .about-us .detail_box h3:after, .about-us .detail_box h4:after, .about-us .dt-team .dt-team-nav h2:after, .about-us .dt-team .dt-team-nav h3:after, .about-us .dt-team .dt-team-nav h4:after, .about_section .case_study h2:after, .about_section .case_study h3:after, .about_section .case_study h4:after, .about_section .detail_box h2:after, .about_section .detail_box h3:after, .about_section .detail_box h4:after, .about_section .services_box h2:after, .about_section .services_box h3:after, .about_section .services_box h4:after, .base-holder .grid h2:after, .base-holder .grid h3:after, .base-holder .grid h4:after, .career-modaal .modaal-container .modaal-content-container h2:after, .career-modaal .modaal-container .modaal-content-container h3:after, .career-modaal .modaal-container .modaal-content-container h4:after, .contact-us .calltoaction h2:after, .contact-us .calltoaction h3:after, .contact-us .calltoaction h4:after, .contactform h2:after, .contactform h3:after, .contactform h4:after, .mobile_app_section .detail_box .mobile_app_description h2:after, .mobile_app_section .detail_box .mobile_app_description h3:after, .mobile_app_section .detail_box .mobile_app_description h4:after, .mobile_app_section .services_box h2:after, .mobile_app_section .services_box h3:after, .mobile_app_section .services_box h4:after, .our_services .services_box .service_list h2:after, .our_services .services_box .service_list h3:after, .our_services .services_box .service_list h4:after, .ourwork_box .solution_box h2:after, .ourwork_box .solution_box h3:after, .ourwork_box .solution_box h4:after, .ourwork_box .work_services h2:after, .ourwork_box .work_services h3:after, .ourwork_box .work_services h4:after, .position-modal .modal-container h2:after, .position-modal .modal-container h3:after, .position-modal .modal-container h4:after, .Product_section .detail_list h2:after, .Product_section .detail_list h3:after, .Product_section .detail_list h4:after, .sitemap main .mapofthesite h2:after, .sitemap main .mapofthesite h3:after, .sitemap main .mapofthesite h4:after {
	content: '';
	background: #df1f26;
	position: relative;
	display: inherit;
	margin-top: 18px;
	height: 4px;
	width: 106px
}
.about-us .calltoaction h3, .about-us .detail_box h3, .about-us .dt-team .dt-team-nav h3, .about_section .case_study h3, .about_section .detail_box h3, .about_section .services_box h3, .base-holder .grid h3, .career-modaal .modaal-container .modaal-content-container h3, .contact-us .calltoaction h3, .contactform h3, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .services_box h3, .our_services .services_box .service_list h3, .ourwork_box .solution_box h3, .ourwork_box .work_services h3, .position-modal .modal-container h3, .Product_section .detail_list h3, .sitemap main .mapofthesite h3 {
	font-size: 1.75rem
}

@media screen and (max-width:660px) {
	.about-us .calltoaction h3, .about-us .detail_box h3, .about-us .dt-team .dt-team-nav h3, .about_section .case_study h3, .about_section .detail_box h3, .about_section .services_box h3, .base-holder .grid h3, .career-modaal .modaal-container .modaal-content-container h3, .contact-us .calltoaction h3, .contactform h3, .mobile_app_section .detail_box .mobile_app_description h3, .mobile_app_section .services_box h3, .our_services .services_box .service_list h3, .ourwork_box .solution_box h3, .ourwork_box .work_services h3, .position-modal .modal-container h3, .Product_section .detail_list h3, .sitemap main .mapofthesite h3 {
		font-size: 1.375rem
	}
}
.about-us .calltoaction h3:after, .about-us .detail_box h3:after, .about-us .dt-team .dt-team-nav h3:after, .about_section .case_study h3:after, .about_section .detail_box h3:after, .about_section .services_box h3:after, .base-holder .grid h3:after, .career-modaal .modaal-container .modaal-content-container h3:after, .contact-us .calltoaction h3:after, .contactform h3:after, .mobile_app_section .detail_box .mobile_app_description h3:after, .mobile_app_section .services_box h3:after, .our_services .services_box .service_list h3:after, .ourwork_box .solution_box h3:after, .ourwork_box .work_services h3:after, .position-modal .modal-container h3:after, .Product_section .detail_list h3:after, .sitemap main .mapofthesite h3:after {
	margin-top: 12px;
	height: 3px;
	width: 50px
}
.about-us .calltoaction h3.expanded, .about-us .detail_box h3.expanded, .about-us .dt-team .dt-team-nav h3.expanded, .about_section .case_study h3.expanded, .about_section .detail_box h3.expanded, .about_section .services_box h3.expanded, .base-holder .grid h3.expanded, .career-modaal .modaal-container .modaal-content-container h3.expanded, .contact-us .calltoaction h3.expanded, .contactform h3.expanded, .mobile_app_section .detail_box .mobile_app_description h3.expanded, .mobile_app_section .services_box h3.expanded, .our_services .services_box .service_list h3.expanded, .ourwork_box .solution_box h3.expanded, .ourwork_box .work_services h3.expanded, .position-modal .modal-container h3.expanded, .Product_section .detail_list h3.expanded, .sitemap main .mapofthesite h3.expanded {
	font-size: 1.375rem;
	line-height: 1.625rem;
	letter-spacing: 2px
}
.about-us .calltoaction h4, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h4, .about_section .detail_box h4, .about_section .services_box h4, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h4, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h4, .our_services .services_box .service_list h4, .ourwork_box .solution_box h4, .ourwork_box .work_services h4, .position-modal .modal-container h4, .Product_section .detail_list h4, .sitemap main .mapofthesite h4 {
	font-size: 1.5rem
}

@media screen and (max-width:660px) {
	.about-us .calltoaction h4, .about-us .detail_box h4, .about-us .dt-team .dt-team-nav h4, .about_section .case_study h4, .about_section .detail_box h4, .about_section .services_box h4, .base-holder .grid h4, .career-modaal .modaal-container .modaal-content-container h4, .contact-us .calltoaction h4, .contactform h4, .mobile_app_section .detail_box .mobile_app_description h4, .mobile_app_section .services_box h4, .our_services .services_box .service_list h4, .ourwork_box .solution_box h4, .ourwork_box .work_services h4, .position-modal .modal-container h4, .Product_section .detail_list h4, .sitemap main .mapofthesite h4 {
		font-size: 1.25rem
	}
}
.about-us .calltoaction h5, .about-us .detail_box h5, .about-us .dt-team .dt-team-nav h5, .about_section .case_study h5, .about_section .detail_box h5, .about_section .services_box h5, .base-holder .grid h5, .career-modaal .modaal-container .modaal-content-container h5, .contact-us .calltoaction h5, .contactform h5, .mobile_app_section .detail_box .mobile_app_description h5, .mobile_app_section .services_box h5, .our_services .services_box .service_list h5, .ourwork_box .solution_box h5, .ourwork_box .work_services h5, .position-modal .modal-container h5, .Product_section .detail_list h5, .sitemap main .mapofthesite h5 {
	font-size: 1.125rem;
	text-transform: uppercase;
	line-height: 1.125rem;
	margin-bottom: -.3125rem;
	margin-top: 2.1875rem;
	letter-spacing: .0625rem;
	color: #df1f26
}
.about-us .calltoaction ul.list, .about-us .detail_box ul.list, .about-us .dt-team .dt-team-nav ul.list, .about_section .case_study ul.list, .about_section .detail_box ul.list, .about_section .services_box ul.list, .base-holder .grid ul.list, .career-modaal .modaal-container .modaal-content-container ul.list, .contact-us .calltoaction ul.list, .contactform ul.list, .mobile_app_section .detail_box .mobile_app_description ul.list, .mobile_app_section .services_box ul.list, .our_services .services_box .service_list ul.list, .ourwork_box .solution_box ul.list, .ourwork_box .work_services ul.list, .position-modal .modal-container ul.list, .Product_section .detail_list ul.list, .sitemap main .mapofthesite ul.list {
	font-size: 1.125rem;
	margin: 1.5rem 1.5rem 1.125rem 0;
	font-family: Quadon;
	list-style: none
}
.about-us .calltoaction ul.list li, .about-us .detail_box ul.list li, .about-us .dt-team .dt-team-nav ul.list li, .about_section .case_study ul.list li, .about_section .detail_box ul.list li, .about_section .services_box ul.list li, .base-holder .grid ul.list li, .career-modaal .modaal-container .modaal-content-container ul.list li, .contact-us .calltoaction ul.list li, .contactform ul.list li, .mobile_app_section .detail_box .mobile_app_description ul.list li, .mobile_app_section .services_box ul.list li, .our_services .services_box .service_list ul.list li, .ourwork_box .solution_box ul.list li, .ourwork_box .work_services ul.list li, .position-modal .modal-container ul.list li, .Product_section .detail_list ul.list li, .sitemap main .mapofthesite ul.list li {
	position: relative;
	padding: 0 0 .8125rem 1.5625rem;
	color: #868a8b
}
.about-us .calltoaction ul.list li:before, .about-us .detail_box ul.list li:before, .about-us .dt-team .dt-team-nav ul.list li:before, .about_section .case_study ul.list li:before, .about_section .detail_box ul.list li:before, .about_section .services_box ul.list li:before, .base-holder .grid ul.list li:before, .career-modaal .modaal-container .modaal-content-container ul.list li:before, .contact-us .calltoaction ul.list li:before, .contactform ul.list li:before, .mobile_app_section .detail_box .mobile_app_description ul.list li:before, .mobile_app_section .services_box ul.list li:before, .our_services .services_box .service_list ul.list li:before, .ourwork_box .solution_box ul.list li:before, .ourwork_box .work_services ul.list li:before, .position-modal .modal-container ul.list li:before, .Product_section .detail_list ul.list li:before, .sitemap main .mapofthesite ul.list li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 2px;
	background: #df1f26;
	height: 6px;
	width: 6px;
	border-radius: 100%
}
.about-us .calltoaction p, .about-us .detail_box p, .about-us .dt-team .dt-team-nav p, .about_section .case_study p, .about_section .detail_box p, .about_section .services_box p, .base-holder .grid p, .career-modaal .modaal-container .modaal-content-container p, .contact-us .calltoaction p, .contactform p, .mobile_app_section .detail_box .mobile_app_description p, .mobile_app_section .services_box p, .our_services .services_box .service_list p, .ourwork_box .solution_box p, .ourwork_box .work_services p, .position-modal .modal-container p, .Product_section .detail_list p, .sitemap main .mapofthesite p {
	font-size: 1.125rem;
	color: #7b8081
}

.blog .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .blog_detail #comments .form .form-submit input[type=submit], .blog_detail .newsletter_box .form .gform_wrapper .gform_footer input[type=submit], .btn, .formbox form .gform_page_footer input[type=button], .formbox form .gform_page_footer input[type=submit], .gform_wrapper .gform_footer .gform_button, .our_cat .newsletter_box .form .gform_wrapper .gform_footer input[type=submit] {
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-family: Neutraface Bold;
	font-size: 1rem;
	text-transform: uppercase;
	border: 2px solid #fff;
	padding: .875rem 1.6875rem .625rem;
	border-radius: 10rem;
	outline: 0;
	z-index: 0;
	white-space: nowrap;
	letter-spacing: 2px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

/*--------------弹窗-------------------*/

@media (max-width: 1440px){
	.windowBlock{
		display: none;
		width: 600px;
		height: 275px;
		background: url(../images/window_bg.png);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		margin-top: 20%;
		z-index: 999999;
		text-align: center;
		background-size: cover;
	}
	.windowBlock>div:nth-child(1){
		float: left;
		margin: 5px 0px 5px 20px;
	}
	.windowBlock>div:nth-child(1)>h2:nth-child(1){
		color: white;
		font-size: 1.5rem;
		margin: 40px 0 20px 0;
	}
	.windowBlock>div:nth-child(1)>h2:nth-child(3){
		color: white;
		font-size: 1.5rem;
		margin: 20px 0 20px 0;
	}
	.windowBlock>div:nth-child(1)>p{
		color: white;
		font-size: 0.8rem;
		margin: 30px 0 10px 0;
	}
	.windowBlock>div:nth-child(1)>div>button:nth-child(1){
		background-color: white;
		color: #ac211e;
		border-radius: 30px;
		padding: 6px 30px;
		margin: 20px 10px 20px 50px;
		font-size: 1rem;
		font-weight: bold;
		cursor: pointer;
	}
	.windowBlock>div:nth-child(1)>div>button:nth-child(2){
		background-color: #ac211e;
		color: white;
		border: 1px solid white;
		border-radius: 30px;
		padding: 6px 30px;
		margin: 20px 50px 20px 10px;
		font-size: 1rem;
		font-weight: bold;
		cursor: pointer;
	}
	.windowBlock>.wechatQcode{
		display: block;
		text-align: center;
		float: left;
		width: 155px;
		height: 300px;
		padding-top: 45px;
		font-size: 0.8rem;
		font-weight: bold;
	}
	.windowBlock>.wechatQcode>p{
		font-size: 1rem;
		font-weight: bold;
		color: #ffffff;
	}
	.wechatIcon:hover>.wechatQcode{
		display: block;
	}
	.wechatIcon>.wechatQcode>img{
		margin: 40px 0 0 0;
	}
	.wechatIcon>.wechatQcode>p{
		color: white;
		font-size: 1.2rem;
		margin-right: -25px;
		margin-top: 5px;
	}
}
@media(min-width: 1441px){
	.windowBlock{
		display: none;
		width: 800px;
		height: 375px;
		background: url(../images/window_bg.png);
		position: fixed;
		top: 0;
		left: 0;
		right:0;
		margin: 0 auto;
		margin-top:15%;
		z-index:999999;
		text-align: center;
		background-size: cover;
	}
	.windowBlock>div:nth-child(1){
		float: left;
		margin: 55px 30px 55px 70px;
	}
	.windowBlock>div:nth-child(1)>h2:nth-child(1){
		color: white;
		font-size: 2rem;
		margin: 40px 0 20px 0;
	}
	.windowBlock>div:nth-child(1)>h2:nth-child(3){
		color: white;
		font-size: 2rem;
		margin: 20px 0 20px 0;
	}
	.windowBlock>div:nth-child(1)>p{
		color: white;
		font-size: 1rem;
		margin: 30px 0 10px 0;
	}
	.windowBlock>div:nth-child(1)>div>button:nth-child(1){
		background-color: white;
		color: #ac211e;
		border-radius: 30px;
		padding: 6px 30px;
		margin: 20px 10px 20px 50px;
		font-size: 1.5rem;
		font-weight: bold;
		cursor: pointer;
	}
	.windowBlock>div:nth-child(1)>div>button:nth-child(2){
		background-color: #ac211e;
		color: white;
		border: 1px solid white;
		border-radius: 30px;
		padding: 6px 30px;
		margin: 20px 50px 20px 10px;
		font-size: 1.5rem;
		font-weight: bold;
		cursor: pointer;
	}
	.wechatIcon{
		width: 100%;
		height: 100%;
	}
	.windowBlock>.wechatQcode{
		display: block;
		text-align: center;
		float: left;
		width: 155px;
		height: 300px;
		padding-top: 90px;
		font-size: 0.8rem;
		font-weight: bold;
	}
	.windowBlock>.wechatQcode>p{
		font-size: 1rem;
		font-weight: bold;
		color: #ffffff;
	}
	.wechatIcon:hover>.wechatQcode{
		display: block;
	}
	.wechatIcon>.wechatQcode>img{
		margin: 40px 0 0 0;
	}
	.wechatIcon>.wechatQcode>p{
		color: white;
		font-size: 1.2rem;
	}
}

/*.wechatIcon>img{*/
	/*animation: imgCircle 4s infinite  linear ;*/
/*}*/
/*@keyframes imgCircle {*/
	/*!*0%{transform: rotate(0deg);}*!*/
	/*!*50%{transform: rotate(180deg);}*!*/
	/*!*100%{transform: rotate(360deg);}*!*/
	/*0%{transform:rotateZ(0deg);}*/
	/*50%{transform: rotateZ(180deg);}*/
	/*0%{transform: rotateZ(360deg);}*/
/*}*/
/*--------------弹窗-------------------*/



/*------------------标题样式--------------------------*/
/*标题1*/
.main_title{
	width: 100%;
	height: 30px;
	margin: 30px auto 10px auto;
}
.main_title>img{
	padding: 12px 0;
	float: left;
    width: 45%;
    height: 10px;
}
.main_title>img:last-child{
	float: right;
}
.main_title h3{
    font-weight: bold;
    text-align: center;
    width: 440px;
    display: inline;
    font-size: 30px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    color: black;
    background: white;
}
.main_title h3>span:after{
	content: '|';
    font-size: 30px;
    font-weight: 100;
    padding: 0 10px;
    color: #868686;
}

.m_title{
	margin: 0 auto;
	text-align: center;
}
.m_title>h6{
	font-size:20px;
    margin-bottom: 20px;
}


/*标题2*/
.main_title_simple{
	margin:0 auto;
    padding: 20px 0 ;
	text-align: center;
}
.main_title_simple>h3{
	font-size:40px; 
	margin:10px;
	padding-top:50px;
    letter-spacing: 5px;
    color: black;
    font-weight: 100;
}
.hot_sale .main_title_simple>h3{
	color: white;
}
.hot_sale_white{
	background: white;
	height: 900px;
}
.hot_sale_white .main_title_simple>h3{
	color: black;
}
.hot_sale_white .main_title_simple>h6{
	color: black;
}
.main_title_simple>div{
   	height: 8px;
    width: 40px;
    margin: 10px auto;
    margin-top: 20px;
    background: #DD1A3A;
}
.main_title_simple>.center_line{
   	height: 8px;
    width: 40px;
    margin: 10px auto;
    margin-top: 20px;
    background: #DD1A3A;
}
.main_title_simple>h6{
	font-size: 15px;
    letter-spacing: 2px;
}




/*------------------标题样式--------------------------*/
/*树叶热卖*/
/*网站报价*/
.pricing-plans{padding:40px 0px;background: #282A2E;}
.pricing-plans .wrap {width: 80%;margin: 0 auto;}
.pricing-plans .wrap .title {font-size:38px; font-weight: bold; text-align: center;color: #fff;margin-bottom: 20px;}
.cart{width: 100%;padding: 2% 0 20%;display: block;color: #FFF; margin-top: 8%;}
.cart a {color: #fff;display: block;width: 120px;height: 42px;line-height: 42px;background: #CD0036;margin:0 auto;}
.pricing-grides{width: 22.75%;display: inline-block;background: #313338;text-align: center;margin: 0 3% 3.8% 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.pricing-grides:hover {-webkit-transform: scale(1.04) translateY(-5px);z-index: 1;border-bottom: 0 none;background: #fff;}
.pricing-grides:hover h3 a,.pricing-grides:hover .cart a{background: #ff5800;}
.pricing-grides:nth-child(4){margin-right:0;}
.pricing-grides.nth-child {margin-right:0;}
.pricing-grides h3 a{background:#CD0036;padding: 3% 2%;display: block;color: #FFF;font-size: 1.3em;box-shadow: 0px 1px 2px #696969;-webkit-box-shadow: 0px 1px 2px #696969;-moz-box-shadow: 0px 1px 2px #696969;-o-box-shadow: 0px 1px 2px #696969;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.price-value a{font-size: 1.6em;color: #A0A1A1;}
.price-value {padding: 7% 0;}
.pricing-grides {color: #C0BEBE;}
.pricing-grides:hover {color:#666}
.pricing-grides ul li{font-size:13px;text-align: center;display: block;padding: 1em 0em;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;}
.pricing-grides ul li:hover{background:#353A42;color:#fff;}

.client{width: 100%;text-align:center;}
.client .title {height: 32px;line-height: 32px;margin-bottom: 20px;}
.client .title i {color: #fff;font-size:25px;width: 100%;font-weight: 400;text-align: center;margin: 0% 8% 0 8%;}
.client .title img {vertical-align: middle;}
.client .data{width: 40%;float:left;}
.client .img{float: left;margin: 0% 11% 0 13%;}
.client .img1{float: right;margin: 0 14% 0 0;}
.client .data p{font-size: 14px;color:#C0BEBE;line-height: 28px;margin:0 auto 10px;}
.client .data p a{color:#ff5800;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.client .data p a:hover{color:#999;}

.hot_sale{
	height: auto;
    background: #282A2E;
}
/*树叶热卖*/
/*about us*/
	.iabout-us .intro{
		padding: 20px 37% 66px 0;
	}
	.iabout-us .main-business{
		text-align: center;
	}
	.iabout-us ul{
		display: flex;
		flex-wrap: nowrap;
	}
	.iabout-us ul>li{
	    width: 140px;
	    height: 100px;
	    text-align: center;
	    padding: 20px;
	}
	.ellipse{
		border-radius: 100px;
		display: inline;
   		color: white;
	}
	.helper{
		background: white;
		border:1px solid #DD1A3A;
		color: black;
		font-size: 20px;
	    text-align: center;
	    display: inherit;
        margin: 20px auto;
	    width: 480px;
	    padding: 10px 50px; 
	}
	.helper>span{
		color: #DD1A3A;
		font-weight: bold;
	}
	.consultation{
	    background-color: #DD1A3A;
	    padding: 10px 50px 15px;
	    font-size: 20px;
	    text-align: center;
	    display: inherit;
	    margin: 0px auto;
	    width: 700px;
	}
	.consultation>img{
		position: relative;
	    top: 4px;
	    left: -20px;
	}
	.zixun>i>img{
	    position: relative;
    	top: 4px;
    	left: -4px;
	}
	.consultation>span{
		color: #F7E907;
		font-weight: bold;
	}
	.zixun{
        background: white;
	    color: #ffae3c;
	    border: 1px solid #ffae3c;
	    font-size: 12px;
	    padding: 10px 35px;
	    margin: 0 15px;
	    cursor: pointer;
	    position: relative;
	    top: -2px;
	}
/*about us*/
/*核心服务体系*/
	.service{
		position: relative;
		
	}
	.service_content{
		background:url(../images/service_bg_1.png);
		width: 100%;
	}
	.service_container{
		height: 560px;
		display: flex;
	    width: 1200px;
	    margin: 0 auto;
	    overflow: hidden;
	    position: relative;
	}
	.service .swiper-button-next, .service .swiper-button-prev{
		visibility: visible;
	}
	.service .swiper-button-next{
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
		right:50%;
	    margin-right: -700px;
	}
	 .service .swiper-button-prev{
	 	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	 	left: 50%;
	 	margin-left: -700px

	 }
	  @media (max-width: 1420px){
	 	.service .swiper-button-next{
	    margin-right: -670px;
	}
	 .service .swiper-button-prev{
	 	margin-left: -670px

	 	}
	 }
	 @media (max-width: 1320px){
	 	.service .swiper-button-next{
	    margin-right: -600px;
	}
	 .service .swiper-button-prev{
	 	margin-left: -600px

	 	}
	 }
 .service  .swiper-button-next,.service .swiper-button-prev{
	 	border-radius: 10px;
	 }
	.service_box{
		height: 370px;
		width: 240px!important;
		background-color: #DD1A3A;
		position: relative;
		margin: 100px 27px;
		/*不放大不缩小*/
		flex-grow: 0;
    	flex-shrink: 0;
	}
	.service_box:hover{
		transform:scale(1.1);
	}
	.service_box:nth-child(even){
		background-color: #DD1A3A;
	}
	.service_box:nth-child(odd){
		background-color: white;
		color: black;
	}
	.service_box_2{
		height: 340px;
		width: 220px;
		border: 1px solid white;
		position: absolute;
		top:15px;
	    left: 9px;
	}
	.service_box:nth-child(even)	.service_box_2{
		border: 1px solid white;
	}
	.service_box:nth-child(odd) .service_box_2{
		border: 1px solid black;
	}
	.service_box_2>h3{
		font-size: 20px;
		color: white;
		text-align: center;
	}
	
	.service_box:nth-child(even) .service_box_2>h3{
		color: white;
	}
	.service_box:nth-child(odd) .service_box_2>h3{
		color: black;
	}
	.service figure{
		text-align: center;
	    margin-top: 30px;
	}
	.service_line{
	    width: 45px;
	    height: 5px;
	    background: white;
	    margin: 15px auto;
	}
	.service_box:nth-child(even) .service_line{
	    background: white;
	}
	.service_box:nth-child(odd) .service_line{
	    background: #DD1A3A;
	}
	.service_list{
		list-style-type: disc;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    margin: 0 auto;
	    margin-left: 24%;
	}
	 .service_list li{
		width: 50%;
		color: white;
	}
	.service_box:nth-child(even)  .service_list li{
		width: 50%;
		color: white;
	}
	.service_box:nth-child(odd)  .service_list li{
		width: 50%;
		color: black;
	}
	.service_btn{
		padding: 5px 20px;
		font-size: 15px;
		font-weight: bold;
		border: 1px solid white;
		color:white;
		display: block;
	    width: 80px;
	    margin: 20px auto;
	    text-align: center;
	    cursor: pointer;
	}
	.service_box:nth-child(even)  .service_btn{
		border: 1px solid white;
		color:white;
	}
	.service_box:nth-child(odd)  .service_btn{
		border: 1px solid #DD1A3A;
		color:#DD1A3A;
	}


/*核心服务体系*/
/*APP应用开发*/
.application{    height: 2040px;}
.application .main_title_simple>h3{
	color: black;
}
.application_content{
	background: url(../images/application_bg.png) no-repeat;
    height: 1800px;
}
.application_content >h1{
	font-size: 60px;
	color: white;
	text-align: center;
	padding: 80px 0 40px 0;
}

.application_content >.content_1{
	margin: 0 auto;
    width: 680px;
    overflow: hidden;
    white-space: nowrap;
}
.application_content>.content_1>h6{
	color: white;
	font-size: 15px;
	text-align: center;
	padding: 0 15px;
}
.application_content >.content_1>h6:before{
	content:'——————————';
	margin-right: 15px; 
}
.application_content >.content_1>h6:after{
	content:'——————————';
	margin-left: 15px; 
}
.application_content >.content_1>ul{
    text-align: center;
    width: 100%;
    display: flex;
}
.application_content >.content_1>ul>li{
	width: 30%;
    border: 1px solid white;
    padding: 2%;
    margin: 40px 1%;
    color: white;
    font-size: 20px;
}
.center_btn{
	display: block;
    text-align: center;
    background: #DD1A3A;
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 30px auto;
    cursor: pointer;
}
.application_content >.content_2{
	width: 1200px;
	background: white;
    margin: 0 auto;
    height: 650px;
    box-shadow: 2px 2px 10px black;
}
.application_content >.content_2>ul{
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
}
.application_content >.content_2>ul>li{
	margin:1% 3%;
	width: 10%;
}
.application_content >.content_2>ul>li>figure{
    border-radius: 100%;
    width: 80px;
    height: 80px;
}
.application_content >.content_2>ul>li>figure>img{
    width: 100%;
}
.application_content >.content_2>ul>li>p{
	text-align: center;
	color: black;
}
.application_content >.content_2>ul>li>figure{
	margin: 0 auto;
    text-align: center;
}


.application_content>.content_3{
	width: 1200px;
	margin: 50px auto;
	color: black;
}
.application_content>.content_3>ul{
	display: flex;
	flex-wrap: wrap;
}
.application_content>.content_3>ul>li{
    width: 40%;
    margin: 3% 3%;
    padding: 2%;
	border-bottom: 3px solid #DD1A3A;
    box-shadow:1px 0px 2px black;
	background: white;
}
.application_content>.content_3>ul>li>figure{
	margin: 0 5%;
	float: left;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #F2F2F2;
	vertical-align: middle;
}
.application_content>.content_3>ul>li>figure>img{
	width: 100%;
}
.application_content>.content_3>ul>li h3{
	color:#DD1A3A;
	font-size: 20px;
	font-weight: bold;
}
.application_content>.content_3>ul>li p{
	font-size: 15px;
	margin:5px 0;
}
/*APP应用开发*/
/*服务过谁*/

.service_case{
	margin:0 auto ;
	color: black;
}
.service_case ul{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 15px auto;
}
.service_case .navi{
    border:1px solid black;
    padding: 5px 20px;
    margin: 5px 5px;
    font-size: 15px;
    color: black;
    cursor: pointer;
}
.service_case .navi:hover{
    background: #DD1A3A;
     border:1px solid #DD1A3A;
     color: white;
}
.service_case .naviSelect{
     background: #DD1A3A;
     border:1px solid #DD1A3A;
     color: white;
}
.service_case .case_bg{
	background:url(../images/service_case_bg.png);
	background-size: cover;
	padding: 2% 0;
    margin: 100px 0 0;
}
.service_case .case{
    background: white;
    width: 27%;
    margin: 2% 1.5%;
    padding: 1%;
}
.service_case .case>img{
	width: 100%;
}
.on_show{
	display: flex;
}
.on_hide{
	display: none!important;
}
.service_case_container{
	width: 1200px;
	margin: 0 auto;
	overflow-x: hidden;
}
.service_case .swiper-pagination_service{
    position: relative;
    top: -120px;
    text-align: center;
}
.service_case .swiper-pagination-bullet {
    width: auto;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    border-radius: 7px;
    margin: 30px 10px;
    padding: 0px 20px;
    border:1px solid black;
    background: white;
    color:black;
    opacity: 1;
}
.service_case .swiper-pagination-bullet-active {
	
}
/*服务过谁*/


/*小程序解决方案*/
.wechat_case{
	/*margin-bottom: 50px;*/
}
.wechat_case .intro{
	display: flex;
	flex-wrap: nowrap;
	width: 1200px;
	margin: 0 auto 30px;
}
.wechat_case .intro h2{
	font-size: 30px;
    margin: 10px;
    color: #dd1a3a;
    padding:0;
    text-align: center;
}
.wechat_case .intro h3{
	font-size: 24px;
    margin: 10px;
    color: black;
    text-align: center;
}
.wechat_case .intro .num{
	font-size: 30px;
    margin: 10px;
    color: #dd1a3a;
    padding:0;
    text-align: center;
    position: relative;
}
.wechat_case .intro span{
	font-size: 12px;
	position: absolute;
	top: 0;
    color: black;
}
.wechat_case .intro>li:nth-child(1){
	width: 35%;
	margin:0 10%;
}
.wechat_case .intro>li:nth-child(1) h2{
	color: black;
	text-align: left;
}
.wechat_case .intro>li:nth-child(1) h3{
	text-align: left;
}
.wechat_case .intro>li{
	width: 25%;
	position: relative;
}
	/*------轮播------*/

.wechat_case .swiper-slide{
	width: 100%;
	height: 500px;
	background: black;
	color: white;
	font-size: 50px;
}
.wechat_case .swiper-slide>img{
    height: 100%;
    width: 100%;
}
.wechat_swiper-pagination{
	position: relative;
	text-align: center;
	z-index: 999;
    bottom: 25px!important;
}
 .wechat_case .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #d0d0d0;
    opacity: .2;
}
 .wechat_case .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}
	/*------轮播------*/
	/*------小程序案例---------*/
	.wechat_case_content{
		width: 1200px;
		margin:50px auto;
		height: 1340px;
	}
	.wechat_case_content .case_content{
		width: 580px;
		margin:10px;
		height: 500px;
		float: left;
	}
	.wechat_case_content .case_content_small{
		width: 580px;
		height: 200px;
		float: left;
	    margin:  10px ;
	}
	.wechat_case_content  .case_content .case_content_small{
		width: 580px;
		height: 250px;
	    margin:  0 0 10px 0 ;
	}
	.wechat_case_content .case_big{
		width: 580px;
		height: 450px;
		position: relative;
	}
	.wechat_case_content .case_small{
		width: 580px;
		height: 190px;
		position: relative;
	}
	.wechat_case_content .case_big>img, .case_small>img{
	    width: 100%;
		height: 100%;
	}
	.case_h2_font_left{
		position: absolute;
	    top: 20px;
	    left: 20px;
	    color: white;
	    font-size: 26px;
	}
	.case_p_font_left{
	    position: absolute;
	    top: 50px;
	    left: 20px;
	    color: white;
	    font-size: 12px;
	}
	.case_h2_font_right{
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    color: white;
	    font-size: 26px;
	}
	.case_p_font_right{
	    position: absolute;
	    color: white;
	    top: 50px;
	    font-size: 12px;
	    right: 20px;
	    text-align: right;
	}
	
	.case_intro{
		clear: both;
		margin:15px 0 5px 0;
    	height: 30px;
    	padding:10px 0;
    	width: 580px;
	}
	.case_intro h3{
	    float: left;
	    font-size: 24px;
	    color: black;
	}
	.case_intro h4{
		font-size: 20px;
	    margin: 0 20px;
	    float: left;
	}
	.case_intro .btn{
		color: #DD1A3A;
	    border: 1px solid #DD1A3A;
	    padding: 0px 30px;
	    line-height: 30px;
	    height: 30px;
	    margin: -5px 40px;
	    font-weight: bold;
	    float: right;
	}
	/*------小程序案例---------*/
	.wechat_case .watch_more{
		background: #DD1A3A;
		color: white;
		display: block;
		margin: 0 auto;
		text-align: center;
	 	width: 150px;
	 	cursor: pointer;
	 	padding:5px;
}

/*小程序解决方案*/
/*案例推荐*/
.case_recommend>.main_title_simple>h3{color: black}
.case_recommend>ul{
	display: flex;
	justify-content: center;
    margin: 0 auto 30px;
}
.case_recommend .case_bg{
	background:url(../images/service_case_bg.png);
    padding: 1% 0;
    position: relative;
    margin-top: 70px;
    background-size: cover;
}
.case_recommend .case_bg ul{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 15px auto;
}
.case_recommend .case_bg ul>li{
	background: white;
    width: 27%;
    margin: 2% 1.5%;
    padding: 1%;
}
.case_recommend .case_bg ul>li>img{
	width: 100%;
}
.case_recommend>ul>li{
	float: left;
    margin: 0 30px;
    font-size: 15px;
    cursor: pointer;
}
.case_recommend_container{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow-x: hidden;
}
.swiper-pagination_case_recommend{
    position: relative;
    top: -120px;
    text-align: center;
}
.case_recommend .swiper-pagination-bullet{
    width: auto;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    border-radius: 7px;
    margin: 30px 10px;
    padding: 0px 20px;
    background: white;
    color: black;
    border: 1px solid black;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dd1b3b!important;
    border: 1px solid #dd1b3b!important;
    color: white!important;
}

/*案例推荐*/
/*网站建设解决方案*/
.design{
	height: 680px;
    position: relative;
    padding-bottom: 100px;
}
.design>ul{
	display: flex;
	justify-content: center;
	width: 1200px;
	margin: 50px auto;
}
.design>ul>li{
    width: 300px;
    height: 120px;
	text-align: center;
	background: none!important;
	border:none!important;
	opacity:0.6;
}
.design>ul>.swiper-pagination-bullet-active{
	color:black!important;
	font-size: 15px;
	font-weight: bold;
}
.design>ul>li>figure{
	
}
.design .design_content{
	width: 1200px!important;
	margin: 50px auto !important;
	height: 300px;
}
.design_content .design_intro{
	float: left;
    width: 40%;
    padding: 2.5% 5%;
}
.design_content .design_intro>h3{
	font-size: 24px;
	color: black;
    margin: 15px 0;
}
.design_content .design_intro>div{
   height: 50px;
   width: 100%;
}
.design_content .design_intro>div>button{
    float: left;
    padding: 10px;
    margin: 5px;
    color: white;
    font-size: 15px;
}
.service_webcase_container {
	width: 1200px;
    margin: 0 auto;
    overflow-x: hidden;
}

.design_content .design_intro>div>button:nth-child(1){
	background: #FF5555;
}
.design_content .design_intro>div>button:nth-child(2){
	background: #9BC557;
}
.design_content .design_intro>ul{
	list-style-type: disc;
	display: flex;
	justify-content: left;
    flex-wrap: wrap;
}
.design_content .design_intro>ul>li{
	width: 38%;
	margin: 0 20px;
	color: black;
}
.design_content .design_img{
	height: 80%;
    width: 40%;
    float: left;
    float: right;
    padding: 2.5% 5%;
}
.design_content .design_img>img{
	height: 100%;
	width: 100%;
}
.design_content .btn{
	clear:both;
	background: #DD1A3A;
    color: white;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 150px;
    cursor: pointer;
    padding: 5px;
}
 .product_line{
    height: 1px;
    background-color: #bfbfbf;
    position: absolute;
    bottom: 40px;
    width: 100%;
}
 .product_line .square{
    content: '';
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #bfbfbf;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 0;
    margin-top: 1px;
}
 .product_line .square_over{
    content: '';
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: -1px;
    margin-top: 0px;
}
/*网站建设解决方案*/
/*相关案例推荐*/
.about_case{

}
.about_case .main_title_simple>h3 {
	color: black;
}
.about_case_content{
	width: 1200px;
	margin: 0 auto;
	background: #EEEEEE;
    overflow: hidden;
}
.about_case_content ul{
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	padding-bottom: 60px;
}
.about_case_content ul>li{
	width: 320px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: white;
	margin: 60px 40px 0;
	padding-bottom:20px; 
}
.about_case_content ul>li>img{
	width: 100%;
}
.about_case_content ul>li>h3{
    font-size: 20px;
    margin: 10px;
    color: black;
}
.about_case_content ul>li>h4:after{
    content: url(../images/line_red.png);
    display: block;
    width: 15%;
    margin: 5px 0 15px;
    overflow: hidden;
}
.about_case_content ul>li>h4{
    margin: 0px 10px;
    font-size: 16px;
}
.about_case_content ul>li>p{
    margin: 0 10px;
    overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*相关案例推荐*/
/*大纪事*/
.chronicle{
	position: relative;
	height: 600px;
}
.chronicle .center_line{
	position: absolute;
	top: 55%;
	height: 4px;
	background: grey;
	width: 100%;
}
.chronicle_content{
	width: 1200px;
	height: 500px;
	margin: 0 auto;
}
.chronicle_content>div{
	float: left;
	width: 260px;
	padding: 0 20px;
}
.chronicle_item_top,.chronicle_item_bottom{
	position: absolute;
	top: 50%;
	left: 50%;
}
.chronicle_item_top{
	margin-top: -202px;
}
.chronicle_item_bottom{
	margin-top: 26px;
}
.chronicle_item_top:nth-child(1){
	margin-left: -600px;
}
.chronicle_item_top:nth-child(2){
	margin-left: -300px;
}
.chronicle_item_top:nth-child(3){
	margin-left: 0px;
}
.chronicle_item_top:nth-child(4){
	margin-left: 300px;
}
.chronicle_item_bottom:nth-child(5){
	margin-left: -455px;
}
.chronicle_item_bottom:nth-child(6){
	margin-left: -155px;
}
.chronicle_item_bottom:nth-child(7){
	margin-left: 145px;
}
.chronicle_item_top>div:nth-child(1)>h1{
    color: #DE1A3A;
    font-size: 25px;
    margin: 10px 0 0;
}
.chronicle_item_top>div:nth-child(1)>p{
    margin: 0;
}
.chronicle_item_bottom>div:nth-child(2)>h1{
    color: #DE1A3A;
    font-size: 25px;
    margin: 10px 0 0;
}
.chronicle_item_bottom>div:nth-child(2)>p{
    margin: 0;
}
.chronicle_content .img_item{
	display: flex;
	justify-content: left;
    width: 210px;
}
.chronicle_item_top .line_item{
    width: 200px;
    text-align: right;
}
.chronicle_item_bottom .line_item{
    width: 270px;
    text-align: right;
}

/*大纪事*/
/*服务流程*/
.process{
	position: relative;
    padding-bottom: 100px;
}
.process .process_content{
	background: url(../images/service_bg.png);
	height: 500px;
	position: relative;
}
.process .process_content>ul{
	 width: 1200px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -110px;
}
.process .process_content .btn{
    clear: both;
    background: #DD1A3A;
    color: white;
    display: block;
    margin: 0 auto;
    width: 150px;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -85px;
}
.process .process_content>ul>li{
    width: 200px;
    height: 192px;
    padding:0 30px;
    position: relative;
}
.process .process_content>ul>li>.lamp{
    width:120px;
    height: 120px;
    border-radius: 50%;
    opacity: 0.3;
    transform: scale(1);
    animation:  breath 4s  infinite linear;
}
@keyframes breath
{
0% {transform: scale(1);}
50% {transform: scale(2);}
100% {transform: scale(1);}
}
.process .process_content>ul>li:nth-child(1)>.lamp{
    background: #40cda3;
}
.process .process_content>ul>li:nth-child(2)>.lamp{
    background: #f4c142;
}
.process .process_content>ul>li:nth-child(3)>.lamp{
    background: #fa564d;
}
.process .process_content>ul>li:nth-child(4)>.lamp{
    background: #53c1f6;
}
.process .process_content>ul>li:nth-child(5)>.lamp{
    background: #a479e7;
}
.process .process_content>ul>li:nth-child(1){
   background: url(../images/process_item_1.png) no-repeat center;
   color: #40cda3;
}
.process .process_content>ul>li:nth-child(2){
   background: url(../images/process_item_2.png) no-repeat center;
   color: #f4c142;
}
.process .process_content>ul>li:nth-child(3){
   background: url(../images/process_item_3.png) no-repeat center;
   color: #fa564d;
}
.process .process_content>ul>li:nth-child(4){
   background: url(../images/process_item_4.png) no-repeat center;
   color: #53c1f6;
}
.process .process_content>ul>li:nth-child(5){
   background: url(../images/process_item_5.png) no-repeat center;
   color: #a479e7;
}
.process .process_content>ul>li>div{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
    color: white;
    text-align: center;
}
.process .process_content>ul>li>div>span{
    line-height: 120px;
    font-size: 24px;
}
.process .process_content>ul>li:after{
   	content: '---------';
    font-size: 23px;
    position: absolute;
    top: 50%;
    margin-top: -19px;
    right: -46px;
}
.process .process_content>ul>li:last-child:after{
    content: '';

}
.process .process_content>ul>li>span{
	color: black;
	position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
}
.process .process_content>ul>li>.circle_left{
    margin-top: 29%;
    margin-left: -34%;

}
.process .process_content>ul>li>.circle_center{
    margin-top: 39%;
    margin-left: -7%;

}
.process .process_content>ul>li>.circle_right{
    margin-top: 29%;
    margin-left: 22%;

}
/*服务流程*/
/*服务品牌客户*/
.service_brand{
	background: url(../images/service_brand_bg.png);
	height: 800px;
	padding-bottom: 40px;
}
.service_brand>.main_title_simple{
	background: white;
}
.service_brand>.main_title_simple>h3{
	color: black;
}
.service_brand_content{
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}
.service_brand .service_brand_content>.left_item{
	float: left;
	width: 240px;
}
.service_brand .service_brand_content>.left_item>h3{
	font-size: 30px;
	color: white;
	padding: 10px;
}
.service_brand .service_brand_content>.left_item>h3:first-child{
	color: red;
	font-size: 45px;
}
.service_brand .service_brand_content>p{
	font-size: 18px;
	color: #B1AFAD;
	padding: 10px;
	float: left;
}
.service_brand .service_brand_content>ul{
	float: left;
    display: flex;
    justify-content: center;
    position: relative;
}

.service_brand .service_brand_content>ul>li{
    width: 135px;
    padding: 40px 10px;
    position: relative;
    text-align: center;
}
.service_brand .service_brand_content>ul>li>.line_hide{
    position: absolute;
    width: 90%;
    top: 15%;
    left: 10%;
    height: 5px;
}
/*.service_brand .service_brand_content>ul>li:nth-child(1)>.line_hide{
    background: #594731;
}
.service_brand .service_brand_content>ul>li:nth-child(2)>.line_hide{
    background: #594731;
}
.service_brand .service_brand_content>ul>li:nth-child(3)>.line_hide{
    background: #5b5750;
}
.service_brand .service_brand_content>ul>li:nth-child(4)>.line_hide{
    background: #4f3c31;
}
.service_brand .service_brand_content>ul>li:nth-child(5)>.line_hide{
    background: #4f3c31;
}*/

.service_brand .service_brand_content>ul>li>h1{
	font-size: 65px;
	color: white;
    text-align: center;
    font-weight: bold;
}

.service_brand .service_brand_content>ul>li>p{
	font-size: 15px;
    margin: 20px 0;
    color: #DE8C38;
}
.service_brand_content tbody{
	background: white;
}
/*服务品牌客户*/