#bingdu {
    position: relative;
    width: 1000px;
    height: 300px;
    margin-top: 40px;
}

.bolo-content {
    position: relative;
    height: 280px;
    width: 450px;
}

.bolo-img {
    display: none;
    height: 280px;
    width: 450px;
}

.bolo-active {
    display: inline-block;
    animation: 3s change;
}

.bolo-slide-indicators {
    position: absolute;
    bottom: 10px;
    right: 50%;
    transform: translateX(50%);
    z-index: 2;
}

.bolo-slide-indi {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: lightgray;
    border-radius: 50%;
    cursor: pointer;
}

.bolo-grey {
    background: gray;
}

#id-button-last {
    position: absolute;
    height: 40px;
    width: 20px;
    cursor: pointer;
    left: 0px;
    top: 50%;
    opacity: 0.5;
    background: gray;
    transform: translateY(-50%);
    border: 0px;
}

#id-button-next {
    position: absolute;
    height: 40px;
    width: 20px;
    cursor: pointer;
    right: 0;
    top: 50%;
    opacity: 0.5;
    background: gray;
    transform: translateY(-50%);
    border: 0px;
}

@keyframes change {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

#bingdu_txt {
    position: absolute;
    width: 500px;
    height: 280px;
    right: 20px;
    top: 0px;
    color: #333333;
    font-size: 14px;
    text-indent: 28px;
    line-height: 30px;
}

#bingdu_txt a {
    position: absolute;
    display: inline-block;
    right: 20px;
    bottom: 0px;
    width: 130px;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    color: #fff;
    background-color: #5065FF;
    text-indent: 0px;
}

#bingdu_txt a:hover {
    background-color: #E5906E;
}

#people {
    width: 960px;
    height: 243px;
    overflow: hidden;
    background-color: rgb(164, 163, 163);
    margin-top: 30px;
    border: 20px solid rgb(164, 163, 163);
}

#people ul {
    width: 1900px;
    animation: move 10s infinite linear;

}

#people ul li {
    float: left;
    background-color: #fff;
    margin-right: 30px;
}

#people ul li p {
    text-align: center;
    line-height: 30px;
}

#people ul li img {
    width: 160px;
}

@keyframes move {
    to {
        transform: translateX(-940px);
    }
}

#photo {
    position: relative;
    width: 1000px;
    height: 460px;
    margin-top: 30px;
}

#left_photo {
    position: relative;
    width: 700px;
    height: 460px;
    background-color: #E5906E;
    background: url(../images/bg2.jpeg) no-repeat;
    background-position: center;
    background-size: cover;
}

#left_photo:hover {
    background-position: center;
    background-size: 120%;
}

#left_photo p {
    width: 700px;
    background-color: #3333339e;
    color: #fff;
    position: absolute;
    bottom: 0px;
    text-align: center;
    line-height: 40px;
}

#right_photo {
    width: 280px;
    position: absolute;
    right: 0px;
    top: 0px;
}


#right_photo ul li {
    position: relative;
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
    cursor: pointer;
}

#right_photo ul li p {
    width: 100%;
    background-color: #3333339e;
    color: #fff;
    position: absolute;
    bottom: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

#right_photo li:nth-child(1) {
    background: url(../images/bg3.jpeg) no-repeat;
    background-position: center;
    background-size: cover;
}

#right_photo li:nth-child(2) {
    background: url(../images/bg4.jpeg) no-repeat;
    background-position: center;
    background-size: cover;
}

#right_photo li:nth-child(3) {
    background: url(../images/bg5.jpeg) no-repeat;
    background-position: center;
    background-size: cover;
}

#right_photo li:hover {
    background-position: center;
    background-size: 120%;
}