/*Css3动画*/
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
-ms-animation-duration: 1s;

-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
-ms-animation-fill-mode: both;
}

/*从上往下淡入*//*配合animated使用*/
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-ms-animation-name: fadeInUp;-o-animation-name: fadeInUp;-ms-animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(-20px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fadeInUp {
  0%{opacity: 0;transform: translateY(-20px);}
  100% {opacity: 1;transform: translateY(0);}
}
@-moz-keyframes fadeInUp {
  0%{opacity: 0;-moz-transform: translateY(-20px);}
  100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUp {
  0%{opacity: 0;-o-transform: translateY(-20px);}
  100% {opacity: 1;-o-transform: translateY(0);}
}
@-ms-keyframes fadeInUp {
  0%{opacity: 0;-ms-transform: translateY(-20px);}
  100% {opacity: 1;-ms-transform: translateY(0);}
}


/*从下往上淡入*//*配合animated使用*/
@-webkit-keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translateY(-20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDown {
    0% {opacity: 0;-moz-transform: translateY(-20px);}
    100% {opacity: 1;-moz-transform: translateY(0);}
}
@-ms-keyframes fadeInDown {
	0% {opacity: 0;-ms-transform: translateY(-20px);}
	100% {opacity: 1;-ms-transform: translateY(0);}
}
@-o-keyframes fadeInDown {
    0% {opacity: 0;-ms-transform: translateY(-20px);}
    100% {opacity: 1;-ms-transform: translateY(0);}
}
@keyframes fadeInDown {
    0% {opacity: 0;transform: translateY(-20px);}
    100% {opacity: 1;transform: translateY(0);}
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


/*从左往右淡入*//*配合animated使用*/
@-webkit-keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translateX(-20px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInLeft {
    0% {opacity: 0;-moz-transform: translateX(-20px);}
    100% {opacity: 1;-moz-transform: translateX(0);}
}
@-ms-keyframes fadeInLeft {
    0% {opacity: 0;-ms-transform: translateX(-20px);}
    100% {opacity: 1;-ms-transform: translateX(0);}
}
@-o-keyframes fadeInLeft {
    0% {opacity: 0;-o-transform: translateX(-20px);}
    100% {opacity: 1;-o-transform: translateX(0);}
}
@keyframes fadeInLeft {
    0% {opacity: 0;transform: translateX(-20px);}
    100% {opacity: 1;transform: translateX(0);}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


/*从右往左淡入*//*配合animated使用*/
@-webkit-keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translateX(20px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}

@-moz-keyframes fadeInRight {
    0% {opacity: 0;-moz-transform: translateX(20px);}
    100% {opacity: 1;-moz-transform: translateX(0);}
}

@-ms-keyframes fadeInRight {
    0% {opacity: 0;-ms-transform: translateX(20px);}
    100% {opacity: 1;-ms-transform: translateX(0);}
}

@-o-keyframes fadeInRight {
    0% {opacity: 0;-o-transform: translateX(20px);}
    100% {opacity: 1;-o-transform: translateX(0);}
}

@keyframes fadeInRight {
    0% {opacity: 0;transform: translateX(20px);}
    100% {opacity: 1;transform: translateX(0);}
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}




/*鼠标移上去左右晃动*/
/*.t_logo:hover img {
	-webkit-animation: wobble 1s .2s ease both;
	-moz-animation: wobble 1s .2s ease both;
	-ms-animation: wobble 1s .2s ease both;
	-o-animation: wobble 1s .2s ease both;
	animation: wobble 1s .2s ease both
}*/

@-webkit-keyframes wobble {
    0% {-webkit-transform: translateX(0)}
    15% {-webkit-transform: translateX(-25%) rotate(-3deg)}
    30% {-webkit-transform: translateX(20%) rotate(2deg)}
    45% {-webkit-transform: translateX(-15%) rotate(-2deg)}
    60% {-webkit-transform: translateX(10%) rotate(1deg)}
    75% {-webkit-transform: translateX(-5%) rotate(-1deg)}
    100% {-webkit-transform: translateX(0)}
}
@-moz-keyframes wobble {
    0% {-moz-transform: translateX(0)}
    15% {-moz-transform: translateX(-25%) rotate(-3deg)}
    30% {-moz-transform: translateX(20%) rotate(2deg)}
    45% {-moz-transform: translateX(-15%) rotate(-2deg)}
    60% {-moz-transform: translateX(10%) rotate(1deg)}
    75% {-moz-transform: translateX(-5%) rotate(-1deg)}
    100% {-moz-transform: translateX(0)}
}
@-ms-keyframes wobble {
    0% {-ms-transform: translateX(0)}
    15% {-ms-transform: translateX(-25%) rotate(-3deg)}
    30% {-ms-transform: translateX(20%) rotate(2deg)}
    45% {-ms-transform: translateX(-15%) rotate(-2deg)}
    60% {-ms-transform: translateX(10%) rotate(1deg)}
    75% {-ms-transform: translateX(-5%) rotate(-1deg)}
    100% {-ms-transform: translateX(0)}
}

@keyframes wobble {
    0% {transform: translateX(0)}
    15% {transform: translateX(-25%) rotate(-3deg)}
    30% {transform: translateX(20%) rotate(2deg)}
    45% {transform: translateX(-15%) rotate(-2deg)}
    60% {transform: translateX(10%) rotate(1deg)}
    75% {transform: translateX(-5%) rotate(-1deg)}
    100% {transform: translateX(0)}
}

@-o-keyframes wobble {
    0% {-o-transform: translateX(0)}
    15% {-o-transform: translateX(-25%) rotate(-3deg)}
    30% {-o-transform: translateX(20%) rotate(2deg)}
    45% {-o-transform: translateX(-15%) rotate(-2deg)}
    60% {-o-transform: translateX(10%) rotate(1deg)}
    75% {-o-transform: translateX(-5%) rotate(-1deg)}
    100% {-o-transform: translateX(0)}
}


/*配合animated使用闪动2次*/
.flash {-webkit-animation-name: flash;animation-name: flash;-ms-animation-name: flash;-o-animation-name: flash;-moz-animation-name: flash;}
@-webkit-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}
@keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}
@-ms-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}

/* 标题下划线伸缩动画 */
.addLineAnimate{
   -webkit-animation: lineAnimate 8s ease-in-out 0s   infinite;
   animation: lineAnimate 8s ease-in-out 0s   infinite;
   -ms-animation: lineAnimate 8s ease-in-out 0s   infinite;
   -o-animation: lineAnimate 8s ease-in-out 0s   infinite;
   -moz-animation: lineAnimate 8s ease-in-out 0s   infinite;
}
@-webkit-keyframes lineAnimate{
   0%{ -webkit-transform:rotateY(90deg);transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-moz-transform:rotateY(90deg);}
   25%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
   50%{-webkit-transform:rotateY(270deg);transform:rotateY(270deg); -ms-transform:rotateY(270deg);-o-transform:rotateY(2700deg);-moz-transform:rotateY(270deg);}
   75%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
   100%{-webkit-transform:rotateY(450deg);transform:rotateY(450deg);-ms-transform:rotateY(450deg);-o-transform:rotateY(450deg);-moz-transform:rotateY(450deg);}
}
@keyframes lineAnimate{
   0%{ -webkit-transform:rotateY(90deg); transform:rotateY(90deg); -ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-moz-transform:rotateY(90deg);}
   25%{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); -ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
   50%{ -webkit-transform:rotateY(270deg); transform:rotateY(270deg); -ms-transform:rotateY(270deg);-o-transform:rotateY(2700deg);-moz-transform:rotateY(270deg);}
   75%{ -webkit-transform:rotateY(360deg); transform:rotateY(360deg); -ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
   100%{ -webkit-transform:rotateY(450deg); transform:rotateY(450deg); -ms-transform:rotateY(450deg);-o-transform:rotateY(450deg);-moz-transform:rotateY(450deg);}
}
@-ms-keyframes lineAnimate{
   0%{ -webkit-transform:rotateY(90deg); transform:rotateY(90deg); -ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-moz-transform:rotateY(90deg);}
   25%{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); -ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
   50%{ -webkit-transform:rotateY(270deg); transform:rotateY(270deg); -ms-transform:rotateY(270deg);-o-transform:rotateY(2700deg);-moz-transform:rotateY(270deg);}
   75%{ -webkit-transform:rotateY(360deg); transform:rotateY(360deg); -ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
   100%{ -webkit-transform:rotateY(450deg); transform:rotateY(450deg); -ms-transform:rotateY(450deg);-o-transform:rotateY(450deg);-moz-transform:rotateY(450deg);}
}
@-o-keyframes lineAnimate{
   0%{ -webkit-transform:rotateY(90deg); transform:rotateY(90deg); -ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-moz-transform:rotateY(90deg);}
   25%{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); -ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
   50%{ -webkit-transform:rotateY(270deg); transform:rotateY(270deg); -ms-transform:rotateY(270deg);-o-transform:rotateY(2700deg);-moz-transform:rotateY(270deg);}
   75%{ -webkit-transform:rotateY(360deg); transform:rotateY(360deg); -ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
   100%{ -webkit-transform:rotateY(450deg); transform:rotateY(450deg); -ms-transform:rotateY(450deg);-o-transform:rotateY(450deg);-moz-transform:rotateY(450deg);}
}
@-moz-keyframes lineAnimate{
   0%{ -webkit-transform:rotateY(90deg); transform:rotateY(90deg); -ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-moz-transform:rotateY(90deg);}
   25%{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); -ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
   50%{ -webkit-transform:rotateY(270deg); transform:rotateY(270deg); -ms-transform:rotateY(270deg);-o-transform:rotateY(2700deg);-moz-transform:rotateY(270deg);}
   75%{ -webkit-transform:rotateY(360deg); transform:rotateY(360deg); -ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}
   100%{ -webkit-transform:rotateY(450deg); transform:rotateY(450deg); -ms-transform:rotateY(450deg);-o-transform:rotateY(450deg);-moz-transform:rotateY(450deg);}
}

/*****导航栏渐变****/
/*
.pc-Nav ul .curLi:after{
    content: "";
    width: 100%;
    height: 1px;
    margin-bottom: -8px;
    display: inline-block;
    background: #3f8bea;
}
.pc-Nav ul li:hover::after{
    -webkit-animation: rotateY .8s alternate;
    animation: rotateY .8s alternate;
	-ms-animation: rotateY .8s alternate;
	-o-animation: rotateY .8s alternate;
	-moz-animation: rotateY .8s alternate;
    background: red;
    content: "";
    width: 100%;
    height: 1px;
    margin-bottom: -8px;
    display: inline-block;
    background: #3f8bea;
}
*/

@-webkit-keyframes rotateY{
    0%{-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);}
    100%{-webkit-transform:scaleX(1);transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);}
}
@keyframes rotateY{
    0%{-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);}
    100%{-webkit-transform:scaleX(1);transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);}
}
@-ms-keyframes rotateY{
    0%{-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);}
    100%{-webkit-transform:scaleX(1);transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);}
}
@-o-keyframes rotateY{
    0%{-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);}
    100%{-webkit-transform:scaleX(1);transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);}
}
@-moz-keyframes rotateY{
    0%{-webkit-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);}
    100%{-webkit-transform:scaleX(1);transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);}
}



