.singer .first{

    height: 100%;

    overflow: hidden;

}

.singer .first .banner{

    height: 100%;



    min-width: 1200px;

    background: url(../img/singerfirstBg.png);

    background-size: cover;



    position: relative;

    overflow: hidden;

}

.singerfirst1{

    position: absolute;

    width: 350px;

    height: 706px;

    left: 64px;

    bottom: 79px;

    background: url("../img/singerfirst1.png");

    background-size: cover;

    /*-ms-transform:translateX(-50%);*/

    /*-webkit-transform: translateX(-50%);*/

    /*-moz-transform: translateX(-50%);*/

    /*transform: translateX(-50%);*/

}

.singerfirst2{

    position: absolute;

    width: 450px;

    height: 109px;

    left: 508px;

    bottom: 542px;

    background: url("../img/singerfirst2.png");

    background-size: cover;

    /*-ms-transform:translateX(-50%);*/

    /*-webkit-transform: translateX(-50%);*/

    /*-moz-transform: translateX(-50%);*/

    /*transform: translateX(-50%);*/

}

.singerfirst3{

    position: absolute;

    width: 192px;

    height: 80px;

    left: 508px;

    bottom: 297px;

    background: url("../img/qcfirst4.png");

    background-size: cover;

}

.singerfirst4{

    position: absolute;

    width: 192px;

    height: 80px;

    left: 508px;

    bottom: 397px;

    background: url("../img/qcfirst3.png");

    background-size: cover;

}

.singerfirst5{

    position: absolute;

    width: 176px;

    height: 169px;

    left: 720px;

    bottom: 302px;

    background: url("../img/singerfirst5.png");

    background-size: cover;

}



  .singer .second{

      height: 100%;

      overflow: hidden;

  }

.singer .second .banner{

    height: 100%;



    min-width: 1200px;

    background: #fff;

    background-size: cover;



    position: relative;

    overflow: hidden;

}

.singersecond1{

    position: absolute;

    width: 408px;

    height: 140px;

    left: 64px;

    bottom: 413px;

    background: url("../img/singersecond1.png");

    background-size: cover;



}

.singersecond2{

    position: absolute;

    width: 352px;

    height: 709px;

    left: 742px;

    bottom: 93px;

    background: url("../img/singersecond2.png");

    background-size: cover;

}





  .singer .third{

      height: 100%;

      overflow: hidden;

  }

.singer .third .banner{

    height: 100%;



    min-width: 1200px;

    background: #F4FAFA;

    background-size: cover;



    position: relative;

    overflow: hidden;

}

.singerthird1{

    position: absolute;

    width: 352px;

    height: 709px;

    left: 64px;

    bottom: 98px;

    background: url("../img/singerthird1.png");

    background-size: cover;



}

.singerthird2{

    position: absolute;

    width: 451px;

    height: 199px;

    left: 624px;

    bottom: 390px;

    background: url("../img/singerthird2.png");

    background-size: cover;

}





  .singer .fourth{

      height: 100%;

      overflow: hidden;

  }

.singer .fourth .banner{

    height: 100%;



    min-width: 1200px;

    background: #fff;

    background-size: cover;



    position: relative;

    overflow: hidden;

}

.singerfourth1{

    position: absolute;

    width: 433px;

    height: 240px;

    left: 64px;

    bottom: 365px;

    background: url("../img/singerfourth1.png");

    background-size: cover;



}

.singerfourth2{

    position: absolute;

    width: 352px;

    height: 709px;

    left: 742px;

    bottom: 97px;

    background: url("../img/singerfourth2.png");

    background-size: cover;

}

.singerfourth3{

    position: absolute;

    width: 100%;

    left: 0px;

    bottom: 35px;

}
.singerfourth3 a{color: #333;cursor: pointer;text-decoration: none;}
.singerfourth3 a:hover{color: #E83E34 ;}

.slick-item .item{

    width: 1200px;

    margin: 0 auto;

    height: 100%;

    position: relative;



}