/*logo 1 微信 start*/
.mouse_focus{
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #359EFF;
    z-index: 4;
    display: none;
    opacity: 0;
    border: 0px solid transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
@media \0screen {
   .mouse_focus{
        display: none;
    } 
}
.advantage_logo_wx_interface ,.advantage_logo_exmail_interface, .advantage_logo_colleague{
  top: 0px;
  left: 0px;
}
.advantage_logo_mobile {z-index: 0;}
.advantage_logo_wx_interface {z-index: 1;}
.advantage_logo_exmail_interface {z-index: 2;}
.advantage_logo_colleague {z-index: 3;}
.interface_container {
  overflow: hidden;
  width: 262px;
  height: 367px;
  position: absolute;
  top: 75px;
  left: 24px;
}
.mouse_focus_1 {
  top: 304px;
  left: 165px;
}
.mouse_focus_2 {
  top: 382px;
  left: 243px;
}
.advantage_annimates .mouse_focus_1 {
   -webkit-animation-name: focus_up_1; 
    -webkit-animation-duration: 0.72s;
    -webkit-animation-timing-function :linear;
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 1s; 
    -webkit-animation-fill-mode : both;

    -moz-animation-name: focus_up_1; 
    -moz-animation-duration: 0.72s;
    -moz-animation-timing-function :linear;
    -moz-animation-iteration-count: 1; 
    -moz-animation-delay: 1s; 
    -moz-animation-fill-mode : both;

    -o-animation-name: focus_up_1; 
    -o-animation-duration: 0.72s;
    -o-animation-timing-function :linear;
    -o-animation-iteration-count: 1; 
    -o-animation-delay: 1s; 
    -o-animation-fill-mode : both;

    animation-name: focus_up_1; 
    animation-duration: 0.72s;
    animation-timing-function :linear;
    animation-iteration-count: 1; 
    animation-delay: 1s; 
    animation-fill-mode : both;
}

@keyframes focus_up_1 {
  0%{transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  1%{transform:translate(0px,0px);opacity: 1;-khtml-opacity:1;}
  7.4%{transform:translate(20.51px,-8.81px);opacity: 0.9;-khtml-opacity:0.9;}
  14.81%{transform:translate(37.96px,-20.51px);opacity: 0.8;-khtml-opacity:0.8;}
  22.22%{transform:translate(52.35px,-35.12px);opacity: 0.7;-khtml-opacity:0.7;}
  29.62%{transform:translate(63.68px,-52.62px);opacity: 0.65;-khtml-opacity:0.65;}
  37.03%{transform:translate(71.95px,-73.02px);opacity: 0.6;-khtml-opacity:0.6;}
  44.44%{transform:translate(77.15px,-96.32px);opacity: 0.5;-khtml-opacity:0.5;}

  61.11%{transform:translate(77.15px,-96.32px);opacity: 0.2;-khtml-opacity:0.2;}
  62%{
    transform:translate(77.15px,-96.32px);
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
    opacity: 0.2;
    -khtml-opacity:0.2;
  }
  67%{
    transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.2;
    -khtml-opacity:0.2;
  }
   72.22% {
    transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0.2;
    -khtml-opacity:0.2;
  }

  100%{
    transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}

@-moz-keyframes focus_up_1 {
  0%{-moz-transform:translate(0px,0px);opacity: 0;-moz-opacity:0;}
  1%{transform:translate(0px,0px);opacity: 1;-khtml-opacity:1;}
  7.4%{-moz-transform:translate(20.51px,-8.81px);opacity: 0.9;-moz-opacity:0.9;}
  14.81%{-moz-transform:translate(37.96px,-20.51px);opacity: 0.8;-moz-opacity:0.8;}
  22.22%{-moz-transform:translate(52.35px,-35.12px);opacity: 0.7;-moz-opacity:0.7;}
  29.62%{-moz-transform:translate(63.68px,-52.62px);opacity: 0.65;-moz-opacity:0.65;}
  37.03%{-moz-transform:translate(71.95px,-73.02px);opacity: 0.6;-moz-opacity:0.6;}
  44.44%{-moz-transform:translate(77.15px,-96.32px);opacity: 0.5;-moz-opacity:0.5;}

  61.11%{-moz-transform:translate(77.15px,-96.32px);opacity: 0.2;-moz-opacity:0.2;}
  62%{
    -moz-transform:translate(77.15px,-96.32px);
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
    opacity: 0.2;
    -moz-opacity:0.2;
  }
  67%{
    -moz-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.2;
    -moz-opacity:0.2;
  }
   72.22% {
    -moz-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0.2;
    -moz-opacity:0.2;
  }

  100%{
    -moz-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -moz-opacity:0;
  }
}
@-webkit-keyframes focus_up_1 {
  0%{-webkit-transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  1%{transform:translate(0px,0px);opacity: 1;-khtml-opacity:1;}
  7.4%{-webkit-transform:translate(20.51px,-8.81px);opacity: 0.9;-khtml-opacity:0.9;}
  14.81%{-webkit-transform:translate(37.96px,-20.51px);opacity: 0.8;-khtml-opacity:0.8;}
  22.22%{-webkit-transform:translate(52.35px,-35.12px);opacity: 0.7;-khtml-opacity:0.7;}
  29.62%{-webkit-transform:translate(63.68px,-52.62px);opacity: 0.65;-khtml-opacity:0.65;}
  37.03%{-webkit-transform:translate(71.95px,-73.02px);opacity: 0.6;-khtml-opacity:0.6;}
  44.44%{-webkit-transform:translate(77.15px,-96.32px);opacity: 0.5;-khtml-opacity:0.5;}

  61.11%{-webkit-transform:translate(77.15px,-96.32px);opacity: 0.2;-khtml-opacity:0.2;}
  62%{
    -webkit-transform:translate(77.15px,-96.32px);
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
    opacity: 0.2;
    -khtml-opacity:0.2;
  }
  67%{
    -webkit-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    box-sizing:border-box;
    opacity: 0.2;
    -khtml-opacity:0.2;
  }
   72.22% {
    -webkit-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0.2;
    -khtml-opacity:0.2;
    box-sizing:border-box;
  }

  100%{
    -webkit-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
    box-sizing:border-box;
  }
}
@-o-keyframes focus_up_1 {
  
  0%{-o-transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  1%{transform:translate(0px,0px);opacity: 1;-khtml-opacity:1;}
  7.4%{-o-transform:translate(20.51px,-8.81px);opacity: 0.9;-khtml-opacity:0.9;}
  14.81%{-o-transform:translate(37.96px,-20.51px);opacity: 0.8;-khtml-opacity:0.8;}
  22.22%{-o-transform:translate(52.35px,-35.12px);opacity: 0.7;-khtml-opacity:0.7;}
  29.62%{-o-transform:translate(63.68px,-52.62px);opacity: 0.65;-khtml-opacity:0.65;}
  37.03%{-o-transform:translate(71.95px,-73.02px);opacity: 0.6;-khtml-opacity:0.6;}
  44.44%{-o-transform:translate(77.15px,-96.32px);opacity: 0.5;-khtml-opacity:0.5;}

  61.11%{-o-transform:translate(77.15px,-96.32px);opacity: 0.2;-khtml-opacity:0.2;}
  62%{
    -o-transform:translate(77.15px,-96.32px);
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
    opacity: 0.2;
    -khtml-opacity:0.2;
  }
  67%{
    -o-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.2;
    -khtml-opacity:0.2;
  }
   72.22% {
    -o-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0.2;
    -khtml-opacity:0.2;
  }

  100%{
    -o-transform:translate(77.15px,-96.32px);
    width:28px;
    height:28px;
    border: 4px solid #359EFF;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}

.advantage_annimates .advantage_logo_exmail_interface {
  -webkit-animation-name: exmail_slide_left; 
    -webkit-animation-duration: 0.96s;
    -webkit-animation-timing-function :linear;
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 1.68s; 
    -webkit-animation-fill-mode : both;

    -moz-animation-name: exmail_slide_left; 
    -moz-animation-duration: 0.96s;
    -moz-animation-timing-function :linear;
    -moz-animation-iteration-count: 1; 
    -moz-animation-delay: 1.68s; 
    -moz-animation-fill-mode : both;

    -o-animation-name: exmail_slide_left; 
    -o-animation-duration: 0.96s;
    -o-animation-timing-function :linear;
    -o-animation-iteration-count: 1; 
    -o-animation-delay: 1.68s; 
    -o-animation-fill-mode : both;

    animation-name: exmail_slide_left; 
    animation-duration: 0.96s;
    animation-timing-function :linear;
    animation-iteration-count: 1; 
    animation-delay: 1.68s; 
    animation-fill-mode : both;
}
@keyframes exmail_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}
@-moz-keyframes exmail_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}
@-webkit-keyframes exmail_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}
@-o-keyframes exmail_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}

.advantage_annimates .mouse_focus_2 {
  -webkit-animation-name: focus_up_2; 
  -webkit-animation-duration: 1.64s;
  -webkit-animation-timing-function :linear;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-delay: 1.68s; 
  -webkit-animation-fill-mode : both;

  -moz-animation-name: focus_up_2; 
  -moz-animation-duration: 1.64s;
  -moz-animation-timing-function :linear;
  -moz-animation-iteration-count: 1; 
  -moz-animation-delay: 1.68s; 
  -moz-animation-fill-mode : both;

  -o-animation-name: focus_up_2; 
  -o-animation-duration: 1.64s;
  -o-animation-timing-function :linear;
  -o-animation-iteration-count: 1; 
  -o-animation-delay: 1.68s; 
  -o-animation-fill-mode : both;

  animation-name: focus_up_2; 
  animation-duration: 1.64s;
  animation-timing-function :linear;
  animation-iteration-count: 1; 
  animation-delay: 1.68s; 
  animation-fill-mode : both;
}
@keyframes focus_up_2 {
  0%{transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  70%{transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  70.7%{transform:translate(0px,0px);opacity: 1;-khtml-opacity:1;}

  72.13%{transform:translate(-19.99px,-7.03px)} 
  73.56%{transform:translate(-37.19px,-15.39px)}   
  75%{transform:translate(-51.61px,-25.09px)}    
  76.44%{transform:translate(-63.24px,-36.12px)}   
  77.87%{transform:translate(-72.09px,-48.5px)}    
  79.31%{transform:translate(-78.16px,-62.21px)}

  82.76%{transform:translate(-78.16px,-62.21px)}

  84.48%{
    transform:translate(-78.16px,-62.21px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  86.2%{
    transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  87.93%{
    transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  100%{
    transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}

@-webkit-keyframes focus_up_2 {
  0%{-webkit-transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  70%{-webkit-transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  70.7%{-webkit-transform:translate(0px,0px);opacity: 1;-khtml-opacity:1;}

  72.13%{-webkit-transform:translate(-19.99px,-7.03px);} 
  73.56%{-webkit-transform:translate(-37.19px,-15.39px);}   
  75%{-webkit-transform:translate(-51.61px,-25.09px);}    
  76.44%{-webkit-transform:translate(-63.24px,-36.12px);}   
  77.87%{-webkit-transform:translate(-72.09px,-48.5px);}    
  79.31%{-webkit-transform:translate(-78.16px,-62.21px);}

  82.76%{-webkit-transform:translate(-78.16px,-62.21px); }

  84.48%{
    -webkit-transform:translate(-78.16px,-62.21px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  86.2%{
    -webkit-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    box-sizing:border-box;
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  87.93%{
    -webkit-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
    box-sizing:border-box;
  }
  100%{
    -webkit-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
    box-sizing:border-box;
  }}
@-moz-keyframes focus_up_2 {

  0%{-moz-transform:translate(0px,0px);opacity: 0;-moz-opacity:0;}
  70%{-moz-transform:translate(0px,0px);opacity: 0;-moz-opacity:0;}
  70.7%{-moz-transform:translate(0px,0px);opacity: 1;-moz-opacity:1;}

  72.13%{-moz-transform:translate(-19.99px,-7.03px)} 
  73.56%{-moz-transform:translate(-37.19px,-15.39px)}   
  75%{-moz-transform:translate(-51.61px,-25.09px)}    
  76.44%{-moz-transform:translate(-63.24px,-36.12px)}   
  77.87%{-moz-transform:translate(-72.09px,-48.5px)}    
  79.31%{-moz-transform:translate(-78.16px,-62.21px)}

  82.76%{-moz-transform:translate(-78.16px,-62.21px)}

  84.48%{
    -moz-transform:translate(-78.16px,-62.21px);
    opacity: 0.7;
    -moz-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  86.2%{
    -moz-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -moz-opacity:0.7;
  }
  87.93%{
    -moz-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -moz-opacity:0.7;
  }
  100%{
    -moz-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -moz-opacity:0;
  }
}
@-o-keyframes focus_up_2 {

  0%{-o-transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  70%{-o-transform:translate(0px,0px);opacity: 0;-khtml-opacity:0;}
  70.7%{-o-transform:translate(0px,0px);opacity: 1;-khtml-opacity:1;}

  72.13%{-o-transform:translate(-19.99px,-7.03px)} 
  73.56%{-o-transform:translate(-37.19px,-15.39px)}   
  75%{-o-transform:translate(-51.61px,-25.09px)}    
  76.44%{-o-transform:translate(-63.24px,-36.12px)}   
  77.87%{-o-transform:translate(-72.09px,-48.5px)}    
  79.31%{-o-transform:translate(-78.16px,-62.21px)}

  82.76%{-o-transform:translate(-78.16px,-62.21px)}

  84.48%{
    -o-transform:translate(-78.16px,-62.21px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  86.2%{
    -o-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  87.93%{
    -o-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  100%{
    -o-transform:translate(-78.16px,-62.21px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}

.advantage_annimates  .advantage_logo_colleague {
  -webkit-animation-name: colleague_slide_left; 
    -webkit-animation-duration: 0.52s;
    -webkit-animation-timing-function :linear;
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 3.6s; 
    -webkit-animation-fill-mode : both;

    -moz-animation-name: colleague_slide_left; 
    -moz-animation-duration: 0.52s;
    -moz-animation-timing-function :linear;
    -moz-animation-iteration-count: 1; 
    -moz-animation-delay: 3.6s; 
    -moz-animation-fill-mode : both;

    -o-animation-name: colleague_slide_left; 
    -o-animation-duration: 0.52s;
    -o-animation-timing-function :linear;
    -o-animation-iteration-count: 1; 
    -o-animation-delay: 3.6s; 
    -o-animation-fill-mode : both;

    animation-name: colleague_slide_left; 
    animation-duration: 0.52s;
    animation-timing-function :linear;
    animation-iteration-count: 1; 
    animation-delay: 3.6s; 
    animation-fill-mode : both;
}
@keyframes colleague_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}
@-webkit-keyframes colleague_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}
@-moz-keyframes colleague_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}
@-o-keyframes colleague_slide_left {
  0%{left: 284px;}
  54.17%{left:0px;}
  100%{left:0px;}
}
@keyframes path_plane {
    0% {
        transform: translate(-20px, 165px)
    }
    6.25% {
        transform: translate(-19.49px, 161.91px)
    }
    12.5% {
        transform: translate(-36.39px, 156.49px)
    }
    18.75% {
        transform: translate(-50.68px, 150.3px)
    }
    25% {
        transform: translate(-62.37px, 143.35px)
    }
    31.25% {
        transform: translate(-71.47px, 135.63px)
    }
    37.5% {
        transform: translate(-77.97px, 127.14px)
    }
    43.75% {
        transform: translate(-81.87px, 117.88px)
    }
    50% {
        transform: translate(-83.17px, 107.86px)
    }
    56.25% {
        transform: translate(-81.87px, 97.06px)
    }
    62.5% {
        transform: translate(-77.97px, 85.5px)
    }
    68.75% {
        transform: translate(-71.47px, 73.17px)
    }
    75% {
        transform: translate(-62.37px, 60.07px)
    }
    81.25% {
        transform: translate(-50.68px, 46.21px)
    }
    87.5% {
        transform: translate(-36.39px, 31.57px)
    }
    93.75% {
        transform: translate(-19.49px, 16.17px)
    }
    100% {
        transform: translate(0px, 0px)
    }
}

@keyframes path_with_wechat {
    from {
      transform: translateY(20px);
      opacity: 0;
    }
    to {
      transform: translateY(0px);
      opacity: 1;
    }
}

@keyframes path_plane_line_mask {
    from {
      opacity: 1;
      height: 158px;
    }
    25% {
      opacity: 1;
      height: 148px;
    }
    60% {
      opacity: 1;
      height: 138px;
    }
    75% {
      opacity: 1;
      height: 108px;
    }
    90% {
      opacity: 1;
      height: 58px;
    }
    95% {
      opacity: 1;
      height: 48px;
    }
    to {
      opacity: 1;
      height: 0;
    }
}
/*logo 1 微信 end*/
/*logo 2 整合 start*/
.mouse_focus_3 {
  top: 165px;
  left: 220px;
}
.mouse_focus_4 {
  top: 309px;
  left: 222px;
}
.advantage_annimates .mouse_focus_3 {
  animation-name: focus_up_3; 
  animation-duration: 0.75s;
  animation-timing-function :linear;
  animation-iteration-count: 1; 
  animation-delay: 0s; 
  animation-fill-mode : both;

  -webkit-animation-name: focus_up_3; 
  -webkit-animation-duration: 0.75s;
  -webkit-animation-timing-function :linear;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-delay: 0s; 
  -webkit-animation-fill-mode : both;

  -moz-animation-name: focus_up_3; 
  -moz-animation-duration: 0.75s;
  -moz-animation-timing-function :linear;
  -moz-animation-iteration-count: 1; 
  -moz-animation-delay: 0s; 
  -moz-animation-fill-mode : both;

  -o-animation-name: focus_up_3; 
  -o-animation-duration: 0.75s;
  -o-animation-timing-function :linear;
  -o-animation-iteration-count: 1; 
  -o-animation-delay: 0s; 
  -o-animation-fill-mode : both;

}
@keyframes focus_up_3 {
  0%{transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30%{transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30.7%{transform:translate(0px, 180px);opacity: 1;-khtml-opacity:1;}

  82.76%{transform:translate(0px, 0px)}

  84.48%{
    transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  85.2%{
    transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  86.93%{
    transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  100%{
    transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}
@-webkit-keyframes focus_up_3 {
  0%{-webkit-transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30%{-webkit-transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30.7%{-webkit-transform:translate(0px, 180px);opacity: 1;-khtml-opacity:1;}

  82.76%{-webkit-transform:translate(0px, 0px)}

  84.48%{
    -webkit-transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  85.2%{
    -webkit-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    box-sizing:border-box;
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  86.93%{
    -webkit-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
    box-sizing:border-box;
  }
  100%{
    -webkit-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
    box-sizing:border-box;
  }
}
@-moz-keyframes focus_up_3 {
  0%{-moz-transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30%{-moz-transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30.7%{-moz-transform:translate(0px, 180px);opacity: 1;-khtml-opacity:1;}

  82.76%{-moz-transform:translate(0px, 0px)}

  84.48%{
    -moz-transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  85.2%{
    -moz-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  86.93%{
    -moz-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  100%{
    -moz-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}
@-o-keyframes focus_up_3 {
  0%{-o-transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30%{-o-transform:translate(0px, 180px);opacity: 0;-khtml-opacity:0;}
  30.7%{-o-transform:translate(0px, 180px);opacity: 1;-khtml-opacity:1;}

  82.76%{-o-transform:translate(0px, 0px)}

  84.48%{
    -o-transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  85.2%{
    -o-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  86.93%{
    -o-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  100%{
    -o-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}
.advantage_annimates .mouse_focus_4 {
  animation-name: focus_up_4; 
  animation-duration: 5s;
  animation-timing-function :linear;
  animation-iteration-count: 1; 
  animation-delay: 0s; 
  animation-fill-mode : both;

  -webkit-animation-name: focus_up_4; 
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function :linear;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-delay: 0s; 
  -webkit-animation-fill-mode : both;

  -moz-animation-name: focus_up_4; 
  -moz-animation-duration: 5s;
  -moz-animation-timing-function :linear;
  -moz-animation-iteration-count: 1; 
  -moz-animation-delay: 0s; 
  -moz-animation-fill-mode : both;

  -o-animation-name: focus_up_4; 
  -o-animation-duration: 5s;
  -o-animation-timing-function :linear;
  -o-animation-iteration-count: 1; 
  -o-animation-delay: 0s; 
  -o-animation-fill-mode : both;
}
@keyframes focus_up_4 {
  0%{transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  50%{transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  60%{transform:translate(10px, 56px);opacity: 1;-khtml-opacity:1;}
  62%{transform:translate(18px, 51px);opacity: 1;-khtml-opacity:1;}

  69.76%{transform:translate(0px, 0px)}

  69.48%{
    transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  70.2%{
    transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  71.93%{
    transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
   75%{
    transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
  100%{
    transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}
@-webkit-keyframes focus_up_4{
  0%{-webkit-transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  50%{-webkit-transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  60%{-webkit-transform:translate(10px, 56px);opacity: 1;-khtml-opacity:1;}
  62%{-webkit-transform:translate(18px, 51px);opacity: 1;-khtml-opacity:1;}

  69.76%{-webkit-transform:translate(0px, 0px)}

  69.48%{
    -webkit-transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  70.2%{
    -webkit-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    box-sizing:border-box;
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  71.93%{
    -webkit-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
    box-sizing:border-box;
  }
   75%{
    -webkit-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
    box-sizing:border-box;
  }
  100%{
    -webkit-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
    box-sizing:border-box;
  }
}
@-moz-keyframes focus_up_4{
  0%{-moz-transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  50%{-moz-transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  60%{-moz-transform:translate(10px, 56px);opacity: 1;-khtml-opacity:1;}
  62%{-moz-transform:translate(18px, 51px);opacity: 1;-khtml-opacity:1;}

  69.76%{-moz-transform:translate(0px, 0px)}

  69.48%{
    -moz-transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  70.2%{
    -moz-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  71.93%{
    -moz-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
   75%{
    -moz-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
  100%{
    -moz-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}
@-o-keyframes focus_up_4{
  0%{-o-transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  50%{-o-transform:translate(10px, 56px);opacity: 0;-khtml-opacity:0;}
  60%{-o-transform:translate(10px, 56px);opacity: 1;-khtml-opacity:1;}
  62%{-o-transform:translate(18px, 51px);opacity: 1;-khtml-opacity:1;}

  69.76%{-o-transform:translate(0px, 0px)}

  69.48%{
    -o-transform:translate(0px, 0px);
    opacity: 0.7;
    -khtml-opacity:0.7;
    width: 25px;
    height: 25px;
    border: 0px solid #359EFF;
    background-color: #359EFF;
  }
  70.2%{
    -o-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 3px solid #359EFF;
    background-color: rgba(54, 158, 255, 0.53);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
  71.93%{
    -o-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    -khtml-opacity:0.7;
  }
   75%{
    -o-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
  100%{
    -o-transform:translate(0px, 0px);
    width:28px;
    height:28px;
    border: 4px solid #0383f9;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    -khtml-opacity:0;
  }
}
@keyframes fadeIn {
  0%   {opacity: 0; top:35px;}
  63%  {opacity: 0.5;}
  100% {opacity: 0.8; top:0px;}
}
@-moz-keyframes fadeIn {
  0%   {opacity: 0; top:35px;}
  63%  {opacity: 0.5;}
  100% {opacity: 0.8; top:0px;}
}
@-webkit-keyframes fadeIn {
  0%   {opacity: 0; top:35px;}
  63%  {opacity: 0.5;}
  100% {opacity: 0.8; top:0px;}
}
@-o-keyframes fadeIn {
  0%   {opacity: 0; top:35px;}
  63%  {opacity: 0.5;}
  100% {opacity: 0.8; top:0px;} 
}

@-webkit-keyframes exmail_show {
    0%   {-webkit-transform:translate(137px,-60px);opacity: 0;}
    20%  {-webkit-transform:translate(106.45px,-56.83px);opacity: 0.2;}
    40%  {-webkit-transform:translate(77.31px,-49.12px);opacity: 0.4;}
    60%  {-webkit-transform:translate(49.86px,-37.08px);opacity: 0.6;}
    80%  {-webkit-transform:translate(24.09px,-20.71px);opacity: 0.8;}
    100% {-webkit-transform:translate(0px,0px);opacity: 1;}
} 
@-moz-keyframes exmail_show {
    0%   {-moz-transform:translate(137px,-60px);opacity: 0;}
    20%  {-moz-transform:translate(106.45px,-56.83px);opacity: 0.2;}
    40%  {-moz-transform:translate(77.31px,-49.12px);opacity: 0.4;}
    60%  {-moz-transform:translate(49.86px,-37.08px);opacity: 0.6;}
    80%  {-moz-transform:translate(24.09px,-20.71px);opacity: 0.8;}
    100% {-moz-transform:translate(0px,0px);opacity: 1;}
}
@-o-keyframes exmail_show {
    0%   {-o-transform:translate(137px,-60px);opacity: 0;}
    20%  {-o-transform:translate(106.45px,-56.83px);opacity: 0.2;}
    40%  {-o-transform:translate(77.31px,-49.12px);opacity: 0.4;}
    60%  {-o-transform:translate(49.86px,-37.08px);opacity: 0.6;}
    80%  {-o-transform:translate(24.09px,-20.71px);opacity: 0.8;}
    100% {-o-transform:translate(0px,0px);opacity: 1;}
}
@keyframes exmail_show {
    0%   {transform:translate(137px,-60px);opacity: 0;}
    20%  {transform:translate(106.45px,-56.83px);opacity: 0.2;}
    40%  {transform:translate(77.31px,-49.12px);opacity: 0.4;}
    60%  {transform:translate(49.86px,-37.08px);opacity: 0.6;}
    80%  {transform:translate(24.09px,-20.71px);opacity: 0.8;}
    100% {transform:translate(0px,0px);opacity: 1;}
}


@-webkit-keyframes ww_show {
    0%   {-webkit-transform:translate(-110px,-98px);opacity: 0;}
    20%  {-webkit-transform:translate(-81.12px,-89.26px);opacity: 0.2;}
    40%  {-webkit-transform:translate(-55.55px,-74.89px);opacity: 0.4;}
    60%  {-webkit-transform:translate(-33.51px,-55.23px);opacity: 0.6;}
    80%  {-webkit-transform:translate(-15px,-30.26px);opacity: 0.8;}
    100% {-webkit-transform:translate(0px,0px);opacity: 1;}
}
@-moz-keyframes ww_show {
    0%   {-moz-transform:translate(-110px,-98px);opacity: 0;}
    20%  {-moz-transform:translate(-81.12px,-89.26px);opacity: 0.2;}
    40%  {-moz-transform:translate(-55.55px,-74.89px);opacity: 0.4;}
    60%  {-moz-transform:translate(-33.51px,-55.23px);opacity: 0.6;}
    80%  {-moz-transform:translate(-15px,-30.26px);opacity: 0.8;}
    100% {-moz-transform:translate(0px,0px);opacity: 1;}
}
@-o-keyframes ww_show {
    0%   {-o-transform:translate(-110px,-98px);opacity: 0;}
    20%  {-o-transform:translate(-81.12px,-89.26px);opacity: 0.2;}
    40%  {-o-transform:translate(-55.55px,-74.89px);opacity: 0.4;}
    60%  {-o-transform:translate(-33.51px,-55.23px);opacity: 0.6;}
    80%  {-o-transform:translate(-15px,-30.26px);opacity: 0.8;}
    100% {-o-transform:translate(0px,0px);opacity: 1;}
}
@keyframes ww_show {
    0%   {transform:translate(-110px,-98px);opacity: 0;}
    20%  {transform:translate(-81.12px,-89.26px);opacity: 0.2;}
    40%  {transform:translate(-55.55px,-74.89px);opacity: 0.4;}
    60%  {transform:translate(-33.51px,-55.23px);opacity: 0.6;}
    80%  {transform:translate(-15px,-30.26px);opacity: 0.8;}
    100% {transform:translate(0px,0px);opacity: 1;}
}

@-webkit-keyframes foxmail_show {
    0%   {-webkit-transform:translate(-60px,-18px);opacity: 0;}
    20%  {-webkit-transform:translate(-47.33px,-16.31px);opacity: 0.7;}
    40%  {-webkit-transform:translate(-34.99px,-13.67px);opacity: 0.8;}
    60%  {-webkit-transform:translate(-22.97px,-10.05px);opacity: 0.9;}
    80%  {-webkit-transform:translate(-11.26px,-5.48px);opacity: 0.95;}
    100% {-webkit-transform:translate(0px,0px);opacity: 1;}
}
@-moz-keyframes foxmail_show {
    0%   {-moz-transform:translate(-60px,-18px);opacity: 0;}
    20%  {-moz-transform:translate(-47.33px,-16.31px);opacity: 0.7;}
    40%  {-moz-transform:translate(-34.99px,-13.67px);opacity: 0.8;}
    60%  {-moz-transform:translate(-22.97px,-10.05px);opacity: 0.9;}
    80%  {-moz-transform:translate(-11.26px,-5.48px);opacity: 0.95;}
    100% {-moz-transform:translate(0px,0px);opacity: 1;}
}
@-o-keyframes foxmail_show {
    0%   {-o-transform:translate(-60px,-18px);opacity: 0;}
    20%  {-o-transform:translate(-47.33px,-16.31px);opacity: 0.7;}
    40%  {-o-transform:translate(-34.99px,-13.67px);opacity: 0.8;}
    60%  {-o-transform:translate(-22.97px,-10.05px);opacity: 0.9;}
    80%  {-o-transform:translate(-11.26px,-5.48px);opacity: 0.95;}
    100% {-o-transform:translate(0px,0px);opacity: 1;}
}
@keyframes foxmail_show {
    0%   {transform:translate(-60px,-18px);opacity: 0;}
    20%  {transform:translate(-47.33px,-16.31px);opacity: 0.7;}
    40%  {transform:translate(-34.99px,-13.67px);opacity: 0.8;}
    60%  {transform:translate(-22.97px,-10.05px);opacity: 0.9;}
    80%  {transform:translate(-11.26px,-5.48px);opacity: 0.95;}
    100% {transform:translate(0px,0px);opacity: 1;}
}
@keyframes path_mail_card_list {
    0% {background-position: 0 -3128px;}
    15% {background-position: 0 -3128px;}
    40% {background-position: 0 -3200px;}
    100% {background-position: 0 -3200px;}
}
@-webkit-keyframes path_mail_card_list{
  0% {background-position: 0 -3128px;}
  15% {background-position: 0 -3128px;}
  40% {background-position: 0 -3200px;}
  100% {background-position: 0 -3200px;}
}
@-moz-keyframes path_mail_card_list{
  0% {background-position: 0 -3128px;}
  15% {background-position: 0 -3128px;}
  40% {background-position: 0 -3200px;}
  100% {background-position: 0 -3200px;}
}
@-o-keyframes path_mail_card_list{
  0% {background-position: 0 -3128px;}
  15% {background-position: 0 -3128px;}
  40% {background-position: 0 -3200px;}
  100% {background-position: 0 -3200px;}
}
@keyframes path_mail_card_detail {
    0% {margin: 75px 0 0 285px;width:0px;}
    75% {margin: 75px 0 0 285px;width:0px;}
    90% {margin: 75px 0 0 23px;width:262px;}
    100% {margin: 75px 0 0 23px;width:262px;}
}
@-webkit-keyframes path_mail_card_detail{
  0% {margin: 75px 0 0 285px;width:0px;}
  75% {margin: 75px 0 0 285px;width:0px;}
  90% {margin: 75px 0 0 23px;width:262px;}
  100% {margin: 75px 0 0 23px;width:262px;}
}
@-moz-keyframes path_mail_card_detail{
  0% {margin: 75px 0 0 285px;width:0px;}
  75% {margin: 75px 0 0 285px;width:0px;}
  90% {margin: 75px 0 0 23px;width:262px;}
  100% {margin: 75px 0 0 23px;width:262px;}
}
@-o-keyframes path_mail_card_detail{
  0% {margin: 75px 0 0 285px;width:0px;}
  75% {margin: 75px 0 0 285px;width:0px;}
  90% {margin: 75px 0 0 23px;width:262px;}
  100% {margin: 75px 0 0 23px;width:262px;}
}
/*logo 2 整合 end*/
/*logo 3 专业 start*/

@keyframes path_professional {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-moz-keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-o-keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@keyframes path_nju {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-4.36px, 5.27px);
        -webkit-transform: translate(-4.36px, 5.27px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-8.43px, 10.64px);
        -webkit-transform: translate(-8.43px, 10.64px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-12.2px, 16.1px);
        -webkit-transform: translate(-12.2px, 16.1px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-15.67px, 21.67px);
        -webkit-transform: translate(-15.67px, 21.67px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-18.85px, 27.34px);
        -webkit-transform: translate(-18.85px, 27.34px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-21.73px, 33.11px);
        -webkit-transform: translate(-21.73px, 33.11px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-24.32px, 38.98px);
        -webkit-transform: translate(-24.32px, 38.98px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-26.61px, 44.95px);
        -webkit-transform: translate(-26.61px, 44.95px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-28.61px, 51.02px);
        -webkit-transform: translate(-28.61px, 51.02px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-30.31px, 57.19px);
        -webkit-transform: translate(-30.31px, 57.19px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-31.72px, 63.46px);
        -webkit-transform: translate(-31.72px, 63.46px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-32.83px, 69.83px);
        -webkit-transform: translate(-32.83px, 69.83px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-33.64px, 76.3px);
        -webkit-transform: translate(-33.64px, 76.3px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-34.16px, 82.88px);
        -webkit-transform: translate(-34.16px, 82.88px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-34.38px, 89.55px);
        -webkit-transform: translate(-34.38px, 89.55px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-34.31px, 96.32px);
        -webkit-transform: translate(-34.31px, 96.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-33.94px, 103.19px);
        -webkit-transform: translate(-33.94px, 103.19px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-33.28px, 110.17px);
        -webkit-transform: translate(-33.28px, 110.17px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-32.32px, 117.24px);
        -webkit-transform: translate(-32.32px, 117.24px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-31.06px, 124.41px);
        -webkit-transform: translate(-31.06px, 124.41px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@-webkit-keyframes path_58 {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(-1.25px, -4.47px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(-2.61px, -8.86px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(-4.06px, -13.16px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(-5.61px, -17.38px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(-7.26px, -21.51px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(-9.02px, -25.55px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(-10.87px, -29.52px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(-12.83px, -33.39px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(-14.88px, -37.18px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(-17.03px, -40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(-19.29px, -44.51px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(-21.64px, -48.04px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(-24.1px, -51.49px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(-26.65px, -54.85px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(-29.31px, -58.13px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(-32.06px, -61.32px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(-34.92px, -64.43px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(-37.88px, -67.45px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(-40.93px, -70.39px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(-44.09px, -73.24px);
        opacity: 0;
    }
}
@-moz-keyframes path_58 {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(-1.25px, -4.47px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(-2.61px, -8.86px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(-4.06px, -13.16px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(-5.61px, -17.38px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(-7.26px, -21.51px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(-9.02px, -25.55px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(-10.87px, -29.52px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(-12.83px, -33.39px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(-14.88px, -37.18px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(-17.03px, -40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(-19.29px, -44.51px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(-21.64px, -48.04px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(-24.1px, -51.49px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(-26.65px, -54.85px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(-29.31px, -58.13px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(-32.06px, -61.32px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(-34.92px, -64.43px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(-37.88px, -67.45px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(-40.93px, -70.39px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(-44.09px, -73.24px);
        opacity: 0;
    }
}
@-o-keyframes path_58 {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(-1.25px, -4.47px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(-2.61px, -8.86px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(-4.06px, -13.16px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(-5.61px, -17.38px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(-7.26px, -21.51px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(-9.02px, -25.55px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(-10.87px, -29.52px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(-12.83px, -33.39px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(-14.88px, -37.18px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(-17.03px, -40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(-19.29px, -44.51px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(-21.64px, -48.04px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(-24.1px, -51.49px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(-26.65px, -54.85px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(-29.31px, -58.13px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(-32.06px, -61.32px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(-34.92px, -64.43px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(-37.88px, -67.45px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(-40.93px, -70.39px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(-44.09px, -73.24px);
        opacity: 0;
    }
}
@keyframes path_58 {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(-1.25px, -4.47px);
        -webkit-transform: translate(-1.25px, -4.47px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(-2.61px, -8.86px);
        -webkit-transform: translate(-2.61px, -8.86px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(-4.06px, -13.16px);
        -webkit-transform: translate(-4.06px, -13.16px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(-5.61px, -17.38px);
        -webkit-transform: translate(-5.61px, -17.38px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(-7.26px, -21.51px);
        -webkit-transform: translate(-7.26px, -21.51px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(-9.02px, -25.55px);
        -webkit-transform: translate(-9.02px, -25.55px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(-10.87px, -29.52px);
        -webkit-transform: translate(-10.87px, -29.52px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(-12.83px, -33.39px);
        -webkit-transform: translate(-12.83px, -33.39px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(-14.88px, -37.18px);
        -webkit-transform: translate(-14.88px, -37.18px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(-17.03px, -40.89px);
        -webkit-transform: translate(-17.03px, -40.89px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(-19.29px, -44.51px);
        -webkit-transform: translate(-19.29px, -44.51px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(-21.64px, -48.04px);
        -webkit-transform: translate(-21.64px, -48.04px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(-24.1px, -51.49px);
        -webkit-transform: translate(-24.1px, -51.49px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(-26.65px, -54.85px);
        -webkit-transform: translate(-26.65px, -54.85px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(-29.31px, -58.13px);
        -webkit-transform: translate(-29.31px, -58.13px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(-32.06px, -61.32px);
        -webkit-transform: translate(-32.06px, -61.32px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(-34.92px, -64.43px);
        -webkit-transform: translate(-34.92px, -64.43px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(-37.88px, -67.45px);
        -webkit-transform: translate(-37.88px, -67.45px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(-40.93px, -70.39px);
        -webkit-transform: translate(-40.93px, -70.39px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(-44.09px, -73.24px);
        -webkit-transform: translate(-44.09px, -73.24px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}


@-webkit-keyframes path_lakala {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(1.02px, 5.1px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(2.49px, 9.98px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(4.41px, 14.64px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(6.77px, 19.06px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(9.58px, 23.26px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(12.84px, 27.24px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(16.54px, 30.99px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(20.68px, 34.51px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(25.27px, 37.81px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(30.31px, 40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(35.79px, 43.73px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(41.72px, 46.35px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(48.1px, 48.75px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(54.92px, 50.92px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(62.19px, 52.86px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(69.9px, 54.58px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(78.06px, 56.07px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(86.66px, 57.34px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(95.71px, 58.38px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(105.21px, 59.2px);
        opacity: 0;
    }
}
@-moz-keyframes path_lakala {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(1.02px, 5.1px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(2.49px, 9.98px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(4.41px, 14.64px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(6.77px, 19.06px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(9.58px, 23.26px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(12.84px, 27.24px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(16.54px, 30.99px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(20.68px, 34.51px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(25.27px, 37.81px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(30.31px, 40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(35.79px, 43.73px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(41.72px, 46.35px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(48.1px, 48.75px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(54.92px, 50.92px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(62.19px, 52.86px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(69.9px, 54.58px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(78.06px, 56.07px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(86.66px, 57.34px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(95.71px, 58.38px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(105.21px, 59.2px);
        opacity: 0;
    }
}
@-o-keyframes path_lakala {
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
    95% {
        -webkit-transform: translate(1.02px, 5.1px);
        opacity: 0.95;
    }
    90% {
        -webkit-transform: translate(2.49px, 9.98px);
        opacity: 0.9;
    }
    85% {
        -webkit-transform: translate(4.41px, 14.64px);
        opacity: 0.85;
    }
    80% {
        -webkit-transform: translate(6.77px, 19.06px);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: translate(9.58px, 23.26px);
        opacity: 0.75;
    }
    70% {
        -webkit-transform: translate(12.84px, 27.24px);
        opacity: 0.7;
    }
    65% {
        -webkit-transform: translate(16.54px, 30.99px);
        opacity: 0.65;
    }
    60% {
        -webkit-transform: translate(20.68px, 34.51px);
        opacity: 0.6;
    }
    55% {
        -webkit-transform: translate(25.27px, 37.81px);
        opacity: 0.55;
    }
    50% {
        -webkit-transform: translate(30.31px, 40.89px);
        opacity: 0.5;
    }
    45% {
        -webkit-transform: translate(35.79px, 43.73px);
        opacity: 0.45;
    }
    40% {
        -webkit-transform: translate(41.72px, 46.35px);
        opacity: 0.4;
    }
    35% {
        -webkit-transform: translate(48.1px, 48.75px);
        opacity: 0.35;
    }
    30% {
        -webkit-transform: translate(54.92px, 50.92px);
        opacity: 0.3;
    }
    25% {
        -webkit-transform: translate(62.19px, 52.86px);
        opacity: 0.25;
    }
    20% {
        -webkit-transform: translate(69.9px, 54.58px);
        opacity: 0.2;
    }
    15% {
        -webkit-transform: translate(78.06px, 56.07px);
        opacity: 0.15;
    }
    10% {
        -webkit-transform: translate(86.66px, 57.34px);
        opacity: 0.1;
    }
    5% {
        -webkit-transform: translate(95.71px, 58.38px);
        opacity: 0.05;
    }
    0% {
        -webkit-transform: translate(105.21px, 59.2px);
        opacity: 0;
    }
}
@keyframes path_lakala {
    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    95% {
        transform: translate(1.02px, 5.1px);
        -webkit-transform: translate(1.02px, 5.1px);
        -khtml-opacity: 0.95;
        opacity: 0.95;
    }
    90% {
        transform: translate(2.49px, 9.98px);
        -webkit-transform: translate(2.49px, 9.98px);
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }
    85% {
        transform: translate(4.41px, 14.64px);
        -webkit-transform: translate(4.41px, 14.64px);
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
    80% {
        transform: translate(6.77px, 19.06px);
        -webkit-transform: translate(6.77px, 19.06px);
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }
    75% {
        transform: translate(9.58px, 23.26px);
        -webkit-transform: translate(9.58px, 23.26px);
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }
    70% {
        transform: translate(12.84px, 27.24px);
        -webkit-transform: translate(12.84px, 27.24px);
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    65% {
        transform: translate(16.54px, 30.99px);
        -webkit-transform: translate(16.54px, 30.99px);
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
    60% {
        transform: translate(20.68px, 34.51px);
        -webkit-transform: translate(20.68px, 34.51px);
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
    55% {
        transform: translate(25.27px, 37.81px);
        -webkit-transform: translate(25.27px, 37.81px);
        -khtml-opacity: 0.55;
        opacity: 0.55;
    }
    50% {
        transform: translate(30.31px, 40.89px);
        -webkit-transform: translate(30.31px, 40.89px);
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    45% {
        transform: translate(35.79px, 43.73px);
        -webkit-transform: translate(35.79px, 43.73px);
        -khtml-opacity: 0.45;
        opacity: 0.45;
    }
    40% {
        transform: translate(41.72px, 46.35px);
        -webkit-transform: translate(41.72px, 46.35px);
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }
    35% {
        transform: translate(48.1px, 48.75px);
        -webkit-transform: translate(48.1px, 48.75px);
        -khtml-opacity: 0.35;
        opacity: 0.35;
    }
    30% {
        transform: translate(54.92px, 50.92px);
        -webkit-transform: translate(54.92px, 50.92px);
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
    25% {
        transform: translate(62.19px, 52.86px);
        -webkit-transform: translate(62.19px, 52.86px);
        -khtml-opacity: 0.25;
        opacity: 0.25;
    }
    20% {
        transform: translate(69.9px, 54.58px);
        -webkit-transform: translate(69.9px, 54.58px);
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    15% {
        transform: translate(78.06px, 56.07px);
        -webkit-transform: translate(78.06px, 56.07px);
        -khtml-opacity: 0.15;
        opacity: 0.15;
    }
    10% {
        transform: translate(86.66px, 57.34px);
        -webkit-transform: translate(86.66px, 57.34px);
        -khtml-opacity: 0.1;
        opacity: 0.1;
    }
    5% {
        transform: translate(95.71px, 58.38px);
        -webkit-transform: translate(95.71px, 58.38px);
        -khtml-opacity: 0.05;
        opacity: 0.05;
    }
    0% {
        transform: translate(105.21px, 59.2px);
        -webkit-transform: translate(105.21px, 59.2px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
/*logo 3 专业 end*/
/*logo 4 安全 start*/
@keyframes path_mail {
    100% {
        transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-webkit-keyframes path_mail{
  100% {
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        -webkit-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        -webkit-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-moz-keyframes path_mail{
  100% {
        -moz-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        -moz-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        -moz-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-o-keyframes path_mail{
  100% {
        -o-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
    45% {
        -o-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
    0% {
        -o-transform: translate(-10px, 35px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
/*65 185
83 240*/
@keyframes path_user {
  100% {
        transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
  0% {
        transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-webkit-keyframes path_user{
  100% {
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
  0% {
        -webkit-transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-moz-keyframes path_user{
  100% {
        -moz-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
  0% {
        -moz-transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}
@-o-keyframes path_user{
  100% {
        -o-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
    }
  0% {
        -o-transform: translate(100px, -60px);
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes path_lock {
    100% {
        transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index:-1;
    }
}
@-webkit-keyframes path_lock{
   100% {
        -webkit-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        -webkit-transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index:-1;
    }
}
@-moz-keyframes path_lock{
   100% {
        -moz-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        -moz-transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index:-1;
    }
}
@-o-keyframes path_lock{
   100% {
        -o-transform: translate(0px, 0px);
        -khtml-opacity: 1;
        opacity: 1;
        z-index: -1;
    }
    0% {
        -o-transform: translate(-125px, -50px);
        -khtml-opacity: 0;
        opacity: 0;
        z-index:-1;
    }
}

@keyframes path_safe_mask {
  0% {
    width: 320px;
    opacity: 1;
  }
  100% {
    width: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes path_safe_mask{
   0% {
    width: 320px;
    opacity: 1;
  }
  100% {
    width: 0px;
    opacity: 1;
  }
}
@-moz-keyframes path_safe_mask{
   0% {
    width: 320px;
    opacity: 1;
  }
  100% {
    width: 0px;
    opacity: 1;
  }
}
@-o-keyframes path_safe_mask{
   0% {
    width: 320px;
    opacity: 1;
  }
  100% {
    width: 0px;
    opacity: 1;
  }
}
/*logo 4 安全 end*/


.index_content_advantage_logo .advantage_logo{
    position: absolute;
    display: none;
  }
  .advantage_logo_plane_line_mask{
    position: absolute;
    width: 72px;  
    height:158px;
    left: 63px;
    top: 100px;
    display:inline-block;
    background: #FFF;
    z-index:0;
    opacity:0;
  }
  .advantage_annimates .advantage_logo_plane_line_mask{
    transition: all .6s;
    animation-name: path_plane_line_mask;
    animation-duration: .6s;
    animation-timing-function: ease-out;
  }
  .advantage_logo_professional{
    left: 140px;
    top: 45px;
  }
  .advantage_annimates .advantage_logo_professional{
    animation: path_professional 0.5s;
    -moz-animation: path_professional 0.5s;
    -webkit-animation: path_professional 0.5s;
    -o-animation: path_professional 0.5s;
  }
  .advantage_logo_nju{
    left: 40px;
    top: 85px;
  }
  .advantage_annimates .advantage_logo_nju{
    animation: path_nju 1s linear both;
    -moz-animation: path_nju 1s linear both;
    -webkit-animation: path_nju 1s linear both;
    -o-animation: path_nju 1s linear both;
  }
  .advantage_logo_58{
    right: 48px;
    top: 158px;
  }
  .advantage_annimates .advantage_logo_58{
    animation: path_58 1s linear both;
    -moz-animation: path_58 1s linear both;
    -webkit-animation: path_58 1s linear both;
    -o-animation: path_58 1s linear both;
  }
  .advantage_logo_lakala{
    left: 90px;
    bottom: 60px;
  }
  .advantage_annimates .advantage_logo_lakala{
    animation: path_lakala 1s;
    -moz-animation: path_lakala 1s;
    -webkit-animation: path_lakala 1s;
    -o-animation: path_lakala 1s;
  }
  .advantage_logo_with_wechat{
    left: 130px;
    bottom: 30px;
  }
  .advantage_annimates .advantage_logo_with_wechat{
    animation: path_with_wechat 0.5s;
    -moz-animation: path_with_wechat 0.5s;
    -webkit-animation: path_with_wechat 0.5s;
    -o-animation: path_with_wechat 0.5s;
  }
  .advantage_logo_plane{
    left: 65px;
    top: 25px;
    z-index:3;
  }
  .advantage_annimates .advantage_logo_plane{
    animation: path_plane 0.6s;
    -moz-animation: path_plane 0.6s;
    -webkit-animation: path_plane 0.6s;
    -o-animation: path_plane 0.6s;
  }
  .advantage_logo_plane_line{
    left: 65px;
    top: 100px;
    z-index: -1;
  }
  /*.advantage_annimates .advantage_logo_plane_line{
    animation: path_plane_line 1s;
    -moz-animation: path_plane_line 1s;
    -webkit-animation: path_plane_line 1s;
    -o-animation: path_plane_line 1s;
  }*/
/*.advantage_item_combine .advantage_logo {
  position: absolute;
  display: none;
}*/
.advantage_logo_mail_card_list{
  margin: 120px 0 0 35px;
  height: 275px;
  z-index:4;
  background-position: 0 -3200px;
}
.advantage_annimates .advantage_logo_mail_card_list{
    transition: all 5s;
    animation-name: path_mail_card_list;
    animation-duration: 5s;
    animation-timing-function: ease-out;

    -webkit-transition: all 5s;
    -webkit-animation-name: path_mail_card_list;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-out;

    -moz-transition: all 5s;
    -moz-animation-name: path_mail_card_list;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-out;

    -o-transition: all 5s;
    -o-animation-name: path_mail_card_list;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease-out;
}
.advantage_logo_mail_card_detail{
    margin: 75px 0 0 23px;
    z-index: 4;
}
.advantage_annimates .advantage_logo_mail_card_detail{
    transition: all 5s;
    animation-name: path_mail_card_detail;
    animation-duration: 5s;
    animation-timing-function: ease-out;

    -webkit-transition: all 5s;
    -webkit-animation-name: path_mail_card_detail;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-out;

    -moz-transition: all 5s;
    -moz-animation-name: path_mail_card_detail;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-out;

    -o-transition: all 5s;
    -o-animation-name: path_mail_card_detail;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease-out;
}
.advantage_logo_mail_mask{
    position: absolute;
    width: 262px;
    height: 120px;
    z-index: 4;
    bottom: 20px;
    left: 23px;
    background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));
}
.advantage_annimates .advantage_logo_imac {
    -webkit-animation-name: fadeIn; 
    -webkit-animation-duration: 0.32s; 
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 0s;

    -moz-animation-name: fadeIn; 
    -moz-animation-duration: 0.32s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0s; 

    -o-animation-name: fadeIn; 
    -o-animation-duration: 0.32s; 
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0s; 

    animation-name: fadeIn; 
    animation-duration: 0.32s; 
    animation-iteration-count: 1;
    animation-delay: 0s; 
}
.advantage_annimates .advantage_logo_mail_app {
    -webkit-animation-name: exmail_show; 
    -webkit-animation-duration: 0.44s;
    -webkit-animation-timing-function :linear;
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 0.32s; 
    -webkit-animation-fill-mode : both;

    -moz-animation-name: exmail_show; 
    -moz-animation-duration: 0.44s;
    -moz-animation-timing-function :linear;
    -moz-animation-iteration-count: 1; 
    -moz-animation-delay: 0.32s; 
    -moz-animation-fill-mode : both;

    -o-animation-name: exmail_show; 
    -o-animation-duration: 0.44s;
    -o-animation-timing-function :linear;
    -o-animation-iteration-count: 1; 
    -o-animation-delay: 0.32s; 
    -o-animation-fill-mode : both;

    animation-name: exmail_show; 
    animation-duration: 0.44s;
    animation-timing-function :linear;
    animation-iteration-count: 1; 
    animation-delay: 0.32s; 
    animation-fill-mode : both;
}
.advantage_annimates .advantage_logo_wework {
    -webkit-animation-name: ww_show; 
    -webkit-animation-duration: 0.44s; 
    -webkit-animation-timing-function :linear;
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 0.32s; 
    -webkit-animation-fill-mode : both;

    -moz-animation-name: ww_show; 
    -moz-animation-duration: 0.44s; 
    -moz-animation-timing-function :linear;
    -moz-animation-iteration-count: 1; 
    -moz-animation-delay: 0.32s; 
    -moz-animation-fill-mode : both;

    -o-animation-name: ww_show; 
    -o-animation-duration: 0.44s; 
    -o-animation-timing-function :linear;
    -o-animation-iteration-count: 1; 
    -o-animation-delay: 0.32s; 
    -o-animation-fill-mode : both;

    animation-name: ww_show; 
    animation-duration: 0.44s; 
    animation-timing-function :linear;
    animation-iteration-count: 1; 
    animation-delay: 0.32s; 
    animation-fill-mode : both;
}
.advantage_annimates .advantage_logo_foxmail {
    -webkit-animation-name: foxmail_show; 
    -webkit-animation-duration: 0.2s; 
    -webkit-animation-timing-function :linear;
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 0.56s;
    -webkit-animation-fill-mode : both;

    -moz-animation-name: foxmail_show; 
    -moz-animation-duration: 0.2s; 
    -moz-animation-timing-function :linear;
    -moz-animation-iteration-count: 1; 
    -moz-animation-delay: 0.56s;
    -moz-animation-fill-mode : both;

    -o-animation-name: foxmail_show; 
    -o-animation-duration: 0.2s; 
    -o-animation-timing-function :linear;
    -o-animation-iteration-count: 1; 
    -o-animation-delay: 0.56s;
    -o-animation-fill-mode : both;

    animation-name: foxmail_show; 
    animation-duration: 0.2s; 
    animation-timing-function :linear;
    animation-iteration-count: 1; 
    animation-delay: 0.56s;
    animation-fill-mode : both;
}

.advantage_logo_safe{
    left: 133px;
    top: 65px;
    z-index:1;
  }
  .advantage_logo_safe_mask{
    z-index: 3;
    top: 66px;
    left: 66px;
    margin-right: 63px;
    opacity: 0;
  }
  .advantage_annimates .advantage_logo_safe_mask{
    animation: path_safe_mask 0.8s;
    -moz-animation: path_safe_mask 0.8s;
    -webkit-animation: path_safe_mask 0.8s;
    -o-animation: path_safe_mask 0.8s;
  }
  .advantage_logo_mail{
    left: 65px;
    top: 185px;
    z-index:4;
  }
  .advantage_annimates .advantage_logo_mail{
    animation: path_mail 0.9s;
    -moz-animation: path_mail 0.9s;
    -webkit-animation: path_mail 0.9s;
    -o-animation: path_mail 0.9s;
  }
  .advantage_logo_user{
    left: 327px;
    top: 220px;
    z-index:4;
  }
  .advantage_annimates .advantage_logo_user{
    animation: path_user 1.2s;
    -moz-animation: path_user 1.2s;
    -webkit-animation: path_user 1.2s;
    -o-animation: path_user 1.2s;
  }
  .advantage_logo_lock{
    left: 378px;
    top: 130px;
    z-index:4;
  }
  .advantage_annimates .advantage_logo_lock{
    animation: path_lock 1.2s;
    -moz-animation: path_lock 1.2s;
    -webkit-animation: path_lock 1.2s;
    -o-animation: path_lock 1.2s;
  }
  .advantage_logo_safe_line{
    left: 72px;
    top: 153px;
    z-index:2;
  }