.index {
    background-color: #FFEA7F;
    border-radius: 8px;
}

.center {
    background: url("../img/backgroundIndex.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1631px;
}

.center .appdown {
    width: 459px;
    height: 221px;
    background: url("../img/btnback.png") no-repeat center center;
    background-size: contain;
    margin: 0 auto; /*水平居中*/
    position: relative;
    top: 63%; /*偏移*/
    cursor: pointer;
}

.center .appdown .appdownBgc {
    width: 518px;
    height: 195px;
    background: url("../img/btnbackground.png") no-repeat center center;
    background-size: contain;
    margin: 0 auto; /*水平居中*/
    position: relative;
    top: 17%; /*偏移*/
}

.center .appdown .appdownBgc .appleft {
    float: left;
}

.center .appdown .appdownBgc .appleft img {
    width: 188px;
    height: 188px;
    margin-top: 3px;
    margin-right: 43px;
}

.center .appdown .appdownBgc .appright {
    float: left;
}

.center .appdown .appdownBgc .appright img {
    width: 281px;
    height: 84px;
    margin-top: 6px;
    margin-bottom: 9px;
    cursor: pointer;
}

.center .banner {
    width: 1740px;
    height: 784px;
    background: url("../img/bannerback.png") no-repeat center center;
    background-size: contain;
    margin: 0 auto; /*水平居中*/
    position: relative;
    top: 51%; /*偏移*/

    /*width: 70%;*/
    /*height: 610px;*/
    /*background: url("../img/bannerback.png") no-repeat center center;*/
    /*background-size: contain;*/
    /*margin: 0 auto; !*水平居中*!*/
    /*position: relative;*/
    /*top: 50%; !*偏移*!*/
}

.containerBanner {
    max-width: 60%;
    height: 100%;
    margin: 0 auto;
}

.slide {
    width: 100%;
    min-height: 747px;
    overflow: hidden;
    position: relative;
    left: 3%;
    top: 5%;
    text-align: center;
}

.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 img {
    width: calc(80%);
    height: calc(80%);
    margin: 7px;
    cursor: pointer;
}

.slide .img1 {
    width: 40%;
    top: 10%;
    left: -50%;
    z-index: 1;
}

.slide .img2 {
    width: 40%;
    top: 10%;
    left: -5%;
    z-index: 2;
}

.slide .img3 {
    width: 50%;
    top: 0%;
    left: 25%;
    z-index: 3;
}

.slide .img4 {
    width: 40%;
    top: 10%;
    left: 65%;
    z-index: 2;
}

.slide .img5 {
    width: 45%;
    top: 30%;
    left: 110%;
    z-index: 1;
}

.slide-bt {
    position: absolute;
    left: 54%;
    bottom: 4%;
    z-index: 10;
}

.slide-bt span {
    width: 15px;
    height: 15px;
    background: #0000001a;
    float: left;
    margin: 5px;
    border-radius: 10px;
}

.slide .slide-bt .on {
    background: #33E8F9;
}

button {
    width: 50px;
    margin: 20px;
}

.btnBanner {
    width: 86px;
    height: 144px;
    display: inline-block;
    background: url("../img/btn.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 40%;
    cursor: pointer;
}

.btnLeft {
    left: 5%;
    transform: rotate(180deg);
    ms-transform: rotate(180deg); /* IE 9 */
    moz-transform: rotate(180deg); /* Firefox */
    webkit-transform: rotate(180deg); /* Safari and Chrome */
    o-transform: rotate(180deg); /* Opera */
}

.btnRight {
    right: 5%;
}