/* animated */
@-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(0px);
        transform: scale(1) translateX(0px);
    }

    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(0px);
        transform: scale(1) translateX(0px);
    }

    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(0px, 0px, 1100px, 0px);
    }

    100% {
        clip: rect(0px, 2920px, 1100px, 0px);
    }
}

@keyframes h_ani {
    0% {
        clip: rect(0px, 0px, 1100px, 0px);
    }

    100% {
        clip: rect(0px, 2920px, 1100px, 0px);
    }
}

@-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, 0px);
        -webkit-transform: translate(-392px, 0px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@keyframes con02 {
    0% {
        transform: translate(-392px, 0px);
        -webkit-transform: translate(-392px, 0px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        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, 0px);
        -webkit-transform: translate(-406px, 0px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@keyframes con04 {
    0% {
        transform: translate(-406px, 0px);
        -webkit-transform: translate(-406px, 0px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        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, 0px);
        -webkit-transform: translate(-278px, 0px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@keyframes property_cooperation03 {
    0% {
        transform: translate(-278px, 0px);
        -webkit-transform: translate(-278px, 0px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}

@-webkit-keyframes circle {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }

    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0.5;
    }
}

@keyframes circle {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }

    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0.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(0px, -206px) rotate(235deg);
        -webkit-transform: translate(0px, -206px) rotate(235deg);
    }

    100% {
        transform: translate(0px, 0) rotate(360deg);
        -webkit-transform: translate(0px, 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(0px, -206px) rotate(235deg);
        -webkit-transform: translate(0px, -206px) rotate(235deg);
    }

    100% {
        transform: translate(0px, 0) rotate(360deg);
        -webkit-transform: translate(0px, 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(0.85);
        transform: scale(0.85);
        opacity: 1;
    }

    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }

    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes icon_video {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }

    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }

    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.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
}