@charset "utf-8";
* {margin:0; padding:0; font-family: "微软雅黑", "黑体", "宋体"; color: #222;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;}
form, img, table, td { border:0;}
ul, ol, li { list-style-type:none; display: block;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, textarea, img { vertical-align:middle; }
html,body{ width: 100%; height: 100%;}
em,i{font-style:normal;}
input,textarea,button{ -webkit-appearance:none;}
input[type="radio"]{ -webkit-appearance:radio;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}
a{text-decoration: none;}
.hide{ display:none;}
.pre { position: relative; }
.pab { position: absolute; }
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/*for w3c*/
.clearfix{zoom:1;}/*for IE*/

html,body { width: 100%; height: 100%; min-height: 100%;}
.big_pic { position: relative; width: 100%; background: center center no-repeat;}
.pic1 { height:604px; background-image: url("http://imgdn2.soufunimg.com/2017/01/19/jinan/gebz/1d931f98ddee452dbe9c141a30da6e59/images_pc/img1.jpg");}
.pic2 { height:757px; background-image: url("http://imgdn2.soufunimg.com/2017/01/19/jinan/gebz/1d931f98ddee452dbe9c141a30da6e59/images_pc/img2.jpg");}
.pic3 { height:762px; background-image: url("http://imgdn2.soufunimg.com/2017/01/19/jinan/gebz/1d931f98ddee452dbe9c141a30da6e59/images_pc/img3.jpg");}
.pic4 { height:931px; background-image: url("http://imgdn2.soufunimg.com/2017/01/19/jinan/gebz/1d931f98ddee452dbe9c141a30da6e59/images_pc/img4.jpg");}
.pic4 a { position: absolute; left: 50%; display: block; margin: 645px 0 0 -342px; width: 685px;}
.pic4 a img {  -webkit-animation: swing linear 1s infinite;animation: swing linear 1s infinite;}
.w1000 { position: relative; z-index:10; width: 1000px; height: 100px; margin: 0 auto; font-size: 68px; font-weight: bold;}
.w1000 i { position: absolute; color: #fff; top: 35px;}
.w1000 .i1 { left: 174px; }
.w1000 .i2 { left: 242px; }
.w1000 .i3 { left: 345px; }
.w1000 .i4 { left: 411px; }
.w1000 .i5 { left: 515px; }
.w1000 .i6 { left: 583px; }
.w1000 .i7 { left: 686px; }
.w1000 .i8 { left: 754px; }
/* swing */

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    /*
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
              transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
              transform: rotate3d(0, 0, 1, -10deg);
    }
    */

    33% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    66% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}