@charset "utf-8";

* {
  padding: 0;

  margin: 0;

  box-sizing: border-box;

  user-select: none;

  -webkit-text-size-adjust: none;
}

:root {
  /* ====== Transition ====== */

  --tran-03: all 0.3s ease;

  --tran-04: all 0.4s ease;

  --tran-05: all 0.5s ease;

  --tran-06: all 0.6s ease;
}

body {
  font-family: "PingFang SC";

  font-size: 16px;

  min-height: 100vh;

  background: #ffffff;
}

body.hd {
  overflow: hidden;
}

input,
textarea,
select,
button {
  border: none;

  outline: none;

  resize: none;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  font-family: "PingFang SC";
}

button {
  cursor: pointer;
}

ul,
ol,
li {
  list-style: none;
}

a {
  text-decoration: none;

  color: inherit;

  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

i,
b {
  font-style: normal;
}

table {
  border-collapse: collapse;

  border-spacing: 0;
}

img {
  max-width: 100%;
}

/* 引入字体 */

/* @font-face {
  font-family: 'PingFang SC';
  src: url('../font/Poppins-Medium.ttf') format('truetype');
} */
@font-face {
  font-family: 'PingFang SC';
  src: url('../font/PingFang.ttf') format('truetype');
}

/* 清除默认样式 */

.swiper-button-next,
.swiper-button-prev {
  outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-size: 14px;

  font-weight: 300;

  color: #8e8e8e;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */

  font-size: 14px;

  font-weight: 300;

  color: #8e8e8e;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */

  font-size: 14px;

  font-weight: 300;

  color: #8e8e8e;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */

  font-size: 14px;

  font-weight: 300;

  color: #8e8e8e;
}

/* 滚动条 */

::-webkit-scrollbar {
  width: 10px;

  height: 10px;
}

::-webkit-scrollbar-button:vertical {
  display: none;
}

::-webkit-scrollbar-track:vertical {
  background-color: #dda0dd;
}

::-webkit-scrollbar-track-piece {
  background: #e3e3e3;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: #dda0dd;

  border-radius: 30px;
}

/* 浮动 */

.fl {
  float: left;
}

.fr {
  float: right;
}

/* 清除 */

.ov {
  overflow: hidden;
}

.opacity-0 {
  opacity: 0 !important;
}

/* flex布局 */

.fl-f {
  display: flex;

  display: -webkit-flex;
}

/* flex上下布局 */

.fl-ac {
  display: flex;

  display: -webkit-flex;

  align-items: center;
}

.fl-as {
  display: flex;

  display: -webkit-flex;

  align-items: flex-start;
}

.fl-ae {
  display: flex;

  display: -webkit-flex;

  align-items: flex-end;
}

/* flex左右布局 */

.fl-jc {
  display: flex;

  display: -webkit-flex;

  justify-content: center;
}

.fl-jb {
  display: flex;

  display: -webkit-flex;

  justify-content: space-between;
}

.fl-ja {
  display: flex;

  display: -webkit-flex;

  justify-content: space-around;
}

.fl-js {
  display: flex;

  display: -webkit-flex;

  justify-content: flex-start;
}

.fl-je {
  display: flex;

  display: -webkit-flex;

  justify-content: flex-end;
}

/* flex上下左右布局 */

.fl-cc {
  display: flex;

  display: -webkit-flex;

  align-items: center;

  justify-content: center;
}

.fl-cb {
  display: flex;

  display: -webkit-flex;

  align-items: center;

  justify-content: space-between;
}

.fl-ca {
  display: flex;

  display: -webkit-flex;

  align-items: center;

  justify-content: space-around;
}

.fl-cs {
  display: flex;

  display: -webkit-flex;

  align-items: center;

  justify-content: flex-start;
}

.fl-ce {
  display: flex;

  display: -webkit-flex;

  align-items: center;

  justify-content: flex-end;
}

.fl-sa {
  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  justify-content: space-around;
}

.fl-sb {
  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  justify-content: space-between;
}

.fl-ss {
  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  justify-content: flex-start;
}

.fl-se {
  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  justify-content: flex-end;
}

.fl-ea {
  display: flex;

  display: -webkit-flex;

  align-items: flex-end;

  justify-content: space-around;
}

.fl-eb {
  display: flex;

  display: -webkit-flex;

  align-items: flex-end;

  justify-content: space-between;
}

.fl-es {
  display: flex;

  display: -webkit-flex;

  align-items: flex-end;

  justify-content: flex-start;
}

.fl-ee {
  display: flex;

  display: -webkit-flex;

  align-items: flex-end;

  justify-content: flex-end;
}

/* flex自适应布局 */

.fl-fw {
  display: flex;

  flex-wrap: wrap;
}

.fl-fc {
  display: flex;

  flex-direction: column;
}

/* 手机端按钮 */

.toggle {
  display: none;

  padding: 0 0;

  background-color: transparent;

  border: none !important;

  position: absolute;

  z-index: 201;

  right: 20px;
}

.toggle .line-top,
.toggle .line-middle,
.toggle .line-bottom {
  display: block;

  width: 24px;

  height: 3px;

  background-color: #ffffff;

  margin: 5px 0;

  transition: 0.4s;
}

.open.toggle .line-top,
.open.toggle .line-middle,
.open.toggle .line-bottom {
  background-color: #ffffff;
}

body.dark .toggle .line-top,
body.dark .toggle .line-middle,
body.dark .toggle .line-bottom {
  background-color: #ffffff;
}

body.dark .open.toggle .line-top,
body.dark .open.toggle .line-middle,
body.dark .open.toggle .line-bottom {
  background-color: #ffffff;
}

.open .line-top {
  -webkit-transform: rotate(45deg) translate(4px, 9px);

  transform: rotate(45deg) translate(4px, 9px);
}

.open .line-middle {
  opacity: 0;
}

.open .line-bottom {
  -webkit-transform: rotate(-45deg) translate(2px, -7px);

  transform: rotate(-45deg) translate(2px, -7px);
}

.op-bg {
  background-color: #000000;

  width: 100vw;

  height: 100vh;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

  opacity: 0;

  -webkit-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease;

  -o-transition-timing-function: ease;

  transition-timing-function: ease;

  pointer-events: none;
}

.op-bg.show {
  opacity: 0.7;
}

.zw {
  height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  background: none !important;

  box-shadow: none !important;

  border: none !important;
}

.zw::after,
.zw::before {
  display: none !important;
}

.wap-sub {
  position: fixed;

  z-index: 9;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background: #000;

  box-sizing: border-box;

  padding-top: 25vw;

  overflow-y: auto;

  transform: translateX(-100%);

  transition: all cubic-bezier(0.75, 0, 0.29, 1.03) 0.5s;

  display: none;
}

.wap-sub.on {
  transform: translateX(0);
}

.wap-sub .s-main {
  width: 100%;

  height: auto;

  overflow: hidden;
}

.s-main .s-row {
  width: 100%;

  height: auto;

  overflow: hidden;

  box-sizing: border-box;

  /* border-bottom: 1px solid rgba(255, 255, 255, 0.15); */

  padding: 0 4.166667vw;
}

.s-main .s-row .title {
  padding: 15px 0;
}

.s-main .s-row .title a {
  font-size: 16px;

  font-weight: normal;

  color: #ffffff;
}

.s-main .s-row .title .img {
  width: 16px;

  transition: all ease-out 0.3s;
}

.s-main .s-row.on .img {
  transform: rotate(90deg);
}

.s-main .s-row .s-sub {
  width: 100%;

  overflow: hidden;

  display: none;

  background: #333;

  padding: 0;

  border-radius: 0;

  margin: 10px 0;
}

.s-sub dd a {
  width: 100%;

  display: block;

  font-size: 14px;

  color: #fff;

  padding: 10px 20px;

  transition: all 0.6s;
}

/* .container {

    width: 100%;

    padding: 0 12.500000vw;

} */

.wrap {
  width: 100%;

  padding: 0 12.5vw;
}

.row {
  width: 100%;
}

/* 头部 */

.header {
  position: fixed;

  z-index: 999;

  top: 0;

  left: 0;

  width: 100%;

  padding: 40px 0;

  transition: var(--tran-06);
}

.header.on {
  padding: 1.041667vw 0;

  background: rgba(221, 161, 221, 0.9);
}

.header .logo img {
  max-width: 200px;

  width: 100%;

  z-index: 20;
}

.header .menu .link {
  margin-left: 4.166667vw;
}

.header .menu .link > a {
  font-size: 18px;

  font-weight: 500;

  color: #ffffff;

  transition: var(--tran-03);

  position: relative;
}

/* .header .menu .link.on>a,

.header .menu .link:hover>a {

    opacity: 1;

} */

.header .menu .link > a::after {
  content: "";

  position: absolute;

  bottom: -10px;

  left: 0;

  width: 100%;

  height: 2px;

  background: #fff;

  opacity: 0;

  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);

  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);

  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -webkit-transform: translateY(5px);

  transform: translateY(5px);
}

