.backgroundImg{
    width: 100%;
    height: 800px;
}
img {
   width: 100%;
   height: 100%;
   background-size: 100% 100%;
}
.backImg {
    width: 100%;
    height: 825px;
    background-image: url(../img/yj_02.jpg);
    background-size: 100% 100%;
}

.hotel {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hotel .imgLeft {
    position: absolute;
    bottom: 10px;
    left: 111px;
    width: 300px;
    height: 300px;
    background-image: url(../img/yj-3.png);
}

.hotel .imgRight {
    position: absolute;
    top: 10px;
    right: 175px;
    width: 337px;
    height: 184px;
    background-image: url(../img/yj-2.png);
}

.hotel .title {
    font-size: 25px;
    text-align: center;
    margin: 30px auto;
}

.hotel .list {
    width: 1200px;
    margin: 0 auto;
}

.hotel .item {
    float: left;
    margin-bottom: 10px;
}
.hotel .item:nth-child(1) {
    width: 250px;
    height: 240px;
}
.hotel .item:nth-child(2) {
    width: 950px;
    height: 261px;
}
.hotel .item:nth-child(3), .hotel .item:nth-child(5) {
    width: 266px;
    height: 329px;
}
.hotel .item:nth-child(4) {
    width: 648px;
    height: 310px;
    margin: 0 10px;
}

.hotel .item .info {
    padding: 15px 0;
    /*writing-mode: vertical-rl;*/
    font-size: 18px;
    margin: auto;
    letter-spacing: 3px;
 }

.hotel .item ul {
    width: 100%;
    overflow: hidden;
}

.hotel .item ul li {
    float: left;
    width: 319px;
    height: 154px;
}

.hotel .item ul li:nth-child(2){
    margin-left: 10px;
    width: 286px;
    height: 155px;
}

.hotel .item ul li:nth-child(3){
    margin-top: 15px;
    width: 100%;
    height: 159px;
}

.hotel .item ul li div {
    width: 50%;
    height: 100%;
    margin: auto;
}

.hotel .item ul li .itemText {
    width: 22%;
    display: inline-block;
    text-align: center;
    color: #030303;
    font-size: 18px;
}

.hotel .item ul li .itemText .iconfont {
    color: #4dac74;
    font-size: 14px;
}

.restaurant {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 60px auto;
}

.restaurant .item {
    flex-basis: 25%;
    height: 494px;
}

.restaurant .item:nth-child(5), .restaurant .item:nth-child(6) {
    flex-basis: 50%;
    background-color: #f2f2f2;
}

.restaurant .item .info {
    width: 495px;
    margin-left: 50px;
    margin-top: 80px;
}

.restaurant .item .info .title {
    font-size: 28px;
    padding-bottom: 20px;
}

.restaurant .item .info p {
    font-size: 18px;
}

.meetingRoom .list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.meetingRoom .list .item {
  flex-basis: 32%;
  height: 265px;
  margin-bottom: 20px;
  position: relative;
}

.meetingRoom .list .item:nth-child(1), .meetingRoom .item:nth-child(2) {
  flex-basis: 49%;
  height: 545px;
}

.meetingRoom .item:nth-child(2) div {
    width: 100%;
    height: 347px;
}

.meetingRoom .item:nth-child(2) {
    margin-left: 2%;
}

.meetingRoom .item:nth-child(4) {
    margin:0 2%;
}

.meetingRoom .item .title {
    font-size: 28px;
    text-align: center;
    padding-bottom: 30px;
}

.meetingRoom .item .name {
    position: absolute;
    top: 40%;
    left: 30%;
    font-size: 28px;
    text-align: center;
    padding: 15px 30px;
    color: #fff;
    background: rgba(77, 151, 114, 0.8);
}

.meetingRoom .list .item:nth-child(1) .info {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
}

.meetingRoom .list .item:nth-child(1) .title {
    position: absolute;
    bottom: 50px;
    left: 30%;
    color: #fff;
}

.stay .stayImg {
    width: 100%;
    height: 531px;
    background-image: url(../img/yj_47.jpg);
    background-size: 100% 100%;
}

.stay .content {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
    /*overflow: hidden;*/
}

.stay .list {
    flex-basis: 845px;
    position: relative;
}

.stay .listImg {
    flex-basis: 336px;
    height: 534px;
    margin-left: 15px;
}

.stay .list .item {
    display: inline-block;
    margin-bottom: 20px;
}
.stay .list .item:nth-child(1) {
    width: 308px;
    height: 500px;
    position: absolute;
    top: -170px;
    left: 8px;
    border: 2px solid #000;
}

.stay .list .info {
    padding: 165px 18px 0;
}

.stay .list .info .title {
    font-size: 26px;
    padding-bottom: 30px;
}

.stay .list .info p {
    font-size: 18px;
    letter-spacing: 3px;
}

.stay .list .item:nth-child(2) {
    width: 480px;
    height: 218px;
    float: right;
}
.stay .list .item:nth-child(3) {
    width: 499px;
    height: 256px;
    margin-top: 130px;
}
.stay .list .item:nth-child(4) {
    width: 320px;
    height: 399px;
    margin-left: 20px;
}