@media screen and (min-width:960px) {
    hr{
        color: #5C4401;width: 60%;
    }
    html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    body {
        margin-left: auto;
        margin-right: auto;
        margin: 0;
    }

    a:active,
    a:hover {
        outline: 0;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    html {
        font-size: 62.5%;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    body {
        font-family: "微软雅黑", "Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica", "Arial", "Verdana", "sans-serif";
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
    }

    .webTop {
        height: auto;
        width: 100%;
        background-color: white;
        position: fixed;
        z-index: 99;
        border-bottom: solid gray 0.1em;
        overflow: hidden;
    }

    .webToptitle {
        font-size: 2vw;
        margin-left: 20%;
        margin-top: 0.5%;
        margin-bottom: 0.5%;
        font-weight: 900;
        text-transform: uppercase;
        float: left;
        text-transform: capitalize;
    }

    .webTopslogan ul li {
        list-style-type: none;
        float: left;
    }

    .webTopslogan ul li a {
        text-decoration: underline;
    }

    .webTopslogan {
        float: right;
        font-size: 1vw;
        margin-right: 15%;
        margin-top: 2%;

        color: #666;
        text-transform: uppercase;
        text-transform: capitalize;
    }



    a:hover,
    a:focus {
        color: #E74C3C;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    table {
        max-width: 100%;
        background-color: transparent;
    }

    th {
        text-align: left;
    }

    .table {
        margin-left:10%;
        width: 80%;
        /*width: 100%;*/
        margin-bottom: 20px;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .padtop50 {
        padding-top: 50px
    }

    .padtop80 {
        padding-top: 80px
    }

    .title {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 450px
    }

    .title1 {
        margin-left: auto;
        margin-right: auto;
        padding-top: 60px;
        font-size: 30pt;
        margin-left: 20%;
        width: 60%;
        font-family: '微软雅黑';
        font-weight: bolder;
        line-height: 50px;
        text-align: center;
    }

    .title2 {
        margin-left: auto;
        margin-right: auto;
        margin-left: 20%;
        width: 60%;
        font-family: '微软雅黑';
        font-weight: normal;
        line-height: 50px;
        text-align: center;
        color: #5C4401
    }

    .download {
        margin-left: auto;
        margin-right: auto;
        width: 60%;
        padding-left: 10%;

    }

    .download1 {
        float: left;
        text-decoration: none;
        font-size: 20px;
        font-weight: 400;

        padding: 0.7em 2.5em;
        display: inline-block;
        margin-bottom: 0.5em;
        text-decoration: none;
/*         width: %; */
        border-radius: 5px;
        margin: 1em;
        border: #0d93f6;
        opacity: 0.8;
        min-width: 25%;
/*         height: 60px; */
        text-align: center;
    }


}





@media screen and (max-width:960px){
    hr{
        color: white;width: 90%;
    }
    html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    body {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin: 0;
    }

    a:active,
    a:hover {
        outline: 0;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    html {
        font-size: 62.5%;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    body {
        font-family: "微软雅黑", "Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica", "Arial", "Verdana", "sans-serif";
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
    }

    .webTop {
        height: auto;
        width: 100%;
        background-color: white;
        position: fixed;
        z-index: 99;
        border-bottom: solid gray 0.1em;
        overflow: hidden;
    }

    .webToptitle {
        font-size: 4.5vw;
        margin-left: 5%;
        margin-top: 0.5%;
        /*margin-bottom: 0.5%;*/
        font-weight: 900;
        text-transform: uppercase;
        float: left;
        text-transform: capitalize;
    }

    .webTopslogan ul li {
        list-style-type: none;
        float: left;
    }

    .webTopslogan ul li a {
        text-decoration: underline;
    }

    .webTopslogan {
        float: right;
        font-size: 1vw;
        margin-right: 5%;
        margin-top: 2%;

        color: #666;
        text-transform: uppercase;
        text-transform: capitalize;
    }



    a:hover,
    a:focus {
        color: #E74C3C;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    table {
        max-width: 100%;
        background-color: transparent;
    }

    th {
        text-align: left;
    }

    .table {
        margin-left:5%;
        width: 90%;
        /*width: 100%;*/
        margin-bottom: 20px;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        /*padding: 8px;*/
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .padtop50 {
        padding-top: 40px
    }

    .padtop80 {
        padding-top: 80px
    }

    .title {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 350px;
        text-align: center;
    }

    .title1 {
        margin-left: auto;
        margin-right: auto;
        padding-top: 40px;
        font-size: 30pt;
        /*margin-left: 20%;*/
        width: 100%;
        font-family: '微软雅黑';
        font-weight: bolder;
        line-height: 50px;
        text-align: center;
    }

    .title2 {
        margin-left: auto;
        margin-right: auto;
        /*margin-left: 20%;*/
        width: 90%;
        font-family: '微软雅黑';
        font-weight: normal;
        line-height: 20px;
        text-align: center;
    }

    .download {
        margin-left: auto;
        margin-right: auto;
        /*padding-left: 15%;*/
        /*width: 60%;*/

    }

    .download1 {
        float: left;
        text-decoration: none;
        font-size: 10px;
        font-weight: 400;

        padding: 0.7em 2.5em;
        display: inline-block;
        margin-bottom: 0.5em;
        text-decoration: none;
        width: 21%;
        border-radius: 5px;
        margin: 1em;
        border: #0d93f6;
        opacity: 0.8;
        min-width: 25%;
        height: 35px;
        text-align: center;
    }
}

.webToptitle a {
    text-decoration: none;
    /*font-size: inherit;*/
    /*font-family: inherit;*/
    color: #e4b42d;
}

a {
    color: #e4b42d;
    text-decoration: none;
}
.title {
    background: url("../../images/waves.gif");
}
.title1 {
    color: #5C4401;
}
.title2 {
    color: #5C4401
}
.download1 {
    background: white;
    color: #fad46a;
}
.download1 a {
    display: block;
    color: #5C4401;
}
.download {
    margin-left: auto;
    margin-right: auto;

}