/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.animatepart{position: relative;}
.animateBox{position: relative;height: 541px;}
.animateBox>div.row,.animateBox >.rowmore{position: absolute;font-size: 20px;overflow: visible;z-index: 9;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.animateBox .row1{width: 115px;height:115px;left: 175px; top:106px;}
.animateBox .row2{width: 154px;height:154px;left: 378px; top:254px;}
.animateBox .row3{width: 153px;height:153px;left: 532px; top: 82px;}
.animateBox .row4{width: 143px;height:143px;left: 844px; top: 60px;}
.animateBox .row5{width: 112px;height:112px;left: 775px; top:346px;font-size: 16px;}
.animateBox>div>div{border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 104px;height: 104px;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;left: 0;right: 0;}
.animateBox>div .circmain,.animateBox>.rowmore{color: #00B3EC;font-family: PingFangSC-Semibold;border-radius: 50%;background-color: rgba(255,255,255,1);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.animateBox>.rowmore{width:82px;height:82px;bottom:34px;right:88px;left: auto;top:auto;}
.animateBox div img{position: absolute;}
.animateBox .row1 img:nth-of-type(1){top:63px ;left:-52px ;width:60px ;height:60px ;}
.animateBox .row1 img:nth-of-type(2){top:85px ;left:-8px ;width:67px ;height:67px ;}
.animateBox .row1 img:nth-of-type(3){top:-66px ;left:72px ;width:78px ;height:78px ;}
.animateBox .row1 img:nth-of-type(4){top:16px ;left:-64px ;width:57px ;height:57px ;}
.animateBox .row1 img:nth-of-type(5){top:50px ;left:102px ;width:77px ;height:77px ;}
.animateBox .row1 img:nth-of-type(6){top:-31px ;left:-57px ;width:47px ;height:47px ;}
.animateBox .row1 img:nth-of-type(7){top:105px ;left:79px ;width:63px ;height:63px ;}
.animateBox .row1 img:nth-of-type(8){top:-80px ;left:-26px ;width:96px ;height:96px ;}
.animateBox .row1 img:nth-of-type(9){top:-15px ;left:104px ;width:77px ;height:77px ;}
.animateBox .row2 img:nth-of-type(1){top:85px ;left: -66px ;width:91px ;height:91px ;}
.animateBox .row2 img:nth-of-type(2){top:124px ;left:81px ;width:96px ;height:96px ;}
.animateBox .row2 img:nth-of-type(3){top:167px ;left:-83px ;width:47px ;height:47px ;}
.animateBox .row2 img:nth-of-type(4){top:-37px ;left:-52px ;width:76px ;height:76px ;}
.animateBox .row2 img:nth-of-type(5){top:-48px ;left: 23px ;width:55px ;height:55px ;}
.animateBox .row2 img:nth-of-type(6){top:72px ;left:145px ;width:45px ;height:45px ;}
.animateBox .row2 img:nth-of-type(7){top:32px ;left:-107px ;width:85px ;height:85px ;}
.animateBox .row2 img:nth-of-type(8){top:178px ;left:173px ;width:69px ;height:69px ;}
.animateBox .row2 img:nth-of-type(9){top:152px ;left:-18px ;width:127px ;height:127px ;}
.animateBox .row3 img:nth-of-type(1){top:154px ;left: 23px ;width:49px ;height:49px;}
.animateBox .row3 img:nth-of-type(2){top:57px ;left:-65px ;width:49px ;height:49px;}
.animateBox .row3 img:nth-of-type(3){top:125px ;left:122px ;width:82px ;height:82px;}
.animateBox .row3 img:nth-of-type(4){top:72px ;left:177px ;width:44px ;height:44px;}
.animateBox .row3 img:nth-of-type(5){top:-3px ;left:126px ;width:70px ;height:70px;}
.animateBox .row3 img:nth-of-type(6){top:-76px ;left:52px ;width:98px ;height:98px;}
.animateBox .row3 img:nth-of-type(7){top:-38px ;left:-69px ;width:92px ;height:92px;}
.animateBox .row3 img:nth-of-type(8){top:98px ;left:-48px ;width:84px ;height:84px;}
.animateBox .row3 img:nth-of-type(9){top:-76px ;left:-12px ;width:66px ;height:66px;}
.animateBox .row4 img:nth-of-type(1){top:21px ;left: 132px;width:62px ;height:62px;}
.animateBox .row4 img:nth-of-type(2){top:-55px ;left: 108px ;width:89px ;height:89px;}
.animateBox .row4 img:nth-of-type(3){top:-16px ;left:190px ;width:60px ;height:60px;}
.animateBox .row4 img:nth-of-type(4){top:-59px ;left:35px ;width:49px ;height:49px;}
.animateBox .row4 img:nth-of-type(5){top:130px ;left:100px ;width:50px ;height:50px;}
.animateBox .row4 img:nth-of-type(6){top:144px ;left:42px ;width:91px ;height:91px;}
.animateBox .row4 img:nth-of-type(7){top:105px;left:-54px ;width:105px ;height:105px;}
.animateBox .row4 img:nth-of-type(8){top:84px ;left:152px ;width:102px ;height:102px;}
.animateBox .row4 img:nth-of-type(9){top:-12px ;left:-46px ;width:70px ;height:70px;}
.animateBox .row5 img:nth-of-type(1){top:-74px ;left: -36px;width:84px ;height:84px;}
.animateBox .row5 img:nth-of-type(2){top:110px ;left:-36px ;width:87px ;height:87px;}
.animateBox .row5 img:nth-of-type(3){top:-16px ;left:82px ;width:55px ;height:55px;}
.animateBox .row5 img:nth-of-type(4){top:52px ;left:-92px ;width:83px ;height:83px;}
.animateBox .row5 img:nth-of-type(5){top:-35px ;left:149px ;width:79px ;height:79px;}
.animateBox .row5 img:nth-of-type(6){top:-1px ;left:-59px ;width:65px ;height:65px;}
.animateBox .row5 img:nth-of-type(7){top:-49px;left:47px ;width:38px ;height:38px;}
.animateBox .row5 img:nth-of-type(8){top:28px ;left:80px ;width:101px ;height:101px ;}
.animateBox .row5 img:nth-of-type(9){top:99px ;left:40px ;width:80px ;height:80px;}
.animateBox .logobox{left:593px ;top: 285px;width:95px;height: 122px;position:absolute;-webkit-transition: 1s ease;-o-transition: 1s ease;transition: 1s ease;}
.animateBox .logobox div,.animateBox .logobox div img{display: block;width: 100%;}
.animateBox .logobox>img{display: block;width:100%;position: relative;z-index: 10;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.animateBox .logobox .logobg{position: absolute;left: -88px;top:-63px;width: 428px;height: 411px;background: url(../images/logobg.png) center center no-repeat;background-size: 100% 100%;border-radius: 0;z-index: 8;opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: 1s ease;-o-transition: 1s ease;transition: 1s ease;}
.animatepart .containerBox>div{position: relative;}
.animatRight{position: absolute;top: 0;right: 0;width: 0;-webkit-transition: 1s ease;-o-transition: 1s ease;transition: 1s ease;}
.animatRight .swiper-wrapper{width:425px ;height: 541px;}
.animatRight .swiper-slide .title{font-size:50px;line-height:77px;color:#FFFFFF;font-family:PingFangSC-Light;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;margin-bottom: 24px;padding-top: 60px;}
.animatRight .swiper-slide .title i{background:url(../images/dh2.png) center center no-repeat;background-size:100% 100%;width: 17px;height: 31px;margin:-28px 0 0 20px ;}
.animatRight .swiper-slide .title span{font-size:60px;font-family:PingFangSC-Semibold ;display: block;}
.animatRight .swiper-slide .descript{width: 371px;font-size: 18px;line-height: 32px;color: #FFFFFF;text-indent: 36px;}
.animatRight .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.animatRight .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background: #FFFFFF;margin: 10px 0;opacity: 1;}
.animatRight .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 14px;height: 14px;background: transparent;border: 2px solid #FFFFFF;}

.animateBox.animStar .row1{left: 145px;top: 106px;}
.animateBox.animStar .row2{left: 110px;top: 254px;}
.animateBox.animStar .row3{left: 402px;top: 82px;}
.animateBox.animStar .row4{left:514px;top: 208px;}
.animateBox.animStar .row5{left:420px;top: 346px;}
.animateBox.animStar .logobox{left:261px;top: 186px;width: 168px;height:216px;}
.animateBox.state1 .row1{left: 310px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
.animateBox.state1 .row2{left:300px;top:228px;width:134px;height:134px;}
.animateBox.state1 .row3{left: 402px;top: 92px;}
.animateBox.state1 .row4{left: 484px;top: 208px;}
.animateBox.state1 .row5{left: 320px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.animateBox.state1 .row img{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.animateBox.state1 .logobox{left:191px;top: 126px;width: 233px;height: 305px;z-index: 10;}
.animateBox.state2 .row1{left: 310px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
.animateBox.state2 .row2{left:300px;top:228px;width:134px;height:134px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
.animateBox.state2 .row3{left: 402px;top: 92px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.animateBox.state2 .row4{left: 484px;top: 208px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.animateBox.state2 .row5{left: 320px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.animateBox.state2 .row img{-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
.animateBox.state2 .logobox{left:191px;top: 126px;width: 233px;height: 305px;z-index: 8;}
.animateBox.state2 .logobox .logobg{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);z-index:7;}
.animateBox.state2 .logobox img{z-index: 12;}
.animateBox.state2 .logobox .ccbg{position: absolute;background: rgba(0,162,236,0.25);border-radius: 50%;z-index:9;}
.animateBox.state2 .logobox .ccbg1{left:181px;top: 58px;width: 56px;height: 56px;}
.animateBox.state2 .logobox .ccbg2{left:152px;top: 59px;width: 80px;height: 80px;}
.animateBox.state2 .logobox .ccbg3{left: 23px;top: 99px;width:198px;height:198px;}
.animateBox.state2 .logobox .ccbg4{left: 56px;top:152px;width: 12px;height: 12px;}
.animateBox.state3 .row1{left: 310px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
.animateBox.state3 .row2{left:300px;top:228px;width:134px;height:134px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
.animateBox.state3 .row3{left: 252px;top: 192px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
.animateBox.state3 .row4{left: 284px;top: 208px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
.animateBox.state3 .row5{left: 320px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.animateBox.state3 .row img{-webkit-transform: scale(0.1);-ms-transform: scale(0.1);transform: scale(0.1);}
.animateBox.state3 .logobox{left:231px;top: 126px;width: 233px;height: 305px;z-index: 8;}
.animateBox.state3 .logobox .logobg{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);z-index:7;}
.animateBox.state3 .logobox img{z-index: 12;content: url(../images/logo3.png)}
.animateBox.state3 .logobox .ccbg{position: absolute;background: rgba(0,162,236,0.25);border-radius: 50%;z-index:13;}
.animateBox.state3 .logobox .ccbg1{left:181px;top: 58px;width: 56px;height: 56px;}
.animateBox.state3 .logobox .ccbg2{left:152px;top: 59px;width: 80px;height: 80px;}
.animateBox.state3 .logobox .ccbg3{left: 23px;top: 99px;width:198px;height:198px;}
.animateBox.state3 .logobox .ccbg4{left: 56px;top:152px;width: 12px;height: 12px;}

.animatRight.rightwidth{display: block;width: 428px;}

@media only screen and (min-width:998px) and (max-width:1250px ){
	.animateBox>div.row{font-size: 17px;}
	.animateBox .row1{left: 55px;width: 95px;height: 95px;}
	.animateBox .row2{left:188px;top: 300px;width:104px;height: 104px;}
	.animateBox .row3{left:362px;width: 123px;height: 123px;}
	.animateBox .row4{left:674px;width: 123px;height: 123px;}
	.animateBox .row5{left:605px;}
	.animateBox .row img{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox .logobox{left: 403px;}
	.animateBox>.rowmore{right: 40px;font-size: 17px;}
	.animateBox.animStar .row1{left: 85px;top: 126px;}
	.animateBox.animStar .row2{left: 100px;top: 268px;}
	.animateBox.animStar .row3{left: 312px;top: 62px;}
	.animateBox.animStar .row4{left:404px;top:188px;}
	.animateBox.animStar .row5{left:380px;top: 346px;}
	.animateBox.animStar .logobox{left:211px;top: 186px;width: 168px;height:216px;}
	.animateBox.state1 .row1{left: 170px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state1 .row2{left:200px;top:228px;width:114px;height:114px;}
	.animateBox.state1 .row3{left:252px;top: 92px;}
	.animateBox.state1 .row4{left: 334px;top: 208px;}
	.animateBox.state1 .row5{left:170px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	.animateBox.state1 .row img{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox.state1 .logobox{left:91px;top: 126px;width: 233px;height: 305px;z-index: 10;}
	.animateBox.state2 .row1{left: 170px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state2 .row2{left: 200px;top:228px;width:134px;height:134px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state2 .row3{left: 252px;top: 92px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox.state2 .row4{left: 334px;top: 208px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox.state2 .row5{left: 170px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	.animateBox.state2 .row img{-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state2 .logobox{left:91px;top: 126px;width: 233px;height: 305px;z-index: 8;}
	.animateBox.state3 .row1{left: 170px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row2{left:170px;top:228px;width:134px;height:134px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row3{left: 170px;top: 192px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row4{left: 170px;top: 208px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row5{left: 170px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	.animateBox.state3 .row img{-webkit-transform: scale(0.1);-ms-transform: scale(0.1);transform: scale(0.1);}
	.animateBox.state3 .logobox{left:91px;top: 126px;width: 233px;height: 305px;z-index: 8;}

}

@media only screen and (min-width:768px) and (max-width: 997px){
	.animatepart {min-height: 852px;}
	.animateBox .row1{left:55px;top:86px;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
	.animateBox .row2{left:118px;top: 274px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox .row3{left:302px;top: 52px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox .row4{left:520px;top: 93px;height: 143px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox .row5{left:435px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox .logobox{left: 303px;top: 254px;}
	.animateBox{height: 500px;}
	.animatRight .swiper-slide .title{font-size: 40px;line-height:60px;}
	.animatRight .swiper-slide .title span{font-size: 50px;}
	.animatRight .swiper-slide .descript{width: 620px;font-size: 16px;line-height: 28px;}
	.animatRight{position: static;margin-top: 50px;padding-left: 50px;height:0;}
	.animatRight .swiper-slide .title{padding-top:10px;}
	.animatRight .swiper-wrapper{width:650px;height: 301px;}
	.swiper-container-vertical>.swiper-wrapper .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.animateBox>.rowmore{font-size: 16px;width: 62px;height: 62px;bottom:4px;right: 18px;left: auto;top: auto;}
	.animatRight.rightwidth{width: 750px;height: auto;}
	.swiper-container-vertical>.swiper-pagination-bullets{top:10px;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}

}
@media only screen and (max-width: 767px) {
	.animateBox>div.row{font-size: 14px;}

	.animateBox{height: 570px;}
	.animatRight{width:100%;}
	.animatRight .swiper-wrapper{height: 320px;width: 94%;}
	.animatRight .swiper-slide .title{font-size: 30px;line-height:40px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 320px;margin: 0 auto 20px;}
	.animatRight .swiper-slide .title span{font-size:36px;display: block;}
	.animatRight .swiper-slide .title i{width: 13px;height: 24px;margin: -18px 0 0 15px;display:none;}
	.animatRight .swiper-slide .descript{width: 320px;font-size: 14px;line-height: 24px;text-align: center;margin: 0 auto;}
	.animatRight{position: static;}
	.animatepart{min-height:1020px;}
	.animatRight .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 13px;height: 13px;}
	.animatRight.rightwidth{width: 360px;height: auto;}
	.animateBox .logobox .logobg{left: -78px;top:-43px;width:360px;height: 346px;}

	.animateBox>div.row{font-size: 13px;width: 80px;height: 80px;}
	.animateBox .row1{left: 55px;top: 106px;}
	.animateBox .row2{left:40px;top: 360px;}
	.animateBox .row3{left:232px;}
	.animateBox .row4{left:254px;top:260px;}
	.animateBox .row5{left:215px;top: 426px;}
	.animateBox .row img{width:50px !important;height: 50px !important;}
	.animateBox .row img:nth-of-type(1){top:-50px;left: 35px;}
	.animateBox .row img:nth-of-type(2){top: 10px;left: 84px;}
	.animateBox .row img:nth-of-type(3){top: 55px;left: 70px;}
	.animateBox .row img:nth-of-type(4){top: 80px;left: 25px;}
	.animateBox .row img:nth-of-type(5){top: 75px;left: -25px;}
	.animateBox .row img:nth-of-type(6){top: 30px;left: -50px;}
	.animateBox .row img:nth-of-type(7){top: -20px;left: -40px;}
	.animateBox .row img:nth-of-type(8){top: -50px;left:-15px;}
	.animateBox .row img:nth-of-type(9){top: -20px;left: 75px;}

	.animateBox .logobox{left: 113px;top: 215px;}
	.animateBox>.rowmore{right: 0px;bottom: 4px;font-size: 12px;width: 50px;height: 50px;}
	.animateBox.animStar .row1{left: 55px;top: 106px;}
	.animateBox.animStar .row2{left:40px;top: 360px;}
	.animateBox.animStar .row3{left:232px;}
	.animateBox.animStar .row4{left:254px;top:260px;}
	.animateBox.animStar .row5{left:215px;top: 426px;}
	.animateBox.animStar .logobox{left: 113px;top: 215px;width: 95px;height: 122px;}
	.animateBox.state1 .row1{left: 120px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state1 .row2{left:140px;top:228px;width:114px;height:114px;}
	.animateBox.state1 .row3{left:252px;top: 92px;}
	.animateBox.state1 .row4{left: 254px;top: 208px;}
	.animateBox.state1 .row5{left:170px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	.animateBox.state1 .row img{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox.state1 .logobox{left:51px;top: 126px;width: 203px;height: 260px;z-index: 10;}
	.animateBox.state2 .row1{left: 140px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state2 .row2{left: 140px;top:228px;width:134px;height:134px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state2 .row3{left: 252px;top: 92px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox.state2 .row4{left: 264px;top: 208px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	.animateBox.state2 .row5{left: 170px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	.animateBox.state2 .row img{-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
	.animateBox.state2 .logobox{left:77px;top: 126px;width: 203px;height: 260px;z-index: 8;}
	.animateBox.state2 .logobox .ccbg1{left:158px;top:51px;width: 48px;height: 48px;}
	.animateBox.state2 .logobox .ccbg2{left:132px;top:53px;width: 78px;height: 78px;}
	.animateBox.state2 .logobox .ccbg3{left: 24px;top: 82px;width: 178px;height: 178px;}
	.animateBox.state2 .logobox .ccbg4{left: 49px;top:133px;width: 12px;height: 12px;}
	.animateBox.state3 .row1{left: 170px;top: 220px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row2{left:170px;top:228px;width:134px;height:134px;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row3{left: 170px;top: 192px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row4{left: 170px;top: 208px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);z-index:6;opacity: 0;}
	.animateBox.state3 .row5{left: 170px;top: 306px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	.animateBox.state3 .row img{-webkit-transform: scale(0.1);-ms-transform: scale(0.1);transform: scale(0.1);}
	.animateBox.state3 .logobox{left:77px;top: 126px;width: 203px;height: 260px;z-index: 8;}
	.animateBox.state3 .logobox .ccbg1{left:158px;top:51px;width: 48px;height: 48px;}
	.animateBox.state3 .logobox .ccbg2{left:132px;top:53px;width: 72px;height: 72px;}
	.animateBox.state3 .logobox .ccbg3{left: 24px;top: 82px;width: 178px;height: 178px;}
	.animateBox.state3 .logobox .ccbg4{left: 49px;top:133px;width: 12px;height: 12px;}



}