.center_content li:first-child{
    -webkit-animation:bounceInLeft 1000ms .1s ease both;
    -ms-animation: bounceInLeft 1000ms .1s ease both;
    -moz-animation: bounceInLeft 1000ms .1s ease both;
    -o-animation:bounceInLeft 1000ms .1s ease both;
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -moz-transform:translateY(20px) ;
        -o-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform:translateY(0) ;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
.center_content li:nth-child(2){
    -webkit-animation:bounceInDown 1000ms .3s ease both;
    -ms-animation: bounceInDown 1000ms .3s ease both;
    -moz-animation: bounceInDown 1000ms .3s ease both;
    -o-animation:bounceInDown 1000ms .3s ease both;
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -moz-transform:translateY(20px) ;
        -o-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform:translateY(0) ;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
.center_content li:nth-child(3){
    -webkit-animation:bounceInUp 1000ms .5s ease both;
    -ms-animation: bounceInUp 1000ms .5s ease both;
    -moz-animation: bounceInUp 1000ms .5s ease both;
    -o-animation:bounceInUp 1000ms .5s ease both;
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -moz-transform:translateY(20px) ;
        -o-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform:translateY(0) ;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
.center_content li:nth-child(4){
    -webkit-animation:bounceInRight 1000ms .7s ease both;
    -ms-animation: bounceInRight 1000ms .7s ease both;
    -moz-animation: bounceInRight 1000ms .7s ease both;
    -o-animation:bounceInRight 1000ms .7s ease both;
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -moz-transform:translateY(20px) ;
        -o-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform:translateY(0) ;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
/*#total{
    width:100%;
    height:908px;
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
}*/
#header{
    height:40px;
    width:100%;
    background: #fff;
    border-bottom:1px solid #75a1c6;
    margin-bottom: 0px;
    opacity: 0.7;
    filter:alpha(opacity=70); /* IE */
-moz-opacity:0.7; /* ÀÏ°æMozilla */
-khtml-opacity:0.7; /* ÀÏ°æSafari */
}
.head{
    width:1200px;
    height:40px;
    line-height: 40px;
    margin:0 auto;
}
.head_left{
    float:left;
}
.head_left span{
    font-size: 16px;
}
.head_right{
    float:right;
    font-size:16px;
}
#center{
    width:1200px;
    margin:0 auto;
    height:800px;
    position: relative;
}
.center_content{
    width:1200px;
    margin-top: 140px;
    overflow: hidden;
    /*padding: 20px 93px;*/
    box-sizing: border-box;
        position: absolute;
    top: 0px;
    bottom: 70px;
}
.center_content ul li{
    float:left;
    /*padding-right: 72px;*/
    position: relative;
    padding:10px 30px;
}
.center_content ul li span{
    position: absolute;
    left:29%;
    top:58%;
    color:#fff;
    font-size: 26px;
}
.cydw {
    position:absolute;
    width:1200px;
    /*left:50%;*/
    top:26%;
    /*transform:translate(-600px);
    -webkit-transform:translate(-600px);
    -ms-transform:translate(-600px);
    -moz-transform:translate(-600px);
    -o-transform:translate(-600px);*/
}
.cydw > .cydw-content:after, .cydw > .cydw-content>ul:after{
    content:'';
    display:table;
    clear:both;
}
.cydw-content li {
    float:left;
    margin: 20px 60px;
}
.cydw-content li img{
    -webkit-transition: 0.6s;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
}
  
.cydw-content li img:hover{
     transform: scale(1.1);
   /* transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);*/
}