/* html {
	transform: scale(0.75);
} */

img {
  display: inline-block;
  /* margin: 0 auto; */
}

.tit-10 {
  font-size: 10px;
}

body {
  background-color: #242424;
  min-width: 1200px;
}

.w1560 {
  max-width: 1560px;
  width: 81.25%;
  margin: 0 auto;
}

.w1540 {
  max-width: 1540px;
  width: 80%;
  margin: 0 auto;
}

.w1470 {
  max-width: 1470px;
  width: 76.6%;
  margin: 0 auto;
}

.w1400 {
  max-width: 1400px;
  width: 73%;
  margin: 0 auto;
}

.w1280 {
  max-width: 1280px;
  width: 66.6%;
  margin: 0 auto;
}

.w1200 {
  max-width: 1200px;
  width: 62.5%;
  margin: 0 auto;
}


/* 头部 */

.fixDiv {
  /* background-color: rgba(41,41,41,.5); */
  background-color: #191919;
}

.fixDiv3 {
  background-color: #191919;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  z-index: 101;
  min-width: 1200px;
}

.head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}

.head-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 65%;
  height: 100%;
}

.head-nav-ls {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.head-nav a {
  color: #FEFDFD;
  opacity: 0.5;
  transition: all 0.3s;
  line-height: 1;
  /* padding-bottom: 10px; */
  position: relative;
}

.head-nav a:hover {
  opacity: 1;
  padding-bottom: 10px;
}

.head-nav .cur {
  opacity: 1;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 10px;
}

.head-tel {
  width: 14.5%;
  border: 1px solid #FEFDFD;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.head-tel div {
  width: 15px;
  height: 100%;
  margin-right: 10px;
}

.head-tel p {
  color: #FEFDFD;
}


/* .head-nav-ls {
	position: relative;
} */

.head-wrap {
  /* background-color: rgba(26, 26, 26, .5); */
  background-color: #191919;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 2rem;
  left: 0;
  text-align: center;
  width: 100%;
  height: 3.5rem;
  border-top: 1px solid rgba(255, 255, 255, .3);
  justify-content: center;
  /* padding-left: 20%; */
}


/* .head-nav-ls:nth-child(3) .head-wrap {
	padding-left: 28%;
}

.head-nav-ls:nth-child(6) .head-wrap {
	padding-left: 54%;
}

.head-nav-ls:last-child .head-wrap {
	justify-content: center;
	padding-left: 0;
} */


/* .head-wrap::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 1.7rem;
	transform: translateX(-50%);
	border-bottom: 10px solid rgba(26, 26, 26, .5);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
} */

.head-wrap>a {
  color: #FEFDFD;
  opacity: 1;
  width: max-content;
  margin-right: 13%;
  padding: 0;
}

.head-wrap>a div {
  width: 1rem;
  margin: 0 auto 0.25rem;
}

.head-wrap>a:last-child {
  margin-right: 0;
}

.head-wrap div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: max-content;
}

.head-wrap div a {
  color: #FEFDFD;
  opacity: 0.4;
}

.head-wrap div img {
  margin-left: 0.75rem;
}


/* 头部 */


/* 首页 */

.index-font {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 90%;
}

.index-font p {
  color: #FEFDFD;
  line-height: 1;
  text-align: center;
}

.index-font p:nth-child(1) {
  font-weight: lighter;
}

.index-font p:nth-child(2) {
  padding-top: 0.5rem;
  border-top: 1px solid #FFFFFF;
  margin: 0.5rem 0;
  letter-spacing: 7px;
  font-weight: bold;
}

.index-font p:nth-child(3) {
  letter-spacing: 4px;
}

#index-pagination {
  bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#index-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 1px;
  background-color: rgba(255, 255, 255, .5);
  border-radius: 0;
  opacity: 0.5;
  margin-right: 1.75rem;
  transition: all 0.2s;
}

#index-pagination .swiper-pagination-bullet-active {
  width: 4px;
  height: 15px;
  background-color: #FFFFFF;
  opacity: 1;
}

#index-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.city {
  margin: 2rem 0 0;
  padding: 2rem 0;
  background-color: #262626;
}

.city-tit {
  color: #FFFFFF;
  position: relative;
  letter-spacing: 3px;
  text-align: center;
  line-height: 1;
  width: max-content;
  margin: 0 auto 1rem;
  font-weight: lighter;
}

.city-tit span {
  font-weight: bold;
}

.city-tit::before {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #FFFFFF;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.city-tit::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #FFFFFF;
  right: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.city-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-radius: 10px; */
  /* overflow: hidden; */
  height: 1.75rem;
}


/* .city-screen>input {
	color: #FFFFFF;
	background: none;
} */

.city-screen p {
  color: #FFFFFF;
  white-space: nowrap;
}

.city-lf {
  border: 1px solid #FFFFFF;
  width: 85%;
  height: 100%;
  margin-right: 1%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.75rem;
}

.city-submit {
  width: 14%;
  height: 100%;
  background-color: #D3B96C;
  color: #191919;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all 0.3s;
  border: 1px solid #D3B96C;
  font-weight: bold;
}

.city-submit:hover {
  background-color: #1A1A1A;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.city-address {
  padding-right: 0.75rem;
  border-right: 1px solid #FFFFFF;
  line-height: 1.3;
  margin-right: 0.75rem;
}

.city-all {
  margin-right: 0.75rem;
  border-right: 1px solid #FFFFFF;
  position: relative;
  cursor: pointer;
}

.city-all-tit {
  line-height: 1.3;
  padding-right: 0.75rem;
  position: relative;
  background: none;
  color: #FFFFFF;
  width: 2rem;
}

.city-all::after {
  content: '';
  position: absolute;
  background-image: url(../img/index2.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 15px;
  height: 8px;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}

.city-all-ls {
  display: none;
  position: absolute;
  top: 1rem;
  left: -14px;
  background-color: #1A1A1A;
  width: 60%;
  text-align: center;
  max-height: 2.25rem;
  overflow-y: auto;
}


/* .city-all-ls2 {
	top: -3rem;
} */

.city-all-ls p {
  opacity: .5;
  transition: all 0.3s;
  line-height: 0.75rem;
}

.city-all-ls p:hover {
  background-color: #D3B96C;
  opacity: 1;
}

.city-input {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  border-right: 1px solid #FFFFFF;
  line-height: 1.3;
  /* width: 18%; */
  width: max-content;
}

.city-input div {
  width: 0.4rem;
  margin-right: 0.5rem;
}

.city-input div img {
  width: 100%;
}

.city-input input {
  background: none;
  width: calc(100% - 0.9rem);
  line-height: 1.3;
  color: #FFFFFF;
}

.city-input input::placeholder {
  opacity: 0.5;
}


/* .city-lf .city-input:nth-last-child(1),
.city-lf .city-input:nth-last-child(2) {
	width: 35%;
} */

.city-monny {
  display: flex;
  align-items: center;
  justify-content: center;
}

.city-monny div {
  width: 0.45rem;
  margin-right: 0.5rem;
}

.city-monny div img {
  width: 100%;
}

.city-monny span {
  font-weight: bold;
}

.quality {
  padding: 1.75rem 0 0;
}

.qua-top {
  text-align: center;
  margin-bottom: 1.5rem;
  position: relative;
}

.qua-top p {
  color: #FFFFFF;
  line-height: 1;
}

.qua-top p:nth-child(1) {
  margin-bottom: 0.2rem;
  font-weight: lighter;
  letter-spacing: 3px;
}

.qua-top p:nth-child(1) span {
  font-weight: bold;
  display: inline-block;
  line-height: 1;
}

.qua-top p:nth-child(2) {
  text-transform: uppercase;
  letter-spacing: 2.3px;
  font-weight: lighter;
  opacity: 0.3;
  /* line-height: 2.6; */
}

.qua-top div {
  position: absolute;
  width: 12%;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qua-top div img {
  width: 100%;
}

.qua-center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.qua-ls {
  width: 18.4%;
  height: 7.75rem;
  margin-right: 2%;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}


/* .qua-ls::after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-color: #B28750;
	left: 100%;
	top: 0;
	position: absolute;
	transition: all 0.5s;
	z-index: 1;
	opacity: 0;
} */


/* .qua-ls:hover::after {
	left: 0;
	opacity: 1;
} */

.qua-ls:last-child {
  margin-right: 0;
}

.qua-ls div {
  position: relative;
  z-index: 2;
  width: 24%;
}

.qua-ls div img {
  width: 100%;
}

.qua-ls p {
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  line-height: 1;
}

.qua-ls p:nth-child(2) {
  font-weight: bold;
  margin: 0.5rem 0;
}

.brand.play {
  margin: 1.5rem 0 2rem;
  height: 8rem;
  width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}

.brand video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1;
}

.brand .qua-top {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.brand .qua-top div {
  width: 60%;
}

.brand .qua-top p:nth-child(2) {
  /* font-size: 8px; */
  letter-spacing: 5.3px;
  opacity: 0.5;
}

.play {
  position: absolute;
  top: 1rem;
  right: 2.25rem;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 2;
}

.brand .play img {
  width: 100%;
}

.petty {}

.petty-ls {
  overflow: hidden;
  margin-bottom: 1.5rem;
  height: 12.5rem;
}

.petty-ls:last-child {
  margin-bottom: 0;
}

.petty-ls:nth-child(2n) .petty-lf {
  float: right;
}

.petty-ls:nth-child(2n) .petty-rg {
  border-right: none;
  border-left: 1px solid #FFFFFF;
}

.petty-lf {
  float: left;
  width: 58%;
  height: 100%;
  overflow: hidden;
}

.petty-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.petty-lf:hover img {
  transform: scale(1.1);
}

.petty-rg {
  float: left;
  width: 42%;
  height: 100%;
  border: 1px solid #FFFFFF;
  border-left: none;
  padding: 0.75rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.petty-rg p {
  color: #FFFFFF;
  line-height: 1;
  white-space: nowrap;
  font-weight: lighter;
}

.petty-rg-tit {
  opacity: 0.2;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.petty-rg .petty-rg-sub {
  margin: 0.75rem 0 0.75rem;
  font-weight: bold;
}

.petty-rg-cont {
  color: #FFFFFF;
  line-height: 2;
  font-weight: lighter;
}

.petty-rg-video {
  width: 3.5rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin: 0.75rem 0;
}

.petty-rg-video img {
  width: 22%;
}

.petty-rg-more {
  display: block;
  width: 5.1rem;
  line-height: 1.5rem;
  height: 1.5rem;
  text-align: center;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  transition: all 0.3s;
  font-weight: lighter;
}

.petty-rg-more:hover {
  background-color: #D3B96C;
  border: 1px solid #D3B96C;
}

.minute {
  height: 3rem;
  color: #FFFFFF;
  margin: 1.5rem auto;
  border-radius: 20px;
  font-weight: lighter;
  text-align: center;
  line-height: 3rem;
  letter-spacing: 8px;
  display: block;
}

.minute span {
  font-weight: bold;
}

.index-case {}

.index-case-tit {
  line-height: 1;
  color: #FFFFFF;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 1.25rem;
  font-weight: lighter;
}

.index-case-tit span {
  font-weight: bold;
}

.index-case-sub {
  color: #FFFFFF;
  line-height: 1.1rem;
  text-align: center;
  opacity: 0.9;
  font-weight: lighter;
  width: 90%;
  margin: 0 auto 1.5rem;
  letter-spacing: 2.5px;
}

.index-case-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.index-case-ls {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  padding: 1.5rem 1.75rem 1rem;
  width: 25%;
  height: 18.75rem;
}

.index-case-ls-tit {
  color: #FFFFFF;
  letter-spacing: 2px;
  font-weight: bold;
  position: relative;
  z-index: 3;
  line-height: 1;
}

.index-case-ls-tit span {
  font-weight: bold;
  display: inline-block;
  line-height: 1;
  margin-top: 15px;
}

.index-case-ls-sub {
  color: #FFFFFF;
  writing-mode: vertical-rl;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  z-index: 3;
}

.index-case-ls-pos {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 19%;
  opacity: 0;
  transition: all 0.3s;
  z-index: 2;
}

.index-case-ls-pos img {
  width: 100%;
}

.index-case-ls::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  display: block;
  background-color: rgba(0, 0, 0, .4);
  opacity: 0;
  transition: all 0.3s;
  border: 2px solid rgba(0, 0, 0, 0);
}

.index-case-ls:hover::after {
  opacity: 1;
  border: 2px solid #D3B96C;
}

.index-case-ls:hover .index-case-ls-pos {
  top: 50%;
  opacity: 1;
}

.designer-cent {
  /* display: flex;
	align-items: center;
	justify-content: flex-start; */
  margin-bottom: 1.5rem;
}

.des-container2 .designer-cent-ls {
  width: 23.5%;
  margin-right: 2%;
}

.designer-cent-ls:last-child {
  margin-right: 0;
}

.designer-cent-ls-top {
  width: 100%;
  height: 9.85rem;
  position: relative;
  overflow: hidden;
}

.designer-cent-ls-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.designer-cent-ls-top:hover img {
  transform: scale(1.1);
}

.designer-cent-ls-top p {
  color: #FFFFFF;
  position: absolute;
  width: 100%;
  height: 1.8rem;
  line-height: 1.8rem;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  text-align: center;
}

.designer-cent-ls-tit {
  line-height: 1;
  margin: 0.5rem 0 0.5rem;
  color: #FFFFFF;
  font-weight: bold;
}

.designer-cent-ls-sub {
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

.designer-cent-ls-cont {
  color: #FFFFFF;
  line-height: 0.6rem;
  height: 1.2rem;
  overflow: hidden;
  opacity: .5;
}

.des-btn {
  margin-bottom: 2.6rem;
}

.des-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
}

.des-menu-ls {
  width: 3.5rem;
  height: 1rem;
  border: 1px solid #FFFFFF;
  margin-right: 0.3rem;
  position: relative;
  z-index: 1;
}

.des-menu-ls:last-child {
  margin-right: 0;
}

.des-s {
  width: 100%;
  height: 100%;
  line-height: 1rem;
  color: #FFFFFF;
  padding: 0 0.5rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.des-s::after {
  content: '';
  position: absolute;
  display: block;
  background-image: url(../img/index2.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 6px;
}

.des-none {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  height: 2.25rem;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, .8);
  border-top: none;
  background-color: rgba(26, 26, 26, .5);
  display: none;
}

.des-none::-webkit-scrollbar {
  width: 3px;
}

.des-none p {
  color: #FFFFFF;
  opacity: 0.8;
  line-height: 0.75rem;
  padding: 0 0.5rem;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s;
  /* border-bottom: 1px solid rgba(255,255,255,.8); */
}

.des-none p:hover {
  background-color: #D3B96C;
}

.des-none p:last-child {
  border-bottom: none;
}

.des-ajax {}

.des-container .swiper-slide {
  width: 7%;
  height: 2.75rem;
  margin-right: 1.45%;
  cursor: pointer;
}

.des-container .swiper-slide:last-child {
  margin-right: 0;
}

.des-container .swiper-slide img {
  width: 100%;
  height: 120%;
  object-fit: cover;
  background-position: top center;
}


/* .des-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow-x: auto;
} */


/* .des-ajax-box::-webkit-scrollbar {
	height: 4px;
} */


/* .des-ajax-box img {
	width: 7%;
	margin-right: 1.45%;
	margin-bottom: 1.45%;
}

.des-ajax-box img:last-child {
	margin-right: 0;
} */

.friend-tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.5rem;
  text-align: center;
  line-height: 1;
}

.friend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}

.fri-ls {
  width: 22.75%;
  margin-right: 3%;
  position: relative;
  padding: 1rem;
  border-radius: 10px;
  overflow: hidden;
  /* border: 2px solid rgba(0, 0, 0, .5); */
  /* border: 2px solid transparent; */
}

.fri-ls::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1;
  transition: all 0.3s;
  border-radius: 10px;
}

.fri-ls:last-child {
  margin-right: 0;
}

.fri-ls-box {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.fri-ls-box p {
  color: #FFFFFF;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.fri-ls-box p:nth-child(1) {
  font-weight: bold;
}

.fri-ls-box p:nth-child(2) {
  font-weight: bold;
  margin: 0.3rem 0 0.4rem;
}

.fri-ls-box p:nth-child(3) {
  /* font-weight: lighter; */
  text-transform: uppercase;
}

.fri-ls-hov {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
  padding: 0.5rem;
}

.fri-ls-hov p {
  color: #FFFFFF;
  line-height: 1;
}

.fri-ls-hov p:nth-child(1) {
  font-weight: bold;
}

.fri-ls-hov p:nth-child(2) {
  margin: 0.75rem auto 0.325rem;
  text-align: center;
  padding-bottom: 0.325rem;
  border-bottom: 1px solid #FFFFFF;
  width: 80%;
  font-weight: bold;
}

.fri-ls-hov-cont {
  text-align: center;
  color: #FFFFFF;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  font-weight: lighter;
}

.fri-ls-hov-en {
  text-align: right;
  text-transform: capitalize;
  font-weight: lighter;
}

.fri-ls:hover {
  border: 2px solid #FFFFFF;
}

.fri-ls:hover::after {
  right: 100%;
  opacity: 0;
  border: 2px solid #FFFFFF;
}

.fri-ls:hover .fri-ls-box {
  opacity: 0;
}

.fri-ls:hover .fri-ls-hov {
  left: 0;
  opacity: 1;
}

.decoration {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.5rem;
}

.dec-ls {
  width: 31%;
  margin-right: 3.5%;
  border-radius: 16px;
  overflow: hidden;
}

.dec-ls:last-child {
  margin-right: 0;
}

.dec-top {
  width: 100%;
  position: relative;
  display: block;
}

.dec-top img {
  width: 100%;
}

.dec-top div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.dec-top div p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: lighter;
}

.dec-top div p:nth-child(1) {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.dec-top div p:nth-child(2) {
  text-transform: uppercase;
  opacity: .5;
}

.dec-btn {
  background-color: #FFFFFF;
  padding: 0.5rem 0.25rem;
  overflow-y: auto;
  line-height: 2.2;
  color: #191919;
  white-space: nowrap;
}

.dec-btn a {
  display: block;
  color: #191919;
  transition: all 0.3s;
  width: 100%;
  line-height: 1.6;
  overflow: hidden;
  white-space: nowrap;
  /* text-overflow: ellipsis; */
}

.dec-btn span {
  opacity: .7;
  display: inline-block;
  line-height: 1;
  overflow: hidden;
  width: 58%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dec-btn a:hover {
  color: #b28750;
}

.inedx-fixd {
  padding: 1.5rem 16.7% 1.25rem;
  background-color: #1C1C1C;
  position: relative;
  /* bottom: 1.5rem; */
  /* left: 0; */
  width: 100%;
  z-index: 2;
  min-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inedx-fixd .inedx-fixd-tit {
  font-weight: lighter;
  color: #FFFFFF;
  width: max-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-right: 5%;
  white-space: nowrap;
}

.inedx-fixd-tit span {
  line-height: 1;
}

.inedx-fixd-tit span:nth-child(2) {
  margin-top: 0.25rem;
  letter-spacing: 5px;
}

.inedx-fixd form {
  width: 78%;
}

.inedx-fixd .city-screen {
  width: 100%;
}

.inedx-fixd .city-lf {
  width: 84%;
  margin-right: 2%;
  justify-content: center;
}

.inedx-fixd .city-submit {
  width: 14%;
}

.inedx-fixd .city-input {
  width: 30%;
  margin-right: 6%;
}

.inedx-fixd .city-input:last-child {
  border-right: none;
  margin-right: 0;
}

.footer {
  /* margin-bottom: 10rem; */
  /* background: #202020; */
  width: 100%;
  max-width: 1920px;
  border-radius: 0;
  /* background: linear-gradient(to right, #202020, #2B2B2B); */
  padding: 1.75rem 1.5rem;
  margin: 0 auto;
  /* border-radius: 30px; */
  /* margin-bottom: 1rem; */
}

.foot {
  max-width: 1400px;
  width: 80%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.foot-ls {
  width: 19%;
  position: relative;
}

.foot-ls p,
.foot-ls a {
  color: #FFFFFF;
  display: block;
  text-align: left;
  line-height: 1;
}

.foot-other span {
  margin-bottom: 0.5rem;
  line-height: 1;
  display: block;
  color: #FFFFFF;
  /* font-weight: lighter; */
}

.foot-ls a {
  margin-bottom: 0.5rem;
}

.foot-ls p span {
  white-space: nowrap;
  font-weight: bold;
}

.foot-ls .foot-ls-tit {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.foot-ls-pos {
  margin-bottom: 1rem;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fefdfd;
}

.foot-ls-pos::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.75rem;
  height: 1px;
  background-color: #FFFFFF;
  left: 0;
  bottom: -0.5rem;
}

.foot-ls:last-child .foot-url {
  flex-wrap: nowrap;
}

.foot-ls:last-child {
  width: 20%;
}

.foot-ls-code {
  margin-right: 0.75rem;
  width: calc(50% - 0.325rem);
}

.foot-ls-code:last-child {
  margin-right: 0;
}

.foot-ls-code div {
  /* border-radius: 10px; */
  overflow: hidden;
  width: 100%;
}

.foot-ls-code div img {
  width: 100%;
}

.foot-ls-code p {
  color: #FFFFFF;
  margin-top: 0.75rem;
  font-weight: lighter;
  text-align: center;
}


/* 首页 */


/* 懂家装 */

.know-banner {
  position: relative;
}

.know-banner>img {
  width: 100%;
}

.ban-font {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ban-font p {
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
}

.ban-font p:nth-child(1) {
  font-size: 2.5rem;
  font-weight: lighter;
}

.ban-font p:nth-child(1) span {
  font-weight: bold;
}

.ban-font p:nth-child(2) {
  font-size: 8px;
  margin: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 15px;
}

.ban-font p:nth-child(3) {
  font-weight: lighter;
}

.ban-font a {
  margin: 1.25rem auto 0;
  display: block;
  width: 7.5rem;
  height: 1.35rem;
  line-height: 1.2rem;
  text-align: center;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
}

.ans {
  margin: 1.5rem 0;
}

.ans-tit {
  margin-bottom: 1.5rem;
  text-align: center;
  color: #FFFFFF;
  line-height: 1;
  font-weight: lighter;
}

.ans-tit span {
  font-weight: bold;
}

.ans-btn {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.ans-btn img {
  width: 100%;
  object-fit: cover;
}

.ans-lf {
  width: 71.5%;
  margin-right: 6%;
  border-radius: 20px;
  overflow: hidden;
}

.ans-lf img {
  width: 100%;
}

.ans-rg {
  width: 22.5%;
}

.ans-rg p {
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0.75rem;
  white-space: nowrap;
}

.ans-rg p span {
  margin-right: 0.5rem;
  line-height: 1;
}

.know-more {
  color: #FFFFFF;
  width: 6.25rem;
  height: 1.25rem;
  line-height: 1.1rem;
  text-align: center;
  display: block;
  border: 2px solid #b28850;
  color: #b28850;
  margin-left: calc(100% - 6.25rem);
  border-radius: 10px;
  margin-top: 0.75rem;
  transition: all 0.3s;
  font-weight: bold;
}

.style {
  margin-bottom: 0.75rem;
}

.sty-tit {
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.sty-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.sty-tab p {
  width: 3rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  margin-right: 1rem;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.3s;
}

.sty-tab p:last-child {
  margin-right: 0;
}

.sty-tab p:hover {
  background-color: #FFFFFF;
  color: #242424;
}

.sty-tab .cur {
  background-color: #FFFFFF;
  color: #242424;
  font-weight: bold;
}

.sty-swiper {
  position: relative;
}

.sty-swiper img {
  width: 100%;
  object-fit: cover;
}

.sty-container .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}

.sty-swiper .swiper-button-prev,
.sty-swiper .swiper-button-next {
  width: 1rem;
  height: 2rem;
  color: #FFFFFF;
}

.sty-swiper .swiper-button-prev {
  left: 4.5rem;
}

.sty-swiper .swiper-button-next {
  right: 4.5rem;
}

.sty-swiper .swiper-button-prev:after,
.sty-swiper .swiper-button-next:after {
  font-size: 1.8rem;
}

.style .know-more {
  width: 6.25rem;
  margin-left: calc(83.3% - 6.25rem);
}

.where .know-more {
  margin-top: 0;
}

.sty-tit span {
  font-weight: lighter;
}

.which {
  margin-bottom: 1.5rem;
}

.which-ls {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  overflow: hidden;
}

.which-ls img {
  width: 100%;
}

.which-ls div {
  width: 40.5%;
  margin-right: 9%;
  border-radius: 20px;
  overflow: hidden;
}

.which-ls div img {
  width: 100%;
  transition: all 0.3s;
}

.which-ls div:hover img {
  transform: scale(1.1);
}

.which-ls div:last-child {
  margin-right: 0;
}

.need {
  margin-bottom: 1.5rem;
}

.need-pic {
  width: 100%;
  margin-bottom: 1.5rem;
  border-radius: 20px;
  overflow: hidden;
}

.need-pic img {
  width: 100%;
}

.need-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.need-btn img {
  width: 100%;
}

.need-ls {
  width: 25%;
  text-align: center;
  margin-bottom: 1.5rem;
}

.need-ls p,
.need-ls span {
  color: #FFFFFF;
}

.need-ls p {
  line-height: 1;
  margin-bottom: 0.75rem;
}

.need-ls span {
  line-height: 1.5;
}

.need .know-more {
  margin-top: 0.75rem;
}

.know-more:hover {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #242424;
}


/* 懂家装 */


/* 测家装 */

.test {
  margin-top: 3.5rem;
}

.test-font {
  text-align: center;
  margin-bottom: 1.5rem;
}

.test-font p {
  color: #FFFFFF;
  line-height: 1;
}

.test-font p:nth-child(1) {
  margin-bottom: 0.5rem;
  font-weight: lighter;
  letter-spacing: 2px;
}

.test-font p:nth-child(1) span {
  font-weight: bold;
}

.test-font p:nth-child(2) {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 10px;
  font-size: 8px;
}

.test-font p:nth-child(3) {
  line-height: 1.5;
}

.test-box {
  position: relative;
  width: 100%;
  height: 15.5rem;
}

.num1 {
  margin-bottom: 1.25rem;
  position: relative;
}

.num2 {
  margin-bottom: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* opacity: 0; */
  display: none;
}

.num-tit {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.num-tit span {
  line-height: 1;
  margin-right: 1rem;
  color: #FFFFFF;
}

.num-tit p {
  color: #FFFFFF;
  line-height: 1;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #FFFFFF;
}

.choose {
  display: flex;
  align-items: center;
  justify-content: center;
}

.choose-ls {
  margin-right: 6rem;
  cursor: pointer;
}

.choose-ls:last-child {
  margin-right: 0;
}

.choose-pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  margin: 0 auto 0.75rem;
  border-radius: 10px;
  overflow: hidden;
}

.choose-pic img {
  width: 3.675rem;
}

.choose-tit {
  color: #FFFFFF;
  opacity: 0.5;
  text-align: center;
}

.choose-ls-ac .choose-pic {
  border: 5px solid #b28850;
}

.choose-ls-ac .choose-tit {
  opacity: 1;
}

.choose-ls-ac2 .choose-pic {
  border: 5px solid #FFFFFF;
}

.choose-ls-ac2 .choose-tit {
  opacity: 1;
}

#num1 {
  z-index: 15;
}

#num2 {
  z-index: 14;
}

#num3 {
  z-index: 13;
}

#num4 {
  z-index: 12;
}

#num5 {
  z-index: 11;
}

#num6 {
  z-index: 10;
}

#num7 {
  z-index: 9;
}

