.ani{ transition: 0.6s; filter: grayscale(0) brightness(1); -webkit-filter: grayscale(0) brightness(1); -moz-filter: grayscale(0) brightness(1); -ms-webkit-filter: grayscale(0) brightness(1); -o-webkit-filter: grayscale(0) brightness(1)}
.ani:hover{ transition: 0.6s; filter: grayscale(0) brightness(1.3); -webkit-filter: grayscale(0) brightness(1.3); -moz-filter: grayscale(0) brightness(1.3);-ms-webkit-filter: grayscale(0) brightness(1.3); -o-webkit-filter: grayscale(0) brightness(1.3)}
.left .nav_two li .pic{ -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.left .nav_two li:hover .pic{ animation:-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all 0.4s linear 0.05s; -moz-transition: all 0.4s linear 0.05s; -o-transition: all 0.4s linear 0.05s; -ms-transition: all 0.4s linear 0.05s; transition: all 0.4s linear 0.05s; }

.left .nav_one li:hover .link{ transition: 1s; line-height: 96px; height: 96px;animation:-webkit-transform: translateY(-60px); -moz-transform: translateY(-60px) ; -o-transform: translateY(-60px) ; -ms-transform: translateY(-60px) ; transform: translateY(-60px) ; -webkit-transition: all 0.4s linear 0.05s; -moz-transition: all 0.4s linear 0.05s; -o-transition: all 0.4s linear 0.05s; -ms-transition: all 0.4s linear 0.05s; transition: all 0.4s linear 0.05s; *line-height: 20px}
.left .nav_one li:hover .pic{ animation:-webkit-transform: translateY(-60px); -moz-transform: translateY(-60px) ; -o-transform: translateY(-60px) ; -ms-transform: translateY(-60px) ; transform: translateY(-60px) ; -webkit-transition: all 0.4s linear 0.05s; -moz-transition: all 0.4s linear 0.05s; -o-transition: all 0.4s linear 0.05s; -ms-transition: all 0.4s linear 0.05s; transition: all 0.4s linear 0.05s;}

.right .flor2 .news .list_nr .cont{animation: listanima 1s; -moz-animation: listanima 1s; -webkit-animation: listanima 1s; -o-animation: listanima 1s;}
@keyframes listanima{
from {opacity: 0; transform:translateX(100px)}
to {opacity: 1;transform:translateX(0)}
}

@-moz-keyframes listanima{
from {opacity: 0; -moz-transform:translateX(100px)}
to {opacity: 1; -moz-transform:translateX(0)}
}

@-webkit-keyframes listanima{
from {opacity: 0; -webkit-transform:translateX(100px)}
to {opacity: 1; -webkit-transform:translateX(0)}
}

@-o-keyframes listanima{
from {opacity: 0; -o-transform:translateX(100px)}
to {opacity: 1; -o-transform:translateX(0)}
}

.right .flor3 .nav_tabs .zylist .zy_cont li .wod{animation: rightanima 1s; -moz-animation: rightanima 1s; -webkit-animation: rightanima 1s; -o-animation: rightanima 1s;}

@keyframes rightanima{
from {opacity: 0; transform:translateX(-100px)}
to {opacity: 1;transform:translateX(0)}
}

@-moz-keyframes rightanima{
from {opacity: 0; -moz-transform:translateX(-100px)}
to {opacity: 1; -moz-transform:translateX(0)}
}

@-webkit-keyframes rightanima{
from {opacity: 0; -webkit-transform:translateX(-100px)}
to {opacity: 1; -webkit-transform:translateX(0)}
}

@-o-keyframes rightanima{
from {opacity: 0; -o-transform:translateX(-100px)}
to {opacity: 1; -o-transform:translateX(0)}
}

/* .play{ animation: vedio 1s infinite linear; -moz-animation: vedio 1s infinite linear; -webkit-animation: vedio 2s infinite linear;}
@keyframes vedio {
    0% {
        transform: scale(1);
    }
    50%{
       transform: scale(1.1);
   }
   100%{
       transform: scale(1);
   }
}
@-moz-keyframes vedio {
    0% {
      -moz-transform: scale(1);        
  }
  50%{
      -moz-transform:scale(1.1);
  }
  100%{
      -moz-transform:scale(1);
  }
}
@-webkit-keyframes vedio {
    0% {
      -webkit-transform: scale(1);        
  }
  50%{
      -webkit-transform: scale(1.1);        
  }
  100%{
      -webkit-transform: scale(1);        
  }
} */

.allmain{ transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0)}

.unshow,.unshow .allmain{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px)}

.fud_list{-webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.fud_list_on{ transform:translateX(187px); -moz-transform:translateX(187px); -webkit-transform:translateX(187px); -o-transform:translateX(187px)}

@keyframes rollx

{

　　from{transform:rotate(0deg);}

    to{transform:rotate(360deg);}

}
@-moz-keyframes rollx

{

　　from{-moz-transform:rotateZ(0deg);}

    to{-moz-transform:rotateZ(360deg);}

}
@-o-keyframes rollx

{

　　from{-o-transform:rotateZ(0deg);}

    to{-o-transform:rotateZ(360deg);}

}
@-ms-keyframes rollx

{

　　from{-ms-transform:rotateZ(0deg);}

　　to{-ms-transform:rotateZ(360deg);}

}
@-webkit-keyframes rollx

{

　　from{-webkit-transform:rotateZ(0deg);}

　　to{-webkit-transform:rotateZ(360deg);}

} 

.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;}
.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}
.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}
.flip-container, .front, .back {width: 283px;height: 283px;}
.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}
.front img, .back img{overflow:hidden;}
.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}