.banner{ background: url('../img/agencyInvestmentPromotionBanner.png') top center no-repeat; height: 197px; padding: 150px 0px; color: #141414;}
.banner b{ width: 880px; display: block; line-height: 75px; font-size: 54px;}
.banner p{ margin-top: 40px; line-height: 37px; font-size: 26px;}

.title{ font-size: 30px; font-weight: 600; color: #141414; line-height: 60px; text-align: center;}
.subTitle{ margin-top: 5px; font-size: 20px; line-height: 28px; color: #7E8287; text-align: center;}

.service{ padding-top: 60px;}
.service .flex{ justify-content: space-between; margin-top: 60px; height: 231px; background: url('../img/serviceBg1.png') top center no-repeat;}
.service .flex .item{ width: 260px; padding-top: 187px; text-align: center; line-height: 22px; font-size: 16px; color: #7E8287;}

.application{ padding-top: 130px;}
.application .flex{ margin-top: 60px; flex-wrap: wrap;}
.application .item{ position: relative; transition: all 1s; width: 406px; height: 71px; padding: 50px 30px; background: #FFFFFF; box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14);}
.application .item:hover{ background: #3267FF;}
.application .item:hover b{ color: #FFFFFF;}
.application .item:hover p{ color: #98B3FF;}
.application .item b{ font-size: 21px; color: #141414; line-height: 30px;}
.application .item p{ margin-top: 15px; width: 280px; font-size: 16px; color: #7E8287; line-height: 22px;}
.application .item img{ position: absolute; top: 0px; right: 0px;}
.application .item:nth-child(1){ border-top-left-radius: 8px;}
.application .item:nth-child(3){ border-top-right-radius: 8px;}
.application .item:nth-child(4){ border-bottom-left-radius: 8px;}
.application .item:nth-child(6){ border-bottom-right-radius: 8px;}

.result{ padding-top: 130px;}
.result .flex{ justify-content: space-around; margin-top: 60px;}
.result .item{ width: 284px; text-align: center;}
.result .item .tag{ margin: 0px 22px; width: 240px; height: 80px; line-height: 80px; text-align: center; font-size: 28px; font-weight: 600; color: #FFFFFF; background: #3267FF; border-radius: 8px;}
.result .item b{ margin: 8px 0px; font-size: 58px; color: #3267FF; height: 80px; line-height: 80px; display: block;}
.result .item p{ font-size: 16px; color: #7E8287; height: 22px; line-height: 22px;}

.operate{ padding-top: 130px; height: 755px; background: url('../img/operateBg.png') center 273px no-repeat;}
.operate .flex{ margin-top: 60px; justify-content: space-around;}
.operate .item{ width: 190px; margin-top: 90px;}
.operate .item b{ font-size: 21px; color: #141414; height: 30px; line-height: 30px; display: block;}
.operate .item p{ margin-top: 15px; font-size: 16px; color: #7E8287; line-height: 30px;}

.internet{ padding-top: 70px; height: 841px; background: url('../img/internetBg.png') center 193px no-repeat;}
.internet .w1400{ position: relative;}
.internet .w1400 img{ position: absolute; opacity: 0;}
.internet .w1400 .animate0{ left: 85px; animation: animate0 1s 0s infinite ease-in;}
.internet .w1400 .animate1{ left: 110px; animation: animate1 1s 0.4s infinite ease-in;}
.internet .w1400 .animate2{ left: 135px; animation: animate2 1s 0.8s infinite ease-in;}
.internet .w1400 .animate3{ left: 155px; animation: animate3 1s 1.2s infinite ease-in;}
.internet .w1400 .animate4{ left: 30px; animation: animate4 1s 0s infinite ease-in;}
.internet .w1400 .animate5{ left: 52px; animation: animate5 1s 0.4s infinite ease-in;}
.internet .w1400 .animate6{ left: 78px; animation: animate6 1s 0.8s infinite ease-in;}
.internet .w1400 .animate7{ left: 98px; animation: animate7 1s 1.2s infinite ease-in;}
.internet .w1400 .animate8{ right: 215px; animation: animate8 1s 0s infinite ease-in;}
.internet .w1400 .animate9{ right: 190px; animation: animate9 1s 0.4s infinite ease-in;}
.internet .w1400 .animate10{ right: 168px; animation: animate10 1s 0.8s infinite ease-in;}
.internet .w1400 .animate11{ right: 145px; animation: animate11 1s 1.2s infinite ease-in;}
.internet .w1400 .animate12{ right: 75px; animation: animate12 1s 0s infinite ease-in;}
.internet .w1400 .animate13{ right: 50px; animation: animate13 1s 0.4s infinite ease-in;}
.internet .w1400 .animate14{ right: 25px; animation: animate14 1s 0.8s infinite ease-in;}
.internet .w1400 .animate15{ right: 0px; animation: animate15 1s 1.2s infinite ease-in;}
@keyframes animate0 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 140px;
	}
}
@keyframes animate1 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 165px;
	}
}
@keyframes animate2 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 155px;
	}
}
@keyframes animate3 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 180px;
	}
}
@keyframes animate4 {
	from {
		top: 260px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 460px;
	}
}
@keyframes animate5 {
	from {
		top: 290px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 490px;
	}
}
@keyframes animate6 {
	from {
		top: 280px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 480px;
	}
}
@keyframes animate7 {
	from {
		top: 310px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 510px; 
	}
}
@keyframes animate8 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 140px; 
	}
}
@keyframes animate9 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 165px; 
	}
}
@keyframes animate10 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 155px; 
	}
}
@keyframes animate11 {
	from {
		top: 0px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 180px;
	}
}
@keyframes animate12 {
	from {
		top: 410px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 610px; 
	}
}
@keyframes animate13 {
	from {
		top: 435px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 635px; 
	}
}
@keyframes animate14 {
	from {
		top: 425px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 625px; 
	}
}
@keyframes animate15 {
	from {
		top: 455px;
		opacity: 1;
	}
	to {
		opacity: 0;
		top: 655px; 
	}
}