#num8 {
  z-index: 8;
}

#num9 {
  z-index: 7;
}

#num10 {
  z-index: 6;
}

#num11 {
  z-index: 5;
}

#num12 {
  z-index: 4;
}

#num13 {
  z-index: 3;
}

#num14 {
  z-index: 2;
}

#num15 {
  z-index: 1;
}


/* .sex {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 2.75rem;
}

.sex-pic {
	margin-right: 2rem;
	height: 2.25rem;
	position: relative;
	cursor: pointer;
}

.sex-pic img {
	height: 100%;
}

.sex-pic:last-child {
	margin-right: 0;
}

.sex-pic div {
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: -0.5rem;
	bottom: -5px;
	transition: all 0.3s;
	opacity: 0;
}

.sex-ac div {
	opacity: 1;
}

.age {
	display: flex;
	align-items: center;
	justify-content: center;
}

.age p {
	margin-right: 0.8rem;
	color: #FFFFFF;
	color: #b28850;
	border: 1px solid #b28850;
	border-radius: 10px;
	overflow: hidden;
	width: 4rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	transition: all 0.3s;
	cursor: pointer;
}

.age p:last-child {
	margin-right: 0;
}

.age p:hover {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.age-ac {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
} */

.pagenation {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.pageNum {
  margin-right: 1rem;
  color: #FFFFFF;
  opacity: .2;
  line-height: 1;
}

.pagenation a {
  opacity: .2;
  color: #FFFFFF;
  transition: all 0.3s;
  line-height: 1;
}

.get-result {
  opacity: .2;
  color: #FFFFFF;
  transition: all 0.3s;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s;
}

.get-result:hover {
  opacity: 1;
}

.pagenation a:hover {
  opacity: 1;
}

.pagenation .next {
  display: none;
}

.prev {
  margin-right: 1rem;
}


/* .choose-ls {
	width: 21.25%;
	margin-right: 5%;
	border-radius: 10px;
	overflow: hidden;
}

.choose-ls img {
	width: 100%;
	transition: all 0.3s;
}

.choose-ls:hover img {
	transform: scale(1.1);
} */

.result {
  text-align: center;
}

.result-tit {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px;
}

.result-tit span {
  font-weight: lighter;
}

.result-sub {
  margin: 0.5rem 0 1.75rem;
  line-height: 1;
  color: #FFFFFF;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.result-input {
  display: flex;
  align-items: center;
  justify-content: center;
}

.input {
  width: 50%;
  height: 1.75rem;
  background: none;
  margin-right: 0.5rem;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  color: #FFFFFF;
  padding: 0 0.75rem;
}

.input::placeholder {
  color: #FFFFFF;
  opacity: .5;
}

.submit {
  height: 1.75rem;
  width: 5rem;
  border-radius: 10px;
  background-color: #FFFFFF;
  font-weight: bold;
  display: block;
}


/* 测家装 */


/* 案例 */

.banner {
  position: relative;
}

.banner img {
  width: 100%;
}

.banner-font {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}

.banner-font p {
  color: #FFFFFF;
  line-height: 1;
}

.banner-font p:nth-child(1) {
  font-weight: lighter;
  letter-spacing: 10px;
  margin-bottom: 0.75rem;
}

.banner-font p:nth-child(1) span {
  font-weight: bold;
}

.banner-font p:nth-child(2) {
  margin-bottom: 0.3rem;
  font-weight: lighter;
  letter-spacing: 2px;
}

.banner-font p:nth-child(3) {
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-weight: lighter;
}

.banner-font a {
  display: block;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  width: 4rem;
  height: 1rem;
  line-height: 0.9rem;
  text-align: center;
  border-radius: 10px;
  transition: all 0.3s;
}

.banner-font a:hover {
  background-color: #B28750;
  border: 1px solid #B28750;
}

.case {
  padding: 1.5rem 0 2rem;
}

.case-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0;
  /* flex-wrap: wrap; */
}

.item {
  display: flex;
  /* width: calc(100% - 2.75rem); */
  width: max-content;
  /* max-width: 50%; */
  overflow: hidden;
  white-space: nowrap;
}

.item-all {
  width: calc(100% - 2.75rem);
  /* max-width: calc(100% - 2.75rem); */
  white-space: initial;
  flex-wrap: wrap;
}

.case .case-top .item-more {
  color: #FFFFFF;
  margin-left: 0.5rem;
  transition: all 0.3s;
  border-radius: 5px;
  line-height: 1;
  padding: 0.25rem 0.25rem;
  /* padding: 0.25rem 0; */
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 0.5rem;
  width: auto;
}

.item-more:hover {
  background-color: #B28750;
}

.case-top p {
  color: #FFFFFF;
  margin-right: 0.5rem;
  line-height: 1;
  white-space: nowrap;
  padding: 0.25rem 0;
  text-align-last: justify;
}

.case-top span {
  color: #FFFFFF;
  margin-right: 0.25rem;
  transition: all 0.3s;
  border-radius: 5px;
  line-height: 1;
  padding: 0.25rem 0.25rem;
  /* padding: 0.25rem 0; */
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 0.5rem;
}


/* .case-top span:first-child {
	padding: 0.25rem 0.5rem;
} */

.case-top span:last-child {
  margin-right: 0;
}

.case-top span:hover {
  background-color: #B28750;
  /* padding: 0.25rem 0.5rem; */
}

.case-top .cur {
  background-color: #B28750;
}