.header .menu .link.on > a::after,
.header .menu .link:hover > a::after {
  opacity: 1;
}

.header .menu .link {
  position: relative;
}

.lang {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: #959595;
  opacity: 0;
  visibility: hidden;
  transition: var(--tran-03);
}
.header .menu .link:hover .lang{
    top: 30px;
    opacity: 1;
    visibility: visible;
}
.lang > a {
  display: block;
  color: #ffffff;
  padding: 10px;
}
.lang > a:hover{
    color: #ffffff;
}
.home0 {
  width: 100%;

  position: relative;
}

.home0 .wrap {
  width: 100%;

  /* height: 100vh; */

  position: absolute;

  /* top: 0; */

  left: 0;

  height: auto;

  top: 32%;
}

.home0 .pic img {
  max-width: 100%;

  width: 100%;
}

.home0 .intr h1 {
  font-size: 55px;

  font-weight: lighter;

  margin-bottom: 16px;

  color: #ffffff;
}

.home0 .intr h2 {
  font-size: 40px;

  font-weight: 600;

  color: #ffffff;

  text-transform: uppercase;
}

.home0 .more {
  width: 160px;

  height: 60px;

  background: #ffffff;

  border-radius: 34px;

  font-size: 14px;

  font-weight: 400;

  color: #000000;

  margin-top: 3.125vw;
}

