@-webkit-keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInLefts
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLefts
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        -ms-transform: translateX(-400px);
        transform: translateX(-400px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRights
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRights
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(400px);
        -ms-transform: translateX(400px);
        transform: translateX(400px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes scale_img
{
    0%
    {
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
    50%
    {
        -webkit-transform: scale(1.1) translateX(30px);
        transform: scale(1.1) translateX(30px);
    }
    100%
    {
        -webkit-transform: scale(1.2) translateX(30px);
        transform: scale(1.2) translateX(30px);
    }
}
@keyframes scale_img
{
    0%
    {
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
    50%
    {
        -webkit-transform: scale(1.1) translateX(30px);
        transform: scale(1.1) translateX(30px);
    }
    100%
    {
        -webkit-transform: scale(1.2) translateX(30px);
        transform: scale(1.2) translateX(30px);
    }
}
@-webkit-keyframes slideBg_fn
{
    from
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to
    {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}
@keyframes slideBg_fn
{
    from
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to
    {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}
@-webkit-keyframes slideBg_fny
{
    from
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to
    {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
}
@keyframes slideBg_fny
{
    from
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to
    {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
}
@-webkit-keyframes h_ani
{
    0%
    {
        clip: rect(0,0,1100px,0);
    }
    100%
    {
        clip: rect(0,2920px,1100px,0);
    }
}
@keyframes h_ani
{
    0%
    {
        clip: rect(0,0,1100px,0);
    }
    100%
    {
        clip: rect(0,2920px,1100px,0);
    }
}
@-webkit-keyframes side-in-out
{
    50%
    {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform-origin: left;
        -webkit-transform-origin: left;
    }
    50.1%
    {
        transform-origin: right;
        -webkit-transform-origin: right;
    }
    100%
    {
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform-origin: right;
        -webkit-transform-origin: right;
    }
}
@keyframes side-in-out
{
    50%
    {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform-origin: left;
        -webkit-transform-origin: left;
    }
    50.1%
    {
        transform-origin: right;
        -webkit-transform-origin: right;
    }
    100%
    {
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform-origin: right;
        -webkit-transform-origin: right;
    }
}
@-webkit-keyframes side-in-outy
{
    50%
    {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform-origin: left;
        -webkit-transform-origin: left;
    }
    50.1%
    {
        transform-origin: right;
        -webkit-transform-origin: right;
    }
    100%
    {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform-origin: right;
        -webkit-transform-origin: right;
    }
}
@keyframes side-in-outy
{
    50%
    {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform-origin: left;
        -webkit-transform-origin: left;
    }
    50.1%
    {
        transform-origin: right;
        -webkit-transform-origin: right;
    }
    100%
    {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform-origin: right;
        -webkit-transform-origin: right;
    }
}
@-webkit-keyframes con02
{
    0%
    {
        transform: translate(-392px,0);
        -webkit-transform: translate(-392px,0);
        opacity: 0;
    }
    100%
    {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}
@keyframes con02
{
    0%
    {
        transform: translate(-392px,0);
        -webkit-transform: translate(-392px,0);
        opacity: 0;
    }
    100%
    {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}
@-webkit-keyframes height
{
    0%
    {
        min-height: 0;
    }
    100%
    {
        min-height: 630px;
    }
}
@keyframes height
{
    0%
    {
        min-height: 0;
    }
    100%
    {
        min-height: 630px;
    }
}
@-webkit-keyframes height3
{
    0%
    {
        min-height: 0;
    }
    100%
    {
        min-height: 479px;
    }
}
@keyframes height3
{
    0%
    {
        min-height: 0;
    }
    100%
    {
        min-height: 479px;
    }
}
@-webkit-keyframes width
{
    0%
    {
        width: 0;
    }
    100%
    {
        max-width: 852px;
        width: 100%;
    }
}
@keyframes width
{
    0%
    {
        width: 0;
    }
    100%
    {
        max-width: 852px;
        width: 100%;
    }
}
@-webkit-keyframes width02
{
    0%
    {
        width: 0;
    }
    100%
    {
        max-width: 1200px;
        width: 100%;
    }
}
@keyframes width02
{
    0%
    {
        width: 0;
    }
    100%
    {
        max-width: 1200px;
        width: 100%;
    }
}
@-webkit-keyframes con04
{
    0%
    {
        transform: translate(-406px,0);
        -webkit-transform: translate(-406px,0);
        opacity: 0;
    }
    100%
    {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}
@keyframes con04
{
    0%
    {
        transform: translate(-406px,0);
        -webkit-transform: translate(-406px,0);
        opacity: 0;
    }
    100%
    {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}
@-webkit-keyframes pageRight
{
    0%
    {
        -webkit-transform: none;
        transform: none;
    }
    100%
    {
        -webkit-transform: translate(-30px,20px);
        transform: translate(-30px,20px);
    }
}
@keyframes pageRight
{
    0%
    {
        -webkit-transform: none;
        transform: none;
    }
    100%
    {
        -webkit-transform: translate(-30px,20px);
        transform: translate(-30px,20px);
    }
}
@-webkit-keyframes pulse
{
    0%
    {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse
{
    0%
    {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes property_cooperation03
{
    0%
    {
        transform: translate(-278px,0);
        -webkit-transform: translate(-278px,0);
        opacity: 0;
    }
    100%
    {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}
@keyframes property_cooperation03
{
    0%
    {
        transform: translate(-278px,0);
        -webkit-transform: translate(-278px,0);
        opacity: 0;
    }
    100%
    {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}
@-webkit-keyframes circle
{
    0%
    {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
    }
    100%
    {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: .5;
    }
}
@keyframes circle
{
    0%
    {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
    }
    100%
    {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: .5;
    }
}
@-webkit-keyframes h_circle
{
    0%
    {
        transform: translate(0,0) rotate(45deg);
        -webkit-transform: translate(0,0) rotate(45deg);
    }
    15%
    {
        transform: translate(403px,0) rotate(90deg);
        -webkit-transform: translate(403px,0) rotate(90deg);
    }
    50%
    {
        transform: translate(200px,-206px) rotate(135deg);
        -webkit-transform: translate(200px,-206px) rotate(135deg);
    }
    75%
    {
        transform: translate(0,-206px) rotate(235deg);
        -webkit-transform: translate(0,-206px) rotate(235deg);
    }
    100%
    {
        transform: translate(0,0) rotate(360deg);
        -webkit-transform: translate(0,0) rotate(360deg);
    }
}
@keyframes h_circle
{
    0%
    {
        transform: translate(0,0) rotate(45deg);
        -webkit-transform: translate(0,0) rotate(45deg);
    }
    15%
    {
        transform: translate(403px,0) rotate(90deg);
        -webkit-transform: translate(403px,0) rotate(90deg);
    }
    50%
    {
        transform: translate(200px,-206px) rotate(135deg);
        -webkit-transform: translate(200px,-206px) rotate(135deg);
    }
    75%
    {
        transform: translate(0,-206px) rotate(235deg);
        -webkit-transform: translate(0,-206px) rotate(235deg);
    }
    100%
    {
        transform: translate(0,0) rotate(360deg);
        -webkit-transform: translate(0,0) rotate(360deg);
    }
}
@-webkit-keyframes h_circle02
{
    0%
    {
        transform: translate(0,0) rotate(45deg);
        -webkit-transform: translate(0,0) rotate(45deg);
    }
    15%
    {
        transform: translate(77px,280px) rotate(90deg);
        -webkit-transform: translate(77px,280px) rotate(90deg);
    }
    50%
    {
        transform: translate(-15px,95px) rotate(135deg);
        -webkit-transform: translate(-15px,95px) rotate(135deg);
    }
    75%
    {
        transform: translate(55px,50px) rotate(235deg);
        -webkit-transform: translate(55px,50px) rotate(235deg);
    }
    100%
    {
        transform: translate(0,0) rotate(360deg);
        -webkit-transform: translate(0,0) rotate(360deg);
    }
}
@keyframes h_circle02
{
    0%
    {
        transform: translate(0,0) rotate(45deg);
        -webkit-transform: translate(0,0) rotate(45deg);
    }
    15%
    {
        transform: translate(77px,280px) rotate(90deg);
        -webkit-transform: translate(77px,280px) rotate(90deg);
    }
    50%
    {
        transform: translate(-15px,95px) rotate(135deg);
        -webkit-transform: translate(-15px,95px) rotate(135deg);
    }
    75%
    {
        transform: translate(55px,50px) rotate(235deg);
        -webkit-transform: translate(55px,50px) rotate(235deg);
    }
    100%
    {
        transform: translate(0,0) rotate(360deg);
        -webkit-transform: translate(0,0) rotate(360deg);
    }
}
@-webkit-keyframes popBody
{
    0%
    {
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
    }
    100%
    {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }
}
@keyframes popBody
{
    0%
    {
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
    }
    100%
    {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }
}
@-webkit-keyframes icon_video
{
    0%
    {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: .8;
    }
    50%
    {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .55;
    }
    75%
    {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: .3;
    }
    100%
    {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}
@keyframes icon_video
{
    0%
    {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: .8;
    }
    50%
    {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .55;
    }
    75%
    {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: .3;
    }
    100%
    {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}
@-webkit-keyframes icon_video02
{
    0%
    {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    50%
    {
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    100%
    {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@keyframes icon_video02
{
    0%
    {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    50%
    {
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    100%
    {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@-webkit-keyframes joint_map
{
    0%
    {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .6;
    }
    100%
    {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .2;
    }
}
@keyframes joint_map
{
    0%
    {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .6;
    }
    100%
    {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .2;
    }
}
.animated
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite
{
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.flip
{
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
.animated.hinge
{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.scale_img
{
    -webkit-animation-name: scale_img;
    animation-name: scale_img;
}
.slideBg_fn
{
    -webkit-animation-name: slideBg_fn;
    animation-name: slideBg_fn;
}
.slideBg_fny
{
    -webkit-animation-name: slideBg_fny;
    animation-name: slideBg_fny;
}
.h_ani
{
    -webkit-animation-name: h_ani;
    animation-name: h_ani;
}
.side-in-out
{
    -webkit-animation-name: side-in-out;
    animation-name: side-in-out;
}
.side-in-outy
{
    -webkit-animation-name: side-in-outy;
    animation-name: side-in-outy;
}
.con02
{
    -webkit-animation-name: con02;
    animation-name: con02;
}
.height
{
    -webkit-animation-name: height;
    animation-name: height;
}
.height3
{
    -webkit-animation-name: height3;
    animation-name: height3;
}
.width
{
    -webkit-animation-name: width;
    animation-name: width;
}
.width02
{
    -webkit-animation-name: width02;
    animation-name: width02;
}
.con04
{
    -webkit-animation-name: con04;
    animation-name: con04;
}
.property_cooperation03
{
    -webkit-animation-name: property_cooperation03;
    animation-name: property_cooperation03;
}
.circle
{
    -webkit-animation-name: circle;
    animation-name: circle;
}
.h_circle
{
    -webkit-animation-name: h_circle;
    animation-name: h_circle;
}
.popBody
{
    -webkit-animation-name: popBody;
    animation-name: popBody;
}
.pageRight
{
    -webkit-animation-name: pageRight;
    animation-name: pageRight;
}
.icon_video
{
    -webkit-animation-name: icon_video;
    animation-name: icon_video;
}
.icon_video02
{
    -webkit-animation-name: icon_video02;
    animation-name: icon_video02;
}
.joint_map
{
    -webkit-animation-name: joint_map;
    animation-name: joint_map;
}
.fadeIn
{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.fadeInUp
{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.fadeInDown
{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.fadeInRight
{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.fadeInLefts
{
    -webkit-animation-name: fadeInLefts;
    animation-name: fadeInLefts;
}
.fadeInRights
{
    -webkit-animation-name: fadeInRights;
    animation-name: fadeInRights;
}
.pulse
{
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.flipInY
{
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipInY
{
    0%
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    0%, 40%
    {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60%
    {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY
{
    0%
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    0%, 40%
    {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60%
    {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY
{
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
