body {
    font-size: 14px;
}

.bg1 {
    height: 500px;
    width: 100%;
    background: url('../../Content/pc-imgs/aboutbg1.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 300px;
}

    .bg1 .center {
        width: 1300px;
        height: 500px;
        box-shadow: darkgrey 0px 6px 20px 3px;
        border-radius: 8px;
        margin: 0 auto;
        background: #fff;
        margin-top: 200px;
    }

    .bg1 .mingzi {
        text-align: center;
        padding-top: 40px;
    }

        .bg1 .mingzi div:first-child {
            font-size: 24px;
            line-height: 26px;
        }

        .bg1 .mingzi div:last-child {
            color: #888;
        }

    .bg1 .content {
        margin-top: 20px;
        padding: 0 60px;
    }

        .bg1 .content p {
            margin-bottom: 5px;
            text-indent: 28px
        }

    .bg1 .bottom {
        display: flex;
        width: 800px;
        margin: 60px auto;
        justify-content: space-between;
    }

        .bg1 .bottom .santu div {
            text-align: center;
        }

.bg2 {
    width: 100%;
    height: 500px;
    position: relative;
}

.biaoji {
    display: inline-block;
    width: 5px;
    height: 40px;
    background: #0852a2;
    position: relative;
}

    .biaoji span {
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 5px;
        background: #de465f;
    }

.name {
    display: inline-block;
    margin-left: 20px;
}

.bg2 .rfloat {
    width: 1300px;
    margin: 0 auto;
    padding-top: 20px;
}

    .bg2 .rfloat .left {
        width: 500px;
        margin-top: 50px;
    }

        .bg2 .rfloat .left p {
            text-indent: 28px;
            margin-bottom: 5px;
            color: #333;
        }

    .bg2 .rfloat .right {
        position: absolute;
        top: 100px;
        right: 0;
        width: 800px;
        height: 300px;
        background: url('../../Content/pc-imgs/aboutbg3.png') no-repeat;
        background-size: 100% 100%;
    }

        .bg2 .rfloat .right .swiper-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
        }

            .bg2 .rfloat .right .swiper-container .swiper-slide {
                position: relative;
                border: 1px solid #ccc;
                border-radius: 6px;
                height: 220px;
                background: #fff;
            }

                .bg2 .rfloat .right .swiper-container .swiper-slide .img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    width: 80%;
                    text-align: center;
                }

.bg3 {
    background: url('../../Content/pc-imgs/aboutbg2.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 700px;
}

    .bg3 .center {
        width: 1300px;
        height: 500px;
        margin: 0 auto;
        padding-top: 40px;
    }

        .bg3 .center .left {
            float: left;
            width: 500px;
            margin-top: 50px;
        }

            .bg3 .center .left img {
                box-shadow: 35px 35px 0px #0852a2;
            }

        .bg3 .center .right {
            float: left;
            width: 600px;
            color: #fff;
            margin-top: 100px;
        }

            .bg3 .center .right p {
                margin-bottom: 5px;
            }

.bg4 .center {
    width: 1300px;
    margin: 0 auto;
    padding: 60px 0;
}