.home0 .button {
  position: absolute;

  top: 30%;

  top: calc(57vh - 40px);

  z-index: 9;

  width: 80px;

  height: 80px;

  background: rgba(255, 255, 255, 0.44);

  border-radius: 50%;

  cursor: pointer;

  transition: var(--tran-03);
}

.home0 .button:hover {
  background: rgba(255, 255, 255);
}

.home0 .button.prev {
  left: 5.208333vw;
}

.home0 .button.next {
  right: 5.208333vw;
}

.home0 .button .after {
  display: none;
}

.home0 .button:hover .after {
  display: block;
}

.home0 .button:hover .before {
  display: none;
}

.home0 .swiper-pagination {
  top: calc(100vh - 90px);
}

.home0 .swiper-pagination-bullet {
  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #ffffff;

  opacity: 1;

  margin: 0 10px !important;

  position: relative;

  transition: var(--tran-03);
}

.home0 .swiper-pagination-bullet-active {
  background: #dda0dd;
}

.home0 .swiper-pagination-bullet-active::before {
  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 26px;

  height: 26px;

  background: rgba(92, 194, 245, 0.31);

  border-radius: 50%;
}

.title {
  width: 100%;

  position: relative;
}

.title .cn {
  font-size: 58px;

  font-weight: 600;

  color: #dda0dd;
}

