.banner-outer{
   width:100%;
   position:relative;}
.circle-outer{
  position: absolute;
  bottom:10px;
  left:50%;
  transform: translateX(-50%);
  display:flex;
  align-items:center;
  z-index:999;}
.circle-item{
  width:10px;
  height:10px;
  border-radius: 50%;
  background: #fff;
  margin:0 5px;}
.circle-active{
  background: #333;}
.xuyjszwlf{
margin:0 auto;}
.img-box{
    width: 1650px;
    height: 100%;
    animation: move 10s infinite;}
 @keyframes move {
    0%{
        transform: translateX(0);}
    30%{
        transform: translateX(-33.33%);}
    60%{
        transform: translateX(-66.66%);}
    100%{
        transform: translateX(-66.66%);}
}
.img-box img{
    float: left;
  height: 100%;
  width: 550px;}
.xuyjs .kk336{
    display: flex;
    flex-flow: nowrap;
    overflow: hidden;}
.xuyjs .kk330-outer {
    display: flex;
    flex-flow: nowrap;
    animation: rolling 60s linear infinite;}

.xuyjs .kk336:hover .kk330-outer{
    animation-play-state: paused;}
.img-date{
    position:absolute;
    bottom:5px;
    right:10px;
    color:#fff;
    z-index:999;}
@keyframes rolling {
    from {
        transform: translateX(0);}
    to {
        transform: translateX(-100%);}
}
.jigs .yxsstlc{
    display: flex;
    flex-flow: nowrap;
    overflow: hidden;}
.jigs .yxsstlf-outer {
    display: flex;
    flex-flow: nowrap;
    animation: rolling 60s linear infinite;}

.jigs .yxsstlc:hover .yxsstlf-outer {
    animation-play-state: paused;}
@keyframes rolling {
    from {
        transform: translateX(0);}
    to {
        transform: translateX(-100%);}
}
.xuyjs-outer .kk336 {

            display: flex;

            flex-flow: nowrap;

            overflow: hidden;}

        .kk-item {

            display: flex;

            flex-flow: nowrap;

            animation: rolling 120s linear infinite;}

        /* 鼠标移上去暂停滚动 */

       .xuyjs-outer .kk336:hover .kk-item{

            animation-play-state: paused;}

        @keyframes rolling {

            from {

                transform: translateX(0);}

            to {

                transform: translateX(-100%);}

        }
.footer{
        display: flex;
        align-items: center;
        margin:0 auto;
        width:1200px;
        color:#fff;}
    .footer-logo{
      width:400px;
      height:53px;
      margin-right:80px;}
    .footer-info >div{
      text-align: left;}
    .info-youbian{
      padding-left:20px;}
    .footer-info a{
      color: #fff;
      text-decoration: none;}