.banwp{text-align:center;padding-top:300px;box-sizing:border-box;}
.banwp .title{font-size:50px;line-height:60px;}

.wwdwp{padding:100px 0;background-color:#fff;text-align:center;background-repeat:no-repeat;background-position:0 80px;}
.wwdwp .title{font-size:36px;line-height: 36px;}
.wwdwp .text{line-height:30px;font-size:16px;width:80%;margin:40px auto 0 auto;}

.ovwp{background-color:#FAFAFA;padding:135px 0;}
.ovwp .wrap{align-items:center;}
.ovwp .lwp{flex:0 0 50%;}
.ovwp .lwp .title{font-size:36px;line-height: 36px;}
.ovwp .lwp .text{line-height:30px;font-size:16px;margin-top:40px;width:80%;}
.ovwp .rwp{flex:1 1 auto;}
.ovwp .rwp .img{width:100%;max-width:640px;}

.earwp{margin:100px 0;text-align:center;}
.earwp .title{font-size:36px;line-height:36px;}
.earwp .wrap{background-repeat:no-repeat;background-position:center center;height:580px;margin-top:60px;align-items: center;}
.earwp .wrap .item{text-align: center;flex:1 1 33.3%;}
.earwp .wrap .item .over{font-size:18px;font-weight:bold;}
.earwp .wrap .item .num{margin-top:15px;font-weight:bold;font-size:60px;color:#FA4E4D;line-height: 64px;background: linear-gradient(180deg, #01A9F3 0%, #7637FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.earwp .wrap .item .text{margin-top:15px;}
.earwp .img{width:100%;max-width:1336px;margin-top:50px;}

.contactwp{padding:100px 0;background-color:#FAFAFA; margin-bottom:-20px;}
.contactwp .wrap{align-items: center;}
.contactwp .lwp{flex:1 1 auto;margin-right:80px;}
.contactwp .lwp .img{width:100%;max-width:640px;}
.contactwp .rwp{flex:0 0 50%;}
.contactwp .rwp .title{font-size:36px;}
.contactwp .rwp .text{line-height:24px;font-size:16px;margin-top:40px;margin-bottom:30px;}
.contactwp .rwp .subtitle{font-size:18px;}
.contactwp .rwp .subtext{font-size:16px;margin-top:10px;margin-bottom:30px;line-height:24px;}
.contactwp .rwp .subtext a{text-decoration:underline;}

@media screen and (max-width:1200px) and (min-width:701px) {
	.banwp{height:auto!important;padding:80px 0;background-size:cover;}	
	.banwp .title{font-size:40px;}
	.wwdwp .text{width:100%;}
	.ovwp{padding:50px 0;}
	.ovwp .lwp .text{width:90%;}
	
	.earwp .wrap{height:auto!important;padding:30px 0;background-size:contain;}
	.earwp .wrap .item .over{font-size:20px;}
	.earwp .wrap .item .num{font-size:36px;line-height:40px;}
	
	.contactwp{padding:50px 0;}
	.contactwp .wrap{display:block;}
	.contactwp .lwp{display:none;}
}

@media screen and (max-width:700px) {
	.banwp{height:auto!important;padding:80px 0;background-size:cover;}	
	.banwp .title{font-size:26px;line-height:32px;}

	.wwdwp{padding:50px 0;}
	.wwdwp .title{font-size:30px;}
	.wwdwp .text{width:100%;line-height:25px;margin-top:25px;text-align:left;}
	
	.ovwp{padding:10px 0 40px;}
	.ovwp .wrap{display:block;}
	.ovwp .lwp{margin-top:30px;}
	.ovwp .lwp .title{font-size:30px;text-align:center;}
	.ovwp .lwp .text{margin:20px 0 30px;width:100%;line-height:25px;}
	
	.earwp{margin:50px 0;}
	.earwp .title{font-size:30px;}
	
	.earwp .wrap{height:auto!important;padding:30px 10px;background-size:contain;}
	.earwp .wrap .item .over{font-size:15px;}
	.earwp .wrap .item .num{font-size:20px;line-height:40px;}
	.earwp .wrap .item .text{font-size:13px;}
	
	.contactwp{padding:50px 0;}
	.contactwp .wrap{display:block;}
	.contactwp .lwp{margin:0;}
	.contactwp .rwp{margin-top:30px;}
	.contactwp .rwp .title{font-size:30px;text-align:center;}
	.contactwp .rwp .text{margin-top:10px;width:100%;line-height:25px;}
	.contactwp .rwp .subtext{margin-bottom:20px;}
}