.displayflex, .hotel-system04 .item-con2 li {
  display: -webkit-flex;
  display: flex; }

.directionColumn, .subbanner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex1, .hotel-system04 .item-con2 .text2 {
  -webkit-flex: 1;
  flex: 1; }

.position, .hotel-system03-con .t {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.hotel-system01, .hotel-system02, .hotel-system03, .hotel-system04 {
  overflow: hidden;
  font-weight: 300; }
  .hotel-system01 img, .hotel-system02 img, .hotel-system03 img, .hotel-system04 img {
    display: block;
    width: 100%; }

.hotel-system-icon {
  background: url("../images/hotel-system-icon.png") no-repeat;
  background-size: 1.0667rem 7.3333rem; }

.hotel-title {
  text-align: center; }
  .hotel-title .title {
    margin-bottom: 0.2rem;
    font-size: 0.5333rem; }
  .hotel-title .text1 {
    font-size: 0.36rem;
    color: #999; }
  .hotel-title .text2 {
    line-height: 1.5;
    font-size: 0.32rem;
    color: #999; }

.hotel-system01 {
  position: relative;
  height: 9.28rem;
  padding-top: 0.9333rem; }
  .hotel-system01 .links {
    margin-top: 0.56rem;
    text-align: center;
    font-size: 0; }
    .hotel-system01 .links a {
      position: relative;
      display: inline-block;
      width: 3.2rem;
      height: 0.6667rem;
      padding-right: 0.2rem;
      border-radius: 0.0267rem;
      text-align: right;
      background-image: -webkit-linear-gradient(to right, #ff7a22, #ff7a22, #fc6622, #fa5421, #fa5421);
      background-image: linear-gradient(to right, #ff7a22, #ff7a22, #fc6622, #fa5421, #fa5421); }
      .hotel-system01 .links a:active {
        opacity: .7; }
    .hotel-system01 .links span {
      line-height: 0.6667rem;
      color: #fff;
      font-size: 0.2933rem; }
      .hotel-system01 .links span:first-child {
        position: absolute;
        top: 0.04rem;
        left: 0.04rem;
        bottom: 0.04rem;
        width: 1.6rem;
        line-height: 0.5867rem;
        color: #ff6922;
        background-color: #fff;
        border-radius: 0.0267rem;
        text-align: center; }
  .hotel-system01 .bg {
    position: absolute; }
  .hotel-system01 .bg1 {
    left: 50%;
    bottom: 0;
    z-index: 2;
    width: 8.08rem;
    height: 4.9733rem;
    margin-left: -4.04rem; }
  .hotel-system01 .bg2 {
    left: 0;
    bottom: 2.6933rem;
    width: 2.7467rem;
    height: 3.0267rem;
    background: url("../images/hotel-system021.png") no-repeat;
    background-size: contain; }
  .hotel-system01 .bg3 {
    right: 0;
    bottom: 1.36rem;
    z-index: 1;
    width: 2.2933rem;
    height: 2.4267rem;
    background: url("../images/hotel-system022.png") no-repeat;
    background-size: contain; }
  .hotel-system01 .bg4 {
    right: 0;
    bottom: 2.8533rem;
    width: 0.7867rem;
    height: 1.3467rem;
    background: url("../images/hotel-system023.png") no-repeat;
    background-size: contain; }

.hotel-system02 {
  padding-top: 0.8667rem; }
  .hotel-system02 .hotel-title .title {
    margin-bottom: 0.2533rem; }
    .hotel-system02 .hotel-title .title:after {
      content: '';
      display: block;
      width: 0.5333rem;
      height: 0.0267rem;
      margin: 0.2933rem auto 0;
      background-color: #ccc; }

.hotel-system02-con {
  padding: 0 0.3333rem;
  margin-top: 0.36rem; }

.hotel-system03 {
  padding-top: 1.2rem; }
  .hotel-system03 .hotel-title {
    margin-bottom: 0.64rem; }

.hotel-system03-con {
  padding-left: 0.3333rem; }
  .hotel-system03-con .t {
    width: 1em;
    line-height: 1.167;
    font-size: 0.3733rem;
    font-weight: bold;
    color: #fff;
    -webkit-text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
    text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5); }
  .hotel-system03-con .swiper-slide {
    max-width: 3.12rem; }

.hotel-system04 {
  padding: 1.2rem 0.3333rem 0; }
  .hotel-system04 .hotel-title {
    margin-bottom: 0.5733rem; }
  .hotel-system04 .item {
    position: relative;
    margin-bottom: 0.2667rem;
    border-radius: 0.1333rem;
    overflow: hidden; }
    .hotel-system04 .item .title, .hotel-system04 .item .text1 {
      text-align: center; }
    .hotel-system04 .item .title {
      margin-bottom: 0.28rem;
      font-size: 0.3733rem;
      color: #555; }
    .hotel-system04 .item .text1, .hotel-system04 .item .text3 {
      line-height: 1.5;
      font-size: 0.32rem;
      color: #666; }
    .hotel-system04 .item .text3 {
      line-height: 2; }
  .hotel-system04 .item-con {
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    right: 0;
    z-index: 1; }
    .hotel-system04 .item-con .li-t {
      padding-left: 0.56rem;
      line-height: 1;
      font-size: 0.2667rem;
      color: #999; }
  .hotel-system04 .item-con2 {
    padding: 0 0.4rem;
    line-height: 2;
    font-size: 0.32rem;
    color: #666; }
    .hotel-system04 .item-con2 .title {
      margin-bottom: 0.16rem; }
    .hotel-system04 .item-con2 .hotel-system-icon {
      position: relative;
      top: .12rem;
      display: inline-block;
      width: 0.4267rem;
      height: 0.3467rem;
      margin-right: 0.1333rem;
      background-position: 0 -6.72rem; }
  .hotel-system04 .item1 {
    width: 10rem;
    height: 7.5467rem;
    padding: 0.88rem 0.7067rem 0;
    margin: 0 auto 0.5333rem;
    background: url("../images/hotel-system08x.png") no-repeat;
    background-size: contain;
    text-align: center; }
    .hotel-system04 .item1 ul {
      overflow: hidden; }
    .hotel-system04 .item1 li {
      float: left;
      width: 33.3333%;
      margin-bottom: 0.4267rem; }
      .hotel-system04 .item1 li:nth-child(1) .hotel-system-icon {
        background-position: 0 0rem; }
      .hotel-system04 .item1 li:nth-child(2) .hotel-system-icon {
        background-position: 0 -1.12rem; }
      .hotel-system04 .item1 li:nth-child(3) .hotel-system-icon {
        background-position: 0 -2.24rem; }
      .hotel-system04 .item1 li:nth-child(4) .hotel-system-icon {
        background-position: 0 -3.36rem; }
      .hotel-system04 .item1 li:nth-child(5) .hotel-system-icon {
        background-position: 0 -4.48rem; }
      .hotel-system04 .item1 li:nth-child(6) .hotel-system-icon {
        background-position: 0 -5.6rem; }
    .hotel-system04 .item1 .hotel-system-icon {
      width: 1.0667rem;
      height: 1.0667rem;
      margin: 0 auto 0.2rem; }
    .hotel-system04 .item1 .t {
      font-size: 0.2933rem;
      color: #666; }
  .hotel-system04 .item2 {
    height: 6.8rem;
    background: url("../images/hotel-system09.jpg") no-repeat center;
    background-size: contain; }
  .hotel-system04 .item3 {
    padding: 0.4667rem 0 0.4rem;
    background-color: #f3f7fc; }
    .hotel-system04 .item3 .img {
      width: 7.3467rem;
      margin: auto; }
  .hotel-system04 .item4 {
    height: 8.2267rem;
    background: url("../images/hotel-system11.jpg") no-repeat center;
    background-size: contain; }
  .hotel-system04 .item5 .img {
    width: 6.6267rem;
    margin-bottom: 0.2667rem; }
  .hotel-system04 .item6 {
    height: 7.8133rem;
    background: url("../images/hotel-system13.jpg") no-repeat center;
    background-size: contain; }
  .hotel-system04 .item7 .img {
    width: 7.1467rem;
    margin-bottom: 0.2667rem; }
  .hotel-system04 .item7 .item-con2 {
    padding: 0 0.2rem; }

.subbanner {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 2.4rem;
  background: url("../images/hotel-system-subbaner.jpg") no-repeat center;
  background-size: cover;
  text-align: center;
  font-weight: 300; }
  .subbanner .title {
    margin-bottom: 0.16rem;
    font-size: 0.3733rem;
    font-weight: bold;
    color: #fff; }
  .subbanner .s {
    margin-bottom: 0.2267rem;
    font-size: 0.2933rem;
    color: #fffc00; }
  .subbanner .go {
    display: inline-block;
    width: 2.4rem;
    height: 0.6667rem;
    line-height: 0.6667rem;
    background-color: #ffe401;
    color: #ffe401;
    font-size: 0.2933rem;
    font-weight: bold;
    color: #0150a9;
    border-radius: 0.3067rem; }

@media screen and (max-width: 750px) {
  .hotel-system04 .item1 {
    margin: 0 -0.3333rem 0.5333rem; } }
.delay1 {
  animation-delay: .1s;
  -webkit-animation-delay: .1s; }

.delay2 {
  animation-delay: .2s;
  -webkit-animation-delay: .2s; }

.delay3 {
  animation-delay: .3s;
  -webkit-animation-delay: .3s; }

.delay4 {
  animation-delay: .4s;
  -webkit-animation-delay: .4s; }

.delay5 {
  animation-delay: .5s;
  -webkit-animation-delay: .5s; }

.delay6 {
  animation-delay: .6s;
  -webkit-animation-delay: .6s; }

.delay7 {
  animation-delay: .7s;
  -webkit-animation-delay: .7s; }

.delay8 {
  animation-delay: .8s;
  -webkit-animation-delay: .8s; }

.delay9 {
  animation-delay: .9s;
  -webkit-animation-delay: .9s; }

.delay10 {
  animation-delay: .10s;
  -webkit-animation-delay: .10s; }

/*# sourceMappingURL=hotel-system.css.map */