.content {
    min-width: 1200px;
}

    .content .top {
        width: 100%;
        position: relative;
    }

        .content .top .text {
            width: 25%;
            font-size: 28px;
            line-height: 55px;
            color: #fff;
            position: absolute;
            top: 10%;
            right: 20%;
            text-align: center;
            font-weight: normal;
        }

        .content .top img {
            width: 100%;
            display: block;
        }

    .content .con {
        width: 100%;
        padding: 45px 0;
    }

        .content .con .service {
            width: 1200px;
            margin: 0 auto;
        }

            .content .con .service .title {
                height: 30px;
                line-height: 30px;
                color: #333;
                font-size: 24px;
                text-align: center;
                margin-bottom: 15px;
                font-weight: 600;
            }

            .content .con .service .text {
                font-size: 16px;
                color: #555;
                line-height: 25px;
                text-align: center;
            }

        .content .con .service1 {
            width: 1200px;
        }

            .content .con .service1 .goodsShow {
                width: 70%;
                height: 510px;
                margin: 55px auto 0 auto;
                position: relative;
            }

                .content .con .service1 .goodsShow .img1 {
                    position: absolute;
                    left: 90px;
                    top: 0;
                }

                .content .con .service1 .goodsShow .img2 {
                    position: absolute;
                    left: 380px;
                    top: 55px;
                }

                .content .con .service1 .goodsShow .img3 {
                    position: absolute;
                    right: 0;
                    top: 10px;
                }

                .content .con .service1 .goodsShow .img4 {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                }

                .content .con .service1 .goodsShow .img5 {
                    position: absolute;
                    left: 380px;
                    bottom: 0;
                }

                .content .con .service1 .goodsShow .img6 {
                    position: absolute;
                    right: 0;
                    bottom: 35px;
                }

        .content .con .service2 {
            width: 1200px;
        }

            .content .con .service2 .title {
                font-weight: 600;
            }

            .content .con .service2 .imgBox {
                width: 95%;
                margin: 140px auto 0 auto;
                position: relative;
            }

                .content .con .service2 .imgBox .img0 {
                    width: 100%;
                    display: block;
                }

                .content .con .service2 .imgBox .txt .img1 {
                    width: 13px;
                    height: 13px;
                    animation: ani2 1s alternate infinite;
                    -webkit-animation: ani2 1s alternate infinite;
                    -moz-animation: ani2 1s alternate infinite;
                    -o-animation: ani2 1s alternate infinite;
                    -ms-animation: ani2 1s alternate infinite;
                }

                .content .con .service2 .imgBox .txt span {
                    font-size: 16px;
                }

                .content .con .service2 .imgBox .txt1 {
                    position: absolute;
                    top: -20px;
                    left: 0;
                }

                .content .con .service2 .imgBox .txt2 {
                    position: absolute;
                    top: -20px;
                    left: 253px;
                }

                    .content .con .service2 .imgBox .txt2 .img1 {
                        position: absolute;
                        left: 32px;
                        top: 24px;
                    }

                .content .con .service2 .imgBox .txt3 {
                    position: absolute;
                    left: 19%;
                    bottom: -30px;
                }

                .content .con .service2 .imgBox .txt4 {
                    position: absolute;
                    top: 200px;
                    right: -55px;
                }

                .content .con .service2 .imgBox .txt5 {
                    position: absolute;
                    left: 616px;
                    bottom: -42px;
                }

                    .content .con .service2 .imgBox .txt5 .img1 {
                        position: absolute;
                        left: 34px;
                        top: -16px;
                    }

        .content .con .service3 {
            width: 1200px;
        }

            .content .con .service3 .title {
                color: #fff;
            }

            .content .con .service3 .text {
                color: #fff;
            }

            .content .con .service3 .imgBox {
                width: 100%;
                height: 300px;
                margin: 70px auto 0 auto;
                position: relative;
            }

                .content .con .service3 .imgBox .img {
                    width: 100px;
                    display: none;
                }

                    .content .con .service3 .imgBox .img img {
                        display: block;
                        width: 100%;
                    }

                    .content .con .service3 .imgBox .img span {
                        display: block;
                        line-height: 25px;
                        font-size: 16px;
                        color: #fff;
                        text-align: center;
                    }

                .content .con .service3 .imgBox .img1 {
                    position: absolute;
                    left: 0;
                    bottom: 15px;
                    /* animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .img2 {
                    position: absolute;
                    left: 105px;
                    bottom: 120px;
                    /* animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .img3 {
                    position: absolute;
                    left: 220px;
                    top: 30px;
                    /* animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .img4 {
                    position: absolute;
                    left: 330px;
                    bottom: 120px;
                    /* animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .img5 {
                    position: absolute;
                    left: 440px;
                    bottom: 15px;
                    /* animation-delay: 0s;
					-webkit-animation-delay: 0s;
					-moz-animation-delay: 0s;
					-o-animation-delay: 0s;
					-ms-animation-delay: 0s;*/
                }

                .content .con .service3 .imgBox .img6 {
                    position: absolute;
                    left: 550px;
                    bottom: 120px;
                    /* animation-delay: 0s;
					-webkit-animation-delay: 0s;
					-moz-animation-delay: 0s;
					-o-animation-delay: 0s;
					-ms-animation-delay: 0s;*/
                }

                .content .con .service3 .imgBox .img7 {
                    position: absolute;
                    left: 660px;
                    top: 30px;
                    /* animation-delay: 0s;
					-webkit-animation-delay: 0s;
					-moz-animation-delay: 0s;
					-o-animation-delay: 0s;
					-ms-animation-delay: 0s;*/
                }

                .content .con .service3 .imgBox .img8 {
                    position: absolute;
                    left: 770px;
                    bottom: 120px;
                    /* animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .img9 {
                    position: absolute;
                    left: 880px;
                    bottom: 15px;
                    /* animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .img10 {
                    position: absolute;
                    left: 990px;
                    bottom: 120px;
                    /* animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .img11 {
                    position: absolute;
                    right: 0;
                    top: 30px;
                    /*animation-delay: 1s;
					-webkit-animation-delay: 1s;
					-moz-animation-delay: 1s;
					-o-animation-delay: 1s;
					-ms-animation-delay: 1s;*/
                }

                .content .con .service3 .imgBox .ani1 {
                    animation: ani1 1s forwards;
                    -webkit-animation: ani1 1s forwards;
                    -moz-animation: ani1 1s forwards;
                    -o-animation: ani1 1s forwards;
                    -ms-animation: ani1 1s forwards;
                }

        .content .con .service4 {
            width: 1200px;
        }

            .content .con .service4 .text {
                padding: 0 150px;
            }

            .content .con .service4 .imgBox {
                width: 65%;
                margin: 80px auto 0 auto;
            }

                .content .con .service4 .imgBox img {
                    width: 100%;
                    display: block;
                }

    .content .con1 {
        height: 720px;
        background: #e8e8e8;
    }

    .content .con2 {
        height: 840px;
        background: #fff;
    }

    .content .con3 {
        height: 510px;
        background: url(../images/6/6_9.jpg) no-repeat;
    }

    .content .con4 {
        height: 630px;
        background: #fff;
    }

@keyframes ani1 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

@keyframes ani2 {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}