@keyframes clockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes eastern {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-o-keyframes clockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes eastern {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-webkit-keyframes clockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes eastern {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-moz-keyframes clockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes eastern {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
.banner_font{ margin:0 auto; width:1000px; height:260px; text-align:center; padding:100px 0 0 0;}
.banner_buttonbg{ margin:0 auto; width:410px; height:100px;}
.banner_button{ margin:0 10px; float:left; display:block; margin-top:30px; width:180px; height:50px; line-height:50px; border:1px solid #ee5200; font-family:"微软雅黑"; color:#fff; font-size:18px; text-align:center; border-radius:10px;}
.banner_button:hover{
  background-color: #fff;
  color: #000;
}
.circle {
  position: relative;
  float: left;
  height: 302px;
  width: 302px;
}
.center_circle, .right_circle {
  margin-left: 108px;
}
.outer, .inner {
  width: 302px;
  height: 302px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.center_circle .outer, .left_circle .outer, .right_circle .outer {
  animation: clockwise 6s infinite linear;
  -webkit-animation: clockwise 6s infinite linear;
  -o-animation: clockwise 6s infinite linear;
  -moz-animation: clockwise 6s infinite linear;
  -ms-animation: clockwise 6s infinite linear;
}
.center_circle .inner, .left_circle .inner, .right_circle .inner {
  animation: eastern 6s infinite linear;
  -webkit-animation: eastern 6s infinite linear;
  -o-animation: eastern 6s infinite linear;
  -moz-animation: eastern 6s infinite linear;
  -ms-animation: eastern 6s infinite linear;
}
.left_circle .inner, .left_circle .outer, .right_circle .inner, .right_circle .outer {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  -o-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
}
.left_circle:hover .inner, .left_circle:hover .outer, .right_circle:hover .inner, .right_circle:hover .outer {
  animation-play-state: running;
  -webkit-animation-play-state: running;
  -o-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
}
.orange_font {
  color: #ec5305;
  font-family:"微软雅黑";
}
.white_font {
  color: #e7e7e7;
  font-family:"微软雅黑";
}
.circle span {
  display: block;
  width: 150px;
  line-height: 30px;
  position: relative;
  top: 121px;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  text-align: center;
  font-size: 24px;
}
.right_circle .spe_span {
  font-size: 20px;
}
  .container { margin:0 auto;
  background:url(../images/background.jpg) center top no-repeat;
	width: 100%;
    height: 700px;
  }
  .slogan_2 br + span {
    font-size: 12;
  }
  .wrap {
	  margin:0 auto;
    width: 1140px;
  }
  .circle, .outer, .inner {
    height: 210px;
    width: 210px;
  }
  .center_circle, .left_circle,.right_circle {
    margin-left: 60px;
  }
  .circle span {
    top: 80px;
    line-height: 21px;
    font-size: 17px;
  }
  .right_circle .spe_span {
    font-size: 14px;
  }