/* subpage header */
.header{position: fixed; border-bottom: unset;  height: 90px; background-color: rgba(34, 34, 34, 0.7);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.header #head-full a i{ line-height: 90px;}
.header #head-full a{ position: relative; top: -5px;}
.header #head-full p{ line-height: 90px;}
.header .logo-wrap a {display: block;width: 100%;height: 70px;margin-top: 10px; object-fit: cover;}
.header .header-icon > a{ display: inline-block; margin-top: 25px; width: 140px; height: 40px; border-radius: 50px; line-height: 40px; background-color: #D17028; margin-right: 40px; transition: .3s; text-align: center;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  .header{ height: 60px;  background-color: #fff;}
  .header .logo-wrap a {height: 40px; margin-top: 8px;}
  .header .header-icon > a{ display: inline-block; margin-top: 20px; width: unset; height: unset; border-radius:unset; line-height:unset; background-color: unset; margin-right: 10px; transition: .3s; text-align: center; color: #D17028;}
  .header .header-icon > a i{ color: #D17028;}
  .header .menu-icon__line {background-color: #D17028; }
}
/* section01 */
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section01{ margin-top: 60px;}
}


/* section02 */
#section02{ padding: 100px 0;}
#section02 .top .tit{ position: relative; overflow: hidden; padding-bottom: 11px; margin-bottom: 45px;}
#section02 .top .tit h3{ line-height: 58px;}
#section02 .top .tit .line{ position: absolute; top: 28px; right: 190px; width: 1140px; height: 2px; background-color: rgba(209, 112, 40, .1); z-index: -2;}
#section02 .top .tit .line:after{ content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #D17028; position: absolute; top: -4px; animation: dot01 5s linear 0s infinite alternate;}
#section02 .top .con{ overflow: hidden; padding-bottom: 80px; position: relative; }
#section02 .top .con .line{ position: absolute; bottom: 4px; left: 0; width: 100%; height: 2px; background-color: rgba(209, 112, 40, .1); z-index: -2;}
#section02 .top .con .line:after{ content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #D17028; position: absolute; top: -4px; animation: dot02 5s linear 0s infinite alternate;}
#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 .big-tit{ font-size: 24px; line-height: 26px; width: 135px; padding-bottom: 19px;}
#section02 .top ul.info-list .big-tit.col1{ width: 100%;}
#section02 .top ul.info-list .p-tit{ font-size: 14px;  width: 135px; line-height: 26px;}
#section02 .top ul.info-list .p-info{ font-size: 14px; width: calc(100% - 135px);  line-height: 26px;}
#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 .mid{ padding: 100px 0;}
#section02 .btm{ overflow: hidden;}
#section02 .btm > div{ position: relative;}
#section02 .btm > .img01{ width: 925px; height: 540px; margin-right: 20px; margin-bottom: 20px;}
#section02 .btm > .img02{ width: 655px; height: 540px; margin-bottom: 20px;}
#section02 .btm > .img03{ width: 655px; height: 540px; }
#section02 .btm > .text{ width: 925px; height: 540px; margin-right: 20px; padding-top: 99px; padding-left: 180px;}
#section02 .btm > .text p{color: #FFA35F; line-height: 115px; opacity: .1;}


@keyframes dot01 {
	0% {left: 0;}
	100% {left: 100%;}
}

@keyframes dot02 {
	0% {left: 100%;}
	100% {left: 0;}
}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section02{ padding: 50px 0 60px;}
  #section02 .top .tit{ padding-bottom: 6px; padding-top: 5px; margin-bottom: 10px;}
  #section02 .top .tit h3{ line-height: 29px; background-color: #fff; padding-right: 10px;}
  #section02 .top .tit a.button01{ position: relative; top: -5px;}
  .button01{color: #fff; background-color: #D17028; border: 1px solid #D17028; }
  .button01:after{ background-color: #F4C540;}

  #section02 .top .tit .line{ top: 18px; right: 0; width: 100%; height: 2px;}
  #section02 .top .tit .line:after{ display: none;}
  #section02 .top .con{ overflow: hidden; padding-bottom: 60px; position: relative; }
  #section02 .top .con .line:after{ right: 90px;}
  #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 .big-tit{ font-size: 14px; line-height: 20px; width: 90px; padding-bottom: 10px;}
  #section02 .top ul.info-list .big-tit.col1{ width: 100%;}
  #section02 .top ul.info-list .p-tit{ font-size: 12px;  width: 90px; line-height: 20px;}
  #section02 .top ul.info-list .p-info{ font-size: 12px; width: calc(100% - 90px);  line-height: 20px;}
  #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  .mid{ padding: 60px 0;}
  #section02 .btm > .img01{ float: unset; clear: both; width: 100%; height: 61.54vw; margin-right: 0; margin-bottom: 10px;}
  #section02 .btm > .img02{ width: calc(50% - 5px); height: 41.03vw; margin-bottom: 0; margin-right: 5px;}
  #section02 .btm > .img03{ width: calc(50% - 5px); height: 41.03vw; margin-left: 5px;}
  #section02 .btm > .text{ width: 100; float: unset; clear: both; height: auto; margin-right: 0; padding-top: 20px; padding-left: 0;}
  #section02 .btm > .text p{ line-height: 60px;}
}


/* section03 */
#section03{ padding: 100px 0 620px; position: relative;}
#section03 .box{ position: absolute; top: 0; left: 0; width: 100%; height: 420px; padding-top: 98px; background-color: #D17028; z-index: -2;}
#section03 .box p{ opacity: .05; width: 120%; word-break: keep-all; padding-left: 430px; text-align: left;}
#section03 .box p.last{ padding-left: 0; text-align: left; width: 120%; position: relative; left: -5%;}
#section03 .top{ width: 445px; position: relative; z-index: 10;}
#section03 .top p{line-height: 24px;}
#section03 .btm{ position: absolute; bottom: 100px; width: 100%;}
#section03 .btm .wrap1640{ display: flex; align-items: flex-end; }
#section03 .btm .wrap1640 .room-swiper{ order: 2; }
#section03 .btm .wrap1640 .text-wrap{ order: 1; padding-bottom: 170px; width: calc(100% - 1159px); padding-left: 20px;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section03{ padding: 60px 0 10px; position: relative;}
  #section03 .box{ height: 370px; padding-top: 40px;}
  #section03 .box p{ opacity: .05; width: 200%; word-break: keep-all; padding-left: 0; text-align: left; left: -5%;}
  #section03 .box p.last{ padding-left: 0; text-align: left; width: 250%; position: relative; left: -20%;}
  #section03 .top{ width: 100%; }
  #section03 .top p{line-height: 20px;}
  #section03 .btm{ position: relative; bottom: unset; width: 100%;}
  #section03 .btm .wrap1640{ align-items: unset; flex-direction: column; padding: 0; }
  #section03 .btm .wrap1640 .room-swiper{ order: 1; }
  #section03 .btm .wrap1640 .text-wrap{ order: 2; padding-bottom: 0; width: 100%; padding-left: 20px; position: relative; top: -40px; z-index: 10;}

}