/*图文列表*/
h2{
    color: #444;
    font-size: 16px;
    border-bottom: solid 2px #d6d6d6;
    padding-bottom: 10px;
    margin-bottom:10px;
    padding-top: 10px;
    display: inline-block;
    vert-align: top;
}
h2.dw{
    text-decoration:none;
}
h3 {
    display: inline-block;
    vertical-align: top;
    padding-left: 566px;
    margin-top: 13px;
    padding-right: 128px;
    font-size: 25px;
    margin-bottom: 10px;
    font-family: 宋体;
    border-bottom: solid 2px #d6d6d6;
}


#body_wrapper li{
  display: inline-block;
   vertical-align: top;
}
#body_wrapper li a{
    color: #444;
    text-decoration: none;
}
.piclist li{
    margin-bottom: 10px;
    width:490px;
    heigth: 270px;
    margin-right: 10px;
    text-align: center;
    font-size: 20px;
}
.piclist li img{
    width:490px;
    heigth: 262px;
    margin-right: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}
#body_wrapper .piclist li a:hover,.piclist li a.on{
    color: blueviolet;
    font-size: larger;
}
@-webkit-keyframes piclist{
    0%{
        -webkit-transform:rotate(0deg) scale(1);
        -moz-transform:rotate(0deg) scale(1);
        -ms-transform:rotate(0deg) scale(1);
        -o-transform:rotate(0deg) scale(1);
        transform:rotate(0deg) scale(1);
        opacity: 0.5;
        border-radius: 1px;

    }
    40%{
        -webkit-transform:rotate(60deg) scale(1.6);
        -moz-transform:rotate(60deg) scale(1.6);
        -ms-transform:rotate(60deg) scale(1.6);
        -o-transform:rotate(60deg) scale(1.6);
        transform:rotate(60deg) scale(1.6);
        opacity: 0.9;
    }
    60%{
        -webkit-transform:rotate(30deg) scale(1.3);
        -moz-transform:rotate(30deg) scale(1.3);
        -ms-transform:rotate(30deg) scale(1.3);
        -o-transform:rotate(30deg) scale(1.3);
        transform:rotate(30deg) scale(1.3);
        opacity: 0.2;
        border-radius: 110px;
    }
    90%{
        -webkit-transform:rotate(0deg) scale(0.8);
        -moz-transform:rotate(0deg) scale(0.8);
        -ms-transform:rotate(0deg) scale(0.8);
        -o-transform:rotate(0deg) scale(0.8);
        transform:rotate(0deg) scale(0.8);
        opacity: 1;
        border-radius: 11px;
    }
}
@-moz-keyframes piclist{
    0%{
        -moz-transform:rotate(0deg) scale(1);
        transform:rotate(0deg) scale(1);
        opacity: 0.5;
        border-radius: 1px;

    }
    40%{
        -moz-transform:rotate( m60deg) scale(1.6);
        transform:rotate(60deg) scale(1.6);
        opacity: 0.9;
    }
    60%{
        -moz-transform:rotate(30deg) scale(1.3);
        transform:rotate(30deg) scale(1.3);
        opacity: 0.2;
        border-radius: 110px;
    }
    90%{
        -moz-transform:rotate(0deg) scale(0.8);
        transform:rotate(0deg) scale(0.8);
        opacity: 1;
        border-radius: 11px;
    }
}
@-ms-keyframes piclist{
    0%{
        -ms-transform:rotate(0deg) scale(1);
        transform:rotate(0deg) scale(1);
        opacity: 0.5;
        border-radius: 1px;

    }
    40%{
        -ms-transform:rotate(60deg) scale(1.6);
        transform:rotate(60deg) scale(1.6);
        opacity: 0.9;
    }
    60%{
        -ms-transform:rotate(30deg) scale(1.3);
        transform:rotate(30deg) scale(1.3);
        opacity: 0.2;
        border-radius: 110px;
    }
    90%{
        -ms-transform:rotate(0deg) scale(0.8);
        transform:rotate(0deg) scale(0.8);
        opacity: 1;
        border-radius: 11px;
    }
}
.piclist li:hover img{
    -webkit-animation-name:piclist;
    -moz-animation-name:piclist;
    -ms-animation-name:piclist;
    -o-animation-name:piclist;
    animation-name:piclist;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:linear;
    -moz-animation-timing-function:linear;
    -ms-animation-timing-function:linear;
    -o-animation-timing-function:linear;
    animation-timing-function:linear;
}
.listnav ul{
    text-align: center;
}
.listnav li{
    margin-right: 10px;
    background-color: cornflowerblue;
    padding: 1px 9px;
    height: 27px;
    font-size: 18px;
}
.listnav li.on,.listnav li:hover{
     background-color: cadetblue;
}
#body_wrapper li a {
    color: #444;
    text-decoration: none;
    text-align: center;
}
#footer_wrapper li{
    margin-top: -10px;
  padding-bottom: 0px;
}
#footer_wrapper p {
    margin-bottom: 10px;
}
div#footer_wrapper{
    width: 1000px;
   height: 40px;
}