.icon {
  width: 88px;
  height: 88px;
  fill: currentColor;
  overflow: hidden;
  margin: auto auto;
}

.hotelPage .hotel-banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hotelPage .hotel-banner .img-banner-link {
  display: block;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.hotelPage .hotel-banner .img-banner-link img {
  width: 100%;
  height: 100%;
}
.hotelPage .hotel-banner .join-banner_text {
  position: absolute;
  text-align: center;
  color: #fff;
  line-height: normal;
}
.hotelPage .hotel-banner .join-banner_text .join-banner_h3 {
  font-weight: 400;
  font-size: 48px;
  margin-bottom: 15px;
}
.hotelPage .hotel-banner .join-banner_text .join-banner_p {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 30px;
}

.hotelPage .hotel-banner .join-banner_text .banner-btn {
  display: block;
  margin : 68px auto 0 auto;
  width: 144px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background: -webkit-linear-gradient(86.68deg, #3F7BAB 1.37%, #73B2D5 97.19%);
  background: -o-linear-gradient(86.68deg, #3F7BAB 1.37%, #73B2D5 97.19%);
  background: -moz-linear-gradient(86.68deg, #3F7BAB 1.37%, #73B2D5 97.19%);
  background: linear-gradient(86.68deg, #3F7BAB 1.37%, #73B2D5 97.19%);
}
.hotelPage .hotel-banner .join-banner_text .banner-btn:hover{
  background: -webkit-linear-gradient(86.68deg, #73B2D5 0%,#3F7BAB 100%);
  background: -o-linear-gradient(86.68deg, #73B2D5 0%,#3F7BAB 100%);
  background: -moz-linear-gradient(86.68deg, #73B2D5 0%,#3F7BAB 100%);
  background: -ms-linear-gradient(86.68deg, #73B2D5 0%,#3F7BAB 100%);
  background: linear-gradient(86.68deg, #73B2D5 0%,#3F7BAB 100%);
}


/*客户案例*/
.customerCaseContainer {
  padding: 80px 124px;
  z-index: 1;
  position: sticky;
  margin: -130px 9.1% 0;
  background: #F7F7F8;
}
.customerCaseHeader{
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.customerCaseContainer .customerCaseHeader .title{
  color: #333;
  font-size: 36px;
}
.customerCaseContainer .customerCaseHeader .see-all {
  font-size: 20px;
}
/*专业景区方案*/
.scenicProgramContainer{
  margin: 80px 12.3% 0;
}

.scenicProgramBox .title{
  color: #333;
  font-size: 36px;
  margin-bottom: 50px;
}

.scenicProgramContainer .scenicProgramContent{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-between;
  padding-bottom: 80px;
}
.scenicProgramContainer .scenicProgramContent li{
  width: 30.8%;
  background: #F7F7F8;
  margin-left: 3.7%;
  margin-bottom: 70px;
}

.scenicProgramContainer .scenicProgramContent .programItem{
  margin-bottom: 0;
}

.scenicProgramContent li:nth-child(3n+1){
  margin-left: 0;
}

.scenicProgramContainer .scenicProgramContent li .icon-center{
  display: flex;
  margin-top: 73px;
  margin-bottom: 36px;
}

.scenicProgramContainer .scenicProgramContent li .programTitle{
  color: #333;
  font-size: 28px;
  margin-bottom: 16px;
  font-weight: 500;
}

.scenicProgramContainer .scenicProgramContent li .programContent{
  color: #666;
  font-size: 14px;
  margin-bottom: 74px;
}

/*专业的酒店方案*/
.appletsSolutionBackBox {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.bannerCenter {
  width: 100%;
}
.appletsSolutionBackBox .bannerCenter img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translate(-50%, 0);
}
.appletsSolutionBackBox .bannerText {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 150px;
}
.appletsSolutionBackBox .bannerText p:nth-of-type(1){
  color: #fff;
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 15px;
}
.appletsSolutionBackBox .bannerText p:nth-of-type(2){
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}

.appletsSolutionBackBox .bannerText .bannerBtn{
  display: block;
  margin : 68px auto 0 auto;
  width: 144px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background: linear-gradient(86.68deg, #3F7BAB 0%, #73B2D5 100%);
}

.solutionContentBox{
  height: 100%;
  z-index: 1;
  position: sticky;
  margin: -305px 12.3% 0;
}

.solutionContent{
  display: flex;
  width: 100%;
}

.solutionContent li{
  width: 22.975%;
  margin-left: 2.7%;
  text-align: center;
}
.solutionContent li:first-child{
  margin-left: 0;
}

.solutionContent li p{
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 30px;
}

.customerCaseContent .scenic-smart_pic{
  display: flex;
  justify-content: space-between;
}

.scenic-box_center {
  width: calc((100% - 140px)/3);
  display: inline-flex;
  flex-direction: column;
}
.scenic-box_center:nth-of-type(3) {
  margin-right: 0;
}

.scenic-smart_pic > li.scenic-box_center img.second {
  display: none;
}

.scenic-smart_pic > li.scenic-box_center:hover img.first {
  display: none;
}
.scenic-smart_pic > li.scenic-box_center:hover img.second {
  display: block;
}

/*多样化的营销工具*/
.marketingToolsContainer{
  margin-top: 120px;
  margin-bottom: 80px;
  position: relative;
}

.marketingToolsContainer .marketingToolsBox{
  display: flex;
  width: 100%;
  height: 747px;
}

.marketingToolsContainer .marketingToolsBox .leftContent{
  width: 50%;
  height: 100%;
  background: linear-gradient(180deg, #3F7BAB 0%, #003350 100%);
  padding-left: 12.3%;
}


.marketingToolsContainer .marketingToolsBox .leftContent .line{
  margin-top: 249px;
  margin-bottom: 30px;
  width: 86px;
  height: 2px;
  background: #fff;
}

.marketingToolsContainer .marketingToolsBox .leftContent .title{
  color: #fff;
  font-size: 36px;
}

.marketingToolsContainer .marketingToolsBox .rightContent{
  width: 50%;
  background: url('../img/scenicArea/marketBack.png') no-repeat;
  height: 747px;
}

.contentBox{
  width: 50%;
  height: 65%;
  opacity: 0.8999999761581421;
  border: 11px solid #fff;
  position: absolute;
  left: 44.5%;
  top: 118px;
}

.contentBox .contentVal{
  margin-left: 157px;
  margin-top: 131px;
}

.contentBox .contentVal .title{
  color: #fff;
  font-size: 32px;
  margin-bottom: 40px;
}

.contentBox .contentVal .line{
  margin-bottom: 30px;
  width: 85.5px;
  height: 2px;
  background: #fff;
}

.contentBox .contentVal .describeContent{
  width: 355px;
  color: #fff;
  font-size: 24px;
  text-align: left;
}
.contentBox .contentVal .describeContent div{
  margin-bottom: 20px;
}
.contentBox .contentVal .describeContent div:last-child{
  margin-bottom: 0;
}

/****精准的客户管理***/
.customerManageContainer{
  padding: 0 12.3%;
  margin-bottom: 80px;
}
.customerManageHeader{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.customerManageHeader .title{
  color: #333;
  font-size: 36px;
}

.customerManageBox .labelBox li{
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #333333;
  padding: 6px 0;
  margin-left: 90px;
}
.customerManageBox .labelBox li:first-child{
  margin-left: 0;
}

.customerManageBox .labelBox li.itemActive {
  display: inline-block;
  color: #3F7BAB;
  font-weight: 500;
  border-bottom: 2px solid #3F7BAB;
}

.manageContentBox .manageItem{
  display: none;
  height: 100%;
}

.customerManageBox .manageContentBox .current{
  display: inline-block;
}

.customerManageContent{
  /*display: flex;*/
  /*justify-content: space-between;*/
}

.memberManageContent{
  display: none;
}

.customerMarketContent{
  display: none;
}
@media screen and (min-width: 1366px) {
  .imgMax {
    display: block !important;
  }
  .imgMin {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .hotelPage .hotel-banner .join-banner_text .join-banner_p {
    font-size: 24px !important;
  }
  .customerCaseContainer{
    margin: 0 !important;
    position: static !important;
    padding: 10px 10px !important;
  }
  .customerCaseHeader{
    margin-bottom: 10px !important;
  }
  .customerCaseHeader .title{
    font-size: 24px !important;
  }
  .customerCaseHeader .see-all{
    font-size: 14px !important;
  }

  .customerCaseContent .scenic-box_center{
    width: 30% !important;
  }

  .scenicProgramContainer{
    margin: 30px 10px 0 10px !important;
  }
  .scenicProgramContent{
    padding-bottom: 40px !important;
  }
  .scenicProgramBox .title{
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }
  .scenicProgramContent{
    display: block !important;
  }

  .scenicProgramContent li{
    width: 100% !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
  }
  .middle-box_center{
    padding: 20px 0 !important;
  }
  .scenicProgramContent li .icon-center{
    margin-top:0 !important;
    margin-bottom:20px !important;
  }

  .programContent{
    margin-bottom: 20px !important;
  }

  .marketingToolsContainer{
    margin-bottom: 40px !important;
  }

  .marketingToolsBox{
    display: block !important;
    height: auto !important;
  }

  .marketingToolsBox .leftContent{
    width: 100% !important;
    padding-top: 30px !important;
    height: 200px !important;
    padding-left: 20px !important;
  }

  .marketingToolsBox .leftContent .line{
    margin-top: 0 !important;
  }

  .marketingToolsBox .rightContent{
    width: 100% !important;
    padding-top: 30px !important;
    height: 400px !important;
    background-size: cover !important;
  }

  .contentVal{
    margin-top: 0 !important;
    margin-left: 0 !important;
  }

  .contentBox{
    width: 100% !important;
    height: auto !important;
    top: 220px !important;
    left: 0 !important;
    border: none !important;
    padding-left: 20px;
  }
  .customerManageHeader .title{
    font-size: 24px !important;
  }
  .customerManageHeader .labelBox li{
    margin-left: 30px !important;
  }

  .customerManageHeader .labelBox li:first-child{
    margin-left: 0 !important;
  }
  .customerManageContainer{
    padding: 0 10px !important;
  }
  .imgMax{
    display: none !important;
  }
  .imgMin{
    display: block !important;
  }
}

@media screen and (max-width: 820px) {
  .hotelPage .hotel-banner .join-banner_text .join-banner_h3 {
    font-size: 36px !important;
    margin-bottom: 20px !important;
  }
  .hotelPage .hotel-banner .join-banner_text .join-banner_p {
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }

  .hotelPage .hotel-banner .join-banner_text .banner-btn {
    width: 120px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 568px) {
  .customerManageHeader{
    display: block !important;
  }
  .hotelPage .hotel-banner .join-banner_text .join-banner_h3 {
    font-size: 16px !important;
    margin-bottom: 10px !important;
  }
  .hotelPage .hotel-banner .join-banner_text .join-banner_p {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }

  .hotelPage .hotel-banner .join-banner_text .banner-btn {
    width: 100px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 auto !important;
    font-size: 14px !important;
  }

  .marketingToolsContainer .marketingToolsBox .title{
    font-size: 24px !important;
  }
  .marketingToolsContainer .contentBox .title{
    font-size: 22px !important;
  }
  .marketingToolsContainer .contentBox .describeContent{
    font-size: 16px !important;
  }
}