@media screen and (min-width: 768px) and (max-width: 1024px) {
    .row {
        width: 768px;
        margin: 0 auto;
    }
    .topbg {
        background-size: 100%;
    }
    .bottombg {
        background-size: 100%;
    }
    .head {
        display: none;
    }
    .mintit {
        display: block;
        position: absolute;
    }
    .banner, .s1, .s2, .s3, .foot {
        min-width: 768px;
    }
    .banner {
        background: url('img/banner_min.jpg?id=2001221048') center bottom no-repeat;
        height: 823px;
    }
    .s1 {
        margin-top: -30px;
    }
    .s1 .s1bg, .s2 .s2bg {
        background-size: 100%;
        height: 480px;
    }
    .s1 section .col {
        width: 100%;
    }
    .s2 {
        margin-top: 400px;
    }
    .s2 #kwdot_1 {
        left: 22px;
    }
    .s2 #kwdot_2 {
        left: 202px;
    }
    .s2 #kwdot_3 {
        left: 402px;
    }
    .s2 #kwdot_4 {
        left: 602px;
    }
    .s2 .kw_main .con a {
        width: 100%;
    }
    .s2 .snowman {
        top: 50%;
        margin-top: -164px;
    }
    .s3_bg {
        background-size: 100%;
    }
    .s3 .s3_con {
        padding: 0 20px;
    }
    .s3 {
        padding-top: 300px;
    }
    .s3 .imgtree, .s3 .snowman, .s3 .man {
        display: none;
    }
    .xyw {
        position: absolute;
        top: 220px;
        left: 50%;
        margin-left: -160px;
    }
    .xyw .xymgif {
        top: 0;
        z-index: 1;
    }
    .xyw .popup {
        top: 100px;
        left: -220px;
        width: 670px;
        vertical-align: middle;
        z-index: 2;
    }

}

@media screen and (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        position: relative;
        width: 100%;
        min-width: 100%;
    }
    .row {
        width: 100%;
        min-width: 100%;
        margin: 0 auto;
    }
    .topbg {
        background-size: 100%;
    }
    .bottombg {
        background-size: 100%;
    }
    .head {
        display: none;
    }
    .mintit {
        display: block;
        position: absolute;
        min-width: 100%;
    }
    .mintit .tit_min {
        width: 90%;
    }
    .banner, .s1, .s2, .s3, .foot {
        min-width: 100%;
    }
    .banner {
        background: url('img/banner_min.jpg?id=2001221048') center bottom no-repeat;
        width: 100%;
        min-width: 100%;
        height: 823px;
    }
    .s1 {
        margin-top: -30px;
    }
    .s1 .imgtree, .s1 .s1_img {
        display: none;
    }
    .s1 .s1bg, .s2 .s2bg {
        background-size: 100%;
        height: 480px;
    }
    .s1 section {
        width: 100%;
        max-width: 640px;
        left: 40px;
    }
    .s1 section .col {
        width: 100%;
    }
    .s2 {
        margin-top: 300px
    }
    .s2 .tit {
        margin: 0 auto 20px;
    }
    .s2 .btn {
        margin: 20px auto;
    }
    .s2 .kw_main {
        width: 100%;
        max-width: 640px;
        padding-left: 0;
        text-align: center;
    }
    .s2 .kwdot_but {
        padding: 20px 10px;
        top: -120px;
    }
    .s2 .kwdot_but img {
        height: 30px;
    }
    .s2 .on img {
        height: 40px !important;
    }
    .s2 #kwdot_1 {
        left: 10%;
    }
    .s2 #kwdot_2 {
        left: 30%;
    }
    .s2 #kwdot_3 {
        left: 50%;
    }
    .s2 #kwdot_4 {
        left: 70%;
    }
    .s2 .kw_main .con a {
        width: 100%;
    }
    .s2 .snowman {
        display: none;
    }
    .s3_bg {
        background-size: 100%;
    }
    .s3 .s3_con {
        padding: 0 20px;
    }
    .s3 {
        padding-top: 300px;
    }
    .s3 .imgtree, .s3 .snowman, .s3 .man {
        display: none;
    }
    .s3 .split {
        display: none;
    }
    .s3 .col {
        width: 100%;
    }
    .xyw {
        position: absolute;
        width: 100%;
        top: 220px;
    }
    .xyw .xymgif {
        left: 40%;
        margin-left: -200px;
    }
    .xyw .popup {
        top: 100px;
        left: 0;
        padding: 30px 0;
        width: 100%;
        vertical-align: middle;
        z-index: 2;
    }
    .xyw .popup .con a {
        width: 100%;
    }
    .xyw .popup .con a span {
        padding: 0 30px;
    }
    .close {
        position: absolute;
        top: 52px;
        left: 0;
        width: 100%;
        padding: 0;
    }
}