body {
    overflow-x: hidden;
    /* 隐藏滚动条 */
}

.container {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    background-color: #0F0F0F;
}

.container>div {
    width: 1000px;
    margin: auto;
    height: 220px;
    display: flex;
}

.container>div>div {
    flex: 1;
    padding-top: 45px;
}

.container>div>div>p {
    text-align: center;
    margin-top: .02rem;
    text-align: center;
    font-size: .36rem;
    font-weight: 800;
    line-height: .5rem;
    color: #FFF;
}

.container_1 {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    height: 800px;
    background: url(../solutionimg/solution6_bg1.jpg);
}

.container_1 .section__title {
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #fff;
}

.container_2 {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    height: 800px;
    background: url(../solutionimg/solution6_bg2.jpg);
    background-size: cover;
}

.container_2 .section__title {
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #000;
}

.container_2>p {
    margin-top: .3rem;
    line-height: .32rem;
    text-align: center;
    font-size: .3rem;
    font-weight: 500;
    color: #000;
    letter-spacing: .01rem;
}

.container_3 {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    height: 800px;
    background-color: white;
}

.container_3 .section__title {
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #000;
}

.container_3 .container_3_1 {
    width: 1000px;
    height: 600px;
    margin: auto;
    display: flex;
    margin-top: 20px;
}

.container_3 .container_3_1>div:first-of-type {
    width: 350px;
    height: 200px;
    margin-top: 4.5rem;
}

.container_3 .container_3_1>div:first-of-type img {
    width: 100%;
    height: 100%;

}

.container_3 .container_3_1>div:last-of-type {
    margin-top: 1rem;
    width: 650px;
    display: flex;
    flex-direction: column;
}

.container_3 .container_3_1>div:last-of-type div {
    flex: 1;
}

.container_3 .container_3_1>div:last-of-type div {
    display: flex;

}

.container_3 .container_3_1>div:last-of-type div>div {
    flex: 1;
    text-align: center;
    flex-direction: column;
    padding: 15px;
}

.container_3 .container_3_1>div:last-of-type div>div img {
    display: block;
    width: 100%;
    height: 150px;
}

.item__title {
    margin-top: .12rem;
    line-height: .5rem;
    font-size: .3rem;
    font-weight: 800;
    color: #111;
}

.item__desc {
    margin-top: .08rem;
    line-height: .32rem;
    font-size: .3rem;
    font-weight: 500;
    color: #111;
}

.container_4 {
    /* padding-top:40px; */
    padding-bottom: 40px;
    width: 100%;
    height: 800px;
    position: relative;
}

#ul {
    position: absolute;
    left: 20%;
    bottom: 30px;
    margin: auto;
    width: 1000px;
    display: flex;
    list-style: none;
    z-index: 5;
    cursor: pointer;
}

#ul li {
    padding-top: .4rem;
    flex: 1;
    font-size: .4rem;
    text-align: center;
    color: white;
}

.liChoose {
    font-size: .4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.divFooter {
    position: absolute;
    width: 100%;
    height: 100%;
}

.divFooter>section {
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}

.divFooter>section #vid {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.divFooter>div{
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #fff;
    z-index: 99;
    position: relative;
}

.divFooter>div>div{
    margin-top: 1rem;
    margin-bottom: .5rem;
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #fff;
    z-index: 99;
    position: relative;
}
.divFooter>div>p{
    margin-top: .3rem;
    line-height: .32rem;
    text-align: center;
    font-size:.3rem;
    font-weight: 500;
    color: #000;
    letter-spacing: .01rem;
    color: #FFF;
}
#ul1 {
    position: absolute;
    left: 20%;
    bottom: 30px;
    margin: auto;
    width: 1000px;
    display: flex;
    list-style: none;
    z-index: 5;
    cursor: pointer;
}

#ul1 li {
    padding-top: .4rem;
    flex: 1;
    font-size: .4rem;
    text-align: center;
    color: white;
}

.liChoose {
    font-size: .4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.divFooter1 {
    position: absolute;
    width: 100%;
    height: 100%;
}

.divFooter1>section {
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}

.divFooter1>section #vid {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.divFooter1>div{
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #fff;
    z-index: 99;
    position: relative;
}

.divFooter1>div>div{
    margin-top: 1rem;
    margin-bottom: .5rem;
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #fff;
    z-index: 99;
    position: relative;
}
.divFooter1>div>p{
    margin-top: .3rem;
    line-height: .32rem;
    text-align: center;
    font-size:.3rem;
    font-weight: 500;
    color: #000;
    letter-spacing: .01rem;
    color: #FFF;
}

#ul2 {
    position: absolute;
    left: 20%;
    bottom: 30px;
    margin: auto;
    width: 1000px;
    display: flex;
    list-style: none;
    z-index: 5;
    cursor: pointer;
}

#ul2 li {
    padding-top: .4rem;
    flex: 1;
    font-size: .4rem;
    text-align: center;
    color: white;
}

.liChoose {
    font-size: .4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.divAll_2{
    margin-bottom: 50px;
}
.divFooter2 {
    position: absolute;
    width: 100%;
    height: 100%;
}

.divFooter2>.img1{
    width: 100%;
    height: 100%;
    display: none;
    /* z-index: 1; */
}
.divFooter2>.img1 img{
    width: 100%;
    height: 100%;
}

.divFooter2>div{
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #111;
    z-index: 99;
    position: relative;
}

.divFooter2>div>div{
    margin-top: 1rem;
    margin-bottom: .5rem;
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #111;
    z-index: 99;
    position: relative;
}

.container_5 {
    padding-top:40px;
    padding-bottom: 40px;
    width: 100%;
    height: 800px;
    position: relative;
}

.container_5 .section__title {
    line-height: .76rem;
    text-align: center;
    font-size: .72rem;
    font-weight: 800;
    color: #000;
}
.container_5>p {
    margin-top: .3rem;
    line-height: .32rem;
    text-align: center;
    font-size: .3rem;
    font-weight: 500;
    color: #000;
    letter-spacing: .01rem;
}