@charset "utf-8";
/* CSS Document */
img {
    border: none;
}

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

.clearfix {
    clear: both;
}
body,html{
    width: 100%;
    height: 100%;
}
body {
    background: url(../img/index/background1.png) no-repeat bottom center;
    margin: 0;
    padding: 0;
    background-size: cover;
    overflow: hidden;
}
/*body{ margin:0; padding:0; width:100%;}*/

.content {
    width: 900px;
    margin: 0 auto;
}


.zhonghua {
    display: block;
    margin: 0 auto;
    padding-top: 60px;
}

.dizigui, .gushi, .shici, .yuer {
    float: left;
}

.dizigui {
    width: 25%;
    background-image: url(../img/index/dizigui.png);
    background-repeat: no-repeat;
    background-position: 15px;
    margin-top: 6%;
}

.dizigui-zi {
    width: 25%;
}

    .dizigui-zi img {
        margin: auto;
        display: block;
    }

.gushi {
    width: 17%;
    margin-left: 3%;
    margin-top: 6%;
}

.gushi-zi {
    width: 17%;
}

.shici {
    width: 25%;
    margin-top: 25%;
    margin-left: 10%;
}

.yuer {
    width: 20%;
    margin-top: -15%;
}

.yuer-zi {
    margin-left: 10%;
    display: block;
}
@media only screen and (max-width: 1280px) {
    .content{
        height: 100%;
    }
    .zhonghua{
        padding-top: 0px;
        margin-left: -290px;
        transform: scale(0.6);
        position: relative;
        top: -25px;
    }
    .dizigui{
        transform: scale(0.8);
    }
    .gushi{
        transform: scale(0.8);
        margin-top: 0;
    }
    .shici{
        transform: scale(0.8);
        margin-top: 0;
    }
    .yuer{
        transform: scale(0.6);
    }
}