.swiper-container{
	width: 100%;
	height: 100%;
}
.slide1{
	background:url(../img/s1-xgbg2.png);
	background-size: cover;
}


.slide2{
	background-image: url(../img/sid2-bg.png);
	    background-size: cover!important;
}
.slide3{
	background-color:#ececec!important;
	background-image:url(../img/sid3-bg.png)!important;
	    background-size: cover!important;
}
.slide4{
	background-color:#000000!important;
	background-image:url(../img/sid4-bg.png)!important;
	background-size:auto!important;
}
.slide5{
	background-image:url(../img/sid5-bg.png)!important;
	    background-size: cover!important;
}
.slide6{
	background-image:url(../img/sid3-bg.png)!important;
	    background-size: cover!important;
}
.slide7{
	background-image:url(../img/sid7-bg.png)!important;
	background-color:#000000!important;
	background-size:auto!important;
}
.slide8{
	background-image:url(../img/sid8-bg.png)!important;
	    background-size: cover!important;
	
}
.slide10{
	background-image:url(../img/sid10-bg.png)!important;
	background-position: center!important;;
}
@media only screen and (min-width: 1601px){
/*.line2{
	width: 211px;
}
.line3{
	width: 211px;
}
.line4{
	width: 211px;
}	*/
.appDownLoad{
	width: 126px;
    height: 126px;
    position: absolute;
    left: 18px;
    top: 85px;
    text-align: center;
    line-height: 126px;
    color: #D7B37D;
    font-size: 28px;
    background: rgba(50,50,50,0.8);
}
.topslen{
	margin-top: 14px;
}	
.moveLeftSpeed1{
	animation: mySpeed 2.5s 1 forwards;
	-moz-animation: mySpeed 2.5s 1 forwards;
	-webkit-animation: mySpeed 2.5s 1 forwards;
	-o-animation: mySpeed 2.5s 1 forwards;
}
.moveLeftSpeed2{
	animation: mySpeed1 2.2s 1 forwards;
	-moz-animation: mySpeed1 2.2s 1 forwards;
	-webkit-animation: mySpeed1 2.2s 1 forwards;
	-o-animation: mySpeed1 2.2s 1 forwards;
}
.moveLeftSpeed3{
	animation: mySpeed2 1.8s 1 forwards;
	-moz-animation: mySpeed2 1.8s 1 forwards;
	-webkit-animation: mySpeed2 1.8s 1 forwards;
	-o-animation: mySpeed2 1.8s 1 forwards;
}
.moveLeftSpeed4{
	animation: mySpeed3 1.5s 1 forwards;
	-moz-animation: mySpeed3 1.5s 1 forwards;
	-webkit-animation: mySpeed3 1.5s 1 forwards;
	-o-animation: mySpeed3 1.5s 1 forwards;
}
.moveLeftSpeed5{
	animation: mySpeed4 1s 1 forwards;
	-moz-animation: mySpeed4 1s 1 forwards;
	-webkit-animation: mySpeed4 1s 1 forwards;
	-o-animation: mySpeed4 1s 1 forwards;
}	
.maskWrapsd{
	position: absolute;
    left: 645px;
    top: 456px;
    width: 275px;
    height: 275px;
	z-index: 25;
}
.maksBj{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 275px;
    height: 275px;
    background: url(../img/bg_mask01.jpg) no-repeat left center;
    background-size: auto 275px;
    z-index: 20;
}
.maksLine{
	position: absolute;
    left: 58px;
    top: -49px;
    width: 153px;
    height: 303px;
    z-index: 18;
}

.maskWrapsd1{
    position: absolute;
    left: 505px;
    top: 246px;
    width: 205px;
    height: 347px;
    z-index: 26;
}
.maksBj1{
	position: absolute;
    left: 1px;
    top: 0px;
    width: 205px;
    height: 347px;
    background: url(../img/bg_mask02.jpg) no-repeat left center;
    background-size: auto 347px;
    z-index: 20;
}
.maksLine1{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 178px;
    height: 347px;
    z-index: 19;
}
.maskWrapsd2{
	position: absolute;
    left: 366px;
    top: 160px;
    width: 191px;
    height: 349px;
    z-index: 27;
}
.maksBj2{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 191px;
    height: 349px;
    background: url(../img/bg_mask03.jpg) no-repeat left center;
    background-size: auto 349px;
    z-index: 20;
}
.maksLine2{
    position: absolute;
    left: 2px;
    top: 25px;
    width: 153px;
    height: 319px;
    z-index: 19;
}

.maskWrapsd3{
	position: absolute;
    left: 220px;
    top: 135px;
    width: 117px;
    height: 301px;
    z-index: 28;
}
.maksBj3{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 117px;
    height: 301px;
    background: url(../img/bg_mask04.jpg) no-repeat left center;
    background-size: auto 301px;
    z-index: 20;
}
.maksLine3{
    position: absolute;
    left: 0px;
    top: 14px;
    width: 99px;
    height: 260px;
    z-index: 19;
}
	.sdImg01{
		    position: absolute;
    left: -174px;
    top: 30px;
    z-index: 10;
	}
	.sdImg02{
		position: absolute;
		left: -82px;
        top: 79px;
		width: 169px;
		height: 174px;
		z-index: 11;
	}
	.sdImg03{
		position: absolute;
		left: -98px;
		top: 30px;
		width: 185px;
		height: 186px;
		z-index: 12;
	}
	.sdImg04{
		position: absolute;
		left: -135px;
		top: 50px;
		width: 122px;
		height: 114px;
		z-index: 13;
	}
	.sdImg05{
		position: absolute;
		left: -178px;
		top: 30px;
		width: 110px;
		height: 91px;
		z-index: 14;
	}
	.sdImg06{
		position: absolute;
		left: -196px;
		top: 95px;
		width: 144px;
		height: 146px;
		z-index: 15;
	}
	.ms_speedImgWrap{
		position: relative;
		width: 680px;
		height: 770px;
	}
	.titleWrap p{
		margin-left: 55px;
		margin-right: 40px;
		letter-spacing: 16px;
		font-size: 40px;
		 line-height: 28px;
		color: #ffffff;
	}
	.titleWrap .line{
		width: 160px;
		height: 1px;
		background-color: #ffffff;
		margin-top: 15px;
	}
	.micro{
		    font-size: 70px;
    letter-spacing: 11px;
    color: white;
    text-align: center;
    height: 620px;
    line-height: 90px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 50px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 16px;
    position: absolute;
    top: -43px;
	}
	.microText{
		font-size: 23px;
        color: #d7b37d;
        letter-spacing: 5px;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 17px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        width: 600px;
	}
	.slide1 .contents{
		    position: absolute;
    width: 730px;
    height: 530px;
    left: calc(50% - 365px);
    top: 50%;
    margin-top: -400px;
	}
	.weChange{
		font-size: 36px;
		color: black;
		width: 100%;
		text-align: center;
	}
	.weDefine{
		width: 100%;
		text-align: center;
		font-size: 22px;
		color: #616161;
		margin-top: 10px;
	}
	.microChange{
		margin-top: 70px;
		font-size: 42px;
		color: black;
		width: 100%;
		text-align: center;
	}
	.chartsWrap{
		width: 100%;
		margin-top: 60px;
	}
	
	.charts p{
		width: 100%;
		text-align: center;
		font-size: 14px;
		color: #616161;
		line-height: 30px;
	}
	.p-title,.p-img{text-align: center!important;font-weight: 600;}
	.p-img{
    border-radius: 50%;
    width: 60px!important;
    height: 60px!important;
    line-height: 95px!important;
    margin-top: -30px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
	}
	.p-img.pi1{
	background: -webkit-linear-gradient(#5cc9fa, #7481fa); 
    background: -o-linear-gradient(#5cc9fa, #7481fa); 
    background: -moz-linear-gradient(#5cc9fa, #7481fa); 
    background: linear-gradient(#5cc9fa, #7481fa); 
	}
	.p-img.pi2{
	background: -webkit-linear-gradient(#2cd4be, #12d3ba); 
    background: -o-linear-gradient(#2cd4be, #12d3ba); 
    background: -moz-linear-gradient(#2cd4be, #12d3ba); 
    background: linear-gradient(#2cd4be, #12d3ba); 
	}
	.p-img.pi3{
	background: -webkit-linear-gradient(#cb79ff, #b363ff); 
    background: -o-linear-gradient(#cb79ff, #b363ff); 
    background: -moz-linear-gradient(#cb79ff, #b363ff); 
    background: linear-gradient(#cb79ff, #b363ff); 
	}
	.p-img.pi4{
	background: -webkit-linear-gradient(#ffa793, #ff8495); 
    background: -o-linear-gradient(#ffa793, #ff8495); 
    background: -moz-linear-gradient(#ffa793, #ff8495); 
    background: linear-gradient(#ffa793, #ff8495); 
	}
	.p-img.pi5{
	background: -webkit-linear-gradient(#ffa540, #fd6d4b); 
    background: -o-linear-gradient(#ffa540, #fd6d4b); 
    background: -moz-linear-gradient(#ffa540, #fd6d4b); 
    background: linear-gradient(#ffa540, #fd6d4b); 
	}
	.p-img.pi6{
	background: -webkit-linear-gradient(#f7da1f, #ffc900); 
    background: -o-linear-gradient(#f7da1f, #ffc900); 
    background: -moz-linear-gradient(#f7da1f, #ffc900); 
    background: linear-gradient(#f7da1f, #ffc900); 
	}
	.p-img.pi7{
	background: -webkit-linear-gradient(#5cd3fe, #56a6ff); 
    background: -o-linear-gradient(#5cd3fe, #56a6ff); 
    background: -moz-linear-gradient(#5cd3fe, #56a6ff); 
    background: linear-gradient(#5cd3fe, #56a6ff); 
	}
	.p-img.pi8{
	background: -webkit-linear-gradient(#f3a2ff, #dc99ff); 
    background: -o-linear-gradient(#f3a2ff, #dc99ff); 
    background: -moz-linear-gradient(#f3a2ff, #dc99ff); 
    background: linear-gradient(#f3a2ff, #dc99ff); 
	}
	.pic1{
		width: 230px;
		height: 264px;
		background: url(../img/icon/icon_year20.png) no-repeat center center;
		background-size: 100% auto;
		margin-bottom: 15px;
	}
	.pic2{
		width: 230px;
		height: 264px;
		background: url(../img/icon/icon_year10.png) no-repeat center center;
		background-size: 100% auto;
		margin-bottom: 15px;
	}
	.pic3{
		width: 230px;
		height: 264px;
		background: url(../img/icon/icon_year5.png) no-repeat center center;
		background-size: 100% auto;
		margin-bottom: 15px;
	}
	.pic4{
		width: 230px;
		height: 264px;
		background: url(../img/icon/icon_tonday.png) no-repeat center center;
		background-size: 100% auto;
		margin-bottom: 15px;
	}
	.charts{
		width: 220px;
        height: 200px;
        border-radius: 16px;
        padding: 0 15px;
        box-shadow: 0px 7px 15px #e0dede;
	}

	.footText{
		width: 100%;
		box-sizing: border-box;
		padding-left: 170px;
		padding-right: 170px;
		color: #616161;
		text-align: center;
		font-size: 14px;
		margin-top: 54px;
	}
	.cha{
		margin-left: 60px;
	}
	.slide2 .contents{
		position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -595px;
	    margin-top: -430px;
	    width: 1190px;
	    height: 860px;
	}
	.chartsWrap{
		width: 100%;
		margin-top: 80px;
	}
	.breedBtnWrap a{
		width: 170px;
        height: 164px;
        border-radius: 100%;
        margin-left: -4px;
	}
	.breedBox{
		width: 160px;
        height: 161px;
		border-radius: 100%;
	}
	
	#myleft{
		position: absolute;
		left: -50px;
		top: 350px;
	}
	#myright{
		position: absolute;
		right: -50px;
		top: 350px;
	}
	.breedBtnWrap{
		margin-top: 70px;
		width: 100%;
		height: 290px;
		/*background: red;*/
		box-sizing: border-box;
	}
	.mysilde{
		height: 100% !important;
		box-sizing: border-box;
		padding-left: 38px;
		padding-top: 58px;
	}
	.breedName{
		color: white;
		font-size: 24px;
		margin-top: 60px;
		margin-bottom: 10px;
	}
	
	.breedText{
		width: 305px;
		height: 63px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: white;
		font-size: 26px;
		line-height: 63px;
		margin: 0 auto;
		letter-spacing: 2px;
	}
	.breedPrice{
		margin-top: 10px;
		font-size: 18px;
		color: #b6b6b6;
	}
	
	.wantToBtn{
		width: 160px;
		height: 50px;
		margin: 0 auto;
		background-color: #dcbe8d;
		text-align: center;
		line-height: 50px;
		font-size: 18px;
		color: black;
		margin-top: 20px;
	}
	.breedDatas{
	width: 685px;
    height: 85px;
    margin: 0 auto;
    padding-left: 33px;
    box-sizing: border-box;
    margin-top: 70px;
    border: 1px solid #ffffff;
    padding: 10px;
    border-radius: 50px;
    opacity: 0.6;
	}
	.breedWrap{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -617px;
		margin-top: -404px;
		width: 1234px;
		height: 808px;
	}
	.foot-wrap{
		height: auto!important;
	}
	.jieduLine{
		position: absolute;
	    width: 1000px;
	    left: 60px;
	    top: 117px;
	}
	
	.dataPs1{
		position: absolute;
		left: 60px;
	    top: 450px;
		width: 300px;
		height: 80px;
		text-align: center;
		color: #616161;
		font-size: 16px;
		z-index: 22;
	}
	.dataPs2{
		position: absolute;
		left: 214px;
	    top: 532px;
		width: 300px;
		height: 80px;
		text-align: center;
		color: #616161;
		font-size: 16px;
		z-index: 22;
	}
	.dataPs3{
		position: absolute;
		left: 364px;
	    top: 620px;
		width: 300px;
		height: 80px;
		text-align: center;
		color: #616161;
		font-size: 16px;
		z-index: 22;
	}
	.dataPs4{
	    position: absolute;
	    left: 572px;
	    top: 671px;
	    width: 300px;
	    height: 80px;
	    text-align: center;
	    color: #616161;
	    font-size: 16px;
	    z-index: 50;
	}
	.understandWrap{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -617px;
		margin-top: -390px;
		width: 1234px;
		height: 780px;
	}
	.jieduPic{
		display: block;
		width: 1000px;
		margin: 0 auto;
	}
	.collage{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -617px;
		margin-top: -380px;
		width: 1234px;
		height: 760px;
	}
	.collPic1{
		position: absolute;
		left: 50%;
		top: 155px;
		margin-left: -170px;
		width: 340px;
		z-index: 20;
	}
	.collPic2{
		position: absolute;
	    left: 265px;
	    top: 226px;
	    width: 310px;
	    z-index: 19;
	}
	.collPic3{
		position: absolute;
	    left: 667px;
	    top: 226px;
	    width: 310px;
	    z-index: 19;
	}
	.collPic4{
	    position: absolute;
	    left: 27px;
	    top: 243px;
	    margin-left: 60px;
	    width: 290px;
	    z-index: 18;
	}
	.collPic5{
		position: absolute;
	    left: 800px;
	    top: 243px;
	    margin-left: 60px;
	    width: 290px;
	    z-index: 18;
	}
	.ms_speed{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -640px;
		margin-top: -386px;
		width: 1280px;
		height: 772px;
	}
	.ms_pic{
		width: 700px;
	}
	.ms_dataWrap{
		width: 580px;
	    height: 772px;
	    padding-left: 60px;
	    padding-top: 90px;
	    box-sizing: border-box;
	}
	.riskpic1{
		position: absolute;
		left: 0;
		top: 100px;
		z-index: 20;
		width: 600px;
	}
	.riskpic2{
		position: absolute;
		left: 0;
		top: 170px;
		z-index: 19;
		width: 600px;
	}
	.riskpic3{
		position: absolute;
		left: -27px;
		top: 240px;
		z-index: 18;
		width: 666px;
	}
	.risk_control{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -640px;
		margin-top: -335px;
		width: 1280px;
		height: 670px;
	}
	.lightImg1{
		position: absolute;
		right: 33px;
		top: 100px;
		z-index: 20;
		width: 600px;
	}
	.lightImg2{
		position: absolute;
		right: 33px;
		top: 170px;
		z-index: 19;
		width: 600px;
	}
	.lightImg3{
		position: absolute;
		right: 0;
		top: 240px;
		z-index: 18;
		width: 656px;
	}
	.lightning{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -640px;
		margin-top: -335px;
		width: 1280px;
		height: 670px;
	}
	.lineWidthMove{
		animation: widthMove12 1s 1 forwards;
		-moz-animation: widthMove12 1s 1 forwards;
		-webkit-animation: widthMove12 1s 1 forwards;
		-o-animation: widthMove12 1s 1 forwards;
	}
	.lineWidthMove1{
		animation: widthMove22 1s 1 1s forwards;
		-moz-animation: widthMove22 1s 1 1s forwards;
		-webkit-animation: widthMove22 1s 1 1s forwards;
		-o-animation: widthMove22 1s 1 1s forwards;
	}
	.lineWidthMove2{
		animation: widthMove32 1s 1 2s forwards;
		-moz-animation: widthMove32 1s 1 2s forwards;
		-webkit-animation: widthMove32 1s 1 2s forwards;
		-o-animation: widthMove32 1s 1 2s forwards;
	}
	.lineWidthMove3{
		animation: widthMove42 1s 1 3s forwards;
		-moz-animation: widthMove42 1s 1 3s forwards;
		-webkit-animation: widthMove42 1s 1 3s forwards;
		-o-animation: widthMove42 1s 1 3s forwards;
	}

}
@media only screen and (max-width: 1600px){
	.appDownLoad{
		width: 110px;
	    height: 110px;
	    position: absolute;
	    left: 17px;
	    top: 58px;
	    text-align: center;
	    line-height: 110px;
	    color: #D7B37D;
	    font-size: 24px;
	    background: rgba(50,50,50,0.8);
	}
	.topslen{
		margin-top: 14px;
	}	
	.lineWidthMove{
		animation: widthMove1 1s 1 forwards;
		-moz-animation: widthMove1 1s 1 forwards;
		-webkit-animation: widthMove1 1s 1 forwards;
		-o-animation: widthMove1 1s 1 forwards;
	}
	.lineWidthMove1{
		animation: widthMove2 1s 1 1s forwards;
		-moz-animation: widthMove2 1s 1 1s forwards;
		-webkit-animation: widthMove2 1s 1 1s forwards;
		-o-animation: widthMove2 1s 1 1s forwards;
	}
	.lineWidthMove2{
		animation: widthMove3 1s 1 2s forwards;
		-moz-animation: widthMove3 1s 1 2s forwards;
		-webkit-animation: widthMove3 1s 1 2s forwards;
		-o-animation: widthMove3 1s 1 2s forwards;
	}
	.lineWidthMove3{
		animation: widthMove4 1s 1 3s forwards;
		-moz-animation: widthMove4 1s 1 3s forwards;
		-webkit-animation: widthMove4 1s 1 3s forwards;
		-o-animation: widthMove4 1s 1 3s forwards;
	}
	.maskWrapsd{
	    position: absolute;
	    left: 564px;
	    top: 361px;
	    width: 225px;
	    height: 225px;
	    z-index: 25;
	}
	.maksBj{
		position: absolute;
	    left: 0px;
	    top: 2px;
	    width: 225px;
	    height: 225px;
	    background: url(../img/bg_mask01.jpg) no-repeat left center;
	    background-size: auto 225px;
	    z-index: 20;
	}
	.maksLine{
		position: absolute;
	    left: 27px;
	    top: -27px;
	    width: 164px;
	    height: 225px;
	    z-index: 18;
	}

	.maskWrapsd1{
	    position: absolute;
	    left: 449px;
	    top: 188px;
	    width: 168px;
	    height: 284px;
	    z-index: 26;
	}
	.maksBj1{
		position: absolute;
	    left: 0px;
	    top: 3px;
	    width: 168px;
	    height: 284px;
	    background: url(../img/bg_mask02.jpg) no-repeat left center;
	    background-size: auto 284px;
	    z-index: 20;
	}
	.maksLine1{
		position: absolute;
	    left: 0px;
	    top: 0px;
	    width: 168px;
	    height: 284px;
	    z-index: 19;
	}
.maskWrapsd2{
    position: absolute;
    left: 335px;
    top: 118px;
    width: 157px;
    height: 286px;
    z-index: 27;
}
.maksBj2{
	position: absolute;
    left: -1px;
    top: 2px;
    width: 157px;
    height: 286px;
    background: url(../img/bg_mask03.jpg) no-repeat left center;
    background-size: auto 286px;
    z-index: 20;
}
.maksLine2{
	position: absolute;
    left: 0px;
    top: 0px;
   	width: 157px;
    height: 286px;
    z-index: 19;
}
.maskWrapsd3{
    position: absolute;
    left: 215px;
    top: 97px;
    width: 96px;
    height: 247px;
    z-index: 27;
}
.maksBj3{
	position: absolute;
    left: 0px;
    top: 2px;
    width: 96px;
    height: 247px;
    background: url(../img/bg_mask04.jpg) no-repeat left center;
    background-size: auto 247px;
    z-index: 20;
}
.maksLine3{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 96px;
    height: 247px;
    z-index: 19;
}

	.moveLeftSpeed1{
		animation: mySpeed2 2.5s 1 forwards;
		-moz-animation: mySpeed2 2.5s 1 forwards;
		-webkit-animation: mySpeed2 2.5s 1 forwards;
		-o-animation: mySpeed2 2.5s 1 forwards;
	}
	.moveLeftSpeed2{
		animation: mySpeed12 2.2s 1 forwards;
		-moz-animation: mySpeed12 2.2s 1 forwards;
		-webkit-animation: mySpeed12 2.2s 1 forwards;
		-o-animation: mySpeed12 2.2s 1 forwards;
	}
	.moveLeftSpeed3{
		animation: mySpeed22 1.8s 1 forwards;
		-moz-animation: mySpeed22 1.8s 1 forwards;
		-webkit-animation: mySpeed22 1.8s 1 forwards;
		-o-animation: mySpeed22 1.8s 1 forwards;
	}
	.moveLeftSpeed4{
		animation: mySpeed32 1.5s 1 forwards;
		-moz-animation: mySpeed32 1.5s 1 forwards;
		-webkit-animation: mySpeed32 1.5s 1 forwards;
		-o-animation: mySpeed32 1.5s 1 forwards;
	}
	.moveLeftSpeed5{
		animation: mySpeed42 1s 1 forwards;
		-moz-animation: mySpeed42 1s 1 forwards;
		-webkit-animation: mySpeed42 1s 1 forwards;
		-o-animation: mySpeed42 1s 1 forwards;
	}
	
	.sdImg01{
		position: absolute;
		left: 0;
		top: 10px;
		width: 400px;
		height: 563px;
		z-index: 10;
	}
	.sdImg02{
		position: absolute;
		left: -28px;
		top: 10px;
		width: 400px;
		height: 563px;
		z-index: 11;
	}
	.sdImg03{
		position: absolute;
		left: -72px;
		top: 30px;
		width: 400px;
		height: 563px;
		z-index: 12;
	}
	.sdImg04{
		position: absolute;
		left: -99px;
		top: 47px;
		width: 400px;
		height: 563px;
		z-index: 13;
	}
	.sdImg05{
	    position: absolute;
	    left: -127px;
	    top: 66px;
	    width: 400px;
	    height: 563px;
	    z-index: 14;
	}
	.sdImg06{
		position: absolute;
	    left: -149px;
	    top: 84px;
	    width: 400px;
	    height: 563px;
	    z-index: 15;
	}
	.ms_speedImgWrap{
		position: relative;
		width: 450px;
		height: 500px;
	}
	.lightning {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -545px;
	    margin-top: -275px;
	    width: 1090px;
	    height: 550px;
	}
	.lightImg1 {
	    position: absolute;
	    right: 33px;
	    top: 100px;
	    z-index: 20;
	    width: 450px;
	}
	.lightImg2 {
	    position: absolute;
	    right: 33px;
	    top: 170px;
	    z-index: 19;
	    width: 450px;
	}
	.lightImg3 {
	    position: absolute;
	    right: 0;
	    top: 240px;
	    z-index: 18;
	    width: 506px;
	}
	.risk_control {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -540px;
	    margin-top: -275px;
	    width: 1080px;
	    height: 550px;
	}
	.riskpic3 {
	    position: absolute;
	    left: -27px;
	    top: 240px;
	    z-index: 18;
	    width: 516px;
	}
	.riskpic2 {
	    position: absolute;
	    left: 0;
	    top: 170px;
	    z-index: 19;
	    width: 450px;
	}
	.riskpic1 {
	    position: absolute;
	    left: 0;
	    top: 100px;
	    z-index: 20;
	    width: 450px;
	}
	.ms_dataWrap {
	    width: 580px;
	    height: 550px;
	    padding-left: 60px;
	    padding-top: 0px;
	    box-sizing: border-box;
	}
	.ms_pic {
	    width: 460px;
	}
	.ms_speed {
	   	position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -520px;
	    margin-top: -270px;
	    width: 1040px;
	    height: 540px;
	}
	.collPic4 {
	    position: absolute;
	    left: 27px;
	    top: 143px;
	    margin-left: 60px;
	    width: 290px;
	    z-index: 18;
	}
	.collPic2 {
	    position: absolute;
	    left: 265px;
	    top: 126px;
	    width: 310px;
	    z-index: 19;
	}
	.collPic5 {
	    position: absolute;
	    left: 800px;
	    top: 143px;
	    margin-left: 60px;
	    width: 290px;
	    z-index: 18;
	}
	.collPic3 {
	    position: absolute;
	    left: 667px;
	    top: 126px;
	    width: 310px;
	    z-index: 19;
	}
	.collPic1 {
	    position: absolute;
	    left: 50%;
	    top: 100px;
	    margin-left: -170px;
	    width: 340px;
	    z-index: 20;
	}
	.collage {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -617px;
	    margin-top: -305px;
	    width: 1234px;
	    height: 610px;
	    /* background: red; */
	}
	.jieduPic {
	    display: block;
	    width: 820px;
	    margin: 0 auto;
	}
	.understandWrap {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -540px;
	    margin-top: -295px;
	    width: 1080px;
	    height: 590px;
	}
	.dataPs1 {
	    position: absolute;
	    left: 75px;
	    top: 355px;
	    width: 300px;
	    height: 80px;
	    text-align: center;
	    color: #616161;
	    font-size: 12px;
	}
	.dataPs2 {
	    position: absolute;
	    left: 193px;
	    top: 416px;
	    width: 300px;
	    height: 80px;
	    text-align: center;
	    color: #616161;
	    font-size: 12PX;
	}
	.dataPs3 {
	    position: absolute;
	    left: 314px;
	    top: 474px;
	    width: 300px;
	    height: 80px;
	    text-align: center;
	    color: #616161;
	    font-size: 12PX;
	}
	.dataPs4 {
	    position: absolute;
	    left: 430px;
	    top: 535px;
	    width: 300px;
	    height: 80px;
	    text-align: center;
	    color: #616161;
	    font-size: 12PX;
	    z-index: 50;
	}
	.jieduLine {
	    position: absolute;
	    width: 688px;
	    left: 176px;
	    top: 132px;
	}
	.breedWrap {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -491px;
	    margin-top: -300px;
	    width: 982px;
	    height: 600px;
	}
	.breedDatas {
	    width: 907px;
	    height: 62px;
	    margin: 0 auto;
	    padding-left: 33px;
	    box-sizing: border-box;
	    margin-top: 30px;
	}
	.wantToBtn {
	    width: 140px;
	    height: 40px;
	    margin: 0 auto;
	    background-color: #dcbe8d;
	    text-align: center;
	    line-height: 40px;
	    font-size: 14px;
	    color: black;
	    margin-top: 15px;
	}
	.breedPrice {
	    margin-top: 10px;
	    font-size: 14px;
	    color: #b6b6b6;
	}
	.breedText {
	    width: 305px;
	    height: 52px;
	    border-top: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	    color: white;
	    font-size: 20px;
	    line-height: 48px;
	    margin: 0 auto;
	    letter-spacing: 2px;
	}
	.breedName {
	    color: white;
	    font-size: 20px;
	    margin-top: 42px;
	    margin-bottom: 10px;
	}
	.myslidwrap{
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}
	.breedBtnWrap {
	    width: 100%;
	    height: 200px;
	    margin-top: 40px;
	}
	.mysilde{
		height: 100% !important;
		box-sizing: border-box;
		padding-left: 50px;
		padding-top: 45px;
	}
	#myleft{
		position: absolute;
		left: -50px;
		top: 62px;
	}
	#myright{
		position: absolute;
		right: -50px;
		top: 62px
	}
	.breedBox {
	    width: 100px;
	    height: 100px;
	    border-radius: 100%;
	}
	.breedBtnWrap a {
	    width: 100px;
	    height: 100px;
	    border-radius: 100%;
	}
	.titleWrap p {
	    margin-left: 17px;
	    margin-right: 7px;
	    letter-spacing: 12px;
	    font-size: 18px;
	    line-height: 18px;
	    color: #6d6c6d;
	}
	.titleWrap .line {
	    width: 100px;
	    height: 2px;
	    background-color: #6d6c6d;
	    margin-top: 9px;
	}
	.micro {
	    width: 100%;
	    font-size: 42px;
	    letter-spacing: 4px;
	    color: white;
	    text-align: center;
	    height: 96px;
	    line-height: 90px;
	    word-break: keep-all;
	    white-space: nowrap;
	    overflow: hidden;
	    margin-top: 15px;
	}
	.microText {
	    font-size: 20px;
	    color: #d7b37d;
	    letter-spacing: 5px;
	    word-break: keep-all;
	    white-space: nowrap;
	    overflow: hidden;
	    padding-left: 5px;
	    margin-top: 3px;
	}

	.slide1 .contents {
	    position: absolute;
	    width: 536px;
	    height: 420px;
	    left: 50%;
	    top: 50%;
	    margin-left: -268px;
	    margin-top: -380px;
	}
	.yzlt-wenzi{
		width: 100%;
	}
	.yzlt-wenzi img{
		width: 100%;
	}
	.titleWrap p {
    margin-left: 55px;
    margin-right: 40px;
    letter-spacing: 16px;
    font-size: 25px;
    line-height: 28px;
    color: #ffffff;
}
.titleWrap .line {
    width: 138px;
    height: 1px;
    background-color: #ffffff;
    margin-top: 15px;
}

.cpbw-wrap {
    width: 560px;
    margin: 0 auto;
    margin-bottom: 40px;
}
	.slide2 .contents {
	    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 50px;
    width: 100%;
    height: 530px;
	}
	.weChange{
		font-size: 30px;
		color: black;
		width: 100%;
		text-align: center;
		line-height: 30px;
	}
	.weDefine {
	    width: 100%;
	    text-align: center;
	    font-size: 16px;
	    color: #616161;
	    margin-top: 10px;
	}
	.microChange {
	    margin-top: 20px;
	    font-size: 30px;
	    color: black;
	    width: 100%;
	    text-align: center;
	}
	.chartsWrap{
		width: 100%;
		margin-top: 40px;
	}
	.charts p {
	    width: 100%;
	    text-align: center;
	    font-size: 12px;
	    color: #616161;
	}
.p-title, .p-img {
    text-align: center!important;
    font-weight: 600;
    line-height: 30px;
}

	.p-img{
        border-radius: 50%;
    width: 50px!important;
    height: 50px!important;
    line-height: 76px!important;
    margin-bottom: 10px;
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
	}
	.p-img img{width: 70%;}
	.p-img.pi1{
	background: -webkit-linear-gradient(#5cc9fa, #7481fa); 
    background: -o-linear-gradient(#5cc9fa, #7481fa); 
    background: -moz-linear-gradient(#5cc9fa, #7481fa); 
    background: linear-gradient(#5cc9fa, #7481fa); 
	}
	.p-img.pi2{
	background: -webkit-linear-gradient(#2cd4be, #12d3ba); 
    background: -o-linear-gradient(#2cd4be, #12d3ba); 
    background: -moz-linear-gradient(#2cd4be, #12d3ba); 
    background: linear-gradient(#2cd4be, #12d3ba); 
	}
	.p-img.pi3{
	background: -webkit-linear-gradient(#cb79ff, #b363ff); 
    background: -o-linear-gradient(#cb79ff, #b363ff); 
    background: -moz-linear-gradient(#cb79ff, #b363ff); 
    background: linear-gradient(#cb79ff, #b363ff); 
	}
	.p-img.pi4{
	background: -webkit-linear-gradient(#ffa793, #ff8495); 
    background: -o-linear-gradient(#ffa793, #ff8495); 
    background: -moz-linear-gradient(#ffa793, #ff8495); 
    background: linear-gradient(#ffa793, #ff8495); 
	}
	.p-img.pi5{
	background: -webkit-linear-gradient(#ffa540, #fd6d4b); 
    background: -o-linear-gradient(#ffa540, #fd6d4b); 
    background: -moz-linear-gradient(#ffa540, #fd6d4b); 
    background: linear-gradient(#ffa540, #fd6d4b); 
	}
	.p-img.pi6{
	background: -webkit-linear-gradient(#f7da1f, #ffc900); 
    background: -o-linear-gradient(#f7da1f, #ffc900); 
    background: -moz-linear-gradient(#f7da1f, #ffc900); 
    background: linear-gradient(#f7da1f, #ffc900); 
	}
	.p-img.pi7{
	background: -webkit-linear-gradient(#5cd3fe, #56a6ff); 
    background: -o-linear-gradient(#5cd3fe, #56a6ff); 
    background: -moz-linear-gradient(#5cd3fe, #56a6ff); 
    background: linear-gradient(#5cd3fe, #56a6ff); 
	}
	.p-img.pi8{
	background: -webkit-linear-gradient(#f3a2ff, #dc99ff); 
    background: -o-linear-gradient(#f3a2ff, #dc99ff); 
    background: -moz-linear-gradient(#f3a2ff, #dc99ff); 
    background: linear-gradient(#f3a2ff, #dc99ff); 
	}
	.pic1 {
	    width: 140px;
    	height: 160px;
	    background: url(../img/icon/icon_year20.png) no-repeat center center;
	    background-size: 100% auto;
	    margin-bottom: 5px;
	}
	.pic2{
	    width: 140px;
    	height: 160px;
		background: url(../img/icon/icon_year10.png) no-repeat center center;
		background-size: 100% auto;
		margin-bottom: 5px;
	}
	.pic3{
	    width: 140px;
    	height: 160px;
		background: url(../img/icon/icon_year5.png) no-repeat center center;
		background-size: 100% auto;
		margin-bottom: 5px;
	}
	.pic4{
	    width: 140px;
    	height: 160px;
		background: url(../img/icon/icon_tonday.png) no-repeat center center;
		background-size: auto 100%;
		margin-bottom: 5px;
	}
	.charts{
		width: 140px;
		height: 165px;
		border-radius: 16px;
        padding: 0 15px;
        box-shadow: 0px 7px 15px #e0dede;
        background: #fff;
	}
	.footText{
	    width: 100%;
	    box-sizing: border-box;
	    padding-left: 170px;
	    padding-right: 170px;
	    color: #616161;
	    text-align: center;
	    font-size: 12px;
	    margin-top: 20px;
	}
	.cha{
		margin-left: 86px;
	}
	.chartsWrap{
		width: 100%;
		margin-top: 70px;
	}
}
.lineMove{
	position: absolute;
	left: 0;
	top: 20px;
	width: 0;
	height: 50px;
	border-top: 1px solid #efcb92;
	border-bottom: 1px solid #efcb92;
}

.weChange span{
	font-weight: bold;
}

.introduceText{
	font-size: 14px;
    width: 100%;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
    line-height: 20px;
    margin-top: 10px;
    color: #616161;
}

.microChange span{
	font-weight: bold;
}


.slide3{
	background: #ececec;
}
.slide4{
	background: url(../img/bg_micro4.jpg) no-repeat center center;
	background-size: cover;
}

.changeColor{
	color: white !important;
}


.breed1{
	background: url(../img/icon/icon_breed_hj.png) no-repeat center center;
	background-size: 103% auto;
}
.breed2{
	background: url(../img/icon/icon_breed_yy.png) no-repeat center center;
	background-size: 103% auto;
}
.breed3{
	background: url(../img/icon/icon_breed_dz.png) no-repeat center center;
	background-size: 103% auto;
}
.breed4{
	background: url(../img/icon/icon_breed_mini.png) no-repeat center center;
	background-size: 103% auto;
}
.breed5{
	background: url(../img/icon/icon_breed_hz.png) no-repeat center center;
	background-size: 103% auto;
}
.breed6{
	background: url(../img/icon/icon_breed_a50.png) no-repeat center center;
	background-size: 103% auto;
}
.breed7{
	background: url(../img/icon/icon_breed_cus.png) no-repeat center center;
	background-size: 103% auto;
}
.breed8{
	background: url(../img/icon/icon_breed_es.png) no-repeat center center;
	background-size: 103% auto;
}
.breed9{
	background: url(../img/icon/icon_breed_gdr.png) no-repeat center center;
	background-size: 103% auto;
}
.breed10{
	background: url(../img/icon/icon_breed_gdu.png) no-repeat center center;
	background-size: 103% auto;
}
.breed11{
	background: url(../img/icon/icon_breed_hhi.png) no-repeat center center;
	background-size: 103% auto;
}
.breed12{
	background: url(../img/icon/icon_breed_mch.png) no-repeat center center;
	background-size: 103% auto;
}
.breed13{
	background: url(../img/icon/icon_breed_si.png) no-repeat center center;
	background-size: 103% auto;
}
.breed14{
	background: url(../img/icon/icon_breed_ym.png) no-repeat center center;
	background-size: 103% auto;
}
.breed15{
	background: url(../img/icon/icon_breed_zc.png) no-repeat center center;
	background-size: 103% auto;
}
.liang{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #203db7;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)inset, 0px 0px 51px 13px #203db7;
    transition: 0.5s;
}
.liang.pks{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #8713f3;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #8713f3;
}
.liang.lhc{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #02d0b7;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #02d0b7;
}
.liang.lhc{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #16b3a0;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #16b3a0;
}
.liang.ssc{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #d70406;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #d70406;
}
.liang.ks{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #203db7;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #203db7;
}
.liang.fcsd{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #2323d5;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #2323d5;
}
.liang.klb{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #03a837;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #03a837;
}
.liang.xyeb{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #f98900;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #f98900;
}
.liang.pls{
	-moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #da0649;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset, 0px 0px 51px 13px #da0649;
}
.boxLen{
	margin-left: 58px;
}
.breedTextWrap{
	width: 100%;
	text-align: center;
}

.breedData{
	padding-left: 39px;
	padding-right: 39px;
	text-align: center;
	color: white;
	font-size: 16px;
}
.breedData p{
	line-height: 30px;
}
.breedData p span{
	font-size: 36px;
}
.lineSty{
	width: 1px;
	height: 62px;
	background: #878a8b;
}



.slide6{
	background: #ececec;
}

.moveflowRight1{
	animation: myflow1 1s 1 forwards;
	-moz-animation: myflow1 1s 1 forwards;
	-webkit-animation: myflow1 1s 1 forwards;
	-o-animation: myflow1 1s 1 forwards;
}
.moveflowRight{
	animation: myflow 1s 1 forwards;
	-moz-animation: myflow 1s 1 forwards;
	-webkit-animation: myflow 1s 1 forwards;
	-o-animation: myflow 1s 1 forwards;
}
.moveRight{
	animation: myfirst 1s 1 forwards;
	-moz-animation: myfirst 1s 1 forwards;
	-webkit-animation: myfirst 1s 1 forwards;
	-o-animation: myfirst 1s 1 forwards;
}
.moveRight1{
	animation: myfirst1 1.8s 1 forwards;
	-moz-animation: myfirst1 1.8s 1 forwards;
	-webkit-animation: myfirst1 1.8s 1 forwards;
	-o-animation: myfirst1 1.8s 1 forwards;
}
.moveLeft{
	animation: myleft 1s 1 forwards;
	-moz-animation: myleft 1s 1 forwards;
	-webkit-animation: myleft 1s 1 forwards;
	-o-animation: myleft 1s 1 forwards;
}
.moveLeft1{
	animation: myleft1 1.8s 1 forwards;
	-moz-animation: myleft1 1.8s 1 forwards;
	-webkit-animation: myleft1 1.8s 1 forwards;
	-o-animation: myleft1 1.8s 1 forwards;
}
@keyframes myflow
{
	0%   {margin-left:-400px;}
	100% {margin-left:32px;}
}
@-moz-keyframes myflow
{
	0%   {margin-left:-400px;}
	100% {margin-left:32px;}
}
@-webkit-keyframes myflow
{
	0%   {margin-left:-400px;}
	100% {margin-left:32px;}
}
@-o-keyframes myflow
{
	0%   {margin-left:-400px;}
	100% {margin-left:32px;}
}

@keyframes myflow1
{
	0%   {margin-left:-190px;}
	100% {margin-left:32px;}
}
@-moz-keyframes myflow1
{
	0%   {margin-left:-190px;}
	100% {margin-left:32px;}
}
@-webkit-keyframes myflow1
{
	0%   {margin-left:-190px;}
	100% {margin-left:32px;}
}
@-o-keyframes myflow1
{
	0%   {margin-left:-190px;}
	100% {margin-left:32px;}
}

@keyframes myfirst
{
	0%   {left:450px;}
	100% {left:265px;}
}
@-moz-keyframes myfirst
{
	0%   {left:450px;}
	100% {left:265px;}
}
@-webkit-keyframes myfirst
{
	0%   {left:450px;}
	100% {left:265px;}
}
@-o-keyframes myfirst
{
	0%   {left:450px;}
	100% {left:265px;}
}

@keyframes myfirst1
{
	0%   {left:388px;}
	100% {left:27px;}
}
@-moz-keyframes myfirst1
{
	0%   {left:388px;}
	100% {left:27px;}
}
@-webkit-keyframes myfirst1
{
	0%   {left:388px;}
	100% {left:27px;}
}
@-o-keyframes myfirst1
{
	0%   {left:388px;}
	100% {left:27px;}
}

@keyframes myleft
{
	0%   {left:477px;}
	100% {left:667px;}
}
@-moz-keyframes myleft
{
	0%   {left:477px;}
	100% {left:667px;}
}
@-webkit-keyframes myleft
{
	0%   {left:477px;}
	100% {left:667px;}
}
@-o-keyframes myleft
{
	0%   {left:477px;}
	100% {left:667px;}
}

@keyframes myleft1
{
	0%   {left:438px;}
	100% {left:800px;}
}
@-moz-keyframes myleft1
{
	0%   {left:438px;}
	100% {left:800px;}
}
@-webkit-keyframes myleft1
{
	0%   {left:438px;}
	100% {left:800px;}
}
@-o-keyframes myleft1
{
	0%   {left:438px;}
	100% {left:800px;}
}

.slide7{
	background: url(../img/bg_ms.jpg) no-repeat center center;
	background-size: cover;
}

.ms_line{
	width: 50px;
	height: 1px;
	background: #a8a7a7;
	margin-top: 17px;
}
.ms_tit p{
	color: #a8a7a7;
	font-size: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.ms_p{
	color: white;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 5px;
    margin-top: 20px;
}
.ms_lines{
	width: 99%;
	height: 1px;
	background: #a8a7a7;
	margin-top: 30px;
	margin-bottom: 46px;
}
.ms_text{
    font-size: 16px;
    color: white;
    margin-bottom: 65px;
    line-height: 24px;
}
.ms_btn{
	width: 90px;
	height: 120px;
}
.ms_btn img{
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	opacity: 0.5;
}
.ms_btn p{
	text-align: center;
	color: #929293;
	font-size: 16px;
	margin-top: 10px;
}
.picMs{
	margin-left: 50px;
}
.picMs img{
	width: 70px;
}
.slide8{
	background: #fefefe;
}

.risk_control .risk p{
	color: #666;
}
.risk .ms_line{
	background: #666;
}
.risk_control .ms_p{
	color: black;
}
.risk_control .ms_p span{
	font-weight: bold;
}
.risk_control .ms_lines{
	background: #989898;
}
.risk_control .ms_text{
	color: #616161;
}
.risk_control .ms_btn p{
	color: #616161;
}

.moveTop{
	animation: mytop 1.8s 1 forwards;
	-moz-animation: mytop 1.8s 1 forwards;
	-webkit-animation: mytop 1.8s 1 forwards;
	-o-animation: mytop 1.8s 1 forwards;
}
.moveTop1{
	animation: mytop1 1.5s 1 forwards;
	-moz-animation: mytop1 1.5s 1 forwards;
	-webkit-animation: mytop1 1.5s 1 forwards;
	-o-animation: mytop1 1.5s 1 forwards;
}

@keyframes mytop
{
	0%   {top:240px;}
	100% {top:100px;}
}
@-moz-keyframes mytop
{
	0%   {top:240px;}
	100% {top:100px;}
}
@-webkit-keyframes mytop
{
	0%   {top:240px;}
	100% {top:100px;}
}
@-o-keyframes mytop
{
	0%   {top:240px;}
	100% {top:100px;}
}
@keyframes mytop1
{
	0%   {top:240px;}
	100% {top:170px;}
}
@-moz-keyframes mytop1
{
	0%   {top:240px;}
	100% {top:170px;}
}
@-webkit-keyframes mytop1
{
	0%   {top:240px;}
	100% {top:170px;}
}
@-o-keyframes mytop1
{
	0%   {top:240px;}
	100% {top:170px;}
}

.slide9{
	background: #f0f0f0;
}

.lightning .ms_btnWrap .imgW{
	width: 60px;
	height: 60px;
}
.lightning .ms_btnWrap .imgW1{
	width: 70px;
	height: 60px;
}

.slide10{
	background: #f0f0f0;
	background-size: cover;
}
.fontsss{
	width: 100%;
	height: 500px;
	background: red;
}
.slide11{
	background: url(../img/f-bg.png) no-repeat top center;
}
.lightLines{
	width: 70px !important;
}
.zhezhao{
	position: absolute;
	left: 600px;
	top: 300px;
	width: 300px;
	height: 300px;
	background: red;
	z-index: 100;
}

@keyframes mySpeed4
	{
		0%   {left:-82px;top: 139px;}
		100% {left:-82px;top: 79px;}
	}
	@-moz-keyframes mySpeed4
	{
		0%   {left:-82px;top: 139px;}
		100% {left:-82px;top: 79px;}
	}
	@-webkit-keyframes mySpeed4
	{
		0%   {left:-82px;top: 139px;}
		100% {left:-82px;top: 79px;}
	}
	@-o-keyframes mySpeed4
	{
		0%   {left:-82px;top: 139px;}
		100% {left:-82px;top: 79px;}
	}
	
	@keyframes mySpeed3
	{
		0%   {left: 373px; top: 375px;}
		100% {left: 373px; top: 315px;}
	}
	@-moz-keyframes mySpeed3
	{
		0%   {left: 373px; top: 375px;}
		100% {left: 373px; top: 315px;}
	}
	@-webkit-keyframes mySpeed3
	{
		0%   {left: 373px; top: 375px;}
		100% {left: 373px; top: 315px;}
	}
	@-o-keyframes mySpeed3
	{
		0%   {left: 373px; top: 375px;}
		100% {left: 373px; top: 315px;}
	}
	
	@keyframes mySpeed2
	{
		0%   {left:-135px;top: 50px;}
		100% {left:0px; top: 0px;}
	}
	@-moz-keyframes mySpeed2
	{
		0%   {left:-135px;top: 50px;}
		100% {left:0px; top: 0px;}
	}
	@-webkit-keyframes mySpeed2
	{
		0%   {left:-135px;top: 50px;}
		100% {left:0px; top: 0px;}
	}
	@-o-keyframes mySpeed2
	{
		0%   {left:-135px;top: 50px;}
		100% {left:0px; top: 0px;}
	}
	
	@keyframes mySpeed1
	{
		0%   {left:-178px;top: 30px;}
		100% {left:0px;top: 0px;}
	}
	@-moz-keyframes mySpeed1
	{
		0%   {left:-178px;top: 30px;}
		100% {left:0px;top: 0px;}
	}
	@-webkit-keyframes mySpeed1
	{
		0%   {left:-178px;top: 30px;}
		100% {left:0px;top: 0px;}
	}
	@-o-keyframes mySpeed1
	{
		0%   {left:-178px;top: 30px;}
		100% {left:0px;top: 0px;}
	}
	
	@keyframes mySpeed
	{
		0%   {left:-196px;top: 95px;}
		100% {left:0px;top: 0px;}
	}
	@-moz-keyframes mySpeed
	{
		0%   {left:-196px;top: 95px;}
		100% {left:0px;top: 0px;}
	}
	@-webkit-keyframes mySpeed
	{
		0%   {left:-196px;top: 95px;}
		100% {left:0px;top: 0px;}
	}
	@-o-keyframes mySpeed
	{
		0%   {left:-196px;top: 95px;}
		100% {left:0px;top: 0px;}
	}

@keyframes mySpeed42
	{
		0%   {left:-28px;top: 10px;}
		100% {left:0px;top: 0;}
	}
	@-moz-keyframes mySpeed42
	{
		0%   {left:-28px;top: 10px;}
		100% {left:0px;top: 0;}
	}
	@-webkit-keyframes mySpeed42
	{
		0%   {left:-28px;top: 10px;}
		100% {left:0px;top: 0;}
	}
	@-o-keyframes mySpeed42
	{
		0%   {left:-28px;top: 10px;}
		100% {left:0px;top: 0;}
	}
	
	@keyframes mySpeed32
	{
		0%   {left:-72px;top: 30px;}
		100% {left:0px;top: 0;}
	}
	@-moz-keyframes mySpeed32
	{
		0%   {left:-72px;top: 30px;}
		100% {left:0px;top: 0;}
	}
	@-webkit-keyframes mySpeed32
	{
		0%   {left:-72px;top: 30px;}
		100% {left:0px;top: 0;}
	}
	@-o-keyframes mySpeed32
	{
		0%   {left:-72px;top: 30px;}
		100% {left:0px;top: 0;}
	}
	
	@keyframes mySpeed22
	{
		0%   {left:-99px;top: 47px;}
		100% {left:0px; top: 0px;}
	}
	@-moz-keyframes mySpeed22
	{
		0%   {left:-99px;top: 47px;}
		100% {left:0px; top: 0px;}
	}
	@-webkit-keyframes mySpeed22
	{
		0%   {left:-99px;top: 47px;}
		100% {left:0px; top: 0px;}
	}
	@-o-keyframes mySpeed22
	{
		0%   {left:-99px;top: 47px;}
		100% {left:0px; top: 0px;}
	}
	
	@keyframes mySpeed12
	{
		0%   {left:-127px;top: 66px;}
		100% {left:0px;top: 0px;}
	}
	@-moz-keyframes mySpeed12
	{
		0%   {left:-127px;top: 66px;}
		100% {left:0px;top: 0px;}
	}
	@-webkit-keyframes mySpeed12
	{
		0%   {left:-127px;top: 66px;}
		100% {left:0px;top: 0px;}
	}
	@-o-keyframes mySpeed12
	{
		0%   {left:-127px;top: 66px;}
		100% {left:0px;top: 0px;}
		
	}
	
	@keyframes mySpeed2
	{
		0%   {left:-149px;top: 84px;}
		100% {left:0px;top: 0px;}
	}
	@-moz-keyframes mySpeed2
	{
		0%   {left:-149px;top: 84px;}
		100% {left:0px;top: 0px;}
	}
	@-webkit-keyframes mySpeed2
	{
		0%   {left:-149px;top: 84px;}
		100% {left:0px;top: 0px;}
	}
	@-o-keyframes mySpeed2
	{
		0%   {left:-149px;top: 84px;}
		100% {left:0px;top: 0px;}
	}	
	
	
@keyframes widthMove4
{
	0%   {width:275px;}
	100% {width:0;}
}
@-moz-keyframes widthMove4
{
	0%   {width:275px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove4
{
	0%   {width:275px;}
	100% {width:0;}
}
@-o-keyframes widthMove4
{
	0%   {width:275px;}
	100% {width:0;}
}

@keyframes widthMove3
{
	0%   {width:205px;}
	100% {width:0;}
}
@-moz-keyframes widthMove3
{
	0%   {width:205px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove3
{
	0%   {width:205px;}
	100% {width:0;}
}
@-o-keyframes widthMove3
{
	0%   {width:205px;}
	100% {width:0;}
}

@keyframes widthMove2
{
	0%   {width:191px;}
	100% {width:0;}
}
@-moz-keyframes widthMove2
{
	0%   {width:191px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove2
{
	0%   {width:191px;}
	100% {width:0;}
}
@-o-keyframes widthMove2
{
	0%   {width:191px;}
	100% {width:0;}
}

@keyframes widthMove1
{
	0%   {width:117px;}
	100% {width:0;}
}
@-moz-keyframes widthMove1
{
	0%   {width:117px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove1
{
	0%   {width:117px;}
	100% {width:0;}
}
@-o-keyframes widthMove1
{
	0%   {width:117px;}
	100% {width:0;}
}




@keyframes widthMove42
{
	0%   {width:225px;}
	100% {width:0;}
}
@-moz-keyframes widthMove42
{
	0%   {width:225px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove42
{
	0%   {width:225px;}
	100% {width:0;}
}
@-o-keyframes widthMove42
{
	0%   {width:225px;}
	100% {width:0;}
}

@keyframes widthMove32
{
	0%   {width:168px;}
	100% {width:0;}
}
@-moz-keyframes widthMove32
{
	0%   {width:168px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove32
{
	0%   {width:168px;}
	100% {width:0;}
}
@-o-keyframes widthMove32
{
	0%   {width:168px;}
	100% {width:0;}
}

@keyframes widthMove22
{
	0%   {width:157px;}
	100% {width:0;}
}
@-moz-keyframes widthMove22
{
	0%   {width:157px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove22
{
	0%   {width:157px;}
	100% {width:0;}
}
@-o-keyframes widthMove22
{
	0%   {width:157px;}
	100% {width:0;}
}

@keyframes widthMove12
{
	0%   {width:96px;}
	100% {width:0;}
}
@-moz-keyframes widthMove12
{
	0%   {width:96px;}
	100% {width:0;}
}
@-webkit-keyframes widthMove12
{
	0%   {width:96px;}
	100% {width:0;}
}
@-o-keyframes widthMove12
{
	0%   {width:96px;}
	100% {width:0;}
}
@media only screen and (max-width: 600px){
	.slide1 .contents {
		transform: scale(0.6);
        top: 0;
        margin-top: 4px;
    }
}
@media only screen and (max-width: 1600px){
	.chartsWrap {
    width: 938px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
}
	.stepWrap {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0px;
    margin-top: 50px;
    width: 100%;
    height: 600px;
}
.picExplain {
    width: 726px;
    position: relative;
    margin-top: 20px;
    border-top: none;
}
.si1sj{
	left: -112px;
    width: 328px;
    top: 15px;
    z-index: 3;
}
.si2sj{
	left: -157px;
    width: 372px;
    top: 290px;
    z-index: 3;
}
.si4sj{
	left:537px;
	width: 328px;
	top: -70px;
	z-index: 3;
}
.si5sj{
	left: 537px;
	width: 370px;
	top: 110px;
	z-index: 3;
}
.si6sj{
	left: 537px;
	width: 328px;
	top: 360px;
	z-index: 3;
}
.si3sj{
	position: absolute;
    width: 650px;
    left: calc(50% - 325px);
}
.understandWrap{
	left: 0;
    top: 60px;
    margin-left: 0;
    margin-top: 0;
    width:100% ;
}
.picExplain.smain5-wrap {
	transform: scale(0.7);
	width: 1200px;
	height: auto;
}

.collage {
	left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 60px;
    width: 100%;
    }
    .collPic1 {
    position: absolute;
    left: 50;
    top: 70px;
    margin-left: -170px;
    width: 340px;
    z-index: 20;
}
.collPic2 {left: 10px;}
.slide6-xj-wrap{
	width: 100%;
	position: relative;
}
.slide6-xj-sx{
	transform: scale(0.7);}
	
	@keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 35%;
    margin-left: -155px;}
}
@-moz-keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 35%;
    margin-left: -155px;}
}
@-webkit-keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 35%;
    margin-left: -155px;}
}
@-o-keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 35%;
    margin-left: -155px;}
}

@keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 25%;
    margin-left: -145px;}
}
@-moz-keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 25%;
    margin-left: -145px;}
}
@-webkit-keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 25%;
    margin-left: -145px;}
}
@-o-keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 25%;
    margin-left: -145px;}
}

@keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 65%;
    margin-left: -155px;}
}
@-moz-keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 65%;
    margin-left: -155px;}
}
@-webkit-keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 65%;
    margin-left: -155px;}
}
@-o-keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 65%;
    margin-left: -155px;}
}

@keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 75%;
    margin-left: -145px;}
}
@-moz-keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 75%;
    margin-left: -145px;}
}
@-webkit-keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 75%;
    margin-left: -145px;}
}
@-o-keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 75%;
    margin-left: -145px;}
}
	.ms_speed {margin-top: -380px;}
	.ms_speedImgWrap{
		transform: scale(0.8);
	}
	
.footDownP {
	left: 0;
	margin-left: 0;
	width: 100%;
}	
.breedWrap{
	left: 0;
	margin-left: 0;
	width: 100%;
}
.ivestP {
    font-size: 18px;
}
.foot {
	text-align: center;
}
	
.mainFootDown{
	left: 0;
	margin-left: 0;
	width: 100%;
}
.fontDownS {
    width: 160px;
    height: 160px;
    display: inline-block;
}
.footDownP {
	text-align: center;
}

.slide10-img{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top: 380px;
}
.slide10-img img{
	width: 80%;
}	

.breedBox {
    width: 94px;
    height: 94px;
    border-radius: 100%;
}
.breedBtnWrap a {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: -2px 0 0 -2px;
}
#myleft {
    position: absolute;
    left: 0;
    top: 62px;
    z-index: 9;
}
#myright {
    position: absolute;
    right: 0;
    top: 62px;
    z-index: 9;
}
    
.breedDatas {
	width: 685px;
    border: 1px solid #ffffff;
    padding: 10px;
    border-radius: 50px;
    opacity: 0.6;
    height: 84px;
}

}

@media only screen and (max-width: 1200px){
	.picExplain.smain5-wrap {
	transform: scale(0.5);
	width: auto;
	height: auto;
}
.slide6-xj-sx{
	transform: scale(0.6);}
}

@media only screen and (max-width: 930px){
	.chartsWrap{
		width: 100%;
		margin-top: 0;
	}
	.chartsWrap1{margin-top: 20px;}
	.charts {
    width: 80%;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    position: relative;
    float: none;
    background: none;
    box-shadow: none;
    }
    .charts .p-img{
    	position: absolute;
    	top: 38px;
    	padding: 0;
    }
    .p-title{
    text-align: left!important;
}
.charts p {
    width: auto;
    text-align: left;
    font-size: 12px;
    color: #616161;
    padding-left: 70px;
}
	.picExplain.smain5-wrap {
	transform: scale(0.5);
	width: auto;
	height: auto;
}
.pi2sj,.pi7sj,.pi5sj,.pi6sj{display: none;}
.pi1sj {left: -130px;top:0;}
.pi4sj {left: 570px;top:76px;}

.slide5-xy-tips{display: block; margin-top: 380px;width: 60%;margin-left: auto;margin-right: auto;}
.slide5-xy-tips .xy-tips-wrap{width: 100%;display: inline-block;font-size: 14px; color: #666;margin-bottom: 15px;text-align: left;}
.slide5-xy-tips .xy-tips-wrap .tips-title{font-weight: 600;}
.slide5-xy-tips .xy-tips-wrap .tips-text{}
.slide5-xy-tips .xy-tips-wrap .tips-ico{font-size: 36px;line-height: 30px;vertical-align: middle; font-style: normal;}


.ms_speed{
	    margin-top: -386px;
	    left: 0;
	    margin-left: 0;
	    width: 100%;
	    top: 0;
    margin-top: 60px;
}
.ms_btnWrap.clear{
	display: none;
}	
	
.ms_dataWrap{float: none; margin-left:auto ; margin-right: auto;}
.ms_speedImgWrap{position: absolute;transform: scale(0.8);width: 450px;left:calc(50% - 225px); top:160px}	

.zf-warp {
    left: auto;
}
.breedBtnWrap {
    width: 100%;
    height: 200px;
}

}
@media only screen and (max-width: 1000px){
	.picExplain {
		transform: scale(0.7);
}
}
@media only screen and (max-width: 730px){
	.weChange {font-size: 20px!important;}
    .weDefine {font-size: 14px!important;}
	.picExplain {
    width: 380px;
}
	.picExplain {
		transform: scale(0.5);
		margin-top: -60px;
}
.picExplain.smain5-wrap{
	margin-top: 0;
}
.si1sj{
	left: -280px;
    width: 328px;
    top: 15px;
    z-index: 3;
}
.si2sj{
	left: -280px;
    width: 328px;
    top: 290px;
    z-index: 3;
}
.si4sj{
	left:358px;
	width: 328px;
	top: -70px;
	z-index: 3;
}
.si5sj{
	left: 358px;
	width: 370px;
	top: 110px;
	z-index: 3;
}
.si6sj{
	left: 358px;
	width: 328px;
	top: 360px;
	z-index: 3;
}
.si1sj,.si2sj,.si4sj,.si5sj,.si6sj{display: none;}
.picExplain.smain5-wrap {
	transform: scale(0.3);
	}
	.pi1sj {left: -350px;}
.pi4sj {left: 300px;}
/*.zhuce_p{display: none;}*/
.introduceText{display: none;}
.slide2 .contents {
    margin-top: 10px;
    }
    .charts {
    margin-bottom: 5px;}
    
    .slide5-xy-tips {
    display: block;
    margin-top: 240px;
    width: 82%;
    margin-left: auto;
    margin-right: auto;
}
.slide5-xy-tips .xy-tips-wrap{
	margin-bottom: 10px;
}
.slide3-xy-tips{
	margin-top:90px;
}
    
    
.ms_dataWrap {
    width: 100%;
    height: auto;
    padding: 0 20px;
    padding-top: 0px;
    box-sizing: border-box;
}  
 .ms_p {
    color: white;
    font-size: 18px;
    line-height: 11px;
    letter-spacing: 5px;
    margin-top: 15px;
}
.ms_text {
    font-size: 13px;
    color: white;
    margin-bottom: 54px;
    line-height: 22px;
}
.ms_lines {
    width: 99%;
    height: 1px;
    background: #a8a7a7;
    margin-top: 25px;
    margin-bottom: 15px;
}   

.ms_speedImgWrap {
    position: absolute;
    transform: scale(0.5);
    width: 380px;
    left: calc(50% - 217px);
    top: 70px;
}

.zf-warp {
    width: auto!important;
    transform: scale(0.5);
}
.slide10-img img{
	width: 100%;
}	
    
 .mysilde {
    padding-left: 0;
}  


.breedDatas {
	width: 100%;
    border: none;
    padding: 10px;
    border-radius: 50px;
    opacity: 0.6;
    height: 84px;
}
.breedData {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    color: white;
    font-size: 16px;
}
	@keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 25%;
    margin-left: -155px;}
}
@-moz-keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 25%;
    margin-left: -155px;}
}
@-webkit-keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 25%;
    margin-left: -155px;}
}
@-o-keyframes myfirst
{
	0%   {left: 45%;
    margin-left: -155px;}
	100% {left: 25%;
    margin-left: -155px;}
}

@keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 10%;
    margin-left: -145px;}
}
@-moz-keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 10%;
    margin-left: -145px;}
}
@-webkit-keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 10%;
    margin-left: -145px;}
}
@-o-keyframes myfirst1
{
	0%   {left: 35%;
    margin-left: -145px;}
	100% {left: 10%;
    margin-left: -145px;}
}

@keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 75%;
    margin-left: -155px;}
}
@-moz-keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 75%;
    margin-left: -155px;}
}
@-webkit-keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 75%;
    margin-left: -155px;}
}
@-o-keyframes myleft
{
	0%   {left: 55%;
    margin-left: -155px;}
	100% {left: 75%;
    margin-left: -155px;}
}

@keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 90%;
    margin-left: -145px;}
}
@-moz-keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 90%;
    margin-left: -145px;}
}
@-webkit-keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 90%;
    margin-left: -145px;}
}
@-o-keyframes myleft1
{
	0%   {left: 65%;
    margin-left: -145px;}
	100% {left: 90%;
    margin-left: -145px;}
}
}