.mouse-scroll-area {
  position: static;
  width: 100% !important;
  height: 100% !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area {
    margin: 0 30px 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto !important;
    position: static !important;
  }
  .mouse-scroll-area .layer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 47%;
        -ms-flex: 0 47%;
            flex: 0 47%;
    margin: 0 10px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area {
    margin: 0 15px 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: auto !important;
    position: static !important;
  }
  .mouse-scroll-area .layer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
        -ms-flex: 0 100%;
            flex: 0 100%;
    margin: 0 0px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mouse-scroll-area {
    margin: 0 5px 47px;
  }
  .mouse-scroll-area .layer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 45%;
        -ms-flex: 0 45%;
            flex: 0 45%;
    margin: 0 10px 20px;
  }
}


@media only screen and  (min-width: 1200px) {
  .mouse-scroll-area .photography-img-position-1 {
    position: absolute;
    top: 30% !important;
    left: 0 !important;
    width: 200px;
    z-index: 91;
  }
  .mouse-scroll-area .photography-img-position-2 {
    position: absolute;
    top: 13% !important;
    left: 13.2% !important;
    width: 260px;
    z-index: 92;
  }
  .mouse-scroll-area .photography-img-position-3 {
    position: absolute;
    top: 56.5% !important;
    left: 10.2% !important;
    width: 300px;
    z-index: 9;
  }
  .mouse-scroll-area .photography-img-position-4 {
    position: absolute;
    top: 20% !important;
    left: 26% !important;
    width: 600px;
    z-index: 91;
  }
  .mouse-scroll-area .photography-img-position-5 {
    position: absolute;
    top: 0% !important;
    left: 64.5% !important;
    width: 405px;
    z-index: 9;
  }
  .mouse-scroll-area .photography-img-position-6 {
    position: absolute;
    top: 67% !important;
    left: 42% !important;
    width: 306px;
    z-index: 9;
  }
  .mouse-scroll-area .photography-img-position-7 {
    position: absolute;
    top: 60% !important;
    left: 74% !important;
    width: 306px;
    z-index: 9;
  }
  .mouse-scroll-area .photography-img-position-11 {
    position: absolute;
    top: 55.5% !important;
    left: 10.2% !important;
    width: 200px;
    z-index: 9;
  }
}



.mouse-scroll-area .photography-img-position-1:hover,
.mouse-scroll-area .photography-img-position-2:hover,
.mouse-scroll-area .photography-img-position-3:hover,
.mouse-scroll-area .photography-img-position-4:hover,
.mouse-scroll-area .photography-img-position-5:hover,
.mouse-scroll-area .photography-img-position-6:hover,
.mouse-scroll-area .photography-img-position-7:hover
{
  z-index: 99;
}

.mouse-scroll-area .photography-img-position-1 img,
.mouse-scroll-area .photography-img-position-2 img,
.mouse-scroll-area .photography-img-position-3 img,
.mouse-scroll-area .photography-img-position-4 img,
.mouse-scroll-area .photography-img-position-5 img,
.mouse-scroll-area .photography-img-position-6 img,
.mouse-scroll-area .photography-img-position-7 img
{
  width: 100%;
}


#renwen{position:relative;height:800px;}
/*员工关怀*/
#guanhuai{height: 800px;}
@media only screen and  (max-width: 1199px) {
  .mouse-scroll-area {
     position: static;
  }
  .mouse-scroll-area .photography-img-position-1,
  .mouse-scroll-area .photography-img-position-2,
  .mouse-scroll-area .photography-img-position-3,
  .mouse-scroll-area .photography-img-position-4,
  .mouse-scroll-area .photography-img-position-5,
  .mouse-scroll-area .photography-img-position-6,
  .mouse-scroll-area .photography-img-position-7
  {
    position: static !important;
    /*width: 100%;*/
  }
  #renwen{height:auto;}
  #guanhuai{height: auto;}
}

/*@media only screen and (max-width: 767px) {
  .mouse-scroll-area .photography-img-position-1 {
    position: static !important;
    width: 100%;
  }
}*/


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .photography-img-style .photography-content-wrap {
    padding: 10px 15px 15px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .photography-img-style .photography-content-wrap {
    padding: 10px 15px 15px 15px;
  }
}

.photography-img-style {
  overflow: hidden;
}


.layer {
  pointer-events: visible;
}