.title .en {
  font-size: 28px;

  font-family: "Gotham";

  font-weight: bold;

  color: #000000;

  margin-bottom: 3.645833vw;

  text-transform: uppercase;
}

.title p {
  font-size: 24px;

  font-weight: 300;

  line-height: 34px;

  color: #707070;

  max-width: 90%;
}

.more {
  width: 120px;

  height: 50px;

  border-radius: 25px;

  font-size: 16px;

  font-weight: 300;

  transition: var(--tran-03);

  background: #ffffff;

  box-shadow: 5px 5px 10px rgb(221 161 221 / 28%);

  color: #000000;
}

.more:hover {
  background: #dda0dd;

  color: #ffffff;

  box-shadow: none;
}

.home1 .more,
.home4 .more,
.home6 .more {
  position: absolute;

  right: 0;

  bottom: 0;

  /* background: #ffffff;

    box-shadow: 5px 5px 10px rgba(92, 194, 245, 0.28);

    color: #000000; */
}

.bj {
  width: 100%;

  left: 0;

  top: 0;

  right: 0;

  position: absolute;

  z-index: -1;
}

.bj img {
  max-width: 100%;

  width: 100%;

  height: auto;
}

.home1 {
  width: 100%;

  position: relative;

  z-index: 4;

  background: #ffffff;

  padding: 5.729167vw 0;

  border-radius: 20.833333vw 0 0 0;

  margin-top: -20.833333vw;
}

.home1 .pimg {
  position: absolute;

  top: 0;

  right: 28.125vw;

  z-index: -1;
}

.home1 .pimg img {
  max-width: 100%;
  width: 100%;
}

.home1 .row {
  margin-top: 3.125vw;
}

.home1 .box {
  width: 32%;

  background: #f8f8f8;

  border-radius: 83px;

  position: relative;

  transition: var(--tran-03);
}

.home1 .box:hover {
  background: #dda0dd;
}

.home1 .box .intr {
  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);
}

.home1 .intr p {
  font-size: 29px;

  font-weight: 600;

  color: #3d3d3d;

  transition: var(--tran-03);
}

.home1 .box:hover .intr p {
  color: #ffffff;
}

.home2 {
  width: 100%;

  position: relative;

  z-index: 6;

  background: #f8f8f8;

  padding: 5.729167vw 0;

  border-radius: 0 20.833333vw 0 0;

  /* background-image: url(../img/map.jpg);

    background-repeat: no-repeat;

    background-size: cover; */
}

.home2 .bj img,
.home4 .bj img {
  border-radius: 0 20.833333vw 0 0;
}

.home2 .more {
  position: absolute;

  right: 0;

  bottom: 0;
}

/* .home2 .more:hover{

    background: #DDA0DD;

    color: #FFFFFF;

} */

.home2 .row {
  margin-top: 25px;
}

.home2 .intr p {
  font-size: 42px;

  font-weight: 300;

  color: #3d3d3d;

  margin-right: 2.083333vw;

  transition: var(--tran-03);
}

.home2 .intr p:hover {
  font-weight: 400;

  color: #dda0dd;
}

.home3 {
  width: 100%;

  position: relative;

  z-index: 8;

  background: #ffffff;

  padding: 5.729167vw 0;

  border-radius: 20.833333vw 0 0 0;
}

