.slide-my{position:relative;top:50px;opacity:0;transition:all 0.5s}.slide-my.show{top:0px;opacity:1}
.pic1 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 0;
    top: 1841px;
    z-index: 5;
    background: url(../images/pic1_bg_1280.jpg) left bottom no-repeat;
}

    .pic1 a {
        width: 255px;
        height: 141px;
        float: left;
        position: relative;
    }

        .pic1 a span {
            width: 100px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            left: 20px;
            top: 60px;
            font-size: 16px;
            font-weight: bold;
            color: #906e44;
            padding-right: 25px;
            background: url(../images/jt.png) right center no-repeat;
            z-index: 2;
        }

        .pic1 a em {
            width: 45px;
            height: 18px;
            line-height: 18px;
            position: absolute;
            left: 20px;
            top: 100px;
            font-size: 13px;
            color: #906e44;
            border: 1px #906e44 solid;
            text-align: center;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            z-index: 2;
        }

        .pic1 a strong {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic1_1280.png) right bottom no-repeat;
            z-index: 3;
        }

        .pic1 a i {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic1_1280.png) right bottom no-repeat;
            z-index: 4;
        }

        .pic1 a:hover i {
            animation: x1 1s 0s ease both;
            -moz-animation: x1 1s 0s ease both;
            -webkit-animation: x1 1s 0s ease both;
            -ms-animation: x1 1s 0s ease both;
        }

.pic2 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 262px;
    top: 1841px;
    z-index: 5;
    background: url(../images/pic2_bg_1280.jpg) left bottom no-repeat;
}

    .pic2 a {
        width: 255px;
        height: 141px;
        float: left;
        position: relative;
    }

        .pic2 a span {
            width: 100px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            left: 20px;
            top: 60px;
            font-size: 16px;
            font-weight: bold;
            color: #906e44;
            padding-right: 25px;
            background: url(../images/jt.png) right center no-repeat;
            z-index: 2;
        }

        .pic2 a em {
            width: 45px;
            height: 18px;
            line-height: 18px;
            position: absolute;
            left: 20px;
            top: 100px;
            font-size: 13px;
            color: #906e44;
            border: 1px #906e44 solid;
            text-align: center;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            z-index: 2;
        }

        .pic2 a strong {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic2_1280.png) right bottom no-repeat;
            z-index: 3;
        }

        .pic2 a i {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic2_1280.png) right bottom no-repeat;
            z-index: 4;
        }

        .pic2 a:hover i {
            animation: x1 1s 0s ease both;
            -moz-animation: x1 1s 0s ease both;
            -webkit-animation: x1 1s 0s ease both;
            -ms-animation: x1 1s 0s ease both;
        }

.pic3 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 524px;
    top: 1841px;
    z-index: 5;
    background: url(../images/pic3_bg_1280.jpg) left bottom no-repeat;
}

    .pic3 a {
        width: 255px;
        height: 141px;
        float: left;
        position: relative;
    }

        .pic3 a span {
            width: 100px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            left: 20px;
            top: 60px;
            font-size: 16px;
            font-weight: bold;
            color: #906e44;
            padding-right: 25px;
            background: url(../images/jt.png) right center no-repeat;
            z-index: 2;
        }

        .pic3 a em {
            width: 45px;
            height: 18px;
            line-height: 18px;
            position: absolute;
            left: 20px;
            top: 100px;
            font-size: 13px;
            color: #906e44;
            border: 1px #906e44 solid;
            text-align: center;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            z-index: 2;
        }

        .pic3 a strong {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic3_1280.png) right bottom no-repeat;
            z-index: 3;
        }

        .pic3 a i {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic3_1280.png) right bottom no-repeat;
            z-index: 4;
        }

        .pic3 a:hover i {
            animation: x1 1s 0s ease both;
            -moz-animation: x1 1s 0s ease both;
            -webkit-animation: x1 1s 0s ease both;
            -ms-animation: x1 1s 0s ease both;
        }

.pic4 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 787px;
    top: 1841px;
    z-index: 5;
    background: url(../images/pic4_bg_1280.jpg) left bottom no-repeat;
}

    .pic4 a {
        width: 255px;
        height: 141px;
        float: left;
        position: relative;
    }

        .pic4 a span {
            width: 100px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            left: 20px;
            top: 60px;
            font-size: 16px;
            font-weight: bold;
            color: #906e44;
            padding-right: 25px;
            background: url(../images/jt.png) right center no-repeat;
            z-index: 2;
        }

        .pic4 a em {
            width: 45px;
            height: 18px;
            line-height: 18px;
            position: absolute;
            left: 20px;
            top: 100px;
            font-size: 13px;
            color: #906e44;
            border: 1px #906e44 solid;
            text-align: center;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            z-index: 2;
        }

        .pic4 a strong {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic4_1280.png) right bottom no-repeat;
            z-index: 3;
        }

        .pic4 a i {
            width: 145px;
            height: 141px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: url(../images/pic4_1280.png) right bottom no-repeat;
            z-index: 4;
        }

        .pic4 a:hover i {
            animation: x1 1s 0s ease both;
            -moz-animation: x1 1s 0s ease both;
            -webkit-animation: x1 1s 0s ease both;
            -ms-animation: x1 1s 0s ease both;
        }