/* ===============================================================
    * full-slide-section
=============================================================== */
.full-slide {width: 100%; height: auto; position: relative;}
.full-slide__wrapper {position: relative;}
.full-slide__tit {position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;}
.full-slide__tit h2 {font-size: 60px; font-weight: 500; margin-bottom: 20px;}
.full-slide__tit p {font-size: 20px; line-height: 26px;}
.full-container {width: 100%; height: 100vh; overflow: hidden; position: relative;}
.full-container .swiper-slide {width: 100%; height: 100%; overflow: hidden; position: relative;}
.full-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.full-ctrl {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.full-ctrl .full-pagination {position: absolute; width: 100%; left: 50%; bottom: 140px; transform: translateX(-50%); line-height: 11px;}
.full-ctrl .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 10px; background: #aca5a0; opacity: 1;}
.full-ctrl .swiper-pagination-bullet-active {background: #fff; transform: scale(1.8); transform-origin: center;}
.full-ctrl .nav-btn {font-size: 60px; color: #fff; outline: none;}
.full-ctrl .swiper-button-prev {left: 3%;}
.full-ctrl .swiper-button-next {right: 3%;}
.full-slide-section .scroll-icon {position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 1;}
@media (max-width: 820px){
    .full-slide__tit h2 {display: none;}
    .full-slide__tit p {display: none;}
    .full-slide-section .scroll-icon {display: none;}
    .full-container {height: auto; padding-bottom: 50px;}
    .full-ctrl .full-pagination {bottom: 22px;}
    .full-ctrl .swiper-pagination-bullet {width: 4px; height: 4px; margin: 0 5px; background: #a7a7a7;}
    .full-ctrl .nav-btn {font-size: 30px; top: calc(50% - 25px);}
    .play-ctrl-mo {position: absolute; right: 15px; bottom: 20px; cursor: pointer; z-index: 100;}
    .play-ctrl-mo .swiper-button-play,
    .play-ctrl-mo .swiper-button-pause {display: inline-block; font-size: 12px; padding: 0 5px; color: #ccc;}
    .play-ctrl-mo .swiper-button-play.js-active,
    .play-ctrl-mo .swiper-button-pause.js-active {color: #222;}
}


/* ===============================================================
    * about1
=============================================================== */
.about1 {position: relative;}
.about1:after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 35%; background: #f1f1f1; z-index: -1;}
.about1-wrap {position: relative; width: 100%; padding: 150px 0; display: flex; justify-content: center;}
.about1-left {width: 50%;}
.about1-left__bg {max-width: 500px; width: 100%; height: 520px; margin-left: auto; margin-right: 40px;}
.about1-left__bg img {width: 100%; height: 100%; object-fit: cover;}
.about1-right {width: 50%; padding-left: 40px;}
.about1-right h2 {font-size: 50px; letter-spacing: 0.1em; font-weight: 600; color: #555;}
.about1-right__tit {font-size: 20px; line-height: 32px; letter-spacing: 0.04em; color: #555; margin: 30px 0 40px;}
.about1-right__p {font-size: 14px; line-height: 24px; letter-spacing: 0.02em;}
.about1-right__p span {color: #555;}
.about1-btns {width: 100%; display: flex; justify-content: flex-start; margin-top: 60px;}
.about1-btns a {display: inline-block; width: 150px; height: 42px; line-height: 40px; margin-right: 20px; border: 1px solid #444; font-size: 14px; font-weight: 300; letter-spacing: 0.1em; color: #222; text-align: center; transition: .3s;}
@media (max-width: 820px){
    .about1:after {display: none;}
    .about1-wrap {padding: 35px 0 60px; display: block;}
    .about1-left {width: 100%;}
    .about1-left__bg {max-width: 100%; height: 175px; margin: 0 auto;}
    .about1-right {width: 100%; padding-left: 0; text-align: center; padding-top: 30px;}
    .about1-right h2 {font-size: 30px; letter-spacing: 0;}
    .about1-right__tit {font-size: 16px; line-height: 21px; margin: 15px 0 20px;}
    .about1-right__p {font-size: 14px; line-height: 20px; letter-spacing: 0.04em;}
    .about1-btns {justify-content: center; margin-top: 30px;}
    .about1-btns a {width: 125px; height: 35px; line-height: 32px; margin: 0 10px; font-size: 12px;}
}


/* ===============================================================
    about2
=============================================================== */
.about2 {width: 100%; height: auto;}
.about2 img {width: 100%; height: 100%; object-fit: cover;}


/* ===============================================================
    about3
=============================================================== */
.about3 {position: relative;}
.about3:after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 160px; background: #e3a259; z-index: 1;}
.about3-wrap {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 150px 0;}
.about3-wmax {z-index: 20; max-width: 1430px; width: 100%; padding: 0 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about3-left {width: calc(50% - 20px); z-index: 10; color: #fff;}
.about3-left h2 {font-size: 40px; font-weight: 600;}
.about3-left p {font-size: 16px; line-height: 28px; margin: 30px 0; color: #ccc;}
.about3-line {display: inline-block; width: 50px; height: 1px; margin-bottom: 5px; background: #fff; margin-right: 10px;}
.about3-left span {font-size: 16px; font-weight: 300; letter-spacing: 0.04em;}
.about3-right {margin-left: auto; width: calc(50% + 20px); display: flex; justify-content: space-between; z-index: 20;}
.about3-right img {width: 33.33%; height: 320px; object-fit: cover; margin-right: 10px;}
.about3-right img:last-child {margin-right: 0;}
@media (max-width: 820px){
    .about3:after {display: none;}
    .about3-wrap {display: block; padding: 0;}
    .about3-wmax {position: static; transform: none;}
    .about3-left {width: 100%; height: 255px; text-align: center; padding-top: 60px;}
    .about3-left h2 {font-size: 26px;}
    .about3-left p {font-size: 14px; line-height: 20px; margin: 20px 0 30px;}
    .about3-line {width: 25px; margin-bottom: 4px;}
    .about3-left span {font-size: 12px;}
    .about3-right {width: 100%; margin: 0 auto;}
    .about3-right img {margin: 0; height: 125px;}
}


/* ===============================================================
    about4
=============================================================== */
.about4 {padding: 150px 0;}
.location-tit {margin-bottom: 60px;}
.location-tit h2 {font-size: 44px; font-weight: 600; color: #555; margin-bottom: 20px;}
.location-tit p {font-size: 18px; letter-spacing: 0.04em; color: #555;}
.map {width: 100%; height: 600px; border: 1px solid #ececec;}
.location-info {margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.location-box {width: calc(50% - 10px); text-align: center; padding-bottom: 60px;}
.location-head {width: 100%; height: 40px; line-height: 40px; font-size: 16px; letter-spacing: 0.04em; margin-bottom: 20px;}
.location-desc {font-size: 16px; line-height: 26px; color: #666;}
@media (max-width: 820px){
    .about4 {padding: 60px 0;}
    .location-tit {margin-bottom: 30px;}
    .location-tit h2 {font-size: 30px; margin-bottom: 10px;}
    .location-tit p {font-size: 14px;}
    .map {height: 300px;}
    .location-box {width: 100%; padding-bottom: 30px;}
    .location-info {margin-top: 30px;}
    .location-head {height: 30px; line-height: 30px; font-size: 14px;}
    .location-desc {font-size: 14px; line-height: 21px;}
}