.home3::after {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 20.833333vw 0 0 0;

  background: linear-gradient(140deg, #dda0dd 0%, rgba(92, 194, 245, 0) 100%);

  z-index: -1;
}

.home3 .bj img {
  border-radius: 20.833333vw 0 0 0;
}

.home3 .title .cn {
  color: #ffffff;
}

.home3 .title .en {
  color: #ffffff;
}

.home3 .row {
  margin-bottom: 5.729167vw;
}

.home3 .swiper-container {
  padding-top: 2.604167vw;
}

.home3 .intr {
  transition: var(--tran-03);
}

.home3 .intr h1 {
  font-size: 26px;

  font-weight: 400;

  font-weight: lighter;

  color: #ffffff;

  position: relative;

  text-align: center;

  margin-bottom: 2.083333vw;

  transition: var(--tran-03);

  /* white-space: nowrap; */
}

.home3 .intr h1::after {
  content: "";

  position: absolute;

  left: 50%;

  bottom: -10px;

  transform: translateX(-50%);

  width: 20px;

  height: 2px;

  background: #ffffff;

  opacity: 0;

  visibility: hidden;
}

.home3 .intr:hover h1::after {
  opacity: 1;

  visibility: visible;
}

.home3 .intr:hover h1 {
  /* font-size: 32px; */

  font-weight: 400;

  transform: scale(1.5);
}

.home3 .intr p {
  max-width: 240px;

  margin: 0 auto;

  font-size: 16px;

  font-weight: 300;

  line-height: 26px;

  color: #ffffff;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  transition: var(--tran-03);
}

.home3 .intr:hover p {
  opacity: 1;

  visibility: visible;
}

.home4 {
  width: 100%;

  position: relative;

  z-index: 10;

  background: #f8f8f8;

  padding: 5.729167vw 0;

  border-radius: 0 20.833333vw 0 0;
}

.home4 .row {
  margin-top: 2.604167vw;

  margin-bottom: 2.604167vw;
}

.home4 .box {
  position: relative;

  border-radius: 75px;

  transition: var(--tran-03);
}

.home4 .box .pic img {
  max-width: 100%;

  width: 100%;

  border-radius: 75px 75px 0px 0px;
}

.home4 .box .intr {
  background-color: #ffffff;

  padding: 25px 20px 30px;

  border-radius: 0px 0px 75px 75px;
}

.home4 .box .intr h4 {
  font-size: 24px;

  font-weight: 600;

  color: #8e8e8e;

  position: relative;

  margin-bottom: 10px;

  padding-bottom: 10px;

  text-align: center;
}

.home4 .box .intr h4::after {
  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 18px;

  height: 2px;

  background: #8e8e8e;
}

.home4 .box .intr p {
  text-align: center;

  font-size: 16px;

  font-weight: 300;

  line-height: 24px;

  color: #8e8e8e;

  min-height: 96px;

  display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;
}

.home4 .box .back {
  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: linear-gradient(180deg, #dda0dd 0%, #dda0dd 100%);

  border-radius: 75px;

  opacity: 0;

  visibility: hidden;

  transform: scale(0.5);

  transition: var(--tran-05);
}

.home4 .box:hover .back {
  transform: scale(1);

  opacity: 1;

  visibility: visible;
}

.home4 .box .back h4 {
  width: 100%;

  font-size: 24px;

  font-weight: 600;

  color: #ffffff;

  position: relative;

  margin-bottom: 15px;

  padding-bottom: 15px;

  text-align: center;
}

.home4 .box .back h4::after {
  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 18px;

  height: 2px;

  background: #ffffff;
}

.home4 .box .back p {
  width: 100%;

  text-align: center;

  font-size: 16px;

  font-weight: 300;

  line-height: 26px;

  color: #ffffff;
}

.home4 .box .back .b-box {
  max-width: 290px;

  width: 90%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);
}

.home4 .package .txt {
  width: 46%;
}

.home4 .package .txt p {
  font-size: 16px;

  font-weight: 300;

  line-height: 26px;

  color: #3d3d3d;
}

.home4 .swiper-pagination,
.home5 .swiper-pagination,
.home6 .swiper-pagination {
  position: static;

  margin: 0 30px;
}

.home4 .swiper-pagination-bullet,
.home5 .swiper-pagination-bullet,
.home6 .swiper-pagination-bullet {
  width: 14px;

  height: 14px;

  border-radius: 50%;

  background: #dfdfdf;

  opacity: 1;

  margin: 0 5px !important;

  transition: var(--tran-03);
}

.home4 .swiper-pagination-bullet-active,
.home5 .swiper-pagination-bullet-active,
.home6 .swiper-pagination-bullet-active {
  background: #dda0dd;
}

.home4 .button,
.home5 .button,
.home6 .button {
  z-index: 9;

  width: 70px;

  height: 70px;

  background: #ffffff;

  box-shadow: 5px 5px 10px rgba(221, 161, 221, 0.28);

  border-radius: 50%;

  cursor: pointer;

  transition: var(--tran-03);
}

.op0 {
  opacity: 0;
  visibility: hidden;
}

.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.op1 {
  opacity: 1;

  visibility: visible;
}

.home5 {
  width: 100%;

  position: relative;

  z-index: 10;

  background: #ffffff;

  padding: 5.729167vw 0;

  border-radius: 20.833333vw 0 0 0;
}

.home5 .row {
  margin-bottom: 20px;
}

.home5 .box .intr {
  max-width: 880px;

  width: 60%;
}

.home5 .box .intr h2 {
  font-size: 30px;

  font-weight: 300;

  line-height: 42px;

  color: #707070;
}

.home5 .more {
  /* background: #ffffff;

    box-shadow: 5px 5px 10px rgb(92 194 245 / 28%);

    color: #000000; */

  margin: 2.34375vw 0 10px;
}

.home5 .box .pic {
  max-width: 20.833333vw;

  position: absolute;

  right: 12.5vw;

  top: 6.25vw;
}

.home5 .pic .swimg {
  position: relative;
}

.home5 .pic .swimg::after {
  content: "";

  width: 9.895833vw;

  height: 9.895833vw;

  background: #dda0dd;

  border-radius: 50%;

  position: absolute;

  top: 10px;

  right: 10px;

  z-index: -1;
}

.home5 .pic .swimg img {
  width: 100%;

  border-radius: 50%;

  display: none;

  transform: scale(0);

  transition: var(--tran-03);
}

.home5 .pic .swimg img.on {
  display: block;

  transform: scale(1);
}

.home6 {
  width: 100%;

  position: relative;

  z-index: 10;

  background: #fbfbfb;

  padding: 5.729167vw 0;

  border-radius: 0 20.833333vw 0 0;
}

.home6 .row {
  margin-top: 2.604167vw;

  margin-bottom: 2.604167vw;
}

.home6 .box {
  position: relative;

  border-radius: 75px;

  background-color: #ffffff;

  border: 2px solid #cacaca;

  border-radius: 75px;

  transition: var(--tran-03);

  padding: 60px 45px;
}

.home6 .box .intr h4 {
  min-height: 5.833vw;

  font-size: 24px;

  font-weight: 600;

  line-height: 34px;

  color: #171717;

  padding-bottom: 10px;

  margin-bottom: 1.822917vw;

  position: relative;

  display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  transition: var(--tran-03);
}

.home6 .box:hover .intr h4 {
  color: #dda0dd;
}

.home6 .box .intr h4::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 70px;

  height: 2px;

  background: #959595;
}

