@keyframes  s{
    0% { 
        transform:translate(40px); 
        -webkit-transform:translate(40px); 
        -moz-transform:translate(40px); 
        -ms-transform:translate(40px); 
        -o-transform:translate(40px); 
    }
    100% { 
        transform:translate(10px);
        -webkit-transform:translate(10px);
        -moz-transform:translate(10px);
        -ms-transform:translate(10px);
        -o-transform:translate(10px);
     }
}
@-webkit-keyframes  s{
    0% { 
        transform:translate(40px); 
        -webkit-transform:translate(40px); 
        -moz-transform:translate(40px); 
        -ms-transform:translate(40px); 
        -o-transform:translate(40px); 
    }
    100% { 
        transform:translate(10px);
        -webkit-transform:translate(10px);
        -moz-transform:translate(10px);
        -ms-transform:translate(10px);
        -o-transform:translate(10px);
     }
}
@-moz-keyframes  s{
    0% { 
        transform:translate(40px); 
        -webkit-transform:translate(40px); 
        -moz-transform:translate(40px); 
        -ms-transform:translate(40px); 
        -o-transform:translate(40px); 
    }
    100% { 
        transform:translate(10px);
        -webkit-transform:translate(10px);
        -moz-transform:translate(10px);
        -ms-transform:translate(10px);
        -o-transform:translate(10px);
     }
}
@-ms-keyframes  s{
    0% { 
        transform:translate(40px); 
        -webkit-transform:translate(40px); 
        -moz-transform:translate(40px); 
        -ms-transform:translate(40px); 
        -o-transform:translate(40px); 
    }
    100% { 
        transform:translate(10px);
        -webkit-transform:translate(10px);
        -moz-transform:translate(10px);
        -ms-transform:translate(10px);
        -o-transform:translate(10px);
     }
}
@-o-keyframes  s{
    0% { 
        transform:translate(40px); 
        -webkit-transform:translate(40px); 
        -moz-transform:translate(40px); 
        -ms-transform:translate(40px); 
        -o-transform:translate(40px); 
    }
    100% { 
        transform:translate(10px);
        -webkit-transform:translate(10px);
        -moz-transform:translate(10px);
        -ms-transform:translate(10px);
        -o-transform:translate(10px);
     }
}
/*BANNER BEGIN*/
.banner04 {
  width: 100%;
  max-width: 1200px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 6;
  float: left;
  margin-top: 18px;
  margin-bottom: 80px;
}
.banner04 .big {
  width: 94%;
  height: 210px;
  overflow: hidden;
  margin:0 auto;
  position: relative;
}
.banner04 .big .link{
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #b7b7b7;
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
    animation:s .6s linear 1s infinite;
}
.banner04 .big ul {
  height: 100%;
  position: relative;
  left: 0;
  bottom: 0;
  transition-duration: .6s;
  -webkit-transition-duration: .6s;
  -moz-transition-duration: .6s;
  -ms-transition-duration: .6s;
  -o-transition-duration: .6s;
}
.banner04 .big ul li {
  width: 160px;
  overflow: hidden;
  height: 100%;
  float: left;
  position: relative;
}
.banner04 .big ul li .kuai{
    width: 64px;
    height: 44px;
    background: #5f5f5f;
    font-size: 24px;
    color:#fff;
    text-align: center;
    line-height: 44px;
    position: absolute;
    top:0;bottom:0;
    margin:auto 0;
}
.banner04 .big ul li .txt{
    font-size: 14px;
    color:#444;
    line-height: 18px;
}
.banner04 .big ul .one .txt{
    position: absolute;
    bottom:0;
}
.banner04 .btns01{
  width: 30px;
  height: 40px;
  text-align: center;
  position: absolute;
  text-align: center;
  line-height: 40px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 12;   
  cursor: pointer; 
}
.banner04 .left00 {
  left: 0;
}
.banner04 .left00 img {
  width: auto;
}
.banner04 .right00 {
  right: 0;
}
.banner04 .right00 img {
  width: auto;
}
@media (max-width:639px) {
.banner04{width: 100%;max-width:1200px;}
.banner04 .big ul li{width: 140px;}
.banner04 .big ul li .kuai{width: 50px;height:38px;line-height: 38px;font-size: 18px;}
.banner04 .big ul li .txt{line-height: 22px;font-size: 13px;}
}
@media (min-width:321px) and (max-width:380px){
}
@media (min-width:640px) and (max-width:1023px) {
.banner04{width: 100%;max-width:1200px;}
.banner04 .big ul li{width: 153px;}
.banner04 .big ul li .kuai{width: 50px;height:38px;line-height: 38px;font-size: 20px;}
}
@media (min-width:1024px) and (max-width:1334px) {
.aboutmain{width: 90%;}
.banner04{width: 100%;max-width:1200px;}
.banner04 .big ul li{width: 153px;}
}