/* 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;
    }
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform:scale(.9);
        transform:scale(.9); 
        opacity: 0;
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1); 
        opacity: 1;
    }
}
@keyframes zoom-in {
    0% {
        -webkit-transform:scale(.9);
        transform:scale(.9); 
        opacity: 0;
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1); 
        opacity: 1;
    }
}

@-webkit-keyframes fadeInscrollx {
    0% {
        -webkit-transform:scaleX(.8);
        transform:scaleX(.8); 
        opacity: 0;
    }
    100% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1); 
        opacity: 1;
    }
}
@keyframes fadeInscrollx {
    0% {
        -webkit-transform:scaleX(0);
        transform:scaleX(0); 
        opacity: 0;
		visibility:hidden
    }
    100% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1); 
        opacity: 1;
		visibility:visible
    }
}

.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
}
.zoom-in{
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in
}
.fadeInscrollx{
    -webkit-animation-name: fadeInscrollx;
    animation-name: fadeInscrollx
}