.home6 .box .intr p {
  text-align: justify;

  font-size: 14px;

  font-weight: 400;

  line-height: 24px;

  color: #000000;

  margin-bottom: 2.083333vw;

  display: -webkit-box;

  display: box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;
}

.home6 .box .intr .look {
  font-size: 16px;

  font-weight: 400;

  color: #dda0dd;
}

.home6 .box .intr .look img {
  margin-left: 10px;

  width: 30px;
}

.home6 .package .txt {
  width: 46%;
}

.home6 .package .txt p {
  font-size: 16px;

  font-weight: 300;

  line-height: 26px;

  color: #3d3d3d;
}

.footer {
  width: 100%;

  position: relative;

  z-index: 22;
}

.footer1 {
  width: 100%;

  background: #f0f0f0;

  padding: 50px 0;
}

.footer1 .box .l-f {
  width: 60%;
}

.footer1 .l-f .l-ft {
  max-width: 430px;

  width: 100%;

  position: relative;
}

.footer1 .l-ft input {
  width: 100%;

  height: 60px;

  padding: 0 20px;

  background: #ffffff;

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.footer1 .l-ft button {
  width: 70px;

  height: 35px;

  background: #e2e2e2;

  font-size: 14px;

  font-weight: 300;

  color: #000000;

  position: absolute;

  top: 50%;

  right: 12px;

  transform: translateY(-50%);
}

.footer1 .l-f .l-fb {
  width: 100%;

  margin-top: 3.125vw;
}

.footer1 .l-f .l-fb dt {
  font-size: 18px;

  font-weight: 600;

  color: #000000;

  margin-bottom: 8px;
}
.footer1 .l-f .l-fb dt p{
  color: #000000 !important;

}

.footer1 .l-f .l-fb dd {
  font-size: 16px;

  font-weight: 400;

  color: #888888;

  margin-top: 10px;
}

.footer1 .r-f .r-ft p {
  font-size: 16px;

  font-weight: bold;

  color: #3d3d3d;
}

.footer1 .r-f .r-fc {
  margin: 25px 0 2.864583vw;
}

.footer1 .r-fc .app {
  width: 40px;

  height: 40px;

  margin-right: 30px;

  position: relative;

  transition: var(--tran-03);
}

.footer1 .r-fc .app img.after {
  display: none;
}

.footer1 .r-fc a:hover img.before {
  display: none;
}

.footer1 .r-fc a:hover img.after {
  display: block;
}

.footer1 .r-fc .app .ewm {
  position: absolute;

  top: -130px;

  z-index: 6;

  width: 120px;

  height: 120px;

  background: #ffffff;

  border-radius: 10px;

  left: 50%;

  transform: translateX(-50%);

  transition: var(--tran-03);

  box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);

  opacity: 0;

  visibility: hidden;
}

