@charset "utf-8";
.dtyy img{transition: all 300ms ease;}
.dtyy img:hover {
    transform: translate(15px, 0px);
}

.dtzz img{transition: all 300ms ease;}
.dtzz img:hover {
    transform: translate(-15px, 0px);
}

.dtss img{transition: all 300ms ease;}
.dtss img:hover {
    transform: translate(0px, -15px);
}


.dimg img:hover{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}


@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

.xwj{max-width:100%;overflow: hidden;}
.xwj img{cursor: pointer;transition: all 0.6s;}
.xwj img:hover{transform: scale(1.1);}





/*选择器*/
.doudong
{display: inline-block;}
.doudong.doudongxg:hover
{animation-name:test;
 animation-duration:1.6s;
 }

/*#run:active
{animation-play-state:running;}*/

/*动画过程*/
@keyframes test
{
0%{transform: translate(0px, 0px);}
10%{transform: translate(0px, -6px);}/*负数为上移、正数为下移*/
20%{transform: translate(0px, 7px);}
30%{transform: translate(0px, -4px);}
40%{transform: translate(0px, 5px);}
50%{transform: translate(0px, -1px);}
60%{transform: translate(0px, 1px);}
70%{transform: translate(0px, -0.2px);}
80%{transform: translate(0px, 0.2px);}
90%{transform: translate(0px,-1px;)}
100%{transform: translate(0px,0;)}
}


.m-more a{
	display: block;
	width: 120px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 14px;
	line-height: 35px;
	color: #09469c;
	text-align: center;
	border-radius:25px;
transition-duration:.5s;		transition-timing-function:ease-in;
transition-delay:.1s;		border: 2px solid #09469c;
	margin-right: auto;
	margin-left: auto;
}
.m-more a:hover{background: rgba(9,70,156,1);color:rgba(255,255,255,1);}