body {
    max-width: 640px;
    margin: 0px auto;
    font-family: "微软雅黑";
background-color:#fff;
}

.viewport {
    margin: auto;
    overflow: hidden;
}

@media screen and (max-width:300px) {
    body {
        font-size: 10px !important
    }
}

@media screen and (max-width:310px) and (min-width:301px) {
    body {
        font-size: 11px !important
    }
}

@media screen and (max-width:320px) and (min-width:311px) {
    body {
        font-size: 13px !important
    }
}

@media screen and (max-width:350px) and (min-width:321px) {
    body {
        font-size: 13px !important
    }
}

@media screen and (max-width:360px) and (min-width:351px) {
    body {
        font-size: 13px !important
    }
}

@media screen and (max-width:470px) and (min-width:361px) {
    body {
        font-size: 14px !important
    }
}

@media screen and (max-width:480px) and (min-width:471px) {
    body {
        font-size: 15px !important
    }
}

@media screen and (min-width:480px) {
    body {
        font-size: 15px !important
    }
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    text-decoration: underline;
}

.form_t1{
    text-align: center;
    background-size: 100% 100%;
}
.form_t1 form{
    padding:0 0 .27rem;
    box-sizing: border-box;
    width: 5.92rem;
    margin:0 auto;
}
.form_t1 form h3{
    padding:.3rem 0;
    font-size: .3rem;
    color:#333;
    text-align: center;
}
.form_t1 form h3 span{
    font-size:.22rem;
}
.form_t1 input{
    border:1px solid #555;
    outline: none;
    width: 100%;
    line-height: .6rem;
    font-size: .22rem;
    margin-bottom:.3rem;
    text-indent: 1em;
    background-color: transparent;
    color:#333;
}
.form_t1 input[type="submit"]{
    border:none;
    text-indent: 0;
    font-size: .24rem;
    width: 2.6rem;
    line-height: .6rem;
    color:#74181b;
    font-size: .26rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    background-color:#fff83c;
    text-align: center;
}
.top123 {
    float: right;
    width: 2.9em;
}

.inpu {
    width: 70%;
    height: 2em;
}

.inputt {
    width: 8em;

    border: 1px solid #CCCCCC;

    background-color: #fafafa;

    font-size: 1em;

    font-weight: bold;

    line-height: 1.5em;

    color: #333333;

    margin-left: 5.5em;

    height: 2em;
}

.mg img {

    width: 100%;

}

.zx {
    text-align: center;
}

.zx img {
    width: 29.8%;
    margin: 35px 0;
}

.four {
    background: url(../images/vr_r22_c1.jpg) repeat-y center top;
    background-size: 100%;
    padding: 0 6%;
}

.four div {
    width: 42%;
}

.four div p {
    margin: 0px;
    padding-bottom: 10px;
}

.four div p:first-child {
    text-align: center;
    letter-spacing: 1px;
    font-size: 1.5em;
    padding-top: 10px;
}

.xz img {
    width: 100%;
    margin: 10px 0;
}
.xz p {
    margin: 0px;
}
.index_button a {
    font-size: .24rem!important;

}
.banner{
    width: 100%;
    margin: 0px auto;
}
.banner img{
    width: 100%;
}