.case-ajax {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.case-ajax-ls {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
  height: 10rem;
  border-radius: 10px;
  overflow: hidden;
}

.case-ajax-ls:nth-child(3n) {
  margin-right: 0;
}

.case-ajax-top {
  width: 100%;
  height: 80%;
  overflow: hidden;
}

.case-ajax-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.case-ajax-top:hover img {
  transform: scale(1.1);
}

.case-ajax-btn {
  width: 100%;
  height: 20%;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.5rem 1rem;
}

.case-ajax-btn p {
  color: #000;
}

.page {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
  font-size: 0.35rem;
  padding: 0;
  font-weight: normal;
}

.page a {
  color: #FFFFFF;
  opacity: .5;
  transition: all 0.3s;
  margin-right: 0.5rem;
  width: max-content;
  background: none;
  line-height: 1;
  height: auto;
  margin: 0 0.5rem;
}

.page a:hover {
  opacity: 1;
  background: none;
}

.page .pagePrev,
.page .pageNext {
  padding: 0.25rem;
  border: 1px solid #FFFFFF;
}

.page input {
  background: none;
  width: 1rem;
  height: 1rem;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  margin: 0 0.5rem;
}

.page span {
  color: #FFFFFF;
}

.page .confirm {
  padding: 0.25rem;
  background-color: #FFFFFF;
  color: #000000;
  opacity: 1;
}

.page .confirm:hover {
  background-color: #B28750;
  color: #FFFFFF;
}


/* 案例 */


/* 精选 */

.select {
  padding: 2rem 0;
}

.sel-tit {
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  line-height: 1;
  margin-bottom: 1.5rem;
}

.sel-tit span {
  font-weight: bold;
  display: inline-block;
  line-height: 1;
}

.sel-cont {
  text-align: left;
  color: #FFFFFF;
  line-height: 2;
  margin-bottom: 1.5rem;
  font-weight: lighter;
}

.works {}

.works-ls {
  height: 16.25rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.works-ls:last-child {
  margin-bottom: 0;
}

.works-lf {
  width: 27%;
  height: 100%;
  margin-right: 5%;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}

.works-lf-pic {
  width: 100%;
  height: 66%;
  overflow: hidden;
}

.works-lf-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.works-lf-font {
  background-color: #FFFFFF;
  padding: 1rem 0.75rem;
  height: 34%;
}

.works-lf-font-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #000000;
}

.works-lf-font-top p {
  line-height: 1;
  color: #0D0E0E;
}

.works-lf-font-top p:nth-child(1) {
  font-weight: bold;
}

.works-lf-font-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.works-lf-font-btn>p {
  line-height: 1;
  margin-bottom: 0.25rem;
  color: #0D0E0E;
  min-width: 50%;
}

.works-lf-font-btn div {
  color: #0D0E0E;
  height: 1.5rem;
  overflow-y: auto;
  /* padding-top: 0.5rem; */
}

.works-lf-font-btn div::-webkit-scrollbar {
  width: 2px;
}


/* .works-lf-font-btn div span {
	margin-right: 0.25rem;
} */

.works-lf-font-btn div span:last-child {
  margin-right: 0;
}

.works-lf-font-btn p:nth-child(2n) {
  text-align: right;
}

.works-lf-font-btn p:last-child {
  margin-bottom: 0;
}

.works-lf-font-btn p:nth-last-child(2) {
  margin-bottom: 0.25rem;
}

.works-rg {
  width: 68%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.works-rg-pic {
  width: 100%;
  height: 81.5%;
  margin-bottom: 4%;
  border-radius: 10px;
  overflow: hidden;
}

.works-rg-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.works-rg-font {
  display: flex;
  padding: 0 1rem;
  background-color: #FFFFFF;
  height: 14.5%;
  border-radius: 10px;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}

.works-rg-font p {
  color: #191919;
  font-weight: bold;
  line-height: 1.5;
}

.works-rg-font p span {
  font-weight: normal;
  /* display: block; */
  line-height: 1;
}

.past {
  margin: 1.5rem 0;
}

.past-tit {
  text-align: center;
  line-height: 1;
  color: #FFFFFF;
  /* font-size: 1.5rem; */
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.past-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.past-ls {
  width: 30%;
  margin-right: 5%;
  display: block;
}

.past-ls:last-child {
  margin-right: 0;
}

.past-pic {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.past-pic img {
  width: 100%;
}

.past-font {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  padding: 0.5rem 1rem;
}

.past-font-lf {
  color: #0c0c0c;
  font-weight: bold;
}

.past-font-lf span {
  font-weight: lighter;
  text-transform: uppercase;
  margin-left: 0.5rem;
}

.past-font-rg {
  width: 8.5%;
}

.past-font-rg img {
  width: 100%;
}

.sel-tel {
  height: 7.5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
}

.sel-tel .city-tit {
  font-weight: lighter;
}

.sel-tel .city-tit span {
  font-weight: bold;
  margin-right: 0.25rem;
}

.sel-tel form {
  width: 100%;
}

.sel-tel .city-screen {
  width: 100%;
}

.sel-tel .city-lf {
  width: 17.5rem;
}

.sel-tel .city-submit {
  width: 3.75rem;
}

.sel-tel .city-input {
  width: max-content;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}

.sel-tel .city-input:nth-child(1) {
  padding: 0;
}

.sel-tel .city-input:last-child {
  margin-right: 0;
  border-right: none;
}

.sel-tel .city-input input {
  color: #FFFFFF;
}


/* 精选 */


/* 用户反馈 */

.banner-font2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.banner-font2 p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: lighter;
}

.banner-font2 p:nth-child(1) {
  letter-spacing: 3px;
}

.banner-font2 p:nth-child(1) span {
  font-weight: bold;
}

.banner-font2 p:nth-child(2) {
  margin: 0.5rem auto;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #FFFFFF;
  width: max-content;
}

.banner-font2 p:nth-child(3) {
  letter-spacing: 3px;
}

.feed {
  padding: 2rem 0 0;
}

.feed-tit {
  color: #FFFFFF;
  font-weight: lighter;
  /* font-size: 1.5rem; */
  line-height: 1;
  text-align: center;
  letter-spacing: 3px;
}

.feed-tit span {
  font-weight: bold;
  line-height: 1;
  display: inline-block;
}

.feed-sub {
  font-weight: lighter;
  color: #FFFFFF;
  margin: 0.75rem 0 1.5rem;
  text-align: center;
  line-height: 1;
}

.name {}

.name-ls {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 13rem;
  margin-bottom: 1.5rem;
}

.name-lf {
  width: 52.5%;
  height: 100%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 4%;
  display: block;
}

.name-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.name-rg {
  width: 43.5%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

.name-rg-top {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  width: 100%;
  height: 37%;
  margin-bottom: 6%;
}

.name-rg-icon:last-child {
  display: none;
}

.name-rg-pic {
  width: 45%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}

.name-rg-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.name-rg-pic:last-child {
  margin-right: 0;
}

.name-rg-icon {
  width: 3%;
  margin: 0 3%;
}

.name-rg-icon img {
  width: 100%;
}

.name-rg-btn {
  height: 57%;
  width: 100%;
  color: #FFFFFF;
  font-weight: lighter;
  overflow-y: auto;
  line-height: 2.2;
  word-wrap: break-word;
  padding-right: 0.3rem;
}

.name-rg-btn::-webkit-scrollbar {
  width: 2px;
}

.videos {
  width: 29.5rem;
  height: auto;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.videos_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  background: #000;
  display: none;
  opacity: 0.6;
}

.videos video {
  display: block;
  width: 100%;
}

.videos .vclose {
  position: absolute;
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  top: 0.375rem;
  right: 0.375rem;
}

.like {
  position: relative;
  /* margin-bottom: 2.1rem; */
}

.like-tit {
  color: #FFFFFF;
  font-weight: bold;
  /* font-size: 1.5rem; */
  text-align: center;
  line-height: 1;
  margin-bottom: 1.5rem;
}

.like-more {
  position: absolute;
  width: 2.25rem;
  height: 1rem;
  right: 0;
  top: 0;
  display: block;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  line-height: 1rem;
  transition: all 0.3s;
}

.like-more:hover {
  background-color: #b78250;
  border: 1px solid #b78250;
}

.like-intro {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.like-ls {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 4%;
  display: block;
}

.like-ls:nth-child(3n) {
  margin-right: 0;
}

.like-ls:last-child {
  /* margin-bottom: 0; */
}


/* .like-ls:nth-last-child(2) {
	margin-bottom: 0;
}

.like-ls:nth-last-child(3) {
	margin-bottom: 0;
} */

.like-ls-top {
  width: 100%;
  height: 9.5rem;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.5rem;
  display: block;
}

.like-ls-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.like-ls-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.like-ls-btn-lf {
  width: 32.5%;
  height: 3.75rem;
  margin-right: 5.5%;
  border-radius: 10px;
  overflow: hidden;
}

.like-ls-btn-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.like-ls-btn-rg {
  width: 62%;
  height: 3.75rem;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  padding: 0 0.5rem;
}


/* 用户反馈 */


/* 详情 */

.detail {
  padding: 1.5rem 0 1rem;
}

.detail-tit {
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  font-weight: lighter;
}

.detail-tit span {
  font-weight: bold;
  line-height: 1;
  display: inline-block;
}

.detail-cont {
  color: #FFFFFF;
  text-align: left;
  line-height: 0.8rem;
  max-height: 1.6rem;
  overflow: hidden;
  margin: 0.75rem 0;
  font-weight: lighter;
}

.contrast {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
}

.contrast-ls {
  width: 46%;
  height: 9.85rem;
  margin-right: 8%;
  position: relative;
}

.contrast-ls:last-child {
  margin-right: 0;
}

.contrast-ls img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contrast-ls p {
  position: absolute;
  width: 3.75rem;
  height: 1.25rem;
  text-align: center;
  line-height: 1.25rem;
  border-radius: 5px;
  background-color: #FFFFFF;
  left: 0.5rem;
  top: 0.5rem;
  color: #191919;
}

.trait {
  height: 20.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.trait-lf {
  width: 46%;
  height: 100%;
  margin-right: 8%;
  position: relative;
}

.trait-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trait-lf p {
  position: absolute;
  width: 3.75rem;
  height: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 5px;
  background-color: #FFFFFF;
  left: 0.5rem;
  bottom: 0.5rem;
  color: #191919;
}

.trait-rg {
  width: 46%;
  height: 100%;
}

.trait-rg-top {
  width: 100%;
  height: 10rem;
  margin-bottom: 1rem;
}

.trait-rg-top>p {
  color: #FFFFFF;
  /* font-size: 1.25rem; */
  line-height: 1;
  font-weight: lighter;
  margin-bottom: 1rem;
}

.trait-rg-top div {
  overflow-y: auto;
  color: #FFFFFF;
  font-weight: lighter;
  line-height: 2;
  height: 8rem;
}

.trait-rg-top div::-webkit-scrollbar {
  width: 2px;
}

.trait-rg-btn {
  height: 9.5rem;
  position: relative;
}

.trait-rg-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trait-rg-btn p {
  position: absolute;
  width: 3.75rem;
  height: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 5px;
  background-color: #FFFFFF;
  left: 0.5rem;
  bottom: 0.5rem;
  color: #191919;
}

.show {
  margin: 1.5rem 0;
  /* background-color: #FFFFFF; */
}

.show-tit {
  margin-bottom: 1.5rem;
  font-weight: lighter;
  color: #FFFFFF;
  /* font-size: 1.5rem; */
  text-align: center;
  line-height: 1;
}

.show-ls {
  margin-bottom: 1rem;
  width: 100%
}

.show-ls img {
  width: 100%;
}

.show-ls:last-child {
  margin-bottom: 0;
}

.detail .like {
  margin-top: 2rem;
}

.infomation {
  margin: 0 0 2rem;
}

.infomation-tit {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  /* font-size: 1.6rem; */
}

.infomation-ls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.325rem;
  margin-bottom: 0.325rem;
  border-bottom: 2px solid #FFFFFF;
}

.infomation-ls:last-child {
  margin-bottom: 0;
}

.infomation-ls-top {
  color: #FFFFFF;
  line-height: 1;
  transition: all 0.3s;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.infomation-ls:hover .infomation-ls-top {
  color: #b78250;
}

.infomation-ls-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
}

.infomation-ls-btn p {
  color: #FFFFFF;
}

.infomation-ls-btn div {
  width: 1.5%;
  margin-left: 5rem;
}

.infomation-ls-btn div img {
  width: 100%;
}

.banner .banner-font2 .ban-sub {
  font-weight: bold;
  padding-bottom: 0.75rem;
}

.pro-tel .pro-tit::after {
  display: none;
}

.pro-tel .pro-tit::before {
  display: none;
}

.pro-tel {
  flex-direction: row;
  border: 3px solid #FFFFFF;
  padding: 0.5rem;
  margin: 0.9rem 0 1rem;
  height: auto;
}

.pro-tel form {
  width: 43%;
}

.pro-tel .pro-tit {
  margin: 0 0.25rem 0 0;
}

.pro-tel .city-lf {
  width: max-content;
  padding: 0 0.5rem 0 0.75rem;
  width: calc(99% - 3.75rem);
}

.pro-tel .city-input:nth-child(1) {
  width: 49%;
}

.pro-tel .city-input:last-child {
  padding: 0;
}


/* .feed .city-submit {
	font-weight: normal;
} */

.pro-show {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* height: 12rem; */
  margin-bottom: 2rem;
}

.pro-show-lf {
  /* width: 48.5%; */
  width: 100%;
  height: 100%;
  /* margin-right: 1%; */
  border-radius: 10px;
  overflow: hidden;
}

.pro-show-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pro-show-rg {
  width: 50.5%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
}

.pro-show-ls {
  width: 32%;
  height: calc(6rem - 1.5%);
  margin-right: 2%;
  margin-bottom: 2%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0.5rem;
}

.pro-show-ls::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(178, 136, 80, .8);
  z-index: 1;
}

.pro-show-ls:nth-child(3n) {
  margin-right: 0;
}

.pro-show-ls p {
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  text-align: center;
}

.pro-show-ls p:nth-child(1) {
  font-weight: lighter;
  line-height: 1.3;
  padding-bottom: 0.15rem;
}

.pro-show-ls p:nth-child(1) span {
  font-weight: bold;
}

.pro-show-ls p:nth-child(2) {
  line-height: 1.5;
  border-top: 1px solid #FFFFFF;
  padding-top: 5px;
  width: max-content;
  margin: 0 auto;
}

.pro-show-ls p:nth-child(4),
.pro-show-ls p:nth-child(5),
.pro-show-ls p:nth-child(6) {
  margin-bottom: 0;
}

.pro-case {
  margin-bottom: 1.5rem;
}

.pro-case .detail-tit {
  margin-bottom: 1.5rem;
}

.pro-case-intro .petty-lf {
  width: 65%;
  border-radius: 20px;
}

.pro-case-intro .petty-rg {
  width: 35%;
  border: none;
}

.pro-case-intro .petty-ls:nth-child(2n) .petty-rg {
  border: none;
}

.custom .custom-sub {
  margin: 0.75rem 0 1.5rem;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  font-weight: lighter;
}

.cus-intro {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* flex-wrap: wrap; */
  /* margin-bottom: 1.5rem; */
}

.cus-intro img {
  width: 100%;
  object-fit: cover;
}

.cus-ls {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 6%;
}

.cus-ls:nth-child(3n) {
  margin-right: 0;
}

.cus-ls-top {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 0.35rem;
}

.cus-ls-top img {
  width: 100%;
}

.cus-ls-btn {
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
  padding: 0.75rem 1rem;
}

.cus-ls-btn p {
  color: #131313;
}

.cus-ls-btn p:nth-child(1) {
  width: max-content;
  margin: 0 auto 0.5rem;
  line-height: 1;
  position: relative;
  font-weight: bold;
}

.cus-ls-btn p:nth-child(2) {
  line-height: 0.7rem;
  height: 1.4rem;
  letter-spacing: 1px;
  overflow-y: auto;
}

.cus-ls-btn p:nth-child(2)::-webkit-scrollbar {
  width: 2px;
}

.cus-ls-btn p:nth-child(1)::before {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #242424;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
}

.cus-ls-btn p:nth-child(1)::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #242424;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
}

.pro-font {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}

.pro-font p {
  color: #FFFFFF;
}

.pro-font p:nth-child(1) {
  line-height: 1;
  font-weight: bold;
}

.pro-font p:nth-child(2) {
  margin: 0.75rem 0 0.5rem;
  font-weight: lighter;
  line-height: 2;
}

.pro-font div {
  width: 2.5%;
  margin: 0 auto;
}

.pro-font div img {
  width: 100%;
}

.pro-container {
  width: 85.5%;
}

.pro-container .swiper-slide {
  background-color: #242424;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.pro-container .swiper-slide-active {
  box-shadow: 0 0 5.5rem 5.5rem #242424;
}


/* .pro-container .swiper-slide {
	background-color: #242424;
} */

.pro-container .swiper-slide img {
  width: 100%
}

.pro-container .swiper-slide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 36, 36, .5);
  transition: all 0.3s;
}

.pro-container .swiper-slide-active::after {
  opacity: 0;
}

.process .swiper-button-next,
.process .swiper-button-prev {
  color: #AD8550;
}

.process .swiper-button-prev:after,
.process .swiper-button-next:after {
  font-size: 1.9rem;
}

.process {
  margin-bottom: 1.5rem;
  position: relative;
}

.delivery .custom-sub {
  margin: 0.75rem 0 1.5rem;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  font-weight: lighter;
}

.deli-intro {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* height: 15rem; */
}

.deli-ls {
  width: 20%;
  height: 100%;
  position: relative;
  padding: 0.75rem 1rem 0.75rem 0.75rem;
}

.deli-ls p {
  color: #FFFFFF;
}

.deli-ls p:nth-child(1) {
  text-transform: uppercase;
  font-size: 10px;
}

.deli-ls p:nth-child(2) {
  margin: 0.25rem 0 0.5rem;
  line-height: 1;
  font-weight: bold;
}

.deli-ls p:nth-child(3) {
  font-weight: lighter;
  line-height: 2;
}

.deli-num {
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  bottom: 1.5rem;
  line-height: 1;
  left: 0.75rem;
}

.deli-tit {
  margin: 1.5rem 0;
  line-height: 1;
  color: #FFFFFF;
  /* font-size: 1.5rem; */
  font-weight: lighter;
  text-align: center;
}

.deli-tit span {
  line-height: 1;
  font-weight: bold;
  display: inline-block;
}

.logo {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.logo img {
  width: 100%;
}

.logo p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  font-weight: bold;
}

.delivery .sel-tel {
  margin: 2rem 0;
  height: 7.5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
  border: none;
}


/* 详情 */


/* 极致风范 */

.banner-font3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}

.banner-font3 p {
  color: #FFFFFF;
  line-height: 1;
}

.banner-font3 p:nth-child(1) {
  font-weight: lighter;
  margin-bottom: 0.5rem;
}

.banner-font3 p:nth-child(2) {
  font-weight: bold;
}

.acme {
  /* height: 18rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.acme img {
  width: 100%;
}

.acme-all .should {
  margin-bottom: 2rem;
}

.acme-lf {
  width: 30%;
  height: 100%;
  margin-right: 1%;
}

.acme-cent {
  width: 35%;
  height: 100%;
  margin-right: 1%;
}

.acme-rg {
  width: 33%;
  height: 100%;
}

.acme-lf-pic {
  border-radius: 15px;
  height: 15.35rem;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.65rem;
}

.acme-lf-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acme-lf-pic:hover img {
  transform: scale(1.1);
}

.all-font {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 2rem;
  background-color: #FFFFFF;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
}

.all-font p {
  color: #131313;
  line-height: 1;
}

.all-font p:nth-child(1) {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.all-font p:nth-child(2) {
  font-weight: lighter;
}

.acme-lf-btn p:nth-child(1) {
  position: relative;
  width: max-content;
}

.acme-lf-btn p:nth-child(1)::before {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #242424;
  left: -1.3rem;
  top: 50%;
  transform: translateY(-50%);
}

.acme-lf-btn p:nth-child(1)::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #242424;
  right: -1.3rem;
  top: 50%;
  transform: translateY(-50%);
}

.acme-cent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.acme-cent-ls {
  width: calc(50% - 0.25rem);
  height: 8.75rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.acme-cent-ls:nth-child(2n) {
  margin-right: 0;
}

.acme-cent-ls:nth-child(3),
.acme-cent-ls:nth-child(4) {
  margin-bottom: 0;
}

.acme-cent-ls-pic {
  width: 100%;
  height: 6.25rem;
  margin-bottom: 0.5rem;
  border-radius: 10px;
  overflow: hidden;
}

.acme-cent-ls-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acme-cent-ls-pic:hover img {
  transform: scale(1.1);
}

.acme-rg-ls {
  width: 100%;
  height: 8.75rem;
  margin-bottom: 0.5rem;
  border-radius: 10px;
  overflow: hidden;
}

.acme-rg-ls:nth-child(2) {
  margin-bottom: 0;
}

.acme-rg-ls img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acme-rg-ls:hover>img {
  transform: scale(1.1);
}

.acme-rg-ls-top {
  width: 100%;
  height: 6.25rem;
  margin-bottom: 0.5rem;
  border-radius: 10px;
  overflow: hidden;
}

.acme-rg-ls-top:hover img {
  transform: scale(1.1);
}

.acme img {
  transition: all 0.3s;
}

.acme2 {
  width: 100%;
  margin: 2rem 0;
}

.acme2 img {
  width: 100%;
}

.acme-font p:nth-child(2) {
  padding-top: 0;
  border-top: none;
}

.acme-all .delivery .sel-tel {
  border: 1px solid rgba(255, 255, 255, .2);
}

.acme-all .acme3 {
  /* display: flex;
	align-items: center;
	justify-content: flex-start; */
  height: 15rem;
  text-align: center;
  padding: 6px 0;
}

.acme3 .swiper-slide {
  width: 20%;
  height: 100%;
  padding: 2rem 0.75rem;
  position: relative;
}

.acme3-ls>p {
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0.5rem;
  opacity: 0;
  position: relative;
  top: 1rem;
  z-index: 2;
  transition: all 0.3s;
}

.acme3-ls div {
  line-height: 2;
  color: #FFFFFF;
  opacity: 0;
  position: relative;
  top: 1rem;
  z-index: 2;
  transition: all 0.3s;
}

.acme3-ls::after {
  content: '';
  position: absolute;
  /* background-image: url(../img/acme6.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat; */
  background-color: rgba(0, 0, 0, .5);
  width: calc(100% - 12px);
  height: calc(100% - 6px);
  left: 0;
  top: -3px;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border: 6px solid #B18850;
}

.acme3-ls:hover>p {
  top: 0;
  opacity: 1;
}

.acme3-ls:hover div {
  top: 0;
  opacity: 1;
}

.acme3-ls:hover::after {
  opacity: 1;
}

.acme4 {
  border-radius: 20px;
  overflow: hidden;
}

.acme4 img {
  width: 100%;
}

.heart-swiper {
  position: relative;
}

.heart-tit {
  margin-bottom: 1.5rem;
  font-weight: lighter;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  line-height: 1;
}

.heart-tit div {
  /* color: #FFFFFF;
	line-height: 1; */
  margin-right: 1.25rem;
  cursor: pointer;
  width: 3.1rem;
  height: 1.25rem;
}

.heart-tit div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.heart-tit p:last-child {
  margin-right: 0;
}

.heart-tit .cur {
  border: 2px solid #AD8550;
}

.heart-swiper-font {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.heart-swiper-font p {
  color: #242424;
  width: max-content;
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  padding: 0.25rem 1rem;
  line-height: 1;
  font-weight: lighter;
}

.heart-swiper-font p:nth-child(1) {
  font-weight: bold;
  margin-right: 0.5rem;
}


/* .heart3 .deli-tit {
	margin: 1.5rem 0 ;
} */

.world {
  display: flex;
  align-items: center;
  justify-content: center;
}

.world-lf {
  width: 75%;
  border-radius: 20px;
  overflow: hidden;
}

.world-lf img {
  width: 100%;
}

.world-rg {
  width: 25%;
  padding: 0 0.25rem 0 2rem;
}

.world-rg>p {
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 1rem;
  font-weight: bold;
}

.world-rg div {
  color: #FFFFFF;
  line-height: 2.5;
  height: 10rem;
  overflow-y: auto;
}

.world-rg div::-webkit-scrollbar {
  width: 2px;
}

.heart4 .deli-tit {
  margin: 0 0 1rem;
}


/* 极致风范 */


/* 幽静雅居 */

.que-tab {
  margin-top: 1.5rem;
  display: flex;
  text-align: center;
  justify-content: center;
}

.que-tab p {
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  padding: 0 1rem;
  line-height: 1.5;
  cursor: pointer;
}

.que-tab p:last-child {
  border-right: none;
}

.que-tab .cur {
  font-weight: bold;
}


/* .heart2 .sty-swiper {
	margin-top: 2rem;
} */

.heart2 {
  margin-bottom: 1.5rem;
}

.que-pos {
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .8);
  padding: 1rem;
}

.que-pos>p {
  line-height: 1;
  color: #070707;
}

