@charset "UTF-8";
.first-container {
  position: relative;
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/bg1.jpg") center top no-repeat;
  background-size: auto 100%;
}

.first-container:after {
  display: block;
  position: absolute;
  bottom: 11%;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  font-size: 20px;
  color: #fff;
  content: '↓';
  text-align: center;
  animation: down 3s 0s linear both infinite alternate;
}

.first-container .first-mask {
  position: absolute;
  width: 100%;
  height: 100%;
}

.first-container .slogan {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  top: 0px;
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/slogan.png") center top no-repeat;
  background-size: auto 100%;
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  animation: firstSlogan 1s 0.5s ease both;
  -webkit-animation: firstSlogan 1s 0.5s ease both;
}

@keyframes down {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}

@-webkit-keyframes down {
  0% {
    -webkit-transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(-5px);
  }
}

@keyframes firstMask {
  0% {
    background: transparent;
  }
  100% {
    background: rgba(152, 129, 129, 0.2);
  }
}

@-webkit-keyframes firstMask {
  0% {
    background: transparent;
  }
  100% {
    background: rgba(152, 129, 129, 0.2);
  }
}

@keyframes firstSlogan {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}

@-webkit-keyframes firstSlogan {
  0% {
    -webkit-transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}

.second-container .slider-container {
  height: 100%;
  overflow: hidden;
}

.second-container .slider-container li {
  width: 100%;
  height: 100%;
}

.second-container .slider-container .learn-more {
  position: absolute;
  width: 50%;
  height: 25vw;
  right: 0;
}

.second-container .slider-container .sd2 {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/sd2.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .sd2 .learn-more {
  top: 84%;
  height: 18vw;
  width: 46%;
  right: 27%;
}

.second-container .slider-container .op {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/op.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .op .learn-more {
  top: 76%;
}

.second-container .slider-container .nba {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/nba.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .nba .learn-more {
  top: 76%;
}

.second-container .slider-container .tf {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/tf.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .tf .learn-more {
  top: 60%;
}

.second-container .slider-container .gd {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/gd.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .gd .learn-more {
  top: 87%;
  height: 10vw;
  width: 52%;
  right: 24%;
}

.second-container .slider-container .yuu {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/yuu.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .yuu .learn-more {
  top: 87%;
  height: 10vw;
  width: 52%;
  right: 24%;
}

.second-container .slider-container .ss {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/ss.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .ss .learn-more {
  top: 74%;
}

.second-container .slider-container .ssre {
  background: url("http://static.mobage.cn/html/promotion/尊龙凯时china/images/mobile/index/ssre.jpg") center top no-repeat;
  background-size: auto 100%;
}

.second-container .slider-container .ssre .learn-more {
  top: 85%;
  height: 15vw;
  width: 60%;
  right: 20%;
}

.bx-wrapper {
  height: 100%;
}

.bx-viewport {
  height: 100%;
}

.split {
  display: block;
  width: 100%;
}

.news-container {
  background-color: #f7f8f8;
}

.news-container .news {
  text-decoration: none;
  width: 50%;
}

.news-container .news img {
  display: block;
  width: 100%;
}

.news-container .content-container {
  height: 150px;
  padding: 8%;
}

.news-container .content-container .title {
  font-size: 10px;
  color: #e50e55;
}

.news-container .content-container .title span {
  margin-left: 5px;
  font-size: 10px;
  color: #878787;
}

.news-container .content-container .content {
  margin-top: 8px;
  font-size: 17px;
  color: #000000;
  font-weight: bold;
}

#join-us {
  display: block;
  position: absolute;
  width: 40%;
  height: 5%;
  bottom: 16%;
  left: 50%;
  margin-left: -20%;
}

#homepageBxsliderPager {
  position: absolute;
  bottom: 1%;
  z-index: 15;
  width: 100%;
  text-align: center;
}

#homepageBxsliderPager a {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #bebebe;
  border-radius: 5px;
  margin-right: 5px;
}

#homepageBxsliderPager a.active {
  background: transparent;
  border: 2px solid #bebebe;
  border-radius: 5px;
  top: 2px;
}