/* 头部线条 */
@keyframes headerSvg {
    0% {
        width: 0;}
    100% {
        width: 1000px;}
}

@-webkit-keyframes headerSvg {
    0% {
        width: 0;}
    100% {
        width: 1000px;}
}

/* 底部线条 */
@keyframes footerSvg {
    0% {
        width: 0;}
    100% {
        width: 100%;}
}

@-webkit-keyframes footerSvg {
    0% {
        width: 0;}
    100% {
        width: 100%;}
}

/* 头部幻灯片导航展开 */

@keyframes widthOpen {
    0% {
        width: 20%;
        opacity: 0;}
    100% {
        width: 100%;
        opacity: 1;}
}

/* 头部幻灯片展开 */

@keyframes heightOpen {
    0% {
        height: 1px;
        opacity: 0;}
    100% {
        height: 350px;
        opacity: 1;}
}