/*进入动画*/
.addEnterleft{
  -webkit-animation:enterleft 1s ease-out 0s 1  alternate;
  animation:enterleft 1s ease-out 0s 1  alternate;
}
@-webkit-keyframes enterleft{
   0%{
      opacity: 0;
      -webkit-transform:translateX(-100%);
      transform:translateX(-100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateX(0);
      transform:translateX(0);
   }
}
@keyframes enterleft{
   0%{
      opacity: 0;
      -webkit-transform:translateX(-100%);
      transform:translateX(-100%);
      -ms-transform:translateX(-100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateX(0);
      transform:translateX(0);
      -ms-transform:translateX(0);
   }
}
.addEnterright{
  -webkit-animation:enterright 1s ease-out 0s 1  alternate;
  animation:enterright 1s ease-out 0s 1  alternate;
}
@-webkit-keyframes enterright{
   0%{
      opacity: 0;
      -webkit-transform:translateX(100%);
      transform:translateX(100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateX(0);
      transform:translateX(0);
   }
}
@keyframes enterright{
   0%{
      opacity: 0;
      -webkit-transform:translateX(100%);
      transform:translateX(100%);
      -ms-transform:translateX(100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateX(0);
      transform:translateX(0);
      -ms- transform:translateX(0);
   }
}
.addEntertop{
  -webkit-animation:entertop 1s ease-out 0s 1  alternate;
  animation:entertop 1s ease-out 0s 1  alternate;
}
@-webkit-keyframes entertop{
   0%{
      opacity: 0;
      -webkit-transform:translateY(-100%);
      transform:translateY(-100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateY(0);
      transform:translateY(0);
   }
}
@keyframes entertop{
   0%{
      opacity: 0;
      -webkit-transform:translateY(-100%);
      transform:translateY(-100%);
      -ms-transform:translateY(-100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateY(0);
      transform:translateY(0);
      -ms-transform:translateY(0);
   }
}
.addEnterbottom{
  -webkit-animation:enterbottom 1s ease-out 0s 1  alternate;
  animation:enterbottom 1s ease-out 0s 1  alternate;
}
@-webkit-keyframes enterbottom{
   0%{
      opacity: 0;
      -webkit-transform:translateY(100%);
      transform:translateY(100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateY(0);
      transform:translateY(0);
   }
}
@keyframes enterbottom{
   0%{
      opacity: 0;
      -webkit-transform:translateY(100%);
      transform:translateY(100%);
      -ms-transform:translateY(100%);
   }
   100%{
      opacity: 1;
      -webkit-transform:translateY(0);
      transform:translateY(0);
      -ms-transform:translateY(0);
   }
}