.container{
    position: relative;
    height: 40rem;
    width: 75.88%;
    margin: 0 auto;
}
.safty_button{
    z-index: 500;
    position: absolute;
    width: 5.125rem;
    height: 5.125rem;
    border-radius:50%;
}
.safty_button1{
    top:7.625rem;
    left:-10rem;
    background: url("../images/btn-left2.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.safty_button2{
    top:7.625rem;
    right:-10rem;
    background: url("../images/btn-right2.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.slide{
    width: 100%;
    height: 23.125rem !important;
    /*overflow: hidden;*/
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
}
.slide .img .zhe{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    top:0;
    left:0;
    z-index:450;
}
.slide .img3 .zhe{
    display: none;
}
.slide .img .p1{
    z-index:500;
    top:6rem;
    position: absolute;
    font-size:2.5rem;
    font-family: "Source Han Sans CN Medium";
    width: 100%;
    text-align: center;
    padding:0!important;
    /*margin-top: 6.625rem;*/
    color: #fff;
}
.slide .img .p2{
    z-index:500;
    top:9.625rem;
    padding:0!important;
    position: absolute;
    font-size:1.125rem;
    font-family: "Source Han Sans CN Medium";
    width: 100%;
    text-align: center;
    /*margin-top: 1.5rem;*/
    color: #fff;
}
.slide .img .safty_player{
    display: none;
    position: absolute;
    z-index:500;
    top: 13.75rem;
    left: 15.625rem;
    width: 5.06rem;
    height: 5.06rem;
    background: url("../images/player.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.slide .img3 .safty_player{
    display: block;
}
.slide .img img{
    width: calc(100% - 0.0625rem);
    height: calc(100% - 0.0625rem);
    /*margin: 7px;*/
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 32%;
    height: 80%;
    top: 9%;
    left: -1.5%;
    z-index: 2;
}
.slide .img3{
    width: 39.88%;
    height: 100%;
    /*top: 10%;*/
    left: 30.2%;
    z-index: 3;
}
.slide .img2 .p1{
    font-size: 2.0rem;
}
.slide .img2 .p2{
    font-size: 1.0rem;
}
.slide .img3 .p1{
    font-size: 2.2rem;
}

.slide .img4 .p1{
    font-size: 2.0rem;
}
.slide .img4 .p2{
    font-size: 1.0rem;
}
.slide .img4{
    width: 32%;
    height: 80%;
    top: 9%;
    left: 69.5%;
    z-index: 2;
}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}