* {margin: 0;padding: 0;}

.home-model{height:520px;width: 100%;text-align: center;color: #1a1a1a;line-height:520px;background:url('../images/model.png') no-repeat center top; }
.info {height:520px;position:relative;padding:60px 0}
.info div{width:170px;line-height: 34px;}
.info  .infoBgImg{background:url('../images/shadow.png') center center no-repeat;background-size: 400px 400px;
    position: absolute;z-index: 1;width:350px;height: 400px;left: 50%;margin-left: -200px}
.info div.infotxt{height:34px;line-height:34px;}
#canvas{}
.info img {
    -webkit-animation: infoImgAni 1.7s ease infinite;
    -moz-animation: infoImgAni 1.7s ease infinite;
    -o-animation: infoImgAni 1.7s ease infinite;
    animation: infoImgAni 1.7s ease infinite;
}
.infoOne .pAni {
    -webkit-animation: plAni .8s forwards;
    -moz-animation: plAni .8s forwards;
    -o-animation: plAni .8s forwards;
    animation: plAni .8s forwards;
}
.infoTwo .pAni {
-webkit-animation: ptAni .8s forwards;
-moz-animation: ptAni .8s forwards;
-o-animation: ptAni .8s forwards;
animation: ptAni .8s forwards;
}
.infoFour .pAni, .infoFive .pAni, .infoThree .pAni {
    -webkit-animation: pbAni .8s forwards;
    -moz-animation: pbAni .8s forwards;
    -o-animation: pbAni .8s forwards;
    animation: pbAni .8s forwards;
}
@-webkit-keyframes infoImgAni {
0% {
    filter: alpha(opacity=25);
    opacity: .25;
}
25% {
    filter: alpha(opacity=50);
    opacity: .5;
}
50% {
    filter: alpha(opacity=75);
    opacity: .75;
}
75% {
    filter: alpha(opacity=50);
    opacity: .5;
}
100% {
    filter: alpha(opacity=25);
    opacity: .25;
}
}
@keyframes infoImgAni {
0% {
    filter: alpha(opacity=25);
    opacity: .25;
}
25% {
    filter: alpha(opacity=50);
    opacity: .5;
}
50% {
    filter: alpha(opacity=75);
    opacity: .75;
}
75% {
    filter: alpha(opacity=50);
    opacity: .5;
}
100% {
    filter: alpha(opacity=25);
    opacity: .25;
}
}
@-webkit-keyframes plAni {
0% {
    -webkit-transform: translate(-45px, 0);
    -moz-transform: translate(-45px, 0);
    transform: translate(-45px, 0);
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
}
}
@keyframes plAni {
0% {
    -webkit-transform: translate(-45px, 0);
    -moz-transform: translate(-45px, 0);
    transform: translate(-45px, 0);
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
}
}
@-webkit-keyframes pbAni {
0% {
    -webkit-transform: translate(0, 45px);
    -moz-transform: translate(0, 45px);
    transform: translate(0, 45px);
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
}
}
@keyframes pbAni {
0% {
    -webkit-transform: translate(0, 45px);
    -moz-transform: translate(0, 45px);
    transform: translate(0, 45px);
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
}
}

@-webkit-keyframes ptAni {
0% {
    -webkit-transform: translate(0, -45px);
    -moz-transform: translate(0, -45px);
    transform: translate(0, -45px);
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
}
}
@keyframes ptAni {
0% {
    -webkit-transform: translate(0, -45px);
    -moz-transform: translate(0, -45px);
    transform: translate(0, -45px);
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
}
}
.infoTitle{
padding:0 24px 0 54px;
height:34px;
line-height:34px;
color:#000000;
font-size:15px;
background-color: #ffffff;
border-radius:15px;
display: inline-block;
margin:0;
}
.infoTitle:hover{background-color:#0b76e3}
.infoOne{position: absolute;left: 140px;top: 100px;text-align: right;}
.infoOne img{position: absolute;top:14px;right: -147px;}
.infoTwo{position: absolute;left:95px;top: 250px;}
.infoTwo img{margin-left: -98px;position: absolute;top: -19px;left: 158%;}
.infoThree{position: absolute;left:175px;top: 400px;}
.infoThree img{margin-left: -124px;position: absolute;top: -34px;left: 172%;}
.infoFour{position: absolute;right: 150px;top: 100px;}
.infoFour img{ position: absolute;top: 16px;left: -66%;}
.infoFive{position: absolute;right: 90px;top: 230px;}
.infoFive img{ position: absolute;top: 15px;left: -77%;}
.infoSix{position: absolute;right: 170px;top: 405px;}
.infoSix img{position: absolute;top: -34px;left: -61%;}
.infoOne p{background:url('../images/earth1.png') no-repeat 24px center #2b3457;color:#fff}
.infoTwo p{background:url('../images/earth2.png') no-repeat 24px center #2b3457;color:#fff}
.infoThree p{background:url('../images/earth3.png') no-repeat 24px center #2b3457;color:#fff}
.infoFour p{background:url('../images/earth4.png') no-repeat 24px center #2b3457;color:#fff}
.infoFive p{background:url('../images/earth5.png') no-repeat 24px center #2b3457;color:#fff}
.infoSix p{background:url('../images/earth6.png') no-repeat 24px center #2b3457;color:#fff}

    /*.infoNum{
        position:absolute;
        animation:mymove 5s linear infinite;
        -webkit-animation:mymove 5s linear infinite;
        -moz-animation:mymove 5s linear infinite;
        -o-animation:mymove 5s linear infinite;
        -ms-animation:mymove 5s linear infinite;
    }*/
    @keyframes mymove{
        0%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
        50%{
            transform: translate(8px,8px);
            -webkit-transform: translate(8px,8px);
            -moz-transform: translate(8px,8px);
            -o-transform: translate(8px,8px);
            -ms-transform: translate(8px,8px);
        }
        100%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
    }
     @-webkit-keyframes mymove{
        0%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
        50%{
            transform: translate(8px,8px);
            -webkit-transform: translate(8px,8px);
            -moz-transform: translate(8px,8px);
            -o-transform: translate(8px,8px);
            -ms-transform: translate(8px,8px);
        }
        100%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
    }
     @-moz-keyframes mymove{
        0%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
        50%{
            transform: translate(8px,8px);
            -webkit-transform: translate(8px,8px);
            -moz-transform: translate(8px,8px);
            -o-transform: translate(8px,8px);
            -ms-transform: translate(8px,8px);
        }
        100%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
    }
    @-o-keyframes mymove{
        0%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
        50%{
            transform: translate(8px,8px);
            -webkit-transform: translate(8px,8px);
            -moz-transform: translate(8px,8px);
            -o-transform: translate(8px,8px);
            -ms-transform: translate(8px,8px);
        }
        100%{
            transform: translate(0px,0px);
            -webkit-transform: translate(0px,0px);
            -moz-transform: translate(0px,0px);
            -o-transform: translate(0px,0px);
            -ms-transform: translate(0px,0px);
        }
    }