.footer1 .r-fc .app:hover .ewm {
  opacity: 1;

  visibility: visible;
}

.footer1 .r-fc .ewm img {
  width: 100px;

  height: 100px;
}

.footer1 .r-fb img {
  max-width: 90px;

  margin-right: 15px;
}

.footer2 {
  width: 100%;

  background: #e9e9e9;

  padding: 12px 0;
}

.footer2 .intr p {
  font-size: 14px;

  font-weight: 300;

  color: #9f9f9f;
}

#pagetop {
  position: fixed;

  right: 20px;

  bottom: 20px;

  width: 60px;

  height: 60px;

  color: #fff;

  display: block;

  background-color: #dda0dd;

  text-align: center;

  line-height: 60px;

  opacity: 0;

  z-index: 100;

  -webkit-transform: translateY(90px);

  transform: translateY(90px);

  -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);

  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

  -webkit-transition-property: opacity, transform, background;

  -webkit-transition-property: opacity, background, -webkit-transform;

  transition-property: opacity, background, -webkit-transform;

  transition-property: opacity, transform, background;

  transition-property: opacity, transform, background, -webkit-transform;
}

#pagetop svg {
  width: 8px;

  fill: #fff;

  vertical-align: middle;
}

@media (max-width: 767px) {
  #pagetop {
    width: 45px;

    height: 45px;

    right: 10px;

    bottom: 10px;

    line-height: 45px;
  }
}

#pagetop.show-scroll {
  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);
}

#pagetop:active,
#pagetop:focus,
#pagetop:hover {
  text-decoration: none;

  background-color: #aeaeae;
}

.scrt-fade {
  opacity: 0;

  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-property: opacity, transform;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;
}

.scrt-fade.visible {
  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);
}

.scrt-to-top {
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-property: opacity, transform;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;
}

