/* section01 */
#section01 .text{ font-size: 42px; position: absolute; top: calc(50% - 20px); width: 1000px; text-align: center; opacity: 1; transition: .5s; z-index: 10; left: 0; right: 0; margin: 0 auto;}
#section01 .text.hide{ opacity: 0;}
#section01 .full-swiper{ padding-bottom: 0;}
#section01 .full-swiper .full-pag{ bottom: 40px;}
#section01 .full-swiper .swiper-pagination-bullet{ background: #fff;  }
#section01 .full-swiper .swiper-pagination-bullet-active{ border: 6px solid #fff; background: transparent;  }

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ margin-top: 40px;}
    #section01 .text{ font-size: 19px; line-height: 24px; top: calc(50% - 20px); width: 300px; }
    #section01 .full-swiper .full-pag{ bottom: 13px;}
    #section01 .full-swiper .swiper-pagination-bullet-active{ border: 3px solid #fff; background: transparent;  }
}


/* section02 */
#section02{ padding: 140px 0 0;}
#section02 .wrap1600 .top{ display: flex; flex-direction: center; padding-bottom: 50px;}
#section02 .wrap1600 .top .img-wrap{ position: relative; width: 726px; height: 915px; border-radius: 20px; overflow: hidden;}
#section02 .wrap1600 .top .text-wrap{ width: calc(100% - 726px); padding-left: 49px; position: relative;}
#section02 .wrap1600 .top .text-wrap h3{ font-size: 54px; line-height: 87px; border-bottom: 1px solid #a1a0a0; margin-bottom: 35px;}
#section02 .top ul.info-list{ width: 100%; position: relative;}
#section02 .top ul.info-list li{ overflow: hidden;}
#section02 .top ul.info-list li.pad-btm{ padding-bottom: 20px;}
#section02 .top ul.info-list li.line-top{ border-top: 1px solid rgba(60,71,44,.2); padding-top: 20px;}
#section02 .top ul.info-list .big-tit{ font-size: 18px; width: 99px; padding-bottom: 15px;}
#section02 .top ul.info-list .big-tit.col1{ width: 100%;}
#section02 .top ul.info-list .p-tit{ font-size: 14px;  width: 107px; line-height: 28px;}
#section02 .top ul.info-list .p-info{ font-size: 14px; width: calc(100% - 107px);  line-height: 28px;}
#section02 .top ul.info-list .p-info span{ font-size: 12px;}
#section02 .top ul.info-list li.line-height .p-tit{ line-height: 16px;}
#section02 .top ul.info-list li.line-height .p-info{ line-height: 16px;}
#section02 .top ul.info-list a.reser-btn{ position: absolute; bottom: 20px; right: 0; display: block; width: 220px; height: 50px; line-height: 55px; border-radius: 25px; background-color: #ededed; text-align: center; font-size: 18px; color: #000; transition: .3s;}
#section02 .top ul.info-list a.reser-btn i{ font-size: 28px; position: relative; top: 4px; transition: .5s;}
#section02 .top ul.info-list a.reser-btn:hover{  background-color: #e93463; color: #fff; transition: .3s;}
#section02 .top ul.info-list a.reser-btn:hover i{ color: #fff;}
#section02 .wrap1600 .top .text-wrap .img-wrap{ width: 385px; height: 318px; position: absolute; border-radius: 20px; overflow: hidden; }
#section02 .wrap1600 .top .text-wrap .deco-img01{ bottom: 0; left: 49px;}
#section02 .wrap1600 .top .text-wrap .deco-img02{ bottom: 0; right: 0;}
#section02 .mid{display: none;}


/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section02{ padding: 40px 0 0;}
    #section02 .wrap1600 .top{ padding-bottom: 25px; flex-direction: column;}
    #section02 .wrap1600 .top .text-wrap{ width:100%; padding-left: 0; position: relative;}
    #section02 .wrap1600 .top .text-wrap h3{ font-size: 19px; line-height: 19px; padding-bottom: 14px; margin-bottom: 14px;}
    #section02 .top ul.info-list{ width: 100%;}
    #section02 .top ul.info-list li{ overflow: hidden;}
    #section02 .top ul.info-list li.pad-btm{ padding-bottom: 10px;}
    #section02 .top ul.info-list li.line-top{ border-top: 1px solid rgba(60,71,44,.2); padding-top: 10px;}
    #section02 .top ul.info-list .big-tit{ font-size: 12px; width: 69px; padding-bottom: 10px;}
    #section02 .top ul.info-list .big-tit.col1{ width: 100%;}
    #section02 .top ul.info-list .p-tit{ font-size: 11px;  width: 69px; line-height: 24px;}
    #section02 .top ul.info-list .p-info{ font-size: 10px; width: calc(100% - 69px);  line-height: 24px;}
    #section02 .top ul.info-list .p-info span{ font-size: 10px;}
    #section02 .top ul.info-list li.line-height .p-tit{ line-height: 16px;}
    #section02 .top ul.info-list li.line-height .p-info{ line-height: 16px;}
    #section02 .top ul.info-list a.reser-btn{ position: relative; bottom: 0; right: 0; display: block; width: 100%; height: 25px; line-height: 27px; border-radius: 12px; background-color: #ededed; text-align: center; font-size: 11px; color: #000; transition: .3s;}
    #section02 .top ul.info-list a.reser-btn i{ font-size: 14px; position: relative; top: 2px; transition: .5s;}
    #section02 .top ul.info-list a.reser-btn:hover{  background-color: #e93463; color: #fff; transition: .3s;}
    #section02 .top ul.info-list a.reser-btn:hover i{ color: #fff;}
    #section02 .mid{ display: flex;}
    #section02 .mid .img-wrap{ position: relative; overflow: hidden;}
    #section02 .mid .mo-deco01{ width: 50.40vw; height: 63.73vw; border-radius: 2.67vw;}
    #section02 .mid .right{ width: calc(100% - 50.40vw); position: relative;}
    #section02 .mid .right .img-wrap{ position: absolute; width: 37.60vw; height: 29.87vw; border-radius: 2.67vw;}
    #section02 .mid .right .mo-deco02{ top: 0; right: 0;}
    #section02 .mid .right .mo-deco03{ bottom: 0; right: 0;}
}


/* section03 */
#section03{ overflow: hidden; display: flex; padding: 140px 0; justify-content: center;}
#section03 .left{width: 590px; padding-left: 160px;  padding-top: 65px;}
#section03 .left #tit-wrap{text-align: left;}
#section03 .btn-wrap{ position: relative; width: 100%; margin-bottom: 70px;}
#section03 .btn-wrap .room-next{ position: absolute; right: 150px; left: unset;}
#section03 .btn-wrap .room-prev{ position: absolute; right: 200px; left: unset;}
#section03 .left p{ font-size: 14px; line-height: 28px;}
#section03 .right{ width: calc(100% - 590px); overflow: hidden;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section03{ padding: 20px 0 40px; flex-wrap: wrap;}
  #section03 .left{width: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; text-align: center; padding-top: 0;}
  #section03 .left #tit-wrap{text-align: center;}
  #section03 .btn-wrap{ position: relative; width: 100%; margin-bottom: 0;}
  #section03 .btn-wrap .room-next{ position: relative; display: inline-block; right: unset; left: unset; top: unset; margin: 12px 5px;}
  #section03 .btn-wrap .room-prev{ position: relative; display: inline-block; right: unset; left: unset; top: unset; margin: 12px 5px;}
  #section03 .left p{ font-size: 12px; line-height: 19px;}
  #section03 .right{ width: 100%; overflow: hidden; padding: 0 15px;}
}