* {
        margin: 0px;
        padding: 0px;
        list-style: none;
        text-decoration: none;
    }

    html {
        height: 100%;
    }

    body {
        position: relative;
        height: 100%;
        margin: 0px;
        background-color: #3e89be;
        overflow: hidden;
        font-family: "Microsoft YaHei";
    }

    .container {
        position: relative;
        height: 600px;
        width: 800px;
        margin: 0 auto;
    }

    .gearbox {
        top: 10%;
        height: 600px;
        width: 800px;
        position: relative;
        border: none;
        overflow: hidden;
    }
    /*    .gearbox div {
        background-image:url(17390.files/images/back.gif);
        background-repeat: no-repeat;
        height: 600px;
        width: 800px;
    }*/

    h1 {
        font-family: "宋体", 'Hiragino Sans GB', 'Simsun', 'Microsoft Yahei', Arial, Helvetica, sans-serif;
        text-align: center;
        color: #888888;
        font-size: 20px;
        padding-top: 10px;
    }

    .bottom {
        position: fixed;
        bottom: 0%;
        width: 100%;
    }
    /* 底部 */

    .footer {
        margin-top: 2.2rem;
        position: fixed;
        bottom: 0%;
        background: #ffffff;
        /*background: -webkit-linear-gradient(top, #00A1E9, #0086DF);*/
        width: 100%;
    }

    .fotInfoOne,
    .fotInfoTwo {
        padding-top: 0.35rem;
    }

    .fotInfoOne,
    .fotInfoTwo {
        color: #3e89be;
        text-align: center;
    }

    .fotInfoOne>a {
        display: inline-block;
        padding: 0 0.625rem;
        color: #3e89be;
        border-right: 0.063rem solid #3e89be;
    }

    .fotInfoOne>a:last-child {
        border-right: none;
    }

    .fotInfoTwo>img {
        vertical-align: middle;
    }

    .hidden-lg {
        display: none;
    }

    @media (max-width:767px) {
        .container{
            width: 100%;
        }
        .gearbox{
            width: 100%;
            overflow: hidden;
            margin: 0 auto;
        }
        .gearbox>div{
            overflow: hidden;
        }
        .gearbox>div>img {
            width: 100%;
            height: 45%;
            position: fixed;
            top: 15%;
        }
        .hidden-xs {
            display: none !important;
        }
        .hidden-lg {
            display: block !important;
        }
    }