*{margin: 0;padding: 0;}
a{text-decoration: none}
a:hover{text-decoration: none}
ul,li{list-style: none}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
input{outline: none}

body,html{background: #fff;width: 100%;
    height: 100%;
    overflow: hidden;
}
body{
    margin: 0;
    background: url() repeat-x center top;
    background-size: cover;
    font-family: "微软雅黑";
    color: #666;
    font-size: 14px;
    padding-top: 1px;
    position: relative;
}
.logo img{
    width: 200px;
}
.foot p{ margin: 0;}

    #main{ width:100%; margin:auto 0;}
    #main video{
        width: 100%;
        height: 100%;
    }
    #main ul{
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        
    }
    #main ul>li>hr{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        height: 50px;
        background: #fff;
        margin: auto 0;
    }
    #main ul>li{
        width: 50%;
        background: #acaaab;
        padding: 20px 40px;
        text-align: center;
        position: relative;

    }
    #main ul>li.cur{
        background: #666;
    }
    #main ul>li:hover{
        background: #666;
    }
    #main ul>li h3{
        font-size: 24px;
        color: #000;
        font-weight: bold;
    }
    #main ul>li>a>hr{
        width: 6px;
        height: 6px;
        background: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin: 10px auto;
}
#main ul>li p{
    font-size: 16px;
    color: #000;
}
#main ul>li span{
    display: inline-block;
    font-size: 16px;
    background: #5b7bdd;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 5px 0;
    font-weight: bold;
}
    @media all and (max-width:768px) {
        #main{
            margin: 0;
        }
        #main ul>li{
            width: 100%;
            padding: 10px 20px;
            border-top: 3px solid #fff;
        }
    }