.scrt-to-top.invisible {
  opacity: 0;

  -webkit-transform: translateY(20px);

  transform: translateY(20px);
}

.scrt-to-top.visible {
  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;
}

.scrt-to-right {
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-property: opacity, transform;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;
}

.scrt-to-right.invisible {
  opacity: 0;

  -webkit-transform: translateX(-20px);

  transform: translateX(-20px);
}

@media (max-width: 991px) {
  .scrt-to-right.invisible {
    -webkit-transform: translateX(-15px);

    transform: translateX(-15px);
  }
}

.scrt-to-right.visible {
  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);
}

.scrt-to-left {
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-property: opacity, transform;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;
}

.scrt-to-left.invisible {
  opacity: 0;

  -webkit-transform: translateX(20px);

  transform: translateX(20px);
}

@media (max-width: 991px) {
  .scrt-to-left.invisible {
    -webkit-transform: translateX(15px);

    transform: translateX(15px);
  }
}

.scrt-to-left.visible {
  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);
}

.scrt-cover {
  overflow-x: hidden;

  position: relative;

  display: block;
}

.scrt-cover:before {
  content: "";

  position: absolute;

  width: 150%;

  height: 100%;

  right: 0;

  top: 0;

  z-index: 1;

  background-color: #111;

  -webkit-transform: skew(-15deg) translateX(10%);

  transform: skew(-15deg) translateX(10%);

  -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);

  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;
}

.scrt-cover:after {
  content: "";

  position: absolute;

  width: 150%;

  height: 100%;

  right: 0;

  top: 0;

  background-color: #f5f4f3;

  -webkit-transform: skew(-15deg) translateX(10%);

  transform: skew(-15deg) translateX(10%);

  z-index: 2;

  -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);

  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.scrt-cover.visible:before {
  -webkit-transform: skew(-15deg) translateX(120%);

  transform: skew(-15deg) translateX(120%);
}

.scrt-cover.visible:after {
  -webkit-transform: skew(-15deg) translateX(120%);

  transform: skew(-15deg) translateX(120%);
}

.pswp {
  display: none !important;

  opacity: 0;

  visibility: hidden;
}

#loading-wrapper {
  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 10002;
}

#loading-wrapper .loading-el {
  position: fixed;

  width: calc(100% / 8);

  height: 100%;

  top: 0;

  z-index: 10002;

  background: #111;
}

@media (max-width: 767px) {
  #loading-wrapper .loading-el {
    width: calc(100% / 4);
  }
}

#loading-wrapper #loading-1 {
  left: 0;
}

#loading-wrapper #loading-2 {
  left: calc(100% / 8);
}

@media (max-width: 767px) {
  #loading-wrapper #loading-2 {
    left: 0;
  }
}

#loading-wrapper #loading-3 {
  left: calc(100% / 8 * 2);
}

#loading-wrapper #loading-4 {
  left: calc(100% / 8 * 3);
}

@media (max-width: 767px) {
  #loading-wrapper #loading-4 {
    left: calc(100% / 8 * 2);
  }
}

#loading-wrapper #loading-5 {
  left: calc(100% / 8 * 4);
}

#loading-wrapper #loading-6 {
  left: calc(100% / 8 * 5);
}

@media (max-width: 767px) {
  #loading-wrapper #loading-6 {
    left: calc(100% / 8 * 4);
  }
}

#loading-wrapper #loading-7 {
  left: calc(100% / 8 * 6);
}

#loading-wrapper #loading-8 {
  left: calc(100% / 8 * 7);
}

@media (max-width: 767px) {
  #loading-wrapper #loading-8 {
    left: calc(100% / 8 * 6);
  }
}

#loading-wrapper #progress {
  position: fixed;

  left: 0;

  width: 0;

  top: 0;

  height: 4px;

  background-color: #aeaeae;

  z-index: 10003;
}

.home4 .button img,
.home5 .button img,
.home6 .button img {
  width: 6px !important;
}