div.at-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.at-item-left {
	color: #3079ed;
	font-weight: bold;
	font-size: 3em;
	animation-name: left;
	animation-duration: 1.2s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
	/*width: 60% !important;*/
	/* shorthand
		animation: change-color 1.2s linear 0s 1 normal none;*/
}
@keyframes left {
	0% {
		transform: translateX(-500px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.at-item-right {
	color: #3079ed;
	font-weight: bold;
	font-size: 3em;
	animation-name: right;
	animation-duration: 1.2s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
	/*width: 36% !important;*/
	/* shorthand
		animation: change-color 1.2s linear 0s 1 normal none;*/
}
@keyframes right {
	0% {
		transform: translateX(500px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.at-item-enlarge {
	animation-name: scale-up-center;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;

	/* shorthand
		animation: scale-up-center 1s ease 0s 1 normal none;*/
}

@keyframes scale-up-center {
	0% {
		transform: scale(0.2);
	}
	100% {
		transform: scale(1);
	}
}
/*淡入*/
.fadein {
	animation-name: fadein;
	animation-duration: 10s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;

	/* shorthand
		animation: scale-up-center 1s ease 0s 1 normal none;*/
}
@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes fadein {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-ms-keyframes fadein {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/*淡出*/
.fadeout {
	animation-name: fadeout;
	animation-duration: 7s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;

	/* shorthand
		animation: scale-up-center 1s ease 0s 1 normal none;*/
}
@-webkit-keyframes fadeout {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes fadeout {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-ms-keyframes fadeout {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeout {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*--//services-*/
/*-- counter--*/
.stats-grid {
	text-align: center;
	margin: 0 auto;
}
.counter {
	font-size: 32px;
	color: #008aff;
	/* color: #4e2a84; */
	font-weight: 500;
	font-weight: 600;
	letter-spacing: 1px;
}
.stat-info h4 {
	font-size: 23px;
	color: #000;
	font-weight: bold;
	letter-spacing: 4px;
}




/*-- //counter --*/

/*--responsive--*/
@media (max-width: 1920px) {
}
@media (max-width: 1680px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1440px) {

	.slider-info {
		padding-top: 17em;
	}
	
	.slider-info h4 {
		font-size: 3.2em;
	}
	
}
@media (max-width: 1366px) {
	/*.agile-text-tet h4, .bake-abut h2 {
    font-size: 24px;
	}*/
	.counter {
		font-size: 30px;
	}
}
@media (max-width: 1280px) {

	.slider-info {
		padding-top: 16em;
	}
	.slider-info p {
		font-size: 16px;
		padding: 19px 0px;
	}

}
@media (max-width: 1024px) {
	.counter {
		font-size: 27px;
	}
}
@media (max-width: 1080px) {
	
	.slider-info h4 {
		font-size: 3em;
	}
	
}
@media (max-width: 1050px) {
	.header-outs {
		min-height: 611px;
	}
	.agile-text-tet h4,
	.bake-abut h2 {
		font-size: 22px;
	}
	.ser-inner-info h4 {
		font-size: 21px;
	}
	.outs-agile-buttn a {
		padding: 9px 21px;
	}
	.team-content {
		padding: 18px 23px;
	}
}

@media (max-width: 991px) {

	.slider-info {
		padding-top: 15em;
	}
	
}
@media (max-width: 900px) {
	.slider-info h4 {
		font-size: 2.8em;
	}
	
}
@media (max-width: 800px) {
	
	.slider-info {
		padding-top: 13em;
	}
	
}


@media (max-width: 736px) {

	.slider-info h4 {
		font-size: 2.5em;
	}
	.slider-info {
		padding-top: 12em;
	}

}
@media (max-width: 667px) {
	.counter {
		font-size: 22px;
	}
}
@media (max-width: 640px) {

	.slider-info {
		padding-top: 11em;
	}
	.slider-info h4 {
		font-size: 2.3em;
	}
	.slider-info p {
		font-size: 15px;
		padding: 15px 0px;
	}

}


@media (max-width: 568px) {
	
	.slider-info {
		padding-top: 10em;
	}
	.slider-info h4 {
		font-size: 2em;
	}
	
}

@media (max-width: 440px) {
	
	.slider-info p {
		font-size: 14px;
	
}
}

@media (max-width: 384px) {
	
	.slider-info {
		padding-top: 9em;
	}
	.slider-info h4 {
		font-size: 1.9em;
	}

}

@media (max-width: 320px) {
	.slider-info h4 {
		font-size: 1.7em;
		letter-spacing: 2px;
	}
}
/*.waveBox {
    position: relative;
    text-align: center;
    background: linear-gradient(60deg, rgb(79, 67, 128) 0%, rgba(0, 172, 193, 1) 100%);

    color: white;
}*/
 .parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
svg {
	vertical-align: middle;
	width: 100%;
	height: 100px;
}

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
    /*.content {
        height: 30vh;
    }*/
    h1 {
        font-size: 24px;
    }
}