@media screen and (min-width:750px) {
	.banner{width:100%;height:705px;overflow:hidden;position:relative}
.banner img.bg{height:100%;}
.banner .bannerText{width:300px;height:270px;position:absolute;top:50%;left:50%;margin-left:202px;margin-top:-135.04px}
.bannerText h4{font-size:30px;line-height:48px;color:#333}
.bannerText p{font-size:16px;line-height:28px;color:#999;padding-top:12px}
.bannerText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}
.resource{width:100%;height:700px;overflow:hidden;position:relative}
.resource .resText{width:345px;height:290px;position:absolute;top:50%;right:50%;margin-right:216px;margin-top:-143px}
.resText h4{font-size:30px;line-height:50px;color:#333}
.resText p{font-size:16px;line-height:30px;color:#999;padding-top:10px}
.resText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}
.resource img{position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:-143px}
.client{width:100%;height:710px;overflow:hidden;position:relative;background:#fafafa}
.client .clientText{width:340px;height:250px;position:absolute;top:50%;left:50%;margin-top:-123px;margin-left:202px}
.clientText h4{font-size:30px;line-height:50px;color:#333}
.clientText p{font-size:16px;line-height:30px;color:#999;padding-top:10px}
.clientText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}
.client img{position:absolute;top:50%;right:50%;margin-top:-251.04px}
.earn{width:100%;height:625px;overflow:hidden;position:relative}
.earn h3{font-size:30px;line-height:46px;width:100%;text-align:center;color:#333;position:absolute;top:105px}
.earn ul{width:100%;height:auto;padding-top:235.04px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}
.earn ul li{width:200px;height:auto;overflow:hidden;margin:0 120px}
.earn ul li dl{width:100%;text-align:center}
.earn ul li dl dt{font-size:24px;line-height:64px;color:#333;font-weight:400}
.earn ul li dl dd{font-size:16px;line-height:28px;color:#333}
.earn ul li dl dd span{display:block}
.effect{width:100%;height:765px;overflow:hidden;position:relative;background:#fafafa}
.effect h3{font-size:30px;line-height:46px;width:100%;text-align:center;color:#333;position:absolute;top:105px}
.effect .effectText{width:100%;height:450px;position:absolute;top:230px}
.effectText .img{position:absolute;right:50%;top:0}
.effectText .img img.bgradius{position:absolute;bottom:0;right:30px}
.effectText dl{width:380px;height:225px;position:absolute;top:87.04px;left:50%;margin-left:202px}
.effectText dl dt{font-size:16px;line-height:46px;color:#999}
.effectText dl dd{font-size:24px;line-height:40px;color:#333}
.effectText a{display:block;width:160px;height:50px;line-height:50px;background:#40a4fc;color:#fff;font-size:20px;text-align:center;margin-top:30px;border-radius:8px}
}



@media screen and (min-width:750px) and (max-width:1226px){

	.resource img {
		    width: 50%;
    margin-left: -20px;
	}
	.resource .resText {
		margin-right: 110px;
	}
	.banner img.bg {
		height: 100%;
		margin-left: -150px;
	}
	.earn ul li {margin:0 50px;}
	.effectText .img {right:42%;}
}

@media screen and (max-width:750px) {
	.mbanner {background:url('../img/keymbg.jpg') no-repeat center; background-size:cover; color:#fff;}
	.mbanner h3 {font-size:.56rem;padding-top: .75rem;}
	.mbanner p {width:5.2rem;margin:0 auto;font-size: .26rem;line-height:.42rem;padding-top:.16rem;color:#fff;}
	.mbanner a {margin-top: .2rem;color:#fff;background:#40a4fc;}	
	.client {background:#fafafa;}
	.resource , .client , .earn , .effect{width:100%; overflow: hidden; box-sizing: border-box; padding:0 .24rem; text-align: center;}
	.effect {background:#fafafa;}
	.resource h3, .client h3 , .earn h3 , .effect h3{font-size:.32rem;padding-top: .48rem;font-weight: bold;}
	.resource p , .client p{padding-top:.15rem;color:#999999;font-size: .24rem;line-height: .36rem;text-align: left;}
	.resource img , .client img {margin:.35rem auto .4rem; width:100%;}
	.earn ul {padding-top:.48rem;}
	.earn ul li {width:100%;position: relative;text-align: left;box-sizing: border-box;margin-bottom:.5rem;height: 1.5rem;}
	.earn ul li .img {position: absolute; left:0; top:0; height:1.5rem;}
	.earn ul li img {height: 1.5rem;width: auto;}
	.earn ul li dl {padding-left:1.55rem; }
	.earn ul li dl dt {font-size:.28rem;line-height: .5rem;padding-top:.18rem;}
	.earn ul li dl dd span{display: inline-block;font-size: .24rem;line-height: .36rem;}
	.effect .effectText {text-align: center;}
	.effect dt {font-size:.24rem; color:#999999; padding-top:.42rem;}
	.effect dd {font-size:.28rem; line-height: .42rem; padding-top: .1rem; width: 80%; margin: 0 auto; }
	.effect .img {width:100%; margin-top:.4rem; margin-bottom: .45rem; position: relative;}
	.effect .img img:nth-child(1) {width:85%; margin-left:.25rem;}
	.effect .img img:nth-child(2) {width:42%; position: absolute; right:.36rem; bottom:0;}

	

}