.block01,.block02,.block03,.block04,.block05,.People01,.People02,.People03,.People04,.People05,.People06,.People07,.TSquares,.TSquares02,.Phone01,.Phone02{position:absolute;background-size:100%;background-repeat:no-repeat;cursor:pointer;transition:1S;transform-origin:center}.block01{z-index:10;top:50px;left:55%;margin-left:-340px;width:500px;height:615px;background-image:url(../Content/img/navpage/cn/block01.png);animation-name:block01;animation-duration:2S;animation-iteration-count:infinite}.block01:hover{width:530px;height:660px}.block02{z-index:5;left:100px;top:100px;width:400px;height:270px;background-image:url(../Content/img/navpage/cn/block02.png);animation-name:block02;animation-duration:2S;animation-iteration-count:infinite;animation-delay:.5S}.block02:hover{width:430px;height:300px}.block03{z-index:5;right:100px;top:60px;width:400px;height:355px;background-image:url(../Content/img/navpage/cn/block03.png);animation-name:block03;animation-duration:2S;animation-iteration-count:infinite;animation-delay:.2S}.block03:hover{width:430px;height:400px}.block04{z-index:5;left:100px;top:450px;width:400px;height:330px;background-image:url(../Content/img/navpage/cn/block04.png);animation-name:block04;animation-duration:2S;animation-iteration-count:infinite;animation-delay:.8S}.block04:hover{width:430px;height:350px}.block05{z-index:5;right:100px;top:450px;width:400px;height:310px;background-image:url(../Content/img/navpage/cn/block05.png);animation-name:block05;animation-duration:2S;animation-iteration-count:infinite;animation-delay:1S}.block05:hover{width:430px;height:350px}.People01{left:26%;top:25%;width:50px;height:80px;background-image:url(../Content/img/navpage/p1.png)}.People02{left:20%;top:45%;width:80px;height:100px;background-image:url(../Content/img/navpage/p2.png)}.People03{left:29%;top:85%;width:50px;height:70px;background-image:url(../Content/img/navpage/p3.png)}.People04{left:50%;top:80%;width:50px;height:85px;background-image:url(../Content/img/navpage/p4.png)}.People05{right:8%;top:80%;width:60px;height:85px;background-image:url(../Content/img/navpage/p5.png)}.People06{left:32%;top:75%;width:140px;height:150px;background-image:url(../Content/img/navpage/p6.png)}.People07{right:10%;top:30%;width:60px;height:85px;background-image:url(../Content/img/navpage/p7.png)}.TSquares{left:28%;top:15%;width:80px;height:120px;background-image:url(../Content/img/navpage/TSquares.png)}.TSquares02{left:5%;top:65%;width:240px;height:150px;background-image:url(../Content/img/navpage/TSquares2.png);animation-name:TSquares02;animation-duration:2S;animation-iteration-count:infinite;animation-delay:.5S}.Phone01{right:6%;top:20%;width:85px;height:150px;background-image:url(../Content/img/navpage/phone.png)}.Phone02{left:6%;top:15%;width:250px;height:150px;background-image:url(../Content/img/navpage/phone2.png)}@keyframes block01{0%{transform:translate(0,0)}50%{transform:translate(0,5px)}100%{transform:translate(0,0)}}@keyframes block02{0%{transform:translate(0,0)}50%{transform:translate(0,5px)}100%{transform:translate(0,0)}}@keyframes block03{0%{transform:translate(0,0)}50%{transform:translate(0,5px)}100%{transform:translate(0,0)}}@keyframes block04{0%{transform:translate(0,0)}50%{transform:translate(0,5px)}100%{transform:translate(0,0)}}@keyframes block05{0%{transform:translate(0,0)}50%{transform:translate(0,5px)}100%{transform:translate(0,0)}}@keyframes TSquares02{0%{transform:translate(0,0)}50%{transform:translate(0,5px)}100%{transform:translate(0,0)}}@media screen and (max-width:3440px){.block01{top:50px;left:50%;width:650px;height:800px}.block01:hover{width:680px;height:830px}.block02{left:100px;top:70px;width:500px;height:350px}.block02:hover{width:550px;height:400px}.block03{right:200px;top:50px;width:500px;height:450px}.block03:hover{width:550px;height:500px}.block04{left:100px;top:470px;width:500px;height:450px}.block04:hover{width:550px;height:500px}.block05{right:200px;top:480px;width:550px;height:450px}.block05:hover{width:580px;height:500px}}@media screen and (max-width:2500px){.block01{top:50px;left:53%;width:550px;height:700px}.block01:hover{width:580px;height:730px}.block02{left:100px;top:70px;width:400px;height:300px}.block02:hover{width:430px;height:330px}.block03{right:200px;top:50px;width:400px;height:350px}.block03:hover{width:430px;height:380px}.block04{left:100px;top:57%;width:400px;height:350px}.block04:hover{width:430px;height:380px}.block05{right:200px;top:57%;width:450px;height:350px}.block05:hover{width:480px;height:380px}}@media screen and (max-width:1920px){.block01{top:50px;left:52%;width:550px;height:700px}.block01:hover{width:580px;height:730px}.block02{left:70px;top:70px;width:400px;height:300px}.block02:hover{width:430px;height:350px}.block03{right:5%;top:50px;width:400px;height:350px}.block03:hover{width:430px;height:380px}.block04{left:70px;top:57%;width:400px;height:350px}.block04:hover{width:430px;height:380px}.block05{right:5%;top:57%;width:450px;height:350px}.block05:hover{width:480px;height:380px}.TSquares{left:7%;top:34%}.People01{left:5%;top:40%}}@media screen and (max-width:1500px){.block01{top:50px;left:55%;width:500px;height:630px}.block01:hover{width:530px;height:660px}.block02{left:10px;top:70px;width:380px;height:280px}.block02:hover{width:400px;height:300px}.block03{right:5%;top:50px;width:350px;height:320px}.block03:hover{width:380px;height:350px}.block04{left:20px;top:60%;width:350px;height:300px}.block04:hover{width:380px;height:350px}.block05{right:50px;top:60%;width:400px;height:300px}.block05:hover{width:430px;height:330px}.Phone02{left:2%}.TSquares{left:7%;top:34%;width:50px;height:80px}.TSquares02{left:3%}.People01{left:5%;top:40%;width:30px;height:50px}.People02{width:40px;height:50px}.People03{width:30px;height:50px}.People04{width:30px;height:50px}.People06{left:30%;width:40px;height:60px}.People06{width:90px;height:90px}.People07{top:33%;width:40px;height:50px}}@media screen and (max-width:1300px){.block01{top:50px;left:55%;width:500px;height:630px}.block01:hover{width:530px;height:660px}.block02{left:20px;top:70px;width:300px;height:280px}.block02:hover{width:330px;height:300px}.block03{right:80px;top:50px;width:300px;height:320px}.block03:hover{width:330px;height:350px}.block04{left:20px;top:60%;width:300px;height:300px}.block04:hover{width:330px;height:350px}.block05{right:50px;top:60%;width:350px;height:350px}.block05:hover{width:380px;height:380px}.Phone02{left:2%}.TSquares02{left:2%}}@media screen and (max-width:1150px){.block01{top:55px;left:60%;width:400px;height:500px}.block01:hover{width:430px;height:530px}.block02{left:20px;top:70px;width:250px;height:230px}.block02:hover{width:280px;height:260px}.block03{right:80px;top:50px;width:250px;height:280px}.block03:hover{width:280px;height:300px}.block04{left:20px;top:65%;width:250px;height:250px}.block04:hover{width:280px;height:280px}.block05{right:50px;top:65%;width:300px;height:300px}.block05:hover{width:330px;height:330px}.Phone02{width:150px}.TSquares02{left:5%;width:200px}}@media screen and (max-width:1024px){.content{height:750px;min-height:750px}.block01{top:60px;left:40%;margin-left:-110px;width:400px;height:500px}.block01:hover{width:430px;height:530px}.block02{left:20px;top:70px;width:250px;height:200px}.block02:hover{width:280px;height:230px}.block03{right:30px;top:70px;width:250px;height:250px}.block03:hover{width:280px;height:280px}.block04{left:50px;top:470px;width:250px;height:250px}.block04:hover{width:280px;height:230px}.block05{right:40px;top:470px;width:250px;height:200px}.block05:hover{width:280px;height:230px}.People01{top:42%;left:5%;width:20px;height:30px}.People02{left:12%;width:30px;height:35px}.People03{left:50%;top:88%;width:30px;height:50px}.People04{left:60%;top:70%;width:30px;height:50px}.People05{top:50%;width:40px;height:60px}.People06{left:35%;top:75%;width:90px;height:90px}.People07{top:38%;right:12%;width:40px;height:50px}.Phone01{top:25%;right:5%}.TSquares02{top:68%;left:5px;width:150px}}@media screen and (max-width:880px){.block01{top:150px;left:45%;margin-left:-170px;width:340px;height:440px}.block01:hover{width:370px;height:470px}.block02{left:10px;top:70px;width:200px;height:150px}.block02:hover{width:230px;height:200px}.block03{right:20px;top:50px;width:200px;height:200px}.block03:hover{width:230px;height:230px}.block04{left:10px;top:500px;width:200px;height:200px}.block04:hover{width:230px;height:230px}.block05{right:30px;top:500px;width:200px;height:200px}.block05:hover{width:230px;height:230px}.TSquares{top:8%;left:40%;width:40px;height:60px}.People01{top:14%;left:37%;width:20px;height:30px}.People02{left:12%;width:30px;height:35px}.People03{left:50%;top:88%;width:30px;height:50px}.People04{left:60%;top:79%;width:30px;height:50px}.People05{top:50%;width:40px;height:60px}.People06{left:34%;top:80%;width:90px;height:90px}.People07{top:31%;right:12%;width:40px;height:50px}.Phone01{top:18%;right:2%}}@media screen and (max-width:650px){.block01{top:200px;left:55%;margin-left:-140px;width:240px;height:340px}.block01:hover{width:270px;height:370px}.block02{left:20px;top:100px;width:150px;height:121px}.block02:hover{width:170px;height:400px}.block03{right:20px;top:50px;width:150px;height:150px}.block03:hover{width:170px;height:400px}.block04{left:20px;top:480px;width:150px;height:150px}.block04:hover{width:180px;height:180px}.block05{right:20px;top:470px;width:150px;height:150px}.block05:hover{width:180px;height:180px}.TSquares{left:40px;top:3%;width:30px;height:60px}.People01{left:20px;top:7%;width:20px;height:30px}.People02{width:30px;height:35px}.People03{left:50%;top:88%;width:30px;height:50px}.People04{left:60%;top:79%;width:30px;height:50px}.People05{top:50%;width:40px;height:60px}.People06{left:30%;top:80%;width:90px;height:90px}.People07{top:20%;right:15%;width:40px;height:50px}.Phone01{right:5%;top:15%;width:40px;height:70px}}@media screen and (max-width:320px){.block01{top:155px;left:55%;margin-left:-110px;width:170px;height:250px}.block01:hover{width:200px;height:280px}.block02{left:10px;top:80px;width:140px;height:120px}.block02:hover{width:170px;height:180px}.block03{right:10px;top:20px;width:140px;height:150px}.block03:hover{width:170px;height:180px}.block04{left:20px;top:380px;width:150px;height:150px}.block04:hover{width:180px;height:180px}.block05{right:20px;top:320px;width:150px;height:150px}.block05:hover{width:180px;height:180px}.TSquares{left:55px;top:3%;width:30px;height:60px}.People01{left:35px;top:7%;width:20px;height:30px}.People02{width:30px;height:35px}.People03{left:40%;width:30px;height:50px}.People04{top:70%;width:30px;height:50px}.People05{width:40px;height:60px}.People06{left:20px;width:90px;height:90px}.People07{right:15%;top:15%;width:40px;height:50px}.Phone01{right:5%;top:10%;width:40px;height:70px}}