.home {
  min-width: 1000px;
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/home.jpg) center center no-repeat;
  background-size: cover;
}

.home .logo {
  width: 34.63%;
  position: absolute;
  top: 5%;
  left: 5%;
}

.home .logo img {
  width: 100%;
  display: block;
}

.home .title {
  position: absolute;
  width: 48.28%;
  right: 5%;
  top: 20%;
}

.home .btn1 {
  position: absolute;
  width: 22.39%;
  bottom: 5%;
  left: 50%;
  margin-left: -11.19%;
}

.home .btn1 img {
  width: 100%;
  display: block;
}

.home .btn1 img.hand {
  width: 23.25%;
  position: absolute;
  bottom: -5%;
  right: -5%;
  transform-origin: right bottom;
  animation: hand 2s linear infinite;
}

@keyframes hand {
  to {
    transform: rotate(50deg);
  }
}

.btn2 {
  position: absolute;
  width: 14.47%;
  top: 5%;
  right: 5%;
  cursor: pointer;
}

.alert {
  position: fixed;
  width: 28.75%;
  top: 20%;
  left: 50%;
  margin-left: -14.375%;
  z-index: 999;
  display: none;
}

.alert a {
  width: 10%;
  height: 10%;
  position: absolute;
  right: 0.5%;
  top: 1.4%;
  z-index: 1;
}

.alert img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}

.mask {
  min-width: 1000px;
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/mask.png);
}

.pages {
  width: 100%;
  padding-top: 32%;
}

.pages .fill {
  display: block;
  width: 100%;
}

.pages .goHome {
  width: 14.37%;
  position: absolute;
  top: 5%;
  left: 5%;
}

.pages .goHome img {
  width: 100%;
  display: block;
}

.pages .container {
  width: 100%;
  position: relative;
  padding-top: 18%;
}

.pages .container .tab {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.pages .container .tab.fixed {
  position: fixed;
  top: 0;
}

.pages .container .tab a {
  display: inline-block;
  width: 21.45%;
  margin-right: 5%;
}

.pages .container .tab a.last {
  margin-right: 0;
}

.pages .container .down {
  position: absolute;
  width: 6.09%;
  margin-top: -9.5%;
  left: 50%;
  margin-left: -3.045%;
  animation: down 2s linear infinite;
}

@keyframes down {
  to {
    margin-top: -6%;
    opacity: 0;
  }
}

.pages .container .bottom {
  position: absolute;
  bottom: 0px;
  left: 0;
  overflow: hidden;
  padding-top: 10%;
}

.pages .container .bottom .bottomBtn {
  width: 43.48%;
  position: absolute;
  left: 50%;
  margin-left: -21.74%;
  top: 0;
}

.pages .container .bottom .wrap {
  position: absolute;
  width: 1000px;
  z-index: 1;
  text-align: center;
  font-size: 15px;
  color: #b56907;
  bottom: 1%;
  left: 50%;
  margin-left: -500px;
}

.pages .container .bottom .wrap a {
  font-size: 15px;
  color: #b56907;
}

.pages .container .bottom .wrap .copyright,
.pages .container .bottom .wrap .fenxiang,
.pages .container .bottom .wrap .bdsharebuttonbox {
  vertical-align: middle;
  display: inline-block;
}

.pages.pages1 .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/pages1/banner.jpg) center center no-repeat;
  background-size: cover;
}

.pages.pages2 .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/pages2/banner.jpg) center center no-repeat;
  background-size: cover;
}

.pages.pages3 .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/pages3/banner.jpg) center center no-repeat;
  background-size: cover;
}