.que-num {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.que-tit {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.que-tit span {
  font-weight: lighter;
  margin-left: 0.2rem;
  text-transform: uppercase;
}

.que-cont {
  line-height: 2;
  max-height: 3rem;
  overflow-y: auto;
}

.que-cont::-webkit-scrollbar {
  width: 2px;
}

.que-sub {
  margin: 0.75rem 0 0.5rem;
}

.que-en {
  position: absolute;
  text-transform: uppercase;
  letter-spacing: 0.75rem;
  left: 1rem;
  bottom: 0.75rem;
}

.quiet2 {
  width: 100%;
  height: 16.35rem;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.quiet2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quiet2 .que-container {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: max-content;
  margin-right: initial;
  height: 13rem;
}

.quiet2 .que-container .swiper-wrapper {
  height: 13rem;
  /* overflow: hidden; */
  margin: auto;
}

.que-container .swiper-slide {
  width: 5rem;
  height: 2.5rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.que-container .swiper-slide:last-child {
  margin-bottom: 0;
}

.que-container .swiper-slide p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  opacity: 0;
  transition: all 0.3s;
}

.que-container .swiper-slide:hover p {
  opacity: 1;
}

.quiet2-swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.quiet2-swiper .swiper-button-next,
.quiet2-swiper .swiper-button-prev {
  right: 3.4rem;
  color: #FFFFFF;
  left: auto;
}

.quiet2-swiper .swiper-button-prev {
  top: 0.75rem;
  transform: rotate(90deg);
}

.quiet2-swiper .swiper-button-next {
  bottom: 0.25rem;
  top: auto;
  transform: rotate(90deg);
}

.quiet2-swiper .swiper-button-next:after,
.quiet2-swiper .swiper-button-prev:after {
  font-size: 0.75rem;
}

.team {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.team-ls {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
}

.team-ls:nth-child(3n) {
  margin-right: 0;
}

.team-pic {
  width: 100%;
  margin-bottom: 0.25rem;
  border-radius: 18px;
  overflow: hidden;
}

.team-pic img {
  width: 100%;
}

.team-tit {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #131313;
  font-weight: bold;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  position: relative;
}

.team-tit::before {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 2px;
  background-color: #242424;
  top: 50%;
  transform: translateY(-50%);
  left: 2.5rem;
}

.team-tit::after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 2px;
  background-color: #242424;
  top: 50%;
  transform: translateY(-50%);
  right: 2.5rem;
}


/* .heart3 .deli-tit {
	margin-bottom: 1rem;
} */

.que-tab2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  position: relative;
}

.que-tab-box {
  width: 30%;
  margin-right: 5%;
  padding: 0.75rem 1rem;
  text-align: center;
  border: 5px solid #b28850;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}

.que-tab-box:last-child {
  margin-right: 0;
}

.que-tab-box p {
  color: #b28850;
  line-height: 1;
  transition: all 0.3s;
}

.que-tab-box p:nth-child(1) {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.que-tab-box p:nth-child(2) {
  line-height: 1.3;
  font-weight: lighter;
}

.que-tab-box:hover {
  background: linear-gradient(to top right, #b28850, #CDB26D);
  border: 5px solid rgba(255, 255, 255, 0);
}

.que-tab-box:hover p {
  color: #191919;
}

.que-tab-box-ac {
  background: linear-gradient(to top right, #b28850, #CDB26D);
  border: 5px solid rgba(255, 255, 255, 0);
}

.que-tab-box-ac p {
  color: #191919;
}

.que-tab-box-ac::after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  bottom: -2rem;
  width: 0.45rem;
  height: 1.45rem;
  background-image: url(../img/que3.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.build {
  position: relative;
  width: 100%;
  height: 11.5rem;
  border-radius: 20px;
  overflow: hidden;
}

.build img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.build-pos {
  position: absolute;
  width: 94%;
  top: 1rem;
  left: 3%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.build-ls {
  width: 3.5rem;
  height: 2rem;
  margin-right: 1rem;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0);
}

.build-ls:last-child {
  margin-right: 0;
}

.build-ls img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.build-ls p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  z-index: 2;
  line-height: 1.2;
  width: 100%;
  text-align: center;
}

.build-ls-cont {
  position: absolute;
  top: 100%;
  left: 100%;
  opacity: 0;
}

.build-ls::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  top: 0;
  left: 0;
  z-index: 1;
}

.build-ls-ac {
  border: 2px solid #FFFFFF;
}

.build-font {
  position: absolute;
  top: calc(50% + 1.5rem);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  text-align: center;
  word-break: break-all;
}

.build-font>p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.build-font div {
  color: #FFFFFF;
  line-height: 1.8;
}


/* 幽静雅居 */


/* 软装产品 */

.house-ban1 {
  letter-spacing: 4px;
}

.house-ban {
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 4px;
  margin-top: 0.5rem;
}

.house {
  padding: 1.5rem 0 0;
}

.puzzled {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.puzzled img {
  width: 100%;
}

.puzzled-pos {
  position: absolute;
  top: 75%;
  width: 100%;
  /* left: 50%; */
  /* transform: translateY(-50%); */
}

.puzzled-pos>p {
  color: #FFFFFF;
  line-height: 1;
}

.puzzled-pos-tit {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.puzzled-pos-sub {
  margin-bottom: 1rem;
  letter-spacing: 2px;
  font-weight: bold;
}

.puzzled-pos-cont {
  color: #FFFFFF;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.puzzled-pos-cont span {
  font-weight: bold;
}

.puzzled-pos-tel {
  width: 46%;
  margin-left: 50%;
  height: 1rem;
}

.puzzled-pos-tel form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #FFFFFF;
  height: 100%;
}

.puzzled-pos-ls {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1rem 0.5rem;
  width: 30%;
  border-right: 1px solid #FFFFFF;
}

.puzzled-pos-ls:nth-child(4) div {
  width: 14px;
  height: 27px;
  margin-right: 10px;
}

.puzzled-pos-ls div img {
  width: 100%;
}

.puzzled-pos-ls:nth-child(4) input {
  background: none;
  width: calc(100% - 24px);
}

.puzzled-pos-ls input {
  background: none;
  color: #FFFFFF;
}

.puzzled-pos-ls:nth-child(5) div {
  width: 17px;
  height: 26px;
  margin-right: 10px;
}

.puzzled-pos-ls:nth-child(5) input {
  background: none;
  width: calc(100% - 27px);
}

.house-submit {
  width: 40%;
  height: 1rem;
  background: #FFFFFF;
  color: #312e2d;
}

.house .cus-ls {
  margin-bottom: 0;
}

.house-tit {
  margin: 1.5rem 0 0.75rem;
  line-height: 1;
  color: #FFFFFF;
  /* font-size: 1.5rem; */
  font-weight: lighter;
  text-align: center;
}

.stay {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}

.stay-ls {
  width: 21.25%;
  margin-right: 5%;
  display: block;
}

.stay .stay-ls:last-child {
  margin-right: 0;
}

.stay-ls-pic {
  width: 100%;
  height: 11rem;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.stay-ls-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stay-ls-tit {
  width: 100%;
  background-color: #FFFFFF;
  color: #131313;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 15px;
  overflow: hidden;
}

.house-swiper {
  position: relative;
}

.house-swiper .house-container {
  border-radius: 20px;
}

.house-container .swiper-slide>img {
  width: 100%;
}

.house-container .house-swiper-pos {
  position: absolute;
  bottom: -15px;
  right: 0;
  width: 15rem;
  height: 7.5rem;
  z-index: 2;
  border-radius: 20px;
  overflow: hidden;
  border: 10px solid #242424;
}

.house-container .house-swiper-pos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.house-swiper .swiper-button-prev,
.house-swiper .swiper-button-next {
  color: #B2884C;
}

.house-swiper .swiper-button-prev {
  left: 4.5rem;
}

.house-swiper .swiper-button-next {
  right: 4.5rem;
}

.house-swiper .swiper-button-prev::after,
.house-swiper .swiper-button-next::after {
  font-size: 1.9rem;
}

.banner-font3 .design-ban1 {
  line-height: 1.2;
  letter-spacing: 2px;
}

.design-ban1 span {
  font-weight: bold;
}

.banner .banner-font3 .design-ban2 {
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.design-ban3 {
  width: 5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  display: block;
  margin: 1rem auto 0;
  transition: all 0.3s;
}

.design-ban3:hover {
  background-color: #b78250;
  border: 1px solid #b78250;
}

.design .case-top p {
  width: 2.75rem;
}


/* .design .case-top {
	flex-wrap: wrap;
} */

.design-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.design-all-ls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.design-all-ls p {
  color: #FFFFFF;
  opacity: 0.5;
  line-height: 1;
}

.design-all-tit1 {
  margin-right: 2.5rem;
}

.design-all-tit2 {
  margin-right: 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.design-all-tit2:last-child {
  margin-right: 0;
}

.design-all-tit2 span {
  line-height: 1;
  margin-left: 0.25rem;
  transition: all 0.3s;
}

.design-all-tit2.cur span {
  transform: rotate(180deg) translateY(-3px);
}

.design-all-search {
  width: 13.5rem;
  height: 1.2rem;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  position: relative;
}

.design-all-search input {
  background: none;
  color: #FFFFFF;
}

.design-all-search input[type=text] {
  width: 80%;
}

.design-all-search input[type=submit] {
  width: 18px;
  height: 18px;
  background: url(../img/search2.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: .5;
}

.design-ls {
  margin-bottom: 1.5rem;
  display: block;
  width: 100%;
}

.design-ls:last-child {
  margin-bottom: 0;
}

.design-ls-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.design-ls-top-pic {
  width: 6.75rem;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 1.25rem;
}

.design-ls-top-pic img {
  width: 100%;
}

.design-ls-top-rg {
  width: calc(100% - 8rem);
}

.design-ls-top-tit {
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0.75rem;
}

.design-ls-top-tit span {
  line-height: 1;
  color: #b28850;
  margin-left: 0.25rem;
}

.design-ls-top-cont {
  color: #FFFFFF;
  width: 100%;
  word-break: break-all;
  line-height: 1.5;
  margin-bottom: 2rem;
}

.design-ls-top-cont span {
  display: block;
}

.design-ls-top-intro {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.design-ls-top-intro-ls {
  width: max-content;
  border-right: 1px solid #FFFFFF;
  text-align: center;
  padding-right: 1rem;
  margin-right: 1rem;
}

.design-ls-top-intro-ls:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.design-ls-top-intro-ls p {
  color: #FFFFFF;
  line-height: 1;
}

.design-ls-top-intro-ls p:nth-child(1) {
  margin-bottom: 0.5rem;
}

.design-star {
  display: flex;
  align-items: center;
  justify-content: center;
}

.design-star img {
  margin-right: 4px;
  width: 16px;
  height: 15px;
}

.design-star img:last-child {
  margin-right: 0;
}

.design-ls-btn {
  margin-top: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.design-ls-btn a {
  width: 32%;
  height: 7.5rem;
  margin-right: 2%;
  border-radius: 15px;
  overflow: hidden;
}

.design-ls-btn a:last-child {
  margin-right: 0;
}

.design-ls-btn a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.design-info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 3.5rem;
}

.info-lf {
  width: 29%;
  height: 13.75rem;
  margin-right: 6%;
  border-radius: 20px;
  overflow: hidden;
}

.info-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-rg {
  width: 65%;
  height: 13.75rem;
  position: relative;
}

.design-info-order {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 3.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  border: 2px solid #B28850;
  color: #B28850;
  border-radius: 10px;
  font-weight: bold;
}

.info-rg-ls {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  overflow: hidden;
  width: 50%;
  height: 2.5rem;
  margin-bottom: 0.5rem;
}

.info-rg-ls p {
  line-height: 1;
  font-weight: bold;
  margin-right: 1rem;
  text-align: center;
}

.info-rg-ls p:last-child {
  margin-right: 0;
}

.info-rg-ls p span {
  display: block;
  font-weight: lighter;
}

.info-rg-tit {
  width: 48%;
  height: 1.5rem;
  line-height: 1rem;
  margin-right: 4%;
  background-color: #FFFFFF;
  padding: 0.25rem 0.75rem;
  border-radius: 15px;
  font-weight: bold;
  float: left;
  margin-bottom: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.info-rg-tit2 {
  width: 48%;
  height: 1.5rem;
  line-height: 1rem;
  background-color: #FFFFFF;
  padding: 0.25rem 0.75rem;
  border-radius: 15px;
  font-weight: bold;
  float: left;
  margin-bottom: 0.5rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.info-rg-tit2::-webkit-scrollbar {
  height: 2px;
}

.info-rg-tit3 {
  width: 100%;
  height: 1.5rem;
  line-height: 1rem;
  background-color: #FFFFFF;
  padding: 0.25rem 0.75rem;
  border-radius: 15px;
  font-weight: bold;
  clear: both;
  margin-bottom: 0.5rem;
}

.info-rg-tit span,
.info-rg-tit2 span,
.info-rg-tit3 span {
  font-weight: normal;
}

.info-rg-intro {
  background-color: #FFFFFF;
  border-radius: 15px;
  height: 5rem;
  padding: 0.5rem 0.75rem;
}

.info-rg-intro-tit {
  font-weight: bold;
  margin-bottom: 0.25rem;
  line-height: 1;
}

.info-rg-intro-tit span {
  font-weight: lighter;
  margin-left: 0.25rem;
  text-transform: uppercase;
}

.info-rg-intro-cont {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  max-height: 2.9rem;
  overflow-y: auto;
}

.info-rg-intro-cont::-webkit-scrollbar {
  width: 2px;
}

.info-rg-intro-cont div {
  width: 100%;
  font-weight: lighter;
}

.info-rg-intro-cont div span {
  font-weight: bold;
  line-height: 1.1;
  display: block;
}


/* .info-rg-intro-cont div span:nth-child(1) {
	text-indent: 0.25rem;
} */

.info-rg-intro-cont div span:nth-child(2) {
  font-weight: normal;
  line-height: 0.6rem;
  overflow-y: auto;
  margin-top: 0.25rem;
  display: block;
  /* max-height: 1.2rem; */
  height: auto;
  font-size: 0.4rem;
}

.info-rg-intro-cont div span:nth-child(2)::-webkit-scrollbar {
  width: 2px;
}

.info-rg-intro-cont div:nth-child(1) {
  position: relative;
  margin-bottom: 0.25rem;
}


/* .info-rg-intro-cont div:nth-child(2)::after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 15px;
	width: 1px;
	height: 2.5rem;
	background-color: #242424;
} */

.info-rg-intro-cont div:nth-child(2) {
  /* padding-left: 0.75rem; */
  position: relative;
}

.design-info2 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 2rem;
}

.design-detail-rg {
  position: relative;
  height: 11rem;
}

.design-detail-rg p {
  color: #FFFFFF;
  width: max-content;
}

.design-detail-more {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1.9rem;
  height: 0.75rem;
  line-height: 0.65rem;
  text-align: center;
  color: #b28850;
  border: 2px solid #b28850;
  border-radius: 6px;
  font-weight: bold;
  transition: all 0.3s;
}

.design-detail-more:hover {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.design-detail-tit {
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 0.5rem;
}

.design-detail-tit span {
  font-weight: lighter;
  line-height: 1;
}

.design-detail-ls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.9rem;
}

.design-detail-ls p {
  margin-right: 2.5rem;
  line-height: 1;
}

.design-detail-intro {
  color: #FFFFFF;
  word-break: break-all;
  line-height: 1rem;
  margin-bottom: 0.9rem;
  height: 2rem;
  overflow-y: auto;
}

.design-detail-intro::-webkit-scrollbar {
  width: 2px;
}

.design-detail-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.design-detail-btn div {
  width: 30%;
  height: 5rem;
  margin-right: 5%;
  border-radius: 15px;
  overflow: hidden;
}

.design-detail-btn div:last-child {
  margin-right: 0;
}

.design-detail-btn div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.design5 {
  margin-bottom: 1.5rem;
}

.design5 .stay-ls {
  width: 22.75%;
  margin-right: 3%;
}

.design5-ls-tit {
  padding: 0.5rem 0.75rem 0.25rem;
  background-color: #FFFFFF;
  border-radius: 10px;
  height: 4.75rem;
}

.design5-ls-tit>p {
  color: #000000;
  font-weight: bold;
  line-height: 1;
  border-bottom: 1px solid #000000;
  padding-bottom: 0.25rem;
  margin-bottom: 0.15rem;
}

.design5-ls-tit>p span {
  font-weight: lighter;
  line-height: 1;
  margin-top: 0.5rem;
  white-space: nowrap;
  display: block;
}

.design5-ls-tit div {
  color: #000000;
  /* font-weight: lighter; */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: 55%;
  overflow-y: auto;
}

.design5-ls-tit div::-webkit-scrollbar {
  width: 2px;
}

.design5-ls-tit div span {
  /* font-weight: lighter; */
  /* width: 50%; */
  /* margin-right: 0.5rem; */
}

.design5-ls-tit div span:nth-child(2n) {
  text-align: right;
}

.banner .index-font .ban-sub {
  font-weight: bold;
}

.banner .index-font .ban-sub span {
  font-weight: lighter;
}

.banner .index-font .manage-ban {
  font-weight: lighter;
}

.ban-en {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 8.85rem;
  color: #fefdfd;
  opacity: .15;
  z-index: 1;
  font-weight: bold;
}

.manage {
  padding: 2.5rem 0 0;
}

.manage .qua-top p:nth-child(1) {
  margin-bottom: 0.75rem;
}

.qua-top p span {
  font-weight: bold;
}

.manage .cus-intro {
  margin: 1.25rem 0 2.5rem;
}

.cus-intro img {
  width: 100%;
}

.manage .cus-ls {
  width: 22.75%;
  margin-right: 3%;
  position: relative;
}

.manage .cus-ls:nth-child(3n) {
  margin-right: 3%;
}

.manage .cus-ls:last-child {
  margin-right: 0;
}

.manage .cus-ls-btn {
  padding: 0.5rem;
  width: 90%;
  position: absolute;
  bottom: -0.5rem;
  left: 5%;
}

.manage .tit-36 {
  font-size: 36px;
}

.manage2 {
  /* width: 100%; */
  margin-bottom: 2.5rem;
}

.manage2 img {
  width: 100%;
}

.manage-tit {
  position: relative;
  width: max-content;
  margin: 0 auto 0.25rem;
}

.manage-tit::before {
  content: '';
  position: absolute;
  display: block;
  width: 0.65rem;
  height: 2px;
  background-color: #FFFFFF;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  text-align: center;
}

.manage-tit::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.65rem;
  height: 2px;
  background-color: #FFFFFF;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
  text-align: center;
}

.seven-stars {
  width: 100%;
  margin-top: 4rem;
}

.seven-stars img {
  width: 100%;
}

.manage4 {
  margin: 3.5rem 0 3.75rem;
  height: 6.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.manage4-tit {
  width: 66.6%;
  line-height: 1;
  color: #FFFFFF;
  margin: 0 auto 1rem;
  letter-spacing: 2px;
  font-weight: bold;
}

.manage4 form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.manage4-ls {
  width: 23.5%;
  border: 1px solid #FFFFFF;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0.75rem;
  margin-right: 7%;
}

.manage4-ls input {
  background: none;
}

.manage4-ls input {
  margin-left: 0.5rem;
  color: #FFFFFF;
}

.manage4-ls input::placeholder {
  color: #FFFFFF;
  opacity: .5;
}

.manage4-ls:nth-child(3) {
  margin-right: 5.5%;
}

.manage4-submit {
  width: 10%;
  height: 1.5rem;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #191919;
  background-color: #D3B96C;
  font-weight: bold;
}

.management-tit {
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  font-weight: lighter;
  margin: 1.75rem 0;
}

.management-tit span {
  font-weight: bold;
}

.manage-tit {
  margin-bottom: 0.75rem !important;
}

.manage-top div {
  top: 45%;
}

.manage5 {
  /* display: flex;
	align-items: center;
	justify-content: flex-start; */
  margin-bottom: 2.5rem;
}

.manage5-pic {
  width: 72%;
  margin-right: 4%;
  border-radius: 20px;
  overflow: hidden;
}

.manage5-pic img {
  width: 100%;
}


/* .mana-container .swiper-slide {
	color: #FFFFFF;
	margin-bottom: 0.65rem;
	height: 1.5rem;
	width: 4.5rem;
	background-color: #0D0D0D;
	border-radius: 10px;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
} */


/* .mana-container .swiper-slide:hover {
	background-color: #FFFFFF;
	color: #192b28;
}

.mana-container .swiper-slide-ac {
	background-color: #FFFFFF;
	color: #192b28;
} */

.mana-container .swiper-slide:last-child {
  margin-bottom: 0;
}

.manage5-swiper {
  position: relative;
}

.manage5-swiper .mana-container {
  height: 12.25rem;
}

.manage5-swiper .swiper-button-next,
.manage5-swiper .swiper-button-prev {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 30px;
  height: 25px;
}

.manage5-swiper .swiper-button-prev {
  top: -0.75rem;
}

.manage5-swiper .swiper-button-next {
  bottom: -1.25rem;
  top: auto;
}

.manage5-swiper .swiper-button-next:after,
.manage5-swiper .swiper-button-prev:after {
  content: '';
  position: absolute;
  display: block;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.manage5-swiper .swiper-button-prev:after {
  border-bottom: 25px solid #FFFFFF;
}

.manage5-swiper .swiper-button-next:after {
  border-top: 25px solid #FFFFFF;
}

.follow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 6.875rem;
}

.follow-tab {
  width: 8.75rem;
  margin-right: 4rem;
}

.follow-tab p {
  width: 100%;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1.2rem;
  position: relative;
  padding: 0.25rem 0.5rem;
  transition: all 0.3s;
  cursor: pointer;
}

.follow-tab p::after {
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 100%;
  background-color: #FFFFFF;
  left: -0.4rem;
  top: 0;
}

.follow-tab .follow-tab-ac {
  color: #000000;
  background-color: #FFFFFF;
}

.follow-tab p span {
  font-weight: lighter;
  display: block;
  line-height: 1;
  margin-top: 5px;
}

.follow-tab p:last-child {
  margin-bottom: 0;
}

.follow-tab p:hover {
  color: #000000;
  background-color: #FFFFFF;
}

.follow-ajax {
  width: calc(100% - 12.625rem);
}

.follow-ajax img {
  width: 100%
}

.smash {
  width: 100%;
  margin: 1.5rem auto 2.5rem;
}

.manage6 {
  height: 5.5rem;
}

.manage6 form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}

.manage6 .manage4-ls {
  color: #FFFFFF;
  text-align: center;
  height: 1.9rem;
  white-space: nowrap;
  font-size: 1.1rem;
  overflow: hidden;
}

.manage6 .manage4-submit {
  height: 1.9rem;
}


/* 软装产品 */


/* 南鸿工艺 */

.banner-font4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}

.banner-font4 p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: lighter;
}

.banner-font4 p:nth-child(1) {
  font-weight: bold;
  letter-spacing: 3px;
}

.banner-font4 p:nth-child(2) {
  margin: 0.5rem 0;
  letter-spacing: 5px;
}

.banner-font4 p:nth-child(3) {
  letter-spacing: 3px;
  text-transform: uppercase;
}

.tech-top {
  margin: 2rem auto 0;
  height: 12.5rem;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.tech-top>p {
  color: #FFFFFF;
  line-height: 1;
}

.tech-top>p:nth-child(1) {
  text-transform: uppercase;
  letter-spacing: 3px;
}

.tech-top>p:nth-child(2) {
  margin: 0.5rem 0 1rem;
  font-weight: bold;
}

.tech-top div {
  color: #FFFFFF;
}

.tech-tit {
  margin-bottom: 1.8rem;
  position: relative;
  text-align: center;
}

.tech-tit p {
  line-height: 1;
}

.tech-tit p:nth-child(1) {
  font-size: 2rem;
  color: #b28850;
  margin-bottom: -0.5rem;
  position: relative;
  font-weight: bold;
}

.tech-tit p:nth-child(2) {
  color: #FFFFFF;
  background: #242424;
  box-shadow: 0 -10px 12px #242424;
  width: max-content;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.tech-ls {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.tech-ls-lf {
  width: 49%;
  margin-right: 2%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.tech-ls-lf img {
  width: 100%;
  object-fit: cover;
}

.tech-ls-lf .play {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tech-ls-rg {
  width: 49%;
}

.tech-ls-rg-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3%;
}

.tech-ls-rg-top div {
  width: 48%;
  margin-right: 4%;
  border-radius: 15px;
  overflow: hidden;
}

.tech-ls-rg-top div:last-child {
  margin-right: 0;
}

.tech-ls-rg-top div img {
  width: 100%;
  object-fit: cover;
}

.tech-ls-rg-tit {
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0.2rem;
}

.tech-ls-rg-cont {
  color: #ffffff;
  word-break: break-all;
  line-height: 0.8rem;
  max-height: 4rem;
  overflow-y: auto;
}

.tech-ls-rg-cont::-webkit-scrollbar {
  width: 3px;
}

.tech-swiper {
  position: relative;
}

.last-ls {
  margin-bottom: 0;
}

.all-container .swiper-slide {
  width: 48%;
  margin-right: 4%;
}

.all-container .swiper-slide img {
  width: 100%
}

.all-container .swiper-slide:last-child {
  margin-right: 0;
}

.tech-swiper-pic {
  margin-bottom: 1rem;
  border-radius: 20px;
  overflow: hidden;
}

.tech-swiper-tit {
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 20px;
  text-align: center;
  height: 1.75rem;
  line-height: 1.75rem;
  /* font-weight: lighter; */
  text-transform: uppercase;
}

.tech-swiper .swiper-button-prev,
.tech-swiper .swiper-button-next {
  color: #FFFFFF;
}

.tech-swiper .swiper-button-prev {
  left: 4.5rem;
}

.tech-swiper .swiper-button-next {
  right: 4.5rem;
}

.tech-swiper .swiper-button-prev::after,
.tech-swiper .swiper-button-next::after {
  font-size: 1.9rem;
}


/* 南鸿工艺 */


/* 在施工地 */

.ban-search {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38%;
  height: 1.5rem;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  padding: 0 1rem;
  line-height: 1.5rem;
}

.ban-search input[type=text] {
  width: 92%;
  height: 60%;
  color: #FFFFFF;
  background: none;
  border-right: 2px solid #FFFFFF;
}

.ban-search div {
  width: 25px;
  height: 25px;
  background: url(../img/search2.png) no-repeat center;
  background-size: 100%;
  /* text-indent: -999px; */
  overflow: hidden;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.site {
  padding: 2rem 0;
}

.site-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.75rem;
}

.site-tab p {
  color: #FFFFFF;
  line-height: 1;
  margin-right: 1rem;
}

.site-tab span {
  margin-right: 0.75rem;
  padding: 0.25rem 0.5rem;
  line-height: 1;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  transition: all 0.3s;
}

.site-tab span:hover {
  background-color: #B28750;
  color: #FFFFFF;
}

.site-tab .cur {
  background-color: #B28750;
  color: #FFFFFF;
}

.site-ls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.site-ls-lf {
  width: 30%;
  margin-right: 3%;
  border-radius: 10px;
  overflow: hidden;
}

.site-ls-lf img {
  width: 100%;
}

.site-ls-rg {
  width: 67%;
}

.site-ls-rg-tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0.5rem;
  line-height: 1;
}

.site-ls-rg-cont p {
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  line-height: 1;
  display: inline-block;
  margin-right: 0.75rem;
}

.site-ls-rg-cont p:last-child {
  margin-right: 0;
}

.site-ls-rg-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 0.75rem;
}

.site-ls-rg-intro {
  width: 58%;
}

.site-ls-rg-intro img {
  width: 100%;
}

.site-ls-rg-more {
  width: 4rem;
  height: 1.25rem;
  color: #b28850;
  display: block;
  border: 2px solid #b28850;
  border-radius: 10px;
  line-height: 1.25rem;
  text-align: center;
  font-weight: bold;
}

.info-font {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  padding: 0 1rem;
  height: 1.5rem;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  padding: 0 1rem;
  line-height: 1.5rem;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
}

.site-info {
  margin: 1.5rem auto 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 26rem;
}

.site-info-lf {
  width: 32.5%;
  height: 100%;
  margin-right: 9%;
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  justify-content: flex-start;
  overflow-y: auto;
  direction: rtl;
  padding-left: 0.5rem;
}

.site-info-lf::-webkit-scrollbar {
  width: 3px;
}

.site-info-lf::-webkit-scrollbar {
  width: 3px;
}

.site-info-rg {
  width: 58.5%;
  height: 100%;
}

.site-info-rg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-info-rg-top {
  width: 100%;
  height: 18.75rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  overflow: hidden;
}

.site-info-rg-btn {
  width: 100%;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.site-info-rg-btn div {
  width: 30%;
  height: 100%;
  margin-right: 5%;
  border-radius: 10px;
  overflow: hidden;
}

.site-info-rg-btn div:last-child {
  margin-right: 0;
}

.site-info-lf p,
.site-info-lf span {
  line-height: 1;
  color: #FFFFFF;
  direction: ltr;
}

.site-info-lf-tit {
  font-weight: bold;
  width: 8rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B28750;
  /* margin-right: 5%; */
  border-radius: 10px;
  margin: 1.5rem 0 0.75rem 16.7%;
  direction: ltr;
}

.site-info-lf-sub {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 1.25rem;
  font-weight: lighter;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  margin-bottom: 0.75rem;
  padding: 0 0.75rem;
  font-size: 0.55rem;
}

.site-info-lf-sub span {
  font-weight: bold;
  margin-right: 0.25rem;
}

.site-info-lf-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  direction: ltr;
}

.site-info-lf-cont p {
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  width: 48%;
  margin-right: 4%;
  height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: lighter;
}

.site-info-lf-cont:last-child {
  margin-bottom: 0;
}

.site-info-lf-cont p:last-child {
  margin-right: 0;
}

.scene {
  margin: 0 0 1.5rem;
}

.message {
  width: 100%;
  /* height: 13.5rem; */
  padding: 0.5rem 0 1.5rem;
}

.message-box p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: lighter;
}

.message-box .message-tit {
  /* width: 6rem;
	height: 1.75rem;
	line-height: 1.75rem; */
  text-align: center;
  /* background-color: #B28750; */
  border-radius: 10px;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.message-intro {}

.message-ls {
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.message-ls:last-child {
  margin-bottom: 0;
}

.message-ls:hover p:nth-child(1) {
  color: #B78250;
}

.message-ls p:nth-child(1) {
  transition: all 0.3s;
}

.before {
  margin: 0.75rem 0 0.85rem;
  height: 7.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.before p {
  color: #FFFFFF;
}

.before-tit {
  line-height: 1;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.before-ls {
  display: flex;
  align-items: center;
  justify-content: center;
}

.before-ls p {
  margin-right: 0.25rem;
  border: 1px solid #FFFFFF;
  height: 1.75rem;
  padding: 0 0.75rem;
  line-height: 1.75rem;
  font-weight: lighter;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.before-more {
  display: block;
  width: 3.9rem;
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  background-color: #D3B96C;
  color: #191919;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.stra-pos {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62.5%;
  z-index: 10;
}

.stra-pos-ls {
  width: 18%;
  margin-right: 5%;
}

.stra-pos-ls:last-child {
  margin-right: 0;
}

.stra-pos-tit {
  color: #111111;
  width: 100%;
  font-weight: lighter;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 0.4rem;
  position: relative;
  display: block;
}

.stra-pos-tit::before {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #111111;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
}

.stra-pos-tit::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #111111;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}

.stra-pos-tit span {
  font-weight: bold;
}

.stra-pos-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stra-pos-cont a {
  border: 2px solid #FFFFFF;
  width: 47.5%;
  margin-right: 5%;
  height: 1.5rem;
  border-radius: 10px;
  text-align: center;
  line-height: 1.5rem;
  color: #FFFFFF;
  font-weight: bold;
}

.stra-pos-cont a:last-child {
  margin-right: 0;
}


/* 在施工地 */


/* 装修攻略 */

.stra {
  margin: 0 auto 2rem;
}

.stra .like {
  margin-top: 2rem;
}

.stra-num {
  position: relative;
  /* margin-bottom: 1.5rem; */
  padding-top: 2rem;
  margin-bottom: -.5rem;
}

.stra-num p,
.stra-num span {
  line-height: 1;
  color: #FFFFFF;
}

.stra-num-top {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.stra-num-top p {
  font-weight: bold;
}

.stra-num-top p span {
  font-weight: lighter;
}

.stra-num-top p:nth-child(2) {
  margin: 0 0.25rem 0 0.5rem;
}

.stra-num-top p:nth-child(3) {
  text-transform: uppercase;
}

.stra-num-more {
  display: block;
  position: absolute;
  border: 2px solid #b28850;
  color: #b28850;
  width: 2rem;
  height: 1rem;
  line-height: 0.9rem;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  border-radius: 10px;
  /* top: 0; */
  top: 2rem;
  right: 0;
  text-transform: uppercase;
}

.stra-num-ls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 9.5rem;
}

.stra-num-lf {
  width: 49%;
  height: 100%;
  margin-right: 2%;
  display: block;
}

.stra-num-lf-pic {
  width: 100%;
  height: 80%;
  margin-bottom: 2%;
  border-radius: 10px;
  overflow: hidden;
}

.stra-num-lf-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stra-num-lf-intro {
  width: 100%;
  height: 18%;
}

.stra-num-lf-intro-tit {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.stra-num-lf-intro-tit p:nth-child(1) {
  font-weight: bold;
  letter-spacing: 1px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stra-num-lf-intro-tit p:nth-child(2) {
  font-weight: lighter;
}

.stra-num-lf-intro-cont {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  line-height: 1;
  letter-spacing: 2px;
}

.stra-num-rg {
  width: 49%;
  height: 100%;
  overflow-y: auto;
}

.stra-num-rg-ls {
  width: 100%;
  height: 29%;
  margin-bottom: 3%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.stra-num-rg-ls:last-child {
  margin-bottom: 0;
}

.stra-num-rg-ls-pic {
  width: 2.75rem;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 0.5rem;
}

.stra-num-rg-ls-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stra-num-rg-ls-intro {
  width: calc(100% - 3.25rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stra-num-rg-ls-intro-tit {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.stra-num-rg-ls-intro-tit p:nth-child(1) {
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.2;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: calc(100% - 2.5rem); */
}


/* .stra-num-rg-ls-intro-tit p:nth-child(2) {
	font-weight: lighter;
	margin-top: 3px;
} */

.stra-num-rg-ls-time {
  font-weight: lighter;
  margin-top: 5px;
  text-align: right;
}

.stra-num-rg-ls-intro-cont {
  color: #FFFFFF;
  word-break: break-all;
  line-height: 1.2;
  letter-spacing: 2px;
  font-weight: lighter;
}

.banner-font5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.banner-font5 p {
  color: #FFFFFF;
  font-weight: lighter;
  line-height: 1;
}

.banner-font5 p span {
  font-weight: bold;
  line-height: 1;
}

.banner-font5 p:nth-child(1) {
  font-size: 2.5rem;
}

.banner-font5 p:nth-child(2) {
  font-size: 10px;
  margin: 0.5rem 0 0.5rem;
  text-transform: uppercase;
  letter-spacing: 15px;
}

.banner-font5 p:nth-child(3) {
  letter-spacing: 1px;
}

.explore-video {
  margin: 2.25rem 0 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.exp-video-lf {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 28.5%;
  margin-right: 5%;
}

.exp-video-lf-tit {
  color: #FFFFFF;
  line-height: 1;
  font-weight: lighter;
  margin-bottom: 0.75rem;
}

.exp-video-lf-tit span {
  font-weight: bold;
}

.exp-video-lf-cont {
  line-height: 2;
  color: #FFFFFF;
  margin-bottom: 1.75rem;
}

.exp-video-lf-more {
  display: block;
  width: 4rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  color: #b28850;
  border: 2px solid #b28850;
  border-radius: 10px;
}

.exp-video-rg {
  width: 66.5%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.exp-video-rg img {
  width: 100%;
  object-fit: cover;
}

.exp-video-rg .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 3rem;
}

.one-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.one-ls {
  width: max-content;
  text-align: center;
  margin-right: 20%;
}

.one-ls:last-child {
  margin-right: 0;
}

.one-ls p {
  color: #FFFFFF;
}

.one-ls-tit {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0.75rem;
  position: relative;
}

.one-ls-tit::after {
  content: '';
  position: absolute;
  display: block;
  background-image: url(../img/exp3.png);
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 6.25rem;
  height: 2px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.one-ls-cont {
  font-weight: lighter;
}

.one-ls-cont span {
  font-weight: bold;
  display: block;
}

.one-ls:last-child .one-ls-tit::after {
  display: none;
}

.want .deli-tit,
.want2 .deli-tit {
  margin-bottom: 1rem;
}

.want .custom-sub,
.want2 .custom-sub {
  margin-bottom: 1.5rem;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  line-height: 1;
}

.want-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 18.5rem;
}

.want-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.want-lf {
  width: 63%;
  height: 100%;
  margin-right: 3%;
  border-radius: 10px;
  overflow: hidden;
}


/* .want-cent {
	width: 24%;
	height: 100%;
	margin-right: 3%;
}

.want-cent div {
	width: 100%;
	height: 48.5%;
	margin-bottom: 6%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.want-cent div:last-child {
	margin-bottom: 0;
}

.want-cent div p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #242424;
	font-weight: bold;
} */

.want-rg {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.want-rg-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.want-rg-top-ls {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
  cursor: pointer;
}

.want-rg-top-ls:nth-child(3n) {
  margin-right: 0;
}

.want-rg-top-ls div {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 0.25rem;
  height: 3.5rem;
}

.want-rg-top-ls div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.want-rg-top-ls p {
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  text-align: center;
  color: #FFFFFF;
  line-height: 1.5;
}

.want-rg-top-ls:last-child {
  margin-bottom: 0;
}

.want-rg-top-ls:nth-last-child(2),
.want-rg-top-ls:nth-last-child(3) {
  margin-bottom: 0;
}

.exp-more {
  display: block;
  width: 4.65rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  border: 2px solid #b28850;
  color: #b28850;
  border-radius: 6px;
  margin-left: calc(100% - 4.65rem);
}

.ten-sub {
  margin-bottom: 1.25rem;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  line-height: 1;
}

.ten-tit {
  margin-bottom: 1.75rem;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  line-height: 1;
}

.ten-tit span {
  font-weight: bold;
}

.ten {
  width: 100%;
  margin-bottom: 1.5rem;
}

.ten img {
  width: 100%;
}

.want2 .team {
  margin-bottom: 1.5rem;
}

.want2 .team-ls {
  width: 15%;
  margin-right: 2%;
  margin-bottom: 0;
}

.want2 .team-ls:nth-child(6n) {
  margin-right: 0;
}

.want2 .team-ls .team-tit {
  color: #191919;
  height: auto;
  padding: 0.5rem 0.25rem;
  line-height: 1;
}

.want2 .team-ls .team-tit::before {
  left: 1rem;
}

.want2 .team-ls .team-tit::after {
  right: 1rem;
}

.guard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.guard-ls {
  width: 50%;
  text-align: center;
  padding-right: 23.4%;
}

.guard-ls p {
  color: #FFFFFF;
}

.guard-ls:nth-child(1),
.guard-ls:nth-child(2) {
  margin-bottom: 1.25rem;
}

.guard-ls:nth-child(2n) {
  padding-left: 23.4%;
  padding-right: 0;
}

.guard-tit {
  line-height: 1;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #FFFFFF;
  font-weight: bold;
}

.guard-sub {
  line-height: 1;
  letter-spacing: 2px;
  margin-bottom: 0.25rem;
  font-weight: lighter;
}

.guard-cont {
  color: #FFFFFF;
  line-height: 1.5;
  font-weight: lighter;
}

.guard-box {
  position: relative;
  margin: 1.5rem;
}

.guard-box img {
  width: 100%;
}

.guard-pic {
  position: absolute;
  width: 28.5%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.guard-pic img {
  width: 100%;
  object-fit: cover;
}

.want2 .logo {
  margin-bottom: 1.5rem;
}

.want2 {
  padding-bottom: 1.5rem;
}

.origin-tit {
  margin: 1.5rem 0 0.5rem;
  line-height: 1;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
}

.origin-tit span {
  line-height: 1;
  font-weight: bold;
  display: inline-block;
}

.origin-sub {
  margin-bottom: 1.25rem;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  line-height: 2;
}

.origin .cus-ls {
  width: 25%;
  margin-right: 12.5%;
  margin-bottom: 0;
}

.origin .cus-ls:nth-child(3n) {
  margin-right: 0;
}

.origin .cus-ls {
  overflow: 20px;
  overflow: hidden;
}

.origin .cus-ls-top {
  border-radius: 0;
  margin-bottom: 0;
}

.origin .cus-ls-btn {
  border-radius: 0;
}

.origin .cus-ls-btn p:nth-child(1)::before,
.origin .cus-ls-btn p:nth-child(1)::after {
  display: none;
}

.origin .stay-ls {
  width: 18.4%;
  margin-right: 2%;
}

.origin .stay-ls:last-child {
  margin-right: 0;
}

.origin .stay-ls-tit {
  font-weight: bold;
  border-radius: 10px;
}


/* .origin .team {
	margin-bottom: 1.25rem;
} */

.origin .team-tit {
  height: auto;
  line-height: 1;
  padding: 0.5rem;
}

.origin .team-tit::after,
.origin .team-tit::before {
  display: none;
}

.origin-swiper {
  position: relative;
}

.origin-swiper .swiper-button-prev,
.origin-swiper .swiper-button-next {
  color: #B28752;
}

.origin-swiper .swiper-button-prev {
  left: 4.5rem;
}

.origin-swiper .swiper-button-next {
  right: 4.5rem;
}

.origin-swiper .swiper-button-prev:after,
.origin-swiper .swiper-button-next:after {
  font-size: 1.9rem;
}

.origin-container .swiper-slide {
  box-shadow: 0 0 66px 40px #242424;
  background-color: #242424;
  border-radius: 10px;
  overflow: hidden;
}

.origin-container .swiper-slide img {
  width: 100%;
}

.origin-pic {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

.origin-pic img {
  width: 100%;
}

.origin-font {
  padding: 0.5rem;
  background-color: #FFFFFF;
  border-radius: 10px;
  text-align: center;
}

.origin-font p {
  color: #131313;
  line-height: 1;
  font-weight: lighter;
}

.origin-font p:nth-child(1) {
  margin-bottom: 0.25rem;
  font-weight: bold;
}

.origin-swiper .exp-more {
  margin-top: 0.75rem;
}

.origin-sub2 {
  line-height: 2;
}

.disease {
  width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.disease img {
  width: 100%;
}

.disease-font {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: lighter;
  color: #FFFFFF;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 35%;
}

.disease-font span {
  font-weight: bold;
}

.family .stay {
  margin-bottom: 0.75rem;
}

.family .stay-ls {
  width: 24.25%;
  margin-right: 1%;
  border-radius: 18px;
  overflow: hidden;
}

.family .stay-ls-pic {
  border-radius: 0;
  margin-bottom: 0;
}

.space-font {
  background-color: #FFFFFF;
  padding: 1rem 0.5rem;
}

.space-font .stay-ls-tit {
  height: auto;
  line-height: 1;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.space-font-cont {
  word-break: break-all;
  text-align: center;
  line-height: 1.5;
  height: 3rem;
  overflow-y: auto;
}

.space-font-cont::-webkit-scrollbar {
  width: 2px;
}

.stay2 .stay-ls {
  width: 21.25%;
  margin-right: 5%;
}

.stay2 img {
  width: 100%;
}

.stay2 .stay-ls:last-child {
  margin-right: 0;
}

.stay2 .stay-ls-tit {
  margin-bottom: 0;
  font-weight: bold;
}

.stay3 .stay-ls {
  width: 17.6%;
  margin-right: 3%;
}

.stay3 .stay-ls-tit {
  font-weight: bold;
  margin-bottom: 0.15rem;
}

.material {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.material-ls {
  width: 25%;
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.material-pic {
  width: 25%;
  margin: 0 auto 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.material-tit {
  color: #b28850;
  line-height: 1;
  margin-bottom: 0.9rem;
  font-weight: bold;
}

.material-cont {
  color: #FFFFFF;
  text-align: center;
  line-height: 1.5;
  font-weight: lighter;
}

.team2 .team-ls {
  margin-bottom: 0;
}

.team2 img {
  width: 100%;
}

.team2 .team-tit::after,
.team2 .team-tit::before {
  display: none;
}

.model {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.25rem;
}

.model-lf {
  width: 56%;
  height: 13.5rem;
  margin-right: 5%;
  border-radius: 20px;
  overflow: hidden;
}

.model-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.model-rg {
  width: 42%;
  height: 13.5rem;
}

.model-rg-tit {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
}

.model-rg-cont {
  color: #FFFFFF;
  line-height: 1.5;
  margin: 0.75rem 0 1.5rem;
}

.model-rg-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.model-rg-box p {
  color: #b28850;
  border: 2px solid #b28850;
  line-height: 1;
  padding: 0.25rem 0;
  width: 27%;
  margin-right: 9.5%;
  margin-bottom: 1.75rem;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.model-rg-box p:nth-child(3n) {
  margin-right: 0;
}

.model-rg-box p:last-child {
  margin-bottom: 0;
}

.model-rg-box p:nth-last-child(2) {
  margin-bottom: 0;
}

.model-rg-box p:nth-last-child(3) {
  margin-bottom: 0;
}

.model-rg-box p span {
  font-weight: bold;
}


/* 装修攻略 */


/* 品牌实力 */

.power1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.power1-lf {
  width: 56%;
  height: 10rem;
  margin-right: 5%;
  border-radius: 20px;
  overflow: hidden;
}

.power1-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.power1-rg {
  width: 39%;
  padding-top: 0.2rem;
}

.power1-rg-tit {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
}

.power1-rg-sub {
  color: #FFFFFF;
  line-height: 1.5;
  margin: 0.5rem 0 1.25rem;
  word-break: break-all;
  font-weight: lighter;
}

.power1-rg-cont {
  color: #FFFFFF;
}

.power1-rg-cont span {
  line-height: 1;
  margin-bottom: 0.5rem;
  display: inline-block;
  width: 40%;
}

.cus-intro2 .cus-ls-btn p:nth-child(1)::before,
.cus-intro2 .cus-ls-btn p:nth-child(1)::after {
  display: none;
}

.power2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.power2-lf {
  width: 56%;
  margin-right: 5%;
  border-radius: 20px;
  overflow: hidden;
}

.power2-lf img {
  width: 100%;
}

.power2-rg {
  width: 39%;
}

.power2-ls {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.power2-ls:last-child {
  margin-bottom: 0;
}

.power2-ls p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: lighter;
  margin-right: 1.25rem;
  width: 2.5rem;
  white-space: nowrap;
}

.power2-ls p span {
  display: block;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.power2-ls div {
  word-break: break-all;
  width: calc(100% - 3.75rem);
  line-height: 1.5;
  color: #FFFFFF;
}

.mouth-tit {
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 1.75rem;
}

.power-container {
  margin-bottom: 1.5rem;
}

.power .power-container .power-pagination {
  top: 15%;
  left: 64%;
}

.power .power-container .swiper-button-prev,
.power .power-container .swiper-button-next {
  top: 21%;
}

.power .power-container .swiper-button-next {
  right: 25%;
}

.mouth-cont {
  /* color: #FFFFFF;
	line-height: 1.7; */
  width: 39%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 1rem;
  flex-direction: column;
}

.mouth-cont span {
  font-weight: bold;
  display: block;
  margin-bottom: 0.25rem;
  color: #FFFFFF;
}

.mouth-cont div {
  color: #FFFFFF;
}


/* 品牌实力 */


/* 品质用料 */

.pos {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.char-map {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 1.25rem;
}

.char-map-lf {
  position: relative;
  width: 66%;
  margin-right: 8%;
  margin-top: 1rem;
}

.char-map-lf img {
  width: 100%;
}

.char-map-rg {
  width: 26%;
}

.char-map-lf-pos {
  position: absolute;
  top: -0.5rem;
  width: 2rem;
  height: 2rem;
  left: 45%;
}

.char-map-lf-pos p {
  color: #672020;
}

.char-map-lf-pos2 {
  position: absolute;
  top: 27%;
  left: 73%;
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
}

.char-map-lf-pos2 p {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  line-height: 1.3;
  font-weight: bold;
}

.char-map-lf-pos3 {
  position: absolute;
  width: 5.3rem;
  top: 0;
  left: calc(44.5% + 2rem);
}

.char-map-lf-pos4 {
  position: absolute;
  width: 5.85rem;
  height: 0.85rem;
  top: 39.5%;
  left: 82.5%;
}

.char-map-rg p {
  color: #FFFFFF;
  line-height: 1;
  white-space: nowrap;
}

.char-map-rg-tit {
  font-weight: bold;
}

.char-map-rg-sub {
  font-weight: lighter;
  margin: 0.75rem 0;
}

.char-map-rg-pic {
  position: relative;
  margin-top: 0.7rem;
  border-radius: 10px;
  overflow: hidden;
  width: 3.4rem;
}

.char-map-rg-pic p {
  width: 100%;
  text-align: center;
  font-weight: lighter;
}

.char-sub {
  margin-bottom: 1.75rem;
  line-height: 1;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
}

.partner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.partner-ls {
  width: 13%;
  height: 3rem;
  margin-right: 4.4%;
  margin-bottom: 4.4%;
}

.partner-ls:nth-child(6n) {
  margin-right: 0;
}

.partner-ls img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.char-tit {
  margin-top: 0;
}

.waterfall {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 11.5rem;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

.waterfall-ls {
  width: max-content;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.waterfall-ls-pic {
  width: 0;
  height: 100%;
  transition: all 1s;
}

.waterfall-ls-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.waterfall-ls-font {
  width: 1.5rem;
  /* width: 4%; */
  height: 100%;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  flex-direction: column;
  background-color: #B28750;
  position: relative;
  padding-top: 4.5rem;
  cursor: pointer;
}

.waterfall-ls-font::after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: -0.3rem;
  border-right: 0.3rem solid #B28750;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
  transition: all 0.3s;
  opacity: 0;
}

.waterfall-ls-font p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
}

.waterfall-ls-font p:nth-child(2) {
  writing-mode: tb-rl;
  text-transform: uppercase;
  margin-top: 0.5rem;
  font-weight: lighter;
}

.waterfall-ls:nth-child(2n) .waterfall-ls-font {
  background-color: #5D4D36;
}

.waterfall .cur .waterfall-ls-pic {
  width: 20rem;
  /* width: 68%; */
}

.waterfall .cur .waterfall-ls-font::after {
  opacity: 1;
}

.electric {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* height: 13.35rem; */
  margin: 0 auto 1.25rem;
}

.electric img {
  width: 100%;
}

.ele-ls {
  width: 18.4%;
  margin-right: 2%;
  height: 100%;
}

.ele-ls:last-child {
  margin-right: 0;
}

.ele-ls-pic {
  width: 100%;
  height: 84%;
  margin-bottom: 6%;
  border-radius: 10px;
  overflow: hidden;
}

.ele-ls-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ele-ls-tit {
  width: 100%;
  height: 10%;
  background-color: #FFFFFF;
  color: #0f0f0f;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  line-height: 1.6;
}

.install {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}

.install-tit {
  width: 5.5rem;
  height: 100%;
  background-color: #B28750;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  line-height: 1.75rem;
  border-radius: 10px;
}

.install-menu {
  width: 0.375rem;
  height: 0.7rem;
  margin: 0 0.375rem;
}

.install-menu img {
  width: 100%;
}

.install-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.install-top:last-child .install-menu {
  display: none;
}

.install-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.25rem 0;
}

.install-btn-lf {
  width: 75%;
  margin-right: 3%;
  border-radius: 20px;
  overflow: hidden;
}

.install-btn-lf img {
  width: 100%;
}

.install-btn-rg {
  width: 22%;
}

.install-btn-rg p {
  background-color: #FFFFFF;
  color: #242424;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 1.35rem;
}

.install-btn-rg p:last-child {
  margin-bottom: 0;
}


/* 品质用料 */


/* 设计理念 */

.should {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 12rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.should-lf {
  width: 17rem;
}

.should-lf img {
  width: 100%;
}

.should-pos {
  position: absolute;
  width: calc(0.275rem + 3.55rem + 0.325rem);
  height: 1.75rem;
  left: 20.5%;
  top: 10%;
  z-index: 2;
}

.should-pos>div {
  position: absolute;
}

.should-pos div img {
  width: 100%;
}

.should-pos1 {
  right: 0;
  bottom: 0;
  width: 0.375rem;
}

.should-pos2 {
  left: 0.425rem;
  top: 0.2rem;
  width: 3.55rem;
  opacity: 0;
  visibility: hidden;
}

.should-pos3 {
  left: 0;
  top: 0;
  width: 0.425rem;
  opacity: 0;
  visibility: hidden;
}

.should-pos4 {
  font-size: 11px;
  color: #FFFFFF;
  background-color: rgba(36, 36, 36, .5);
  border-radius: 5px;
  width: max-content;
  left: 103%;
  bottom: 0;
  width: 30px;
  height: 15px;
  line-height: 15px;
  text-align: center;
}

.should-rg {
  width: 5.85rem;
  left: -6rem;
  top: -0.5rem;
  opacity: 0;
  visibility: hidden;
  text-align: right;
}

.should-rg>p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
}

.should-rg div {
  color: #FFFFFF;
  line-height: 2;
  margin: 0.75rem 0 2.25rem;
  height: 7rem;
  overflow-y: auto;
  /* padding-right: 0.4rem; */
}

.should-rg div::-webkit-scrollbar {
  width: 2px;
}

.cur .should-rg {
  opacity: 1;
  visibility: visible;
  padding: 0.5rem 0;
}

.cur .should-pos2 {
  opacity: 1;
  visibility: visible;
}


/* .should-box .cur {
	visibility: visible;
} */

.cur .should-pos3 {
  opacity: 1;
  visibility: visible;
}

.cus-intro2 .cus-ls-btn p:nth-child(1)::before,
.cus-intro2 .cus-ls-btn p:nth-child(1)::after {
  display: none;
}

.cus-intro2 .cus-ls {
  margin-bottom: 0;
}

.system {
  display: flex;
  align-items: center;
  justify-content: center;
}

.system img {
  width: 100%;
}

.system-lf {
  width: 26%;
}

.system-lf-ls {
  width: 100%;
  height: 7rem;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 3.1rem;
}

.system-lf-ls:last-child {
  margin-bottom: 0;
}

.system-lf-ls>p {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1;
}

.system-lf-ls div {
  color: #FFFFFF;
  line-height: 1.5;
  margin-top: 0.5rem;
  font-weight: lighter;
}

.system-cent {
  width: 36%;
  margin: 0 6%;
}

.system-cent-pic {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2.5rem;
  font-size: 0;
}

.system-cent-pic img {
  width: 100%;
}

.system-cent-ls {
  width: 73%;
  margin: 0 auto;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  padding: 1rem;
  text-align: center;
}

.system-cent-ls>p {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1;
}

.system-cent-ls div {
  color: #FFFFFF;
  line-height: 1.5;
  margin-top: 0.5rem;
  font-weight: lighter;
}

.team3 {
  margin-bottom: 1.5rem;
}

.team3 .team-ls {
  width: 15%;
  margin-right: 2%;
  margin-bottom: 0;
}

.team3 .team-ls:last-child {
  margin-right: 0;
}

.team3 .team-pic {
  border-radius: 15px;
}

.team3 .team-tit {
  line-height: 1;
  height: auto;
  padding: 0.5rem 0;
}

.team3 .team-tit::after,
.team3 .team-tit::before {
  display: none;
}

.exp-more2 {
  width: 6.25rem;
  margin-left: calc(100% - 6.25rem);
}

.concept-process {
  width: 100%;
  padding: 0 1rem;
}

.concept-process img {
  width: 100%;
}

.concept-tit {
  margin: 1.5rem 0;
  line-height: 1;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
}

.concept-tit span {
  font-weight: bold;
  line-height: 1;
  display: inline-block;
}

.concept-sub {
  line-height: 1;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  margin-bottom: 1.5rem;
  letter-spacing: 2px;
}

.top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 10.7rem;
  position: relative;
  margin-bottom: 1.25rem;
}

.top-lf {
  width: 56%;
  height: 100%;
  margin-right: 5%;
  border-radius: 20px;
  overflow: hidden;
}

.top-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-rg {
  width: 39%;
  padding-top: 0.5rem;
  height: 100%;
}

.top-rg-tit {
  line-height: 1;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.top-rg-cont {
  line-height: 1.5;
  color: #FFFFFF;
  word-break: break-all;
}

.top .exp-more {
  position: absolute;
  bottom: 0;
  right: 0;
}

.concept-stay img {
  width: 100%;
}

.concept-stay .stay-ls-tit {
  height: auto;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 0.6rem;
  color: #131313;
}

.concept-stay-cont {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 0.6rem 1rem;
}

.concept-stay-cont-sub {
  line-height: 0.8rem;
  color: #131313;
  font-weight: lighter;
  height: 1.6rem;
  overflow-y: auto;
  word-break: break-all;
}

.concept-container {
  height: 10.7rem;
  margin-bottom: 2.25rem;
}

.concept-container .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.con-swiper-pic {
  width: 56%;
  height: 100%;
  margin-right: 5%;
  border-radius: 20px;
  overflow: hidden;
}

.con-swiper-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.con-swiper-font {
  width: 39%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.con-swiper-tit {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1;
  margin-left: 1.25rem;
}

.con-swiper-sub {
  color: #FFFFFF;
  font-weight: lighter;
  line-height: 1;
  margin: 0.6rem 0 0.75rem;
}

.con-swiper-sub span {
  font-weight: bold;
}

.con-swiper-cont {
  color: #FFFFFF;
  line-height: 1rem;
  height: 5rem;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 0.75rem;
}

.con-swiper-font .exp-more {
  /* position: absolute; */
  right: 0;
  bottom: 0;
}

.concept-container .swiper-pagination {
  font-size: 1.2rem;
  width: max-content;
  height: max-content;
  color: #FFFFFF;
  line-height: 1;
  left: 64%;
  top: 2%;
}

.concept-container .swiper-button-prev,
.concept-container .swiper-button-next {
  top: 0.9rem;
  color: #FFFFFF;
  pointer-events: auto !important;
}

.concept-container .swiper-button-prev {
  left: 61%;
}

.concept-container .swiper-button-next {
  right: 0;
}

.concept-container .swiper-button-prev::after,
.concept-container .swiper-button-next::after {
  font-size: 0.5rem;
}


/* 设计理念 */


/* 南鸿简介 */

.about-ban p {
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
}

.about-ban p:nth-child(1) {
  font-weight: lighter;
}

.about-ban p:nth-child(1) span {
  font-weight: bold;
}

.about-ban p:nth-child(2) {
  margin-top: 0.75rem;
  letter-spacing: 3px;
}

.about {
  padding: 2rem 0 1.5rem;
}

.about-video {
  width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.about-video video {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.about-video img {
  width: 100%;
}

.about-video .play {
  width: 2.5rem;
  height: 2.5rem;
}

.about-video .play img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-intro {
  /* margin-bottom: 2rem; */
}

.about-intro-cont {
  line-height: 1.6;
  color: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  font-weight: lighter;
}

.yesterday-btn {
  position: relative;
  /* padding: 2.25rem 0 0.5rem; */
  overflow: hidden;
}


/* .yesterday-btn::after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/about4.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 2px;
	height: 100%;
} */

.about-container {
  height: 4.4rem;
}

.about-container .swiper-slide {
  width: 17.6%;
  margin-right: 3%;
  border-radius: 10px;
  overflow: hidden;
}

.about-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-container .swiper-slide:last-child {
  margin-right: 0;
}

.today-btn {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.today-ls {
  width: max-content;
  margin-right: 4.25rem;
  text-align: center;
}

.today-ls p {
  color: #FFFFFF;
  line-height: 1;
}

.today-ls:last-child {
  margin-right: 0;
}

.today-ls .tech-tit {
  margin-bottom: 1.8rem;
}

.today-ls .tech-tit p:nth-child(1) {
  font-size: 1.8rem;
  margin-bottom: -0.5rem;
}

.today-ls .tech-tit p:nth-child(2) {
  box-shadow: 0 -10px 10px #242424;
  font-weight: bold;
}

.today-ls-font {
  margin-bottom: 1.5rem;
}

.today-ls-font:last-child {
  margin-bottom: 0;
}

.today-ls-font p:nth-child(1) {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.today-ls-font p:nth-child(2) {
  line-height: 0.9rem;
  height: 2.7rem;
  overflow-y: auto;
}

.today {
  padding-bottom: 2rem;
}


/* 南鸿简介 */

.banner .about-ban .company-sub {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 13px;
  margin-top: 0.3rem;
  margin-right: -13px;
}

.company {
  padding-top: 1.5rem;
}

.company-box {
  margin-bottom: 3.5rem;
}

.company-ls {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #b28850;
  margin-bottom: 1rem;
}

.company-ls:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.company-ls-pic {
  width: 11.25rem;
  margin-right: 1.25rem;
  border-radius: 10px;
  overflow: hidden;
}

.company-ls-pic img {
  width: 100%;
}

.company-ls-font {
  width: calc(100% - 12.5rem);
}

.company-ls-font>p {
  color: #FFFFFF;
  line-height: 1;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-ls-font div {
  color: #FFFFFF;
  line-height: 1.2rem;
  height: 3.6rem;
  overflow: hidden;
  margin: 0.25rem 0 0.5rem;
}

.company-ls-font a {
  display: block;
  color: #b28850;
  border: 2px solid #b28850;
  border-radius: 10px;
  text-align: center;
  height: 1.25rem;
  line-height: 1.1rem;
  width: 4rem;
  font-weight: bold;
  margin-left: calc(100% - 4rem);
}

.banner .about-ban .join-ban {
  margin: 0.5rem 0 1.25rem;
}

.join-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.join-ls {
  width: 47.5%;
  margin-right: 5%;
  margin-bottom: 0.6rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.join-ls:nth-child(2n) {
  margin-right: 0;
}

.join-ls:last-child {
  margin-bottom: 0;
}

.join-ls:nth-last-child(2) {
  margin-bottom: 0;
}

.join-ls-lf {
  width: 45%;
  margin-right: 10%;
}

.join-ls-lf div {
  width: 100%;
  height: 13.5rem;
  margin-bottom: 0.6rem;
  border-radius: 10px;
  overflow: hidden;
}

.join-ls-lf div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.join-ls-lf p {
  width: 100%;
  height: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 10px;
  background-color: #FFFFFF;
  color: #131313;
  font-weight: bold;
}

.join-rg {
  width: 45%;
}

.join-rg div {
  background-color: #FFFFFF;
  height: 13.5rem;
  border-radius: 10px;
  overflow-y: auto;
  padding: 0.5rem 0.5rem;
  word-break: break-all;
  margin-bottom: 0.6rem;
}

.join-rg div::-webkit-scrollbar {
  width: 2px;
}

.join-rg>p {
  width: 100%;
  height: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 10px;
  background-color: #FFFFFF;
  color: #131313;
  font-weight: bold;
}

.join-swiper {
  margin-bottom: 1.6rem;
}

.join-swiper .swiper-slide {
  width: 45.5%;
  margin-right: 9%;
  border-radius: 20px;
  overflow: hidden;
}

.join-swiper .tech-button-prev,
.join-swiper .tech-button-next {
  color: #b78250;
}

.hope {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 1.5rem auto;
}

.hope-pos p {
  color: #FFFFFF;
  text-align: center;
}

.hope-pos-tit {
  line-height: 1;
  font-weight: bold;
}

.hope-pos-sub {
  line-height: 1;
  font-weight: lighter;
  margin: 0.5rem 0 1rem;
}

.hope-pos-cont {
  font-weight: lighter;
  line-height: 1.5;
}

.ser-ban1 {
  line-height: 1;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
}

.ser-ban1 span {
  font-weight: bold;
  display: inline-block;
  line-height: 1;
}

.ser-ban2 {
  line-height: 1;
  color: #FFFFFF;
  font-weight: lighter;
  text-align: center;
  margin: 0.75rem 0 1.5rem;
}

.submit-box {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 1.25rem 2.15rem;
  width: 20rem;
  margin: 0 auto;
}

.submit-box>p {
  color: #0f0f0f;
  line-height: 1;
  text-align: center;
}

.submit-box>p:nth-child(1) {
  font-weight: bold;
}

.submit-box>p:nth-child(2) {
  font-weight: lighter;
  margin: 0.5rem 0 0.75rem;
}

.submit-box form input {
  background: #F2EADF;
  width: 100%;
  margin-bottom: 0.65rem;
  border-radius: 10px;
  overflow: hidden;
  height: 1.1rem;
  padding: 0 0.7rem;
  color: #0f0f0f;
}

.submit-box form input::placeholder,
.submit-box form textarea::placeholder {
  color: #0f0f0f;
  opacity: .3;
}

.submit-box form textarea {
  background: #F2EADF;
  width: 100%;
  margin-bottom: 0.5rem;
  border-radius: 10px;
  overflow: hidden;
  height: 2rem;
  padding: 0.2rem 0.7rem 0;
  color: #0f0f0f;
  resize: none;
}

.submit-box-tel {
  line-height: 1;
  color: #100e0d;
  margin-bottom: 0.5rem;
  text-align: center;
}

.submit-box form input[type=submit] {
  width: 7.5rem;
  color: #FFFFFF;
  margin: 0 auto;
  display: block;
  opacity: 1;
  background-color: #BF945D;
}

.submit-select {
  width: 100%;
  position: relative;
  height: 1.1rem;
  margin-bottom: 0.65rem;
}

.submit-box .submit-select>input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #F2EADF;
  border-radius: 10px;
  padding: 0 0.7rem;
  line-height: 1.1rem;
  color: rgba(15, 15, 15, .3);
  cursor: pointer;
  color: rgba(15, 15, 15, .3);
}

.submit-select::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: translateY(-50%);
  background-image: url(../img/service1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 0.375rem;
  height: 0.25rem;
  z-index: 3;
}

.submit-select-pos {
  position: absolute;
  top: 0.6rem;
  width: 100%;
  left: 0;
  height: 3.5rem;
  line-height: 1rem;
  padding-top: 0.5rem;
  overflow-y: auto;
  background-color: #F2EADF;
  z-index: 1;
  border-radius: 10px;
  display: none;
}

.submit-select-pos p {
  background-color: #F2EADF;
  transition: all 0.3s;
  cursor: pointer;
  color: #0f0f0f;
  opacity: .3;
  padding: 0 0.7rem;
}

.submit-select-pos p:hover {
  background-color: #B78250;
  opacity: .6;
}


/* .service {
	padding-bottom: 2.5rem;
} */

.service-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}

.service-ls {
  width: max-content;
  margin-right: 4.5rem;
}

.service-ls:first-child .service-ls-top {
  margin-bottom: 1.975rem;
}

.service-ls:last-child {
  margin-right: 0;
}

.service-ls-top {
  width: 3rem;
  margin-bottom: 1.6rem;
}

.service-ls-top img {
  width: 100%;
}

.service-ls .tech-tit p:nth-child(1) {
  font-size: 1.5rem;
  margin-bottom: -0.5rem;
}

.contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 75%;
  height: 19.25rem;
}

.address {
  width: 49%;
  height: 100%;
  margin-right: 2%;
  border-radius: 20px;
  overflow: hidden;
  overflow-y: auto;
  padding: 1.25rem 1.35rem;
}

.address::-webkit-scrollbar {
  width: 3px;
}

.con_map {
  height: 100%;
  width: 49%;
  border-radius: 20px;
  overflow: hidden;
}

.address p {
  color: #111111;
  line-height: 1;
  font-weight: lighter;
}

.address>p:nth-child(1) {
  text-transform: uppercase;
}

.address>p:nth-child(2) {
  margin: 0.25rem 0 0.7rem;
  font-weight: bold;
}

.contact-add {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.contact-add:last-child {
  margin-bottom: 0;
}

.contact-add div {
  width: 0;
  height: 0.65rem;
  margin-top: 0.3rem;
  opacity: 0;
  transition: all 0.3s;
}

.contact-add div img {
  width: 100%;
}

.contact-add p {
  /* width: calc(100% - 0.55rem); */
  width: 100%;
  line-height: 2.5;
  transition: all 0.3s;
  margin-left: -0.25rem;
}

.contact-add:hover div {
  opacity: 1;
  width: 0.55rem;
}

.contact-add:hover p {
  font-weight: bold;
  margin-left: 0;
  width: calc(100% - 0.55rem);
}

.article-tab {
  display: flex;
  align-items: flex-start;
  padding: 0.65rem 16.7%;
  margin: 0.9rem 0 1.5rem;
}

.article-tab p {
  color: #FFFFFF;
  margin-right: 1.8rem;
  line-height: 1.2;
  position: relative;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: all 0.3s;
  cursor: pointer;
}

.article-tab p:last-child {
  margin-right: 0;
  padding-right: 0;
}

.article-tab p::after {
  content: '';
  position: absolute;
  right: -0.9rem;
  top: calc(50% - 5px);
  transform: translateY(-50%);
  width: 2px;
  height: 0.5rem;
  background-color: #FFFFFF;
}

.article-tab p:last-child::after {
  display: none;
}

.article-tab p:hover {
  border-bottom: 1px solid #FFFFFF;
}

.article-tab .cur {
  border-bottom: 1px solid #FFFFFF;
}

.article {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.article-lf {
  width: 74%;
  margin-right: 3%;
}

.article-lf-tit {
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}

.article-ls {
  width: 100%;
  height: 6.2rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 1.75rem;
}

.article-ls:last-child {
  margin-bottom: 0;
}

.article-ls-pic {
  width: 35%;
  height: 100%;
  margin-right: 3%;
}

.article-ls-pic img {
  width: 100%;
  height: 100%;
}

.article-ls-rg {
  width: 62%;
  height: 100%;
  position: relative;
}

.article-ls-rg-tit {
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-ls-rg-cont {
  word-break: break-all;
  line-height: 1.5;
  color: #FFFFFF;
}

.article-ls-rg-time {
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 1;
}

.article-rg {
  width: 23%;
}

.article-rg-top {
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  padding: 0.9rem 0.5rem;
}

.article-rg-top-tit {
  line-height: 1;
  margin-bottom: 0.6rem;
  color: #FFFFFF;
  text-align: right;
}

.article-rg-top-sub {
  color: #1e1e1e;
  width: 100%;
  padding: 0.3rem 0.9rem;
  background-color: #FFFFFF;
  border-radius: 5px;
  text-align: right;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.article-rg-input {
  border: 1px solid #FFFFFF;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
  padding: 0.3rem 0.5rem;
}

.article-rg-input div {
  width: 0.45rem;
  margin-right: 0.25rem;
}

.article-rg-input input {
  background: none;
  color: #FFFFFF;
  line-height: 1;
}

.article-rg-input input::placeholder {
  opacity: 0.5;
  color: #FFFFFF;
}

.article-rg-submit {
  width: 100%;
  background-color: #B28750;
  padding: 0.3rem 0.5rem;
  text-align: center;
  color: #FFFFFF;
  line-height: 1;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.article-rg-btn-tit {
  margin: 1.25rem 0 0.75rem;
  text-align: center;
}

.article-rg-btn-tit p {
  line-height: 1;
  color: #FFFFFF;
}

.article-rg-btn-tit p:nth-child(1) {
  font-weight: bold;
  position: relative;
  margin-bottom: 0.25rem;
}

.article-rg-btn-tit p:nth-child(1)::before {
  content: '';
  position: absolute;
  display: block;
  width: 0.4rem;
  height: 2px;
  background-color: #FFFFFF;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.article-rg-btn-tit p:nth-child(1)::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 2px;
  background-color: #FFFFFF;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}

.article-rg-btn-tit p:nth-child(2) {
  font-size: 6px;
  text-transform: uppercase;
  letter-spacing: 7px;
  margin-right: -7px;
}

.article-rg-ls p {
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 0.5rem;
}

.article-rg-ls p span {
  font-weight: bold;
}

.article-ls2 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.25rem auto 1.5rem;
}

.article-ls2 .page {
  margin: 0;
}

.video {
  margin: 1.5rem auto;
}

.video-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}

.video-tab p {
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  color: #FFFFFF;
  text-align: center;
  height: 1.25rem;
  line-height: 1.25rem;
  width: 4.65rem;
  margin-right: 1rem;
  transition: all 0.3s;
  cursor: pointer;
}

.video-tab p:last-child {
  margin-right: 0;
}

.video-tab .cur {
  background-color: #B28750;
  border: 1px solid #B28750;
}

.video-tab p:hover {
  background-color: #B28750;
  border: 1px solid #B28750;
}

.video-ajax {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.video-ls {
  width: 30%;
  height: 9.5rem;
  margin-right: 5%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 5%;
}

.video-ls:last-child {
  margin-bottom: 0;
}

.video-ls:nth-last-child(2) {
  margin-bottom: 0;
}

.video-ls:nth-last-child(3) {
  margin-bottom: 0;
}

.video-ls>img {
  width: 100%;
  height: calc(100% - 1.8rem);
  object-fit: cover;
}

.video-ls:nth-child(3n) {
  margin-right: 0;
}

.video-ls .play {
  position: absolute;
  top: calc(50% - 1.25rem);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.45rem;
  height: 2.45rem;
}

.video-ls p {
  position: absolute;
  color: #000000;
  text-align: center;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
  /* font-weight: bold; */
  letter-spacing: 2px;
}

.detail2 {
  margin: 1.5rem auto 1.5rem;
}

.detail2-cont {
  margin-bottom: 1.2rem;
  width: 100%;
  min-height: 7.5rem;
  /* background-color: #FFFFFF; */
  padding: 0.5rem;
  font-size: 16px;
}

.detail2-cont * {
  color: #FFFFFF;
  background: none !important;
}

.detail2-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detail2-page a {
  display: block;
  max-width: 45%;
  min-width: 3rem;
  border: 1px solid #FFFFFF;
  height: 1.1rem;
  line-height: 1.1rem;
  padding: 0 1.25rem;
  text-align: center;
  color: #FFFFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.other-more {
  border: 1px solid #FFFFFF;
  border-radius: 0;
  color: #FFFFFF;
}


/* .head-nav-ls:last-child .head-wrap {
	left: -5rem;
}

.head-nav-ls:last-child .head-wrap::before {
	left: 6rem;
}

.head-nav-ls:nth-last-child(2) .head-wrap {
	left: -7rem;
}

.head-nav-ls:nth-last-child(2) .head-wrap::before {
	left: 8rem;
} */

.case-ban {
  position: absolute;
  /* right: 0; */
  top: 0;
  height: 100%;
  /* width: 31.25%; */
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.9rem;
  background-color: rgba(36, 36, 36, .35);
  width: 25%;
  right: 6%;
}

.case-ban p {
  color: #FFFFFF;
  line-height: 1;
}

.case-ban-tit {
  font-weight: lighter;
}

.case-ban-tit span {
  font-weight: bold;
}

.case-ban-pic {
  margin: 0.9rem 0 2.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.case-ban-pic div {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.25rem;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.case-ban-pic div::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.case-ban-pic div:last-child {
  margin-right: 0;
}

.case-ban-pic div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-ban-pic .cur::after {
  border: 1px solid #FFFFFF;
  background-color: rgba(0, 0, 0, 0);
}

.case-ban-sub {
  margin-bottom: 0.5rem;
  font-weight: lighter;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.case-ban-sub span:nth-child(1) {
  padding: 5px 0.25rem;
  /* background-color: rgba(36,36,36,.5); */
  border-radius: 8px;
}

.case-ban-sub span:nth-child(2) {
  display: block;
  /* background-color: rgba(36,36,36,.5); */
  background-color: #FFFFFF;
  border-radius: 5px;
  /* color: #FFFFFF; */
  color: #333;
  min-width: 1.75rem;
  min-height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  margin-left: 0.5rem;
  margin-top: 5px;
  padding: 2px 4px;
}

.case-ban-sub2 {
  margin-bottom: 0.65rem;
  font-weight: lighter;
  padding: 5px 0.25rem;
  /* background-color: rgba(36,36,36,.5); */
  border-radius: 8px;
}

.case-ban-cont {
  width: 83%;
  border-top: 1px solid #FFFFFF;
  padding-top: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.case-ban-cont-lf p {
  margin-bottom: 0.3rem;
  padding: 5px 0.25rem;
  /* background-color: rgba(36,36,36,.5); */
  border-radius: 8px;
}

.case-ban-cont-lf p:last-child {
  margin-bottom: 0;
}

.case-ban-cont-more {
  display: block;
  width: 3.5rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  transition: all 0.3s;
}

.case-ban-cont-more:hover {
  background-color: #b78250;
  border: 1px solid #b78250;
}

.fixDiv2 {
  position: fixed;
  right: 10%;
  width: 18.5%;
  top: 10%;
  z-index: 10;
}

.banner .index-font .manage-ban-sub {
  border: none;
  margin: 0.75rem 0 1.5rem;
  padding: 0;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 18px;
  font-size: 9px;
  position: relative;
}

.banner .index-font .manage-ban-sub::after {
  content: '';
  display: block;
  position: absolute;
  width: 1.75rem;
  height: 3px;
  background-color: #FFFFFF;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.75rem;
}

.manage-ban-pic {
  position: absolute;
  display: block;
  width: 23.7rem;
  left: 50%;
  top: 0.75rem;
  transform: translateX(-50%);
}

.manage3 {
  margin-bottom: 2.25rem;
}

.manage3-img {
  margin-top: 1.25rem;
}

.manage3-img img {
  width: 100%;
}

.manage3 .qua-top p:nth-child(2) {
  font-weight: lighter;
  letter-spacing: 4px;
}

.manage-top .manage-tit::before,
.manage-top .manage-tit::after {
  display: none;
}

.manage2-img {
  width: 100%;
  margin-top: 1.25rem;
}

.manage-more {
  width: 7.2rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  color: #b28850;
  border: 2px solid #b28850;
  border-radius: 5px;
  margin-top: 0.9rem;
  margin-left: calc(100% - 7.2rem);
  display: block;
}

.manage7-img {
  width: 100%;
  margin-top: 2.25rem;
}

.manage7-img img {
  width: 100%;
  object-fit: cover;
}

.manage5-box {
  margin-top: 1.5rem;
  height: 14.75rem;
  width: 100%;
  position: relative;
}

.mana-container {
  height: 100%;
}

.mana-container .swiper-slide {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.manage5-swiper-pic {
  width: 62.5%;
  height: 100%;
}

.manage5-swiper-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manage5-swiper-font {
  width: 37.5%;
  height: 100%;
  border: 1px solid #FFFFFF;
  border-left: none;
  padding: 1.75rem 2.9rem 1rem 1.25rem;
}

.manage5-swiper-font p {
  color: #FFFFFF;
  line-height: 1;
}

.manage5-swiper-font p:nth-child(1) {
  opacity: .2;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
}

.manage5-swiper-font p:nth-child(2) {
  margin: 1rem 0 0.5rem;
  font-weight: lighter;
  letter-spacing: 1px;
}

.manage5-swiper-font div {
  color: #FFFFFF;
  opacity: .6;
  line-height: 2;
  letter-spacing: 1px;
  /* font-size: 10px; */
}

.manage5-box .swiper-pagination {
  right: 1.25rem;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}

.manage5-box .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  background-color: #FFFFFF;
  margin: 0.25rem 0;
}

.manage5-box .swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

.manage5-box .swiper-button-next {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/manage17.png);
  right: 0.75rem;
  bottom: 0.75rem;
  top: auto;
}

.manage5-box .swiper-button-next:after {
  display: none;
}

.power2-container .swiper-slide {
  width: 30%;
  margin-right: 5%;
}

.power2-container .swiper-slide:last-child {
  margin-right: 0%;
}

.power2-swiper {
  position: relative;
}

.power2-swiper .swiper-button-prev,
.power2-swiper .swiper-button-next {
  color: #B2884C;
}

.power2-swiper .swiper-button-next {
  right: 4.5rem;
}

.power2-swiper .swiper-button-prev {
  left: 4.5rem;
}

.power2-swiper .swiper-button-prev:after,
.power2-swiper .swiper-button-next:after {
  font-size: 1.9rem;
}

.power2-swiper .cus-intro {
  flex-wrap: inherit;
}

.cus-intro img {
  width: 100%;
}

.should-pos-box {
  width: calc(0.275rem + 6.55rem + 0.325rem);
  height: calc(0.275rem + 0.75rem + 0.325rem);
  left: 20%;
  top: 9%;
}

.should-pos-box0 .should-rg div {
  width: 80%;
  margin-left: 20%;
}


/* .should-pos-box0 .should-rg div {
	text-align: left;
}

.should-pos-box .should-rg div {
	text-align: left;
}

.should-pos-box3 .should-rg div {
	text-align: left;
}

.should-pos-box6 .should-rg div {
	text-align: left;
} */

.should-pos-box .should-pos2 {
  width: 6.55rem;
  top: 0.25rem;
}

.should-pos-box3 {
  width: calc(0.275rem + 3.5rem + 0.325rem);
  height: calc(0.275rem + 0.3rem + 0.325rem);
  left: 23%;
  top: 8%;
  z-index: 2;
}

.should-pos-box3 .should-pos2 {
  width: 3.5rem;
  top: 0.1rem;
}

.should-pos-box4 {
  width: calc(0.275rem + 2.65rem + 0.325rem);
  height: calc(0.275rem + 1.5rem + 0.325rem);
  left: 62%;
  top: 8%;
  z-index: 2;
}

.should-pos-other .should-pos1 {
  left: 0;
}

.should-pos-other .should-pos2 {
  width: 2.65rem;
  left: 0.16rem;
}

.should-pos-other .should-pos3 {
  right: 0;
  left: auto;
}

.should-pos-other .should-pos4 {
  left: 16%;
}

.should-pos-other .should-rg {
  left: 4.5rem;
  text-align: left;
}

.should-pos-box5 {
  width: calc(0.275rem + 3.4rem + 0.325rem);
  height: calc(0.275rem + 5.5rem + 0.325rem);
  left: 60%;
  top: 8%;
  z-index: 1;
}

.should-pos-box5 .should-pos2 {
  width: 3.4rem;
}

.should-pos-box5 .should-rg {
  left: 5rem;
}

.should-pos-box6 {
  width: calc(0.275rem + 6rem + 0.325rem);
  height: calc(0.275rem + 8.1rem + 0.325rem);
  left: 23%;
  top: 8%;
  z-index: 1;
}

.should-pos-box6 .should-pos2 {
  width: 6rem;
}

.should-pos-box2 {
  width: calc(0.275rem + 3.4rem + 0.325rem);
  height: calc(0.275rem + 4.25rem + 0.325rem);
  left: 60%;
  top: 7%;
  z-index: 1;
}

.should-pos-box2 .should-pos2 {
  width: 3.4rem;
}

.should-pos-box2 .should-rg {
  left: 5rem;
}

.page {
  width: 100%;
}

.page .pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.page a.active {
  background: none;
  opacity: 1;
}

.page>a:last-child {
  border: 1px solid #FFFFFF;
  padding: 0.25rem;
}


/* .heart3 .heart-tit {
	margin-bottom: 1.75rem;
} */

.que3-pic {
  position: relative;
  width: 100%;
  margin-bottom: 2rem;
}

.que3-pic img {
  width: 100%;
}

.que-tab2::after {
  content: '';
  position: absolute;
  display: flex;
  background-image: url(../img/que3.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 0.45rem;
  height: 1.45rem;
  bottom: -1.85rem;
  left: 50%;
  transform: translateX(-50%);
}

.should .exp-more {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
}

.should-box {}

.head-logo {
  display: flex;
  width: 7%;
  /* margin-top: 6px; */
  height: 100%;
  align-items: center;
  justify-content: center;
}

.head-logo img {
  width: 100%;
}

.foot-url {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.foot-url a {
  width: 50%;
  transition: all 0.3s;
}

.foot-url a:hover,
.foot-ls a:hover {
  color: #B28750;
}

.copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 79%;
  margin: 1rem auto 0;
}

.copyright a {
  color: #FFFFFF;
  opacity: 0.3;
  margin-right: 0.5rem;
  font-weight: lighter;
}

.copyright a img {
  margin-right: 10px;
}

.suspend {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 101;
}

.suspend-ls {
  background-image: url(../img/sus4.png);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 0.1rem;
  cursor: pointer;
  border-radius: 5px;
  /* overflow: hidden; */
}

.suspend-ls:last-child {
  margin-bottom: 0;
}

.suspend-ls::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, .87);
  z-index: 1;
  transition: all 0.3s;
  border-radius: 5px;
}

.suspend-ls img {
  width: 50%;
  position: relative;
  z-index: 2;
  transition: all 0.3s;
}

.suspend-ls>p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  width: 75%;
  z-index: 2;
  text-align: center;
  line-height: 1.3;
  opacity: 0;
  transition: all 0.3s;
}

.suspend-pos {
  position: absolute;
  right: 2rem;
  top: 0;
  visibility: hidden;
  width: 5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  background-image: url(../img/sus5.png);
  color: #FFFFFF;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.3s;
  overflow: hidden;
  font-size: 0.5rem;
}

.suspend-ls:hover img {
  opacity: 0;
}

.suspend-ls:hover p {
  opacity: 1;
}

.suspend-ls:hover::after {
  background-color: rgba(174, 136, 85, .87);
}

.suspend-ls:hover .suspend-pos {
  opacity: 1;
  visibility: visible;
}

.sucess {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 101;
  display: none;
}

.sucess-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17.95rem;
  height: 11.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sucess-box-pic {
  width: 5.7rem;
  margin-bottom: 0.25rem;
}

.sucess-box-pic img {
  width: 100%;
}

.sucess-box-tit {
  color: #020202;
  font-weight: bold;
  line-height: 1;
}

.sucess-box-cont {
  color: #020202;
  line-height: 1;
  margin: 0.5rem 0 1rem;
}

.sucess-box-sure {
  width: 3.25rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}

.sucess-box-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 0.7rem;
  cursor: pointer;
}

.sucess-box-close img {
  width: 100%;
}


/* .designer .index-case-sub {
	width: 68%;
} */

.results {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 102;
  display: none;
}

.results-close {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.results-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.results-ls {
  width: 17.375rem;
  height: 13rem;
  margin-right: 0.5rem;
  background-image: url(../img/result4.jpg);
  padding: 1.5rem 1rem;
  border-radius: 5px;
  overflow: hidden;
  display: none;
}

.results-ls:last-child {
  margin-right: 0;
}

.results-ls:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.numA-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
}

.numA-tit {
  line-height: 1;
  margin-right: 0.5rem;
  text-transform: uppercase;
  width: 1.65rem;
  height: 1.65rem;
  line-height: 1.65rem;
  border: 1px solid #101010;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
}

.results-ls-tit {
  line-height: 1;
  color: #101010;
  font-weight: bold;
}

.results-ls-tit2 {
  line-height: 1;
  color: #101010;
  margin-bottom: 1rem;
  font-weight: bold;
}

.results-ls-line {
  width: 1rem;
  height: 1px;
  background-color: #101010;
  margin-bottom: 0.65rem;
}

.results-ls-cont {
  line-height: 1.5;
  color: #101010;
  word-break: break-all;
}

.results-ls-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0.5rem;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #101010;
  margin-bottom: 0.5rem;
  width: 10.75rem;
}

.results-ls-input div {
  width: 0.5rem;
  margin-right: 0.5rem;
}

.results-ls-input div img {
  width: 100%;
}

.results-ls-input input {
  color: #101010;
  width: calc(100% - 1rem);
  background: none;
}

.results-ls-input input::placeholder {
  color: #101010;
  opacity: 0.2;
}

.results-ls-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 10.75rem;
  height: 1.4rem;
}

.results-ls-submit input {
  width: 48%;
  margin-right: 4%;
  height: 100%;
  color: #FFFFFF;
  background-color: #B28750;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.results-ls-submit a {
  width: 48%;
  height: 100%;
  color: #FFFFFF;
  background-color: #B28750;
  text-align: center;
  line-height: 1.4rem;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.where {
  margin-bottom: 2rem;
}

.case-ajax-btn p br {
  display: none;
}

.inedx-fixd-none {
  position: relative;
  bottom: 0;
  margin-bottom: 1.5rem;
}

.inedx-fixd-none1 {
  margin: 1.5rem 0;
}

.delivery .logo2 {
  margin-bottom: 2.5rem;
}


/* .inedx-fixd-none2 {
	margin: 1.5rem 0;
}

.inedx-fixd-none3 {
	margin: 2.75rem 0 2.5rem;
} */

.que3 .logo {
  margin-bottom: 2.5rem;
}


/* .inedx-fixd-none4 {
	margin: 3.5rem 0 2.75rem;
} */

.acme-all .logo {
  margin-bottom: 2.5rem;
}

.house-tit span {
  font-weight: bold;
  display: inline-block;
  line-height: 1;
}

.household-add .logo {
  margin-bottom: 2.5rem;
}

.manage7-change {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14.7rem;
  width: 100%;
}

.manage7-ajax {
  width: 62.5%;
  height: 100%;
}

.manage7-ajax img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manage7-tab {
  width: 37.5%;
  height: 100%;
  border: 1px solid #fff;
  border-left: none;
  padding: 1rem 0.85rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.manage7-tab .cur {
  background-color: #FFFFFF;
}

.manage7-tab .cur p {
  color: #242424;
}

.manage7-tab-ls {
  padding: 0.35rem;
  width: 9rem;
  height: 2rem;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.manage7-tab-ls:last-child {
  margin-bottom: 0;
}

.manage7-tab-ls::after {
  content: '';
  display: block;
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #fff;
  left: -0.75rem;
  border-radius: 50%;
  top: 0.6rem;
}

.manage7-tab-ls::before {
  content: '';
  display: block;
  position: absolute;
  width: 1.5rem;
  height: 1px;
  left: -2.225rem;
  top: 0.7rem;
  border-top: 1px dashed #FFFFFF;
}

.manage7-tab-ls:hover {
  background-color: #FFFFFF;
}

.manage7-tab-ls:hover p {
  color: #242424;
}

.manage7-tab-ls p {
  color: #fff;
  line-height: 1;
  transition: all 0.3s;
}

.manage7-tab-ls p:nth-child(1) {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.manage7-tab-ls p:nth-child(2) {
  font-weight: lighter;
  white-space: nowrap;
  overflow: hidden;
}

.manage7-tab-pos {
  position: absolute;
  width: 4.7rem;
  left: -4rem;
  top: 50%;
  transform: translateY(-50%);
}

.manage7-tab-pos img {
  width: 100%;
}

.tech-box {
  height: 2rem;
}

.origin-marign {
  margin-bottom: 1.5rem;
}

.company .page {
  margin-bottom: 1.75rem;
}

.banner3 {
  margin-bottom: 0.9rem;
}

.stra .like-more {
  border: 2px solid #b28850;
  color: #b28850;
  width: 2rem;
  border-radius: 10px;
}

.works-lf-font-btn-ot:last-child {
  display: none;
}

.family .exp-more {
  width: 6rem;
  margin-left: calc(100% - 6rem);
}

.activity {
  width: 100%;
}

.activity img {
  width: 100%;
}

.design-info2 .info-lf {
  height: 11rem;
}

.design-info2 .info-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-fixd-box-top-width {
  max-width: 1200px;
}

.index-fixd-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  width: 100%;
}

.index-fixd-box-top {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  padding: 0 1.5rem;
  border-top-left-radius: 1.35rem;
  border-top-right-radius: 1.35rem;
  background-color: #1C1C1C;
  width: max-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.index-fixd-box-top img {
  width: 100%;
}

.index-fixd-box-lf {
  width: 0.75rem;
}

.index-fixd-box-cent {
  color: #FFFFFF;
  line-height: 1;
  margin: 0 0.25rem;
}

.index-fixd-box-cent span {
  color: #d3b96c;
}

.index-fixd-box-rg {
  width: 0.75rem;
  transition: all 0.3s;
}


/* .index-fixd-box .cur {
	align-items: flex-start;
	margin-bottom: -1rem;
} */

.index-fixd-box .cur .index-fixd-box-rg {
  transform: rotate(180deg);
}

.heart-ajax {
  margin-bottom: 1.5rem;
}

.heart-ajax img {
  width: 100%;
}


/* .fixd-height {
	height: 13.75rem;
} */

.fixd-height2 {
  height: 12.5rem;
}

.fixd-height2 img,
.fixd-height img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-container .swiper-slide img {
  width: 100%;
}

.team img {
  width: 100%;
}

.service {
  margin-bottom: 1.6rem;
  padding: 2rem 0 1.6rem;
}

.service img {
  width: 100%;
}

.origin .team {
  margin-bottom: 1.5rem;
}

.yes-ls {
  /* float: left; */
  width: 100%;
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.yes-ls:last-child {
  margin-bottom: 0;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

.yes-ls:last-child .yes-ls-pic {
  margin-left: 1.75rem;
  margin-right: 0;
}

.yes-ls:last-child .yes-ls-cont {
  margin-bottom: 0;
  margin-top: 1.5rem;
}

.yes-ls:last-child .yes-ls-tit {
  justify-content: flex-end;
}

.yes-ls:last-child .yes-ls-tit p {
  margin-right: 0;
  margin-left: 0.5rem;
}


/* .yes-ls::after {
	content: '';
	position: absolute;
	display: block;
	width: 5.8rem;
	height: 0.25rem;
	background-image: url(../img/about5.png);
	top: 6%;
	right: 50%;
} */

.yes-ls-pic {
  width: 14.45rem;
  height: 8.25rem;
  margin-right: 1.75rem;
  overflow: hidden;
  border-radius: 10px;
}

.yes-ls-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yes-ls-font {
  width: 14.45rem;
  /* height: 8.25rem; */
}

.yes-ls-tit {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.yes-ls-tit p {
  float: left;
  color: #bf955d;
  line-height: 1;
  margin-right: 0.5rem;
  font-weight: bold;
}

.yes-ls-tit span {
  line-height: 1.3;
  color: #FFFFFF;
  float: left;
  bottom: 0;
}

.yes-ls-cont {
  word-break: break-all;
  color: #FFFFFF;
  margin-bottom: 1.5rem;
  width: 100%;
  max-height: 5rem;
  line-height: 1rem;
  overflow-y: auto;
}

.yes-ls:nth-child(2n) {
  float: right;
  padding-right: 0;
  padding-left: calc(50% + 3rem);
  text-align: right;
}

.yes-ls:nth-child(2n)::after {
  transform: rotate(180deg);
  right: 0;
  left: 50%;
}

.yes-ls:nth-child(2n) .yes-ls-tit p {
  float: right;
  margin-right: 0;
  margin-left: 0.5rem;
}

.yes-ls:nth-child(2n) .yes-ls-tit span {
  float: right;
}

.yes-ls-line {
  width: 100%;
}

.yes-ls-line img {
  width: 100%;
}

.yesterday-btn .swiper-button-prev {
  left: 4.5rem;
}

.yesterday-btn .swiper-button-next {
  right: 4.5rem;
}

.yesterday-btn .swiper-button-next,
.yesterday-btn .swiper-button-prev {
  color: #AD8550;
}

.yesterday-btn .swiper-button-next:after,
.yesterday-btn .swiper-button-prev:after {
  font-size: 1.9rem;
}

.case-vr {
  display: block;
  width: 100%;
  height: 5rem;
  background-color: #FFFFFF;
  margin-bottom: 1.75rem;
}

.minute-add {
  margin-bottom: 2.2rem;
}

.qua-top-add p:nth-child(2) {
  opacity: 0.5;
  line-height: 2;
}

.qua-top2 {
  margin-bottom: 2.3rem;
}

.deli-tit2 {
  margin: 0 0 0.75rem;
}

.about-tit {
  margin-bottom: 0.75rem;
}

.join-btn {
  margin-bottom: 0.75rem;
}

.sty-swiper .heart-tit {
  margin-bottom: 0.75rem;
}

.stay img,
.char-map img {
  width: 100%;
}

.qua-tit {
  margin-bottom: 0.75rem;
}

.fami-tit {
  margin: 0.75rem 0 0.5rem;
}

.ac-lf {
  position: relative;
  padding: 1rem 0;
}


/* .ac-lf::after {
	content: '';
	position: absolute;
	width: 27.5rem;
	height: 95%;
	background-color: #223581;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
} */

.ac-lf-box {
  padding: 2rem 1rem 1.5rem 2rem;
  display: flex;
  /* display: none; */
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: #FFFFFF;
  height: 12rem;
  width: 26rem;
  margin: 0 auto;
  z-index: 2;
}

.ac-lf-box::after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: calc(50% + 0.5rem);
  transform: translate(-50%, -50%);
  width: 0.5px;
  height: 8.5rem;
  background-color: #000000;
}

.ac-lf form {
  width: 50%;
  padding-right: 1rem;
}

.ac-lf-tit {
  color: #000000;
  margin-bottom: 1rem;
  line-height: 1;
}

.ac-lf-tit span {
  line-height: 1;
  display: inline-block;
  margin-left: 0.5rem;
}

.ac-lf-ls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0.5rem;
  height: 1.2rem;
}

.ac-lf-ls p {
  color: #000000;
  width: 33%;
}

.ac-lf-ls input {
  background: none;
  color: #000000;
  border: 1px solid #000000;
  height: 100%;
  width: 67%;
  padding: 0 0.5rem;
}

.ac-lf-ls input::placeholder {
  color: #000000;
  opacity: 0.5;
}

.ac-lf-submit {
  width: 100%;
  height: 1.4rem;
  background: #B28850;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}

.ac-lf-prompt {
  color: #000000;
  line-height: 1;
  text-align: center;
}

.ac-rg {
  width: 50%;
  padding-left: 1rem;
}

.ac-rg-tit {
  color: #000000;
  font-weight: lighter;
  line-height: 1;
  margin-bottom: 1rem;
}

.ac-rg-tit span {
  display: inline-block;
  line-height: 1;
  font-weight: bold;
}

.ac-rg-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.ac-rg-ls {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  height: 3.05rem;
  background-color: #B28850;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ac-rg-ls:nth-child(2n) {
  margin-right: 0;
}

.ac-rg-ls:last-child {
  margin-bottom: 2%;
}

.ac-rg-ls:nth-last-child(2) {
  margin-bottom: 2%;
}

.ac-rg-ls div {
  width: 1.4rem;
  margin: 0 auto;
}

.ac-rg-ls div img {
  width: 100%;
}

.ac-rg-ls p {
  color: #FFFFFF;
  margin-top: 10px;
  line-height: 1;
}

.ac-rg-ls:nth-child(2) div {
  width: 1.3rem;
}

.ac-rg-ls:nth-child(3) div {
  width: 1.25rem;
}

.ac-rg-ls:nth-child(4) div {
  width: 1.75rem;
}

.like-ls-btn-rg p span span {
  display: inline-block;
}

.like-ls-btn-rg p span span:last-child {
  display: block;
}

.add-swiper {
  margin-bottom: 1.5rem;
}

.exp-more3 {
  width: 8rem;
  margin-left: calc(100% - 8rem);
}

.ac-wrap {
  padding: 2rem 0;
}

.ac-wrap form {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ac-wrap .ac-lf-ls {
  width: 28%;
  margin-bottom: 0;
}

.ac-wrap .ac-lf-submit {
  width: 17.6%;
  margin-bottom: 0;
  height: 1rem;
}

.ac-wrap .ac-lf-ls input {
  width: 3.5rem;
  height: 1rem;
  background: #FFFFFF;
  padding: 0 0.25rem;
}

.ac-wrap .ac-lf-ls p {
  width: max-content;
  margin-right: 0.5rem;
  line-height: 1rem;
  color: #FFFFFF;
}

.ac-lf-box2 {
  width: 26rem;
  height: 10.75rem;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  position: relative;
  margin: 0 auto;
  z-index: 2;
}

.ac-bar {
  width: 12.5rem;
  height: 100%;
  margin-left: calc(100% - 12.5rem);
  background-color: #FFFFFF;
  padding: 1.25rem 1.5rem 0 2rem;
}

.ac-bar-top {
  margin-bottom: 1rem;
}

.ac-bar-top span {
  line-height: 1;
  color: #242424;
  display: inline-block;
}

.ac-bar-top span:nth-child(1) {
  font-weight: bold;
  margin-right: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #242424;
}

.ac-bar .ac-lf-ls {
  width: 100%;
  border: 1px solid #242424;
  height: 1rem;
  padding: 0 0.5rem;
}

.ac-bar .ac-lf-ls p {
  width: max-content;
  line-height: 1rem;
}

.ac-bar .ac-lf-ls input {
  border: none;
  padding: 0;
}

.ac-bar .ac-lf-submit {
  height: 1rem;
  width: 80%;
  margin-left: 10%;
}

.ac-tip {
  width: 14.25rem;
  height: 8.6rem;
  background-color: #FFFFFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1%;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ac-tip-tit {
  color: #000000;
  /* margin-bottom: 1rem; */
}

.wrapper {
  width: 65%;
  margin: 0 auto;
  height: 70%;
  overflow: hidden;
  position: relative;
}

.boxes {
  position: relative;
  top: 0rem;
  display: flex;
  flex-direction: column;
  /* align-items: center;
	justify-content: center; */
}

.box {
  width: 100%;
  line-height: 1;
  margin-bottom: 0.5rem;
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box span {
  color: #666;
  margin-right: ;
}

.ac-lf-box3 {
  width: 26rem;
  height: 12rem;
  padding: 1.5rem 1.85rem 0.5rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
  position: relative;
  background-color: #FFFFFF;
  z-index: 2;
}

.ac-lf-box3::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.1px;
  height: 8.5rem;
  background-color: #000;
}

.ac-lf-box3 .ac-tip {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0);
  width: 50%;
  height: 100%;
  box-shadow: none;
  padding: 0;
}

.ac-lf-box3 .wrapper {
  height: 75%;
}

.ac-tip-tit span {
  font-weight: bold;
}

.ac-lf-box3 .ac-lf-tit {
  text-align: center;
}

.ac-lf-box3 .ac-lf-tit span {
  margin-left: 0;
  font-weight: bold;
}

.ac-lf-ls-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}

.ac-lf-ls-icon {
  width: auto;
  height: 0.4rem;
  margin-right: 0.5rem;
}

.ac-lf-ls-icon img {
  height: 100%;
}

.ac-lf-ls-box .ac-lf-ls {
  width: calc(100% - 0.95rem);
  margin-bottom: 0;
  border: 1px solid #000;
  padding: 0 0.5rem;
}

.ac-lf-ls-box .ac-lf-ls input {
  border: none;
  margin-left: 0;
  padding: 0;
}

.ac-lf-ls-box .ac-lf-ls p {
  width: max-content;
}

.origin-sub3 {
  margin-bottom: 1.25rem;
}

.heart-deli {
  margin-bottom: 2.5rem;
}

.show p,
.show span,
.show h1,
.show h2,
.show h3,
.show h4,
.show h5,
.show h6 {
  color: #FFFFFF;
}

.show img {
  width: 100%;
  object-fit: cover;
}

.case-detail2 {
  margin-top: 4rem;
}

.myhome {
  margin: 0.7rem;
}

.ans .know-more {
  margin-left: calc(83.3% - 6rem);
  margin-top: 0.75rem;
}

.case-detail2-vr {
  margin-bottom: 1.5rem;
}

iframe {
  border: none;
}

.mar_t_60 {
  margin-top: 1.5rem;
}

.mar_b_60 {
  margin-bottom: 1.5rem;
}

.mar_t_30 {
  margin-top: 0.75rem;
}

.mar_b_30 {
  margin-bottom: 0.75rem;
}

.opac {
  opacity: 1 !important;
}

.case-detail2-tit {
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  line-height: 1;
  text-align: center;
}

.ceremony {
  margin-bottom: 1.5rem;
}

.ceremony-tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0.4rem;
}

.ceremony-tit span {
  font-weight: lighter;
}

.ceremony-pic {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.ceremony-pic img {
  width: 100%;
}

.ceremony-box {
  margin-bottom: 0.6rem;
}

.ceremony-box:last-child {
  margin-bottom: 0;
}

.ceremony-container .swiper-slide {
  width: 40%;
  margin-right: 2%;
  border-radius: 10px;
  overflow: hidden;
}

.ceremony-container .swiper-slide:last-child {
  margin-right: 0;
}

.ceremony-container .swiper-slide img {
  width: 100%;
  object-fit: cover;
}

.cases-datail-banner {
  height: 24rem;
}

.cases-datail-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.add-info {
  padding-bottom: 1.5rem;
}

.add-sty-swiper {
  border-radius: 15px;
  overflow: hidden;
}

.stra-num-more2 {
  top: 0;
}

.head-url {
  position: relative;
}

.url-ing {
  display: flex;
  align-items: center;
  justify-content: center;
}

.url-ing div:nth-child(1) {
  width: 10px;
}

.url-ing div:nth-child(3) {
  width: 9px;
}

.url-ing p {
  color: #FFFFFF;
  margin: 0 5px;
}

.head-url a {
  position: absolute;
  top: 100%;
  left: 15px;
  color: #FFFFFF;
  opacity: 0;
  height: 0;
  transition: all .3s;
}

.head-url:hover a {
  opacity: 1;
  height: auto;
}

.add-play {
  position: relative;
}

.add-play .play {
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add-play .play img {
  width: 100%;
}

.site-ls-rg-intro {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.site-ls-rg-intro p {
  color: #FFFFFF;
  position: relative;
  padding-top: .5rem;
  margin-right: 1rem;
}

.site-ls-rg-intro p:last-child {
  margin-right: 0;
}

.site-ls-rg-intro p::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 50%;
  width: 1.8rem;
  height: 1px;
  background-color: #b28850;
}

.site-ls-rg-intro p:last-child::after {
  display: none;
}

.site-ls-rg-intro p::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.2rem;
  height: .2rem;
  background-color: #b28850;
  border-radius: 50%;
}

.smash img {
  margin: 0 auto;
}