@charset "UTF-8";

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb:after {
  clear: both;
  content: "";
  display: block;
}

.cb:before {
  clear: both;
  content: "";
  display: block;
}

.bgcc {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.table .table-cell {
  display: table-cell;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}


.en {
  text-transform: uppercase;
}

.media-wrap img,
.media-wrap iframe,
.media-wrap video {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}

.page {
  overflow: hidden;
}

.inner {
  width: 1440px;
  margin: 0 auto;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .inner {
    width: 960px;
  }
}
@media only screen and (max-width: 1023px) {
  .inner {
    width: 7.1rem;
  }
}

/* fur-care 皮草保养 */
.fur-care .t1-a1 {
  padding-top: 10px;
}
.fur-care .text {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  line-height: 2;
  text-align: center;
}
.fur-care .img-wrap {
  margin: 49px auto 0;
  height: 178px;
  background-image: url(../img/ranse96c4b88c.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.fur-care .img-wrap img {
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.fur-care .img-wrap img:nth-child(2) {
  display: none;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .fur-care .text {
    font-size: 14px;
  }
  .fur-care .img-wrap {
    height: 118px;
  }
}
@media only screen and (max-width: 1023px) {
  .fur-care .t1-a1 {
    padding-top: 0;
  }
  .fur-care .inner {
    width: 100%;
  }
  .fur-care .text {
    width: 6.72rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #454545;
    line-height: 0.44rem;
    margin-left: auto;
    margin-right: auto;
  }
  .fur-care .img-wrap {
    height: auto;
    margin-top: 0.48rem;
    height: 1.78rem;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .fur-care .img-wrap img {
    display: none;
    height: 86%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .fur-care .img-wrap img:nth-child(2) {
    display: block;
  }
}

/* 了解皮草 */
.learn-about-fur {
  padding-top: 30px;
}
.learn-about-fur .inner {
  position: relative;
}
.learn-about-fur .learn-about-sw {
  background: rgba(229, 229, 228, 0.43);
}
.learn-about-fur .learn-about-sw .swiper-slide {
  padding: 52px 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.learn-about-fur .learn-about-sw .img-wrap {
  width: 937px;
  height: 496px;
  overflow: hidden;
}
.learn-about-fur .learn-about-sw .img-wrap img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.learn-about-fur .learn-about-sw .img-wrap:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.learn-about-fur .learn-about-sw .text-container {
  width: 300px;
  padding: 50px 0 0 0;
}
.learn-about-fur .learn-about-sw .text-container .title {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  line-height: 54px;
  text-align: center;
}
.learn-about-fur .learn-about-sw .text-container .title-en {
  font-size: 30px;
  font-weight: 300;
  color: #c09d57;
  line-height: 41px;
  text-align: center;
}
.learn-about-fur .learn-about-sw .text-container .line {
  width: 52px;
  height: 2px;
  background: #bb985e;
  margin: 13px auto 15px;
}
.learn-about-fur .learn-about-sw .text-container .text {
  font-size: 15px;
  font-weight: 400;
  color: #454545;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  line-clamp: 4;
  line-height: 28px;
}
.learn-about-fur .learn-about-sw .text-container .text-en {
  font-size: 14px;
  color: #727272;
  margin-top: 13px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 7;
  -moz-line-clamp: 7;
  line-clamp: 7;
  line-height: 24px;
}
.learn-about-fur .learn-about-sw-left {
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 750px;
  height: 397px;
  margin: auto 0;
  margin-right: -34px;
}
.learn-about-fur .learn-about-sw-left .img-wrap {
  width: 750px;
  height: 397px;
}
.learn-about-fur .learn-about-sw-right {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 750px;
  height: 397px;
  margin: auto 0;
  margin-left: -34px;
}
.learn-about-fur .learn-about-sw-right .img-wrap {
  width: 750px;
  height: 397px;
}
.learn-about-fur .learn-about-sw-btn {
  display: none;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .learn-about-fur .learn-about-sw {
    background: rgba(229, 229, 228, 0.43);
  }
  .learn-about-fur .learn-about-sw .img-wrap {
    width: 500px;
    height: 265px;
  }
  .learn-about-fur .learn-about-sw .text-container {
    padding-top: 12px;
  }
  .learn-about-fur .learn-about-sw .text-container .title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 34px;
    text-align: center;
  }
  .learn-about-fur .learn-about-sw .text-container .title-en {
    font-size: 16px;
    font-weight: 300;
    color: #c09d57;
    line-height: 32px;
    text-align: center;
  }
  .learn-about-fur .learn-about-sw .text-container .line {
    width: 52px;
    height: 2px;
    background: #bb985e;
    margin: 13px auto 15px;
  }
  .learn-about-fur .learn-about-sw .text-container .text {
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    line-clamp: 3;
    line-height: 22px;
  }
  .learn-about-fur .learn-about-sw .text-container .text-en {
    font-size: 13px;
    color: #727272;
    margin-top: 13px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    line-clamp: 3;
    line-height: 22px;
  }
  .learn-about-fur .learn-about-sw-left,
.learn-about-fur .learn-about-sw-right {
    width: 375px;
    height: 198px;
  }
}
@media only screen and (max-width: 1023px) {
  .learn-about-fur {
    padding-top: 0.24rem;
  }
  .learn-about-fur .learn-about-sw-btn {
    display: block;
    bottom: 0.3rem;
    position: absolute;
    background-size: cover;
    width: 0.4rem;
    height: 0.4rem;
    z-index: 3;
  }
  .learn-about-fur .learn-about-sw-btn-prev {
    left: 0.35rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22icon%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%201024%201024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23BB985E%22%20d%3D%22M927.8%20478H175.5l219.3-219.3c10.7-10.7%2010.7-28.1%200-38.7l-6.5-6.5c-10.7-10.7-28.1-10.7-38.7%200L81.7%20481.3c-9.2%204.5-16%2013.4-17.6%2023.9-1.5%207.1-.1%2014.7%204%2021%202.4%204%205.6%207.5%209.4%2010.1l.5.5c2.6%202.6%205.6%204.6%208.8%205.9l266.7%20266.7c10.7%2010.7%2028.1%2010.7%2038.7%200l6.5-6.5c10.7-10.7%2010.7-28.1%200-38.7l-222-222.3h751.1c17.6%200%2032-14.4%2032-32%200-17.5-14.4-31.9-32-31.9z%22%2F%3E%3C%2Fsvg%3E");
  }
  .learn-about-fur .learn-about-sw-btn-next {
    right: 0.35rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22icon%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%201024%201024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23BB985E%22%20d%3D%22M885.113%20489.373L628.338%20232.599c-12.496-12.497-32.758-12.497-45.254%200-12.497%2012.497-12.497%2032.758%200%2045.255l203.3%20203.3H158.025c-17.036%200-30.846%2013.811-30.846%2030.846%200%2017.036%2013.811%2030.846%2030.846%2030.846h628.36L583.084%20746.147c-12.497%2012.496-12.497%2032.758%200%2045.255%206.248%206.248%2014.438%209.372%2022.627%209.372s16.379-3.124%2022.627-9.372l256.775-256.775a31.999%2031.999%200%200%200%200-45.254z%22%2F%3E%3C%2Fsvg%3E");
  }
  .learn-about-fur .learn-about-sw {
    width: 6.78rem;
  }
  .learn-about-fur .learn-about-sw .swiper-slide {
    padding: 0;
  }
  .learn-about-fur .learn-about-sw .img-wrap {
    width: 100%;
    height: 3.59rem;
  }
  .learn-about-fur .learn-about-sw .text-container {
    width: 100%;
    padding: 0.35rem 0.35rem 1.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .learn-about-fur .learn-about-sw .text-container .title {
    font-size: 0.32rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.54rem;
    text-align: center;
  }
  .learn-about-fur .learn-about-sw .text-container .title-en {
    font-size: 0.28rem;
    font-weight: 300;
    color: #c09d57;
    line-height: 0.42rem;
    text-align: center;
  }
  .learn-about-fur .learn-about-sw .text-container .line {
    width: 0.68rem;
    height: 1px;
    background: #bb985e;
    margin: 0.14rem auto 0.26rem;
  }
  .learn-about-fur .learn-about-sw .text-container .text {
    font-size: 0.24rem;
    font-weight: 400;
    color: #454545;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    line-clamp: 3;
    line-height: 0.36rem;
  }
  .learn-about-fur .learn-about-sw .text-container .text-en {
    font-size: 0.24rem;
    color: #727272;
    margin-top: 0.26rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 6;
    -moz-line-clamp: 6;
    line-clamp: 6;
    line-height: 0.36rem;
  }
  .learn-about-fur .learn-about-sw-left,
.learn-about-fur .learn-about-sw-right {
    display: none;
  }
}

/*  */
.fur-storage-indoors {
  padding: 31px 0 0 0;
}
.fur-storage-indoors .inner {
  position: relative;
}
.fur-storage-indoors .inner .bg {
  height: 682px;
}
.fur-storage-indoors .inner .container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 104px 0 0 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fur-storage-indoors .inner .container-left {
  margin-top: 75px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.fur-storage-indoors .inner .container-left .item {
  width: 220px;
  height: 62px;
  color: #fff;
  text-align: center;
  position: relative;
  line-height: 62px;
  z-index: 2;
  cursor: pointer;
}
.fur-storage-indoors .inner .container-left .item::after {
  display: block;
  content: "";
  width: 0%;
  left: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: -webkit-gradient(linear, left top, right top, from(#c9a966), to(#c19c4f));
  background: -webkit-linear-gradient(left, #c9a966, #c19c4f);
  background: -o-linear-gradient(left, #c9a966, #c19c4f);
  background: linear-gradient(90deg, #c9a966, #c19c4f);
}
.fur-storage-indoors .inner .container-left .item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  width: 40px;
  height: 2px;
  background: #c29d51;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fur-storage-indoors .inner .container-left .item.active::before {
  width: 0;
}
.fur-storage-indoors .inner .container-left .item.active::after {
  width: 100%;
}
.fur-storage-indoors .inner .container-right {
  width: 768px;
  height: 476px;
  background-color: #fff;
  overflow: hidden;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.fur-storage-indoors .inner .container-right .container-right-item {
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fur-storage-indoors .inner .container-right .container-right-item.active {
  display: block;
}
.fur-storage-indoors .inner .container-right .container-right-item .img-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fur-storage-indoors .inner .container-right .container-right-item .text-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 100px 90px 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.fur-storage-indoors .inner .container-right .container-right-item .text-container .en {
  font-size: 24px;
  font-weight: 300;
  color: #454545;
  line-height: 30px;
  text-align: center;
}
.fur-storage-indoors .inner .container-right .container-right-item .text-container .en-light {
  font-weight: lighter;
}
.fur-storage-indoors .inner .container-right .container-right-item .text-container .en-bold {
  font-weight: bold;
}
.fur-storage-indoors .inner .container-right .container-right-item .text-container .line {
  margin: 15px auto 11px;
  width: 68px;
  height: 1px;
  background: #c29d51;
}
.fur-storage-indoors .inner .container-right .container-right-item .text-container .num {
  font-size: 60px;
  font-weight: 300;
  color: #454545;
  line-height: 76px;
  text-align: center;
}
.fur-storage-indoors .inner .container-right .container-right-item .text-container .text {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  line-clamp: 3;
  line-height: 32px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .fur-storage-indoors .inner .bg {
    height: 455px;
  }
  .fur-storage-indoors .inner .container {
    padding: 40px 0 0 60px;
  }
  .fur-storage-indoors .inner .container-left {
    margin-top: 60px;
  }
  .fur-storage-indoors .inner .container-left .item {
    height: 50px;
    line-height: 50px;
  }
  .fur-storage-indoors .inner .container-right {
    width: 600px;
    height: 372px;
  }
  .fur-storage-indoors .inner .container-right .container-right-item .text-container {
    padding: 40px 60px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .fur-storage-indoors {
    padding-top: 0.38rem;
  }
  .fur-storage-indoors .inner {
    width: 100%;
  }
  .fur-storage-indoors .inner .bg {
    height: 6.82rem;
  }
  .fur-storage-indoors .inner .container {
    padding: 0.5rem 0.35rem 0 0.35rem;
  }
  .fur-storage-indoors .inner .container-left {
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 0.42rem;
  }
  .fur-storage-indoors .inner .container-left::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    color: transparent;
  }
  .fur-storage-indoors .inner .container-left .item {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
    padding: 0 0.38rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
  }
  .fur-storage-indoors .inner .container-left .item::before {
    display: none;
  }
  .fur-storage-indoors .inner .container-right {
    width: 100%;
    height: 4.76rem;
    margin-top: 0;
  }
  .fur-storage-indoors .inner .container-right .container-right-item .text-container {
    padding: 0.76rem 0.43rem 0;
  }
  .fur-storage-indoors .inner .container-right .container-right-item .text-container .en {
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
  .fur-storage-indoors .inner .container-right .container-right-item .text-container .line {
    margin: 0.06rem auto 0.06rem;
  }
  .fur-storage-indoors .inner .container-right .container-right-item .text-container .num {
    font-size: 0.6rem;
    line-height: 0.76rem;
  }
  .fur-storage-indoors .inner .container-right .container-right-item .text-container .text {
    font-size: 0.24rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    line-height: 0.4rem;
  }
}

/* 皮草户外保养 */
.fur-outdoor-maintenance {
  padding-top: 30px;
}
.fur-outdoor-maintenance .container {
  height: 672px;
  padding-top: 145px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.fur-outdoor-maintenance .swiper-slide {
  width: 538px;
  height: 358px;
  background: white;
  border-radius: 3px;
}
.fur-outdoor-maintenance .swiper-slide .box {
  padding: 10.4089219331% 12.2676579926% 0;
}
.fur-outdoor-maintenance .swiper-slide .box img {
  top: 10.3351955307%;
  bottom: 16.7597765363%;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  display: none;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fur-outdoor-maintenance .swiper-slide .box .num {
  font-size: 55px;
  font-family: DIN, Arial, Helvetica, sans-serif;
  color: #454545;
  line-height: 77px;
  text-align: center;
  z-index: 3;
  position: relative;
}
.fur-outdoor-maintenance .swiper-slide .box .text {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  z-index: 3;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 5;
  -moz-line-clamp: 5;
  line-clamp: 5;
  line-height: 32px;
}
.fur-outdoor-maintenance .swiper-slide-active .box img {
  display: none;
}
.fur-outdoor-maintenance .fur-outdoor-maintenance-sw-pa {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: absolute;
  bottom: 81px;
  width: 100%;
  z-index: 2;
  left: 0;
}
.fur-outdoor-maintenance .fur-outdoor-maintenance-sw-pa .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #3f2053;
  border-radius: 50%;
  position: relative;
  opacity: 1;
  margin: 0 10px;
  display: inline-block;
  cursor: pointer;
}
.fur-outdoor-maintenance .fur-outdoor-maintenance-sw-pa .swiper-pagination-bullet-active::after {
  display: block;
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #3f2053;
  border-radius: 50%;
  left: -5px;
  top: -5px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .fur-outdoor-maintenance .container {
    height: 450px;
    padding-top: 90px;
  }
  .fur-outdoor-maintenance .swiper-slide {
    height: 250px;
  }
  .fur-outdoor-maintenance .swiper-slide .box {
    padding: 8.40892% 12.26766% 0;
  }
  .fur-outdoor-maintenance .swiper-slide .box .num {
    font-size: 44px;
    line-height: 61px;
  }
  .fur-outdoor-maintenance .swiper-slide .box img {
    width: 50%;
  }
  .fur-outdoor-maintenance .swiper-slide .box .text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
    line-height: 30px;
  }
  .fur-outdoor-maintenance .fur-outdoor-maintenance-sw-pa {
    bottom: 50px;
  }
}
@media only screen and (max-width: 1023px) {
  .fur-outdoor-maintenance {
    padding-top: 0.28rem;
  }
  .fur-outdoor-maintenance .inner {
    width: 100%;
  }
  .fur-outdoor-maintenance .container {
    height: 6.72rem;
    padding-top: 1.15rem;
  }
  .fur-outdoor-maintenance .swiper-slide {
    width: 5.38rem;
    height: 4.08rem;
  }
  .fur-outdoor-maintenance .swiper-slide .box {
    padding: 6% 8.16842% 0;
  }
  .fur-outdoor-maintenance .swiper-slide .box img {
    width: 2.21rem;
  }
  .fur-outdoor-maintenance .swiper-slide .box .num {
    font-size: 0.55rem;
    font-family: DIN, Arial, Helvetica, sans-serif;
    color: #454545;
    line-height: 0.77rem;
    text-align: center;
    z-index: 3;
    position: relative;
  }
  .fur-outdoor-maintenance .swiper-slide .box .text {
    font-size: 0.22rem;
    font-weight: 400;
    color: #454545;
    z-index: 3;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 6;
    -moz-line-clamp: 6;
    line-clamp: 6;
    line-height: 0.36rem;
  }
  .fur-outdoor-maintenance .fur-outdoor-maintenance-sw-pa {
    bottom: 0.72rem;
  }
  .fur-outdoor-maintenance .fur-outdoor-maintenance-sw-pa .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .fur-outdoor-maintenance .fur-outdoor-maintenance-sw-pa .swiper-pagination-bullet-active::after {
    width: 10px;
    height: 10px;
    top: -3px;
    left: -3px;
  }
}

/* 其他保养 */
.other-maintenance {
  padding-top: 30px;
}
.other-maintenance .item {
  background: #f6f6f6;
}
.other-maintenance .item .left {
  width: 768px;
  width: 53.3333333333%;
  padding-top: 30.1388888889%;
  position: relative;
  overflow: hidden;
}
.other-maintenance .item .left img {
  position: absolute;
  top: 0;
  left: 0;
}
.other-maintenance .item .left img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.other-maintenance .item .left:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.other-maintenance .item .right {
  width: 46.6666666667%;
  padding: 30.1388888889% 0 0 0;
  position: relative;
}
.other-maintenance .item .right .box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8.4821428571%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.other-maintenance .item .right .box .one {
  position: relative;
  padding-left: 30px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX1JREFUeNrMlE8oRFEUxudNGuRPLCZ/mlAsjCxZsbMbGwkbyYId2UlK+bOxYMfGKNkopqmRrUYhyULYahaysFIKEeL5Tn23jts8WdyFU7/evefdvnfu+e59nu/7IRcRDjkKZ0IF2eSwG6E8uQrQAWrAAzgE93nWjYI2rpnWQpVgCQyBiMq/gXUwBV5Uvgd0g1sRMj2qAidgxBKRKATj4AzUqbyxO6KbvQHiHKdBJ4iy9AzzreAINHL+yGexEWoHCSbXQD+rk76cg14wy/f1FIvbzoe5T4kP2WuAKQtgktuppQFmm2XGtQYmcnQgKJZBKauLkh9lPSnXfosYGFTzGzUuF6FTTqpBV4CIfH0fNHE+B7bVe0+E9tSB2wQtloj0Igua1RbnwbtaUyI9egZjYIflX4BdcE2X+ozFiFU2XeJV3xBzslO8Gis8YANWVeLWIphRuU81LtJXJAkOwAR7FWO1xxS5ssTvwCUFv+xLm6PQX2KLuP0fef/uV/stwADy20swaPVzEwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: left 7px;
}
.other-maintenance .item .right .box .text {
  font-size: 15px;
  font-weight: 400;
  color: #454545;
  line-height: 34px;
  height: 204px;
  overflow: hidden;
}
.other-maintenance .item:nth-of-type(2n) .left {
  float: right;
}
.other-maintenance .item:nth-of-type(2n) .right {
  float: left;
}
@media only screen and (max-width: 1023px) {
  .other-maintenance {
    padding-top: 0.18rem;
  }
  .other-maintenance .item {
    background: #fff;
    margin-bottom: 0.46rem;
  }
  .other-maintenance .item .left {
    width: 100%;
    height: 4.02rem;
    padding-top: 0;
    float: none;
  }
  .other-maintenance .item .right {
    width: 93.9436619718%;
    margin: 0 auto;
    float: none;
    margin-top: -0.69rem;
    background: #f6f6f6;
    height: 4.3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.39rem;
  }
  .other-maintenance .item .right .box .text {
    font-size: 0.24rem;
    line-height: 0.4rem;
    height: 2.8rem;
  }
  .other-maintenance .item .right .box .one {
    background-size: 0.24rem;
    background-position: left 0.07rem;
    padding-left: 0.36rem;
  }
  .other-maintenance .item:nth-of-type(2) .left {
    float: none;
  }
  .other-maintenance .item:nth-of-type(2) .right {
    float: none;
  }
}

/* 2 kc 产品 */
.new-products .t1-a1 {
  padding-top: 0px;
}
.new-products .top .item {
  float: left;
  width: 100%;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.new-products .top .item .img-wrap { width:73%; float:left;
font-size:15px; line-height:30px; text-indent:2em;
  height: auto;
  overflow: hidden;
}

.new-products .top .item .img {width:332px;height:auto; float:right; text-align:center; font-size:14px; line-height:40px; margin-bottom:40px;}
.new-products .top .item .img img{width:332px;height:249px; float:right;}

.img-wrap-1{ width:100%; height:auto; float:left; margin:20px auto;}
.img-wrap-1 img {height:251px; float:left;}


.new-products .top .item:nth-of-type(2n) {
  float: right;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.new-products .top .item .text-container {
  padding: 7.4285714286% 0;
}
.new-products .top .item .text-container .text-wrapper {
  max-width: 600px;
}
.new-products .top .item .text-container .title {
  line-height: 44px;
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-products .top .item .text-container .text {
  line-height: 30px;
  font-size: 16px;
  font-weight: 300;
  color: #333333;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-products .top .item .text-container .new-products-more {
  line-height: 33px;
  color: #46204f;
  font-size: 14px;
  position: relative;
  margin-top: 10px;
}
.new-products .top .item .text-container .new-products-more::after {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  content: "";
  display: block;
  bottom: 0;
  margin: 0 auto;
  background: #C9A966;
  height: 1px;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.new-products .top .item .text-container .new-products-more:hover::after {
  width: 0%;
}
.new-products .top1 .item {
  float: left;
  width: 49%;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; margin:70px auto auto auto ;}

.new-products .top1 .item .img-wrap1 {height:700px; width:100%;overflow: hidden;}

.new-products .top1 .item .img-wrap1 img { width:100%; height:auto}

.new-products .top1 .item:nth-of-type(2n) {
  float: right;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.new-products .top1 .item .text-container1 {
  padding: 7.4285714286% 0;
}
.new-new-pro .top1 .item .text-container1 {
    padding: 6.42857% 0;
}
.new-products .top1 .item .text-container1 .text-wrapper {
  max-width: 600px;
}

.new-products .top1 .item .text-container1 .title {
  line-height: 44px;
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-products .top1 .item .text-container1 .text {
  line-height: 30px;
  font-size: 16px;
  font-weight: 300;
  color: #333333;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-products .top1 .item .text-container1 .new-products-more {
  line-height: 33px;
  color: #46204f;
  font-size: 14px;
  position: relative;
  margin-top: 10px;
}
.new-products .top1 .item .text-container1 .new-products-more::after {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  content: "";
  display: block;
  bottom: 0;
  margin: 0 auto;
  background: #C9A966;
  height: 1px;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.new-products .top1 .item .text-container1 .new-products-more:hover::after {
  width: 0%;
}
.new-products .bottom li {
  width: 22.6388888889%;
  margin-right: 3.0555555556%;
  padding-bottom: 5px;
  float: left;
}
.new-products .bottom li .img-wrap {
  height: 358px;
  overflow: hidden;
}
.new-products .bottom li .img-wrap img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.new-products .bottom li .img-wrap:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.new-products .bottom li:nth-of-type(4n) {
  margin-right: 0;
}
.new-products .bottom li .text-container {
  padding: 18px 0;
  text-align: center;
}
.new-products .bottom li .title {
  font-size: 24px;
  font-weight: 400;
  color: #222222;
  line-height: 38px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-products .bottom li .text {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #333333;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.new-products .bottom li:nth-of-type(1) {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.new-products .bottom li:nth-of-type(2) {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.new-products .bottom li:nth-of-type(3) {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.new-products .bottom li:nth-of-type(4) {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .new-products .top .item .img-wrap {
    height: auto;
  }
  .new-products .bottom li .img-wrap {
    height: 236px;
  }
}
@media only screen and (max-width: 1023px) {
  .new-products .t1-a1 {
    padding-top: 0;
  }
  .new-products .top .item {
    width: 100%;
  }
  .new-products .top .item .img-wrap {
    height: auto;
  }
  .new-products .top .item .text-container {
    padding: 0.36rem 0;
  }
  .new-products .top .item .text-container .title {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
  .new-products .top .item .text-container .text {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
  .new-products .top .item .text-container .new-products-more {
    font-size: 0.24rem;
    line-height: 0.6rem;
    margin-top: 0;
  }
  .new-products .top .item .text-container .new-products-more::after {
    width: 100%;
  }
  .new-products .bottom li {
    width: 48.5915492958%;
    margin-right: 0;
  }
  .new-products .bottom li:nth-of-type(2n) {
    float: right;
    margin-right: 0;
  }
  .new-products .bottom li .img-wrap {
    height: 3.74rem;
  }
  .new-products .bottom li .text-container {
    padding: 0.23rem 0;
  }
  .new-products .bottom li .title {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
  .new-products .bottom li .text {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
.new-products .top1 .item .img-wrap1 {height:auto; width:100%;overflow: hidden;}

.new-products .top1 .item .img-wrap1 img { width:100%; height:auto}

}

/* 秀场 */
.show-time .top {
  height: 150px;
  position: relative;
}
.show-time .top img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.show-time .swiper-slide {
  width: 64.7395833333%;
  opacity: 0.3;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.show-time .swiper-slide .center {
  padding-top: 50.1206757844%;
  position: relative;
  cursor: pointer;
}
.show-time .swiper-slide .center img {
  position: absolute;
  top: 0;
  left: 0;
}
.show-time .swiper-slide .center .video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}
.show-time .swiper-slide .center .video-container video {
  width: 140%;
  height: 140%;
  position: absolute;
  top: -20%;
  left: -20%;
}
.show-time .swiper-slide .center .video-container .close {
  position: absolute;
  border-radius: 50%;
  z-index: 3;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  background: #C9A966 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA+ElEQVRYR+2WIRICMQxFXxQXQYHFIDkBjhNwMiSOE+BwSFDcggOE6Ux3hunsdpuIjWntJv///UnaCMFHgvnpAroDkw6o6h1YAWcReXuaVVU3wAX4ishhDKMm4AHsgRdwsorI5FdgCzxFZGcVkNQPACYRBXk1t9qEFqDh76w5s1NgAbTEDoJnBaTAFuCWGFMPlME1Ai954mhyoFbf/M3VrGYBI+X4ZAFr77iaHCicuAGJOJ0k5Gi9K1wO/LkQI6BouGVLMNbtizVh6Bi2zHlLjOsisgBbYpuuYg+gNae2D8Q+x6oavpDErmSeHdCT43oLPERTOV1Ad+AH19HMIaqwJC0AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}
.show-time .swiper-slide-active {
  opacity: 1;
}
.show-time .swiper-slide .text-container {
  text-align: center;
  padding: 2.252614642% 0;
}
.show-time .swiper-slide .text-container .title {
  display: inline-block;
  vertical-align: middle;
  line-height: 47px;
  font-size: 28px;
  font-weight: 400;
  color: #222222;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: -webkit-calc(100% - 320px);
  max-width: calc(100% - 320px);
}
.show-time .swiper-slide .text-container .line {
  display: inline-block;
  vertical-align: middle;
  margin: 0 23px;
}
.show-time .swiper-slide .text-container .line img {
  max-width: 100%;
}
.show-time .swiper-slide .text-container .text {
  line-height: 26px;
  font-size: 16px;
  font-weight: 300;
  color: #222222;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.show-time .show-time-btn {
  position: absolute;
  margin-top: 14.9479166667%;
  width: 32px;
  height: 42px;
  background-size: 60%;
  cursor: pointer;
  z-index: 3;
}
.show-time .show-time-prev {
  left: 13.5416666667%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23381b4d'%2F%3E%3C%2Fsvg%3E");
}
.show-time .show-time-prev:hover {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cdae64'%2F%3E%3C%2Fsvg%3E");
}
.show-time .show-time-next {
  right: 13.5416666667%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23381b4d'%2F%3E%3C%2Fsvg%3E");
}
.show-time .show-time-next:hover {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cdae64'%2F%3E%3C%2Fsvg%3E");
}
@media only screen and (max-width: 1023px) {
  .show-time .top {
    height: 1.37rem;
  }
  .show-time .top img {
    height: 0.57rem;
  }
  .show-time .show-time-btn {
    top: 1.6rem;
    margin-top: 0;
  }
  .show-time .swiper-slide {
    width: 88%;
  }
  .show-time .swiper-slide .text-container {
    padding: 0.3rem 0;
  }
  .show-time .swiper-slide .text-container .title {
    font-size: 0.3rem;
    line-height: 0.5rem;
    max-width: 4.2rem;
  }
  .show-time .swiper-slide .text-container .line {
    width: 0.75rem;
    margin: 0 0.12rem;
  }
  .show-time .swiper-slide .text-container .text {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
  .show-time .show-time-btn {
    width: 0.3rem;
    height: 0.42rem;
    background-size: 100%;
  }
  .show-time .show-time-prev {
    left: 10%;
  }
  .show-time .show-time-next {
    right: 10%;
  }
}

/* 联名 */
.kc-jointly .item {
  width: 49.0972222222%;
  height: 499px;
  float: left;
}
.kc-jointly .item:nth-of-type(2n) {
  float: right;
}
.kc-jointly .box {
  position: relative;
  overflow: hidden;
}
.kc-jointly .box img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.kc-jointly .box:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.kc-jointly .box img {
  display: none;
}
.kc-jointly .box img:nth-of-type(1) {
  display: block;
}
.kc-jointly .box .line-box {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  margin: auto;
}
.kc-jointly .box .line {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  background: #c9a966;
}
.kc-jointly .box .line:nth-of-type(1) {
  width: 0;
  height: 1px;
  top: 0;
  right: 0;
}
.kc-jointly .box .line:nth-of-type(2) {
  height: 0;
  right: 0;
  width: 1px;
  top: 0;
}
.kc-jointly .box .line:nth-of-type(3) {
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
}
.kc-jointly .box .line:nth-of-type(4) {
  width: 1px;
  height: 0;
  left: 0;
  bottom: 0;
}
.kc-jointly .box:hover .line:nth-of-type(1) {
  width: 90%;
}
.kc-jointly .box:hover .line:nth-of-type(2) {
  height: 90%;
}
.kc-jointly .box:hover .line:nth-of-type(3) {
  width: 90%;
}
.kc-jointly .box:hover .line:nth-of-type(4) {
  height: 90%;
}
.kc-jointly .explore-more,
.kc-jointly .b1-a1 {
  margin: 0 auto;
  margin-top: 50px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .kc-jointly .item {
    height: 333px;
  }
}
@media only screen and (max-width: 1023px) {
  .kc-jointly {
    margin-top: 0;
  }
  .kc-jointly .item {
    width: 100%;
    height: 5rem;
    margin-bottom: 0.2rem;
  }
  .kc-jointly .box img:nth-of-type(1) {
    display: none;
  }
  .kc-jointly .box img:nth-of-type(2) {
    display: block;
  }
  .kc-jointly .explore-more,
.kc-jointly .b1-a1 {
    margin: 0 auto;
    margin-top: 0.22rem;
  }
}

a.explore-more {
  width: 180px;
  height: 50px;
  background-color: #46204f;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABJCAYAAACaRLDfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMkQxQ0ZBRjI1NDcxMUVBQkVGRkM5QzZDNjVCMUYxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMkQxQ0ZCMDI1NDcxMUVBQkVGRkM5QzZDNjVCMUYxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyRDFDRkFEMjU0NzExRUFCRUZGQzlDNkM2NUIxRjFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEyRDFDRkFFMjU0NzExRUFCRUZGQzlDNkM2NUIxRjFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vNTxywAAEttJREFUeNrEXNlyG8cVnQ0Ad4qkxC1y4iROVVKVz7ElL7JdevCTvkfyWnaVnyx/VVJRKFIiKZIgsQ0wnXsG5w4vWgMSJAbMVHX1YDBLz+m739sTOueCm27Pnz9HF0mrSVuTFkp7Hdx+i6WtSGtIS6Ul0hwbfnfYKtmePXt242uSWz5rPgzDeemXpPVx4AaArxFgAJ3JfXBsQXoA0pZWl9bD2HjPBelXCVifk4JtIO2IYM58i25ISfkg4zjekNZIkqQvfRBFUSAvun7FZGxJ25ZzduXcRWmhNIdrpdXlPpn03WS49aXV8J/0ofSpNDwnxnNwHcCVBrB39N7S5mYJ1I0oSga5/v333y8oQBhwlmWu3++HMusNj6o25P+6tEhahpmPgFAY5hQoveN/ibQ29/XajFSK+4byjJ7089Ki4eH8OLYIz+TvVVIr7v/2/wLUixcvGvKOuwJOR0AacLaH9D8Y6MvgxSFrNkB0Q0zymc+pgJSgfY6V7NfJco4s1SdbpqT2/DgAkfsPyI49fZ40HA8JVkzw0O9y6K+rYs1kQkpaE3BaAk4MgGQfLJFPOtDgoPGi/5D2jsDgPKeAGeCwuSFR5YClpJ4Bx9OjnBrwfwUrBVWpPETDc9nn+5g07LvLbbsqCpsIqFqtFgEgNMqJQNkE+3I8ZwfZ78jxAUCh7ArJYnp+SHADUl/OhgRZBXQhzM25zoAZKYtLnyloAAkTI73cLqtlwy3iOQ8xgdIuZg3UqYCxrEJYX5hUEaq8kgFBhUNYd0Foeq6ChEHzN463pJ1w5kufi+NGbqkZsQ6NC/mHe6i8wthIXZGAlQMmDfsBWXWZJsitzJhwUrX+8uXLXW/QxfsocBgQTAY5r0XqCAyo+P/QmhO2jR0gqdE2btB4CwSvCxbmvZxhxZoomh56yLhsyKvQjv8VW6o/E6B+//33HWPDFCBR5oyINLlnnxoqJNVc+MCobLnOBjMKoei5n8tEufaEWnKJoDUxBgLTEJA6AhZYsyYtlWMxWf1IwGrPgqJiGduWpSDzIgqWqu4Vaf8CK1K4FsBQnoz8nkCZ5M9RbUtZCfb7ELKHlLwo/b70D6kglC1DeV5fWiNN0y6eLW0OJgfOEbBOKwXqt99+25HBYdbOfcqiwM5lD+UBBrNHFgj4ewScSaipjKpEXgb1eh39Q9hloCK5B0yKttGcuQggtYHCwX4JZBZYUQADxdWldeQ/gNWsBKhff/31AxkYrOc1ug2BlT9KVdRgOSgyoLfSUgvWpHJpHFgGqPVGowGTBS7QQO6VqEtEzQD5UydweFabsmtextYVoDA+UBrA6spf5wLW+VRA/fTTTzsysBBNBoqBwQLveYI8IDXlgPR6vRByQdqeD9BU/tYQqEhA+lAaTBZ1nCETY5ocuRdAOXROsDalP+ZELgpALQHLSQNY87T83wpYvVuZBz/88MMDGZij4TgnDbPXoJYJDQsqAmp8BhSgBYtNuylFyVh24PvJfkIqRqvRNXIU6PjrrYz1jJcfye9tmhEd+oVdggoNDcqCsvr3jZ1i8elWZECJABXKzMGFwU1TeWDXqnwFiQJVqVSPrVbla1GYr8hY5ug098F2hu0VOJgJkD1nHjXv0+eEQdyR62vY4HjL75781xGn/+GNgPruu+9wgyXcCDeUhhv1aCiiX/YoKjTmAihQ3ZWFCkHChK3ThQrocDuCpf4jhHQMloccoiwqFAnYi2A6gpXJK87xPQFYX8BanRgoGcyWNMiAHsIcJNGQ7gU0zKllN+t4YiDq6xnWmFo2yVi2IQak9Xlvx7GE6i9SkRyLjHSdTifodrt5A2AGrH2+B8YJB78NRx9UKr/BwisaTroSqB9//PE+L0QoRWeqThUMwPbk2IEHkHVpAuPr4cDmtCDJvRZlPPOceVgFqXk2ZFINTjM12qkAlYOjvU9Zsr1iNLWBOBfiYSSKHu+9eyVQIrxxEdgO19foT6ml3ZMZO/v444/TMc6ZmgrOhFbQx9MKcLAcZCVZLqIS6qubRG1bFzBeKygKjO5bsB49euQYUeiQsmoMIIKqMBOZUFVtLFBy8jajin0im9L7ztXtJ5980lQSp+EZ+EKdDw7I82osNqZguU0xTRD5TMEqKovIdpn6eGA5AWPgUU7hCViwsAlYbd4HSqHLCCuiqxmjHg9KgRKWm2NINlCLlzMH36j2+PHjwuvmQM48agqtTUWwFKiNW7JcQyhpkRQOrTYgFan9ltBFgbV9rNTjE7wFS4EiWPsEvAHuIRtGxABUFb8HlPy5bqjA6aDAdvKQd/bBeBipqkxYO8M2TsG6Jcvdp5bTAKCyg9pMAbXcgVLLOP9RjWELFLcWzR5wUZ8xenXJNkeAEus7NgPSiGJMAzL54osvRsx745K89djOeS+rwGNbuyHL3RdqapDK+wZsdVdSvnhTQOr5LFe26bjtJlR1rPeEZQ9DlhHckbBIRGraVC1lXjhjTOfQf6BRtalHUQULGvbTOPn8pCBhsAgUQl5ihwI8NWODIwwnFwC9ser/um2Mp6BW+kADjmA9yMQXL16sWKD0Zax1Dd4Pnjx50il7mBlY6rOdZyoEhv2iCVkONtNAQ89G06lNl4ePBaSj61iujAX9TahKiSE25g24Ab8X84H//PPPK2pJ2xcFOQkY51eRsGE/30K31BEYA3RzAgG+KSAtJUMJntLtKHw6UjpsprYA1FKQKvIpMyqfgqo0Xg8Jv6Av4wm+8KuvvmqOmxULlienfJcmNIBF17BcJCD9U1rKyUuo5QaG0vO4klDSnqWmaTfEpXRCKFuLJuwX69gtyzjKJncV+TJSqLKqaWWbAU4zwuFV/p9GLwWgv4vNdAjPwLhAdd6zz7HhuYeq6idlues2MX/O7Ngpo1T7rUe0RCPKj1zbMZPx7iqgLFUh8OXZZtamCoxwxO/VMVputdForCJAiDgTVLUBv0aHN3dTqOkqDeMY+VVwh2G/GCoRL3lCQYkZ64Kinj592r3qhn7kctypxlG2SQE/GBcISH+T1pT9JkPOquk0gwOgkFXZgw9XFcuVEYAJb2ufJZ9//rkG11svX74ERS0iljzJTVX70bR4Q2HtPFPB2lS54SjX3UfqyrDcR8JybekvkGZndDIyaXaYAzFYTigpq5LlvHdSzW+1dg5Y4vGpMz7cREAZqhqYbPB7YWL1/wAsLGxcT5ZbEIA2pO2h0oXPB7nXGXJGTg7egWCUnsyC5cw7IXS8ZjTgQDNM0bSk6rFft8RSLzLKRvuFtIBzapJ2hFAKc3JzpKIuKSn3DgSg/VmChE24SxO3IX3dehHoqwoognU8xlF2Juyi1PVAU09wU2Q80DoLTMtnahYgDibgnPaH28QW+JS2VM/LKzSSKoSfmgrKXuNKbTSkC1Cxz3h87ozKsSXGh2IjwJGPQ/1VLNS0KP3FjEEK6PPl3MGsztzERRrX+U5e3u6dPOCeCR8HJk6VC3O4JuBExOUZ92owIZCxsCxgji6k44sIwR8oQzKGotuzRIsgFcnXpBJapfZDLy/eJlBhSUY5VAOX1LVMyumyqqVulEKgBWQ4DjMGxqo0UNUHlGeOpk2nQoGekaoSmjOIXPSTCm5cJtRdifazNlVo6p6ajMlreNeZ1BfM+bYACt+vM6xZyxJpAAvyDPUFf5Lzznh/yMjelK+kAUsNa+cRkqSiWShkFW2qAyQcPcAUJ1sBEzIxEKq2YU1UcR2SCbDxUJQBRxh1TtIjZxeyMuWcoAG8P5Mtce2hF9mYpHRgEZloio3M+JiuMqCsrIJlz9JFP/lQRDsNe2WUNwvG8c0YzWzTtoK1jiJbeA0dVqNcSL+MhAdrOWNDaag1+AtBC5hIGEwglxaVgkjZTgtskwp5u5BTpLDWmGBdaA1h7p+rGvbY1DGzC9ByEGT/HBljyDXUDKCcB1SloEm/QCXQZiUxlMRfyZ7Y3mhMa4wAty6TYzFtWClQHvudMujlypKgl1n3nBNRar1Hh3kluKwMnmf4A8dPybYJQVskaKtMpaWsrANoKMRoyv4Ka7S6LO9Gxuaj58+fK2gHz549ywfyyy+/rMKmM4VeWsCCuqvzyoEqEerjnGWtFS9cHIIBdtmAoSn7cxSuYM15JgJWeJ5SgFLaBUE7HQwrXhG3arF65Vz6VQKGHGWNabiPvv322yZsOQFpmYZmQnHggssq5W5Spe3hySlQ1RFTVc4DKdJwrgIs596TdkLr/YjgIyO9SfmyQjOgTSMQFb4wL84g6ClLcnaDiSI9WLFJ9okNaBfS35OGkkmw9QJXUGSkpoGWMLHG4vCbb745qRQoG1GAUQmWMFGVsCS2rudjjHjBE01ymLTZgRHI9znDq7Sce7S9ABos+zO8HF8Y6fEGTQgV+g3G2lqoi1I5ygwUijZi2lAKVk8ntVKgysIvpIbYyCq/ZkEpMDexMLMWLJNtHhjQoPrv0y+EcXsCo5D1ES1qUIRsUJ6YVwwjfEPQlkhpDcrHc2PbwaBtc7ygWlBdfaZAGfZDqc2OjSTY8IvaVDx/E1ECBYosUQYarOV9PvKIMq1t5Jcu9VCzA3bYMrPbYLeEoBXGHcHB/hKd8QtGew9mBpQHVl6xV6b5TAQxYLJVi+pHSqUtcCWgpQqa9Edy/ToBUlYs5JeCRjDaNEdAMVtyrGlArmu9+tOnT3szAcpPPuDloF5pKig1ZZeR4AIAXVezIK2lVIYe4ZVxoJn6hoDFbgranDz3Hs0L2FZNgqbramKKBfDcaxaS6KqulEpgYGMtwaypSl6oSQ3iTALCqXOs9VQIqUAjKVsY1ihAY4T0PdY09VjaOga0eZZJqvxSIZ2QjYvyRi5tQ04z+PLLL/dnDlRJ8sGVWOjOhIpDU0k3NuivgFnQyqjMA61NIR2wBmKBLO+YhQ4YwYDD3Wfyd2QcMwFqTPLhLWuOfHkVMTNbJEHlunUvWnolaBo0tO0KRYA03Lzx6VKzOBIxrzdcmXVwp0AZquqXlP+Ehv3yGgjII8qXG6WXLKX5gDGJYSmtQ7BaLAfX+70eEtPAff3113dDUWOSD7po0b2vAEdkVe6e6MqDm+bkykDDBCBGT8DmWP/VMFoXGwzTiydPnrzy739nQBmXZsePIthKFpP7g+vyehplYkHTzA0cb7B6ERBj1BULolAxDKe6NJA+a6CsqTAmzRRam0qr/q6o55hmsubZ6nSMI8ommCRHKP7wi+buBKgxyYfTYLRAVqOJRYUebaOQhmEViYKAq0ZXaS8h5NwjZQ3U2P3000/3xqZmgjvYPLBa5rk2dV6EW0w91Uol+afhtxawGquOFQtGA8YMLsJJ3r/qHsmsQbLsZ4R6ZuyokaUi1i66aZFsGSUxfIOKZ9Rgd00hq5oIiMO3PvvssyuTEndCUSVgvfFCLi4YXVFqbZ8HU4C0DQ1XG25a7RuxRqvLyGjv0aNH1y5svDOgvKCeTY6GZhwjNhWBqt0CJKwG+yMUA7LRWGvI4rSQqzEQv0IU1AlI7ya5ZxWsh7jNGu+1Py5FVGJTtRjedSUvGlpZpTm8CeXRDqv8HO0mxLgUpPBSbGbp48ePjyeWcxXIgA1WpUGT4EM2u+OSCd7a4pMSMyHky9rIQDIJ+6E2S85/yAXakVARgHKomeX4lDDAbu2bgDQVRfFlNhiQh02SV55wQfMWJ+FN4H3nQMEqsZNsuVCkZYGoDEb4Vo79kZHNlkd8W0MCzIHF+fkSWrOmxZkcIrYzAal10/dNpqAkaBLHTG6kHjdULj/1AeDWCRhslUNdRmtsqmN68zoOZVvEh0Ad2Dr8BgsecY8JBdVckf3Ekq6+4CeU7LddMqarXokrc6viquS21CRj2eK6vlQ/j8RPfYTUbpGuyuJkbmnRBf8/RnjWlAJqmTSAxbemEOcGZdQZ98Z9i++50OaKCEyeeqdVPzBf3NCV6widHOC5KEa7M6A4e/+RtstVT5m1qumyONYHBJzNjKlyDftuU6jrV8ZCXTzJJCfWzl1gPTNDMXkxmsa2+KyIi3x0SUl2GQIvPlZxwNLGkWVod0lRAOcVK3jhGtTU2dTacmsOmG9MOU2V0/CMGczPGC0ImfhEZgUfzoGhiNqDARVBwgSBujyx+VhOSArCMJFpudAVVbYu/U6BMlbzOdsKXA7IByYW9QNcA01P8wVyVuOC7tCLS2mtwikyJWRJ7D9A4oAfg4gZvp3j6tKYOT7N0aO6palKw67Tm2YpyK2A0kF4X+E5YyEEXIN7/ExSQHZxZD+tXQ9ZoK8lNmoIIqCW8BNvdQr3Ae0zLUJDkmKJYCG822cU4IhfKxsByEYupilrvBVQuspS1b0Xo24zFRSw8q7BFFBmY+fMyqxwDCcUvDlGwWVtks00Owb9zpV9oepZrTJi+ZcBNG3t562Ash+k0di0lwrXZo3KGrO6qtoBZoeFFnUvmDdQamLBREJwmyzieM9/tMBoX2XR/v8EGACYtGxSd2Le+wAAAABJRU5ErkJggg==);
  background-size: contain;
  background-position: right top;
  background-repeat: no-repeat;
  position: relative;
  line-height: 50px;
  display: block;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
a.explore-more .en,
a.explore-more .cn {
  width: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 16px;
}
a.explore-more .en {
  opacity: 0;
  left: -100%;
}
a.explore-more .cn {
  opacity: 1;
  position: relative;
}
a.explore-more:hover {
  padding-top: 50px;
}
a.explore-more:hover .en {
  opacity: 1;
  left: 0;
}
@media screen and (max-width: 1023px) {
  a.explore-more {
    width: 2.2rem;
    height: 0.68rem;
    font-size: 0.24rem;
    line-height: 0.68rem;
  }
  a.explore-more .en,
a.explore-more .cn {
    font-size: 0.24rem;
  }
}

@media screen and (max-width: 1023px) {
  .er-menu-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .er-menu-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    color: transparent;
  }
  .er-menu-scroll .b3-a2,
.er-menu-scroll b {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .er-menu-scroll b {
    top: 0;
  }
}

/* 皮草穿搭 */
.kc-wear {
  margin-top: 30px;
}
.kc-wear .b1-a1 {
  margin: 0 auto;
}
.kc-wear .bottom-tabs-sw-btn {
  left: 0;
  bottom: 0;
  z-index: 4;
}
.kc-wear .bottom-tabs-sw-btn-prev, .kc-wear .bottom-tabs-sw-btn-next {
  width: 40px;
  height: 80px;
  cursor: pointer;
  background-color: #46204f;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-size: 26%;
  position: relative;
  bottom: 220px;
  position: absolute;
  z-index: 4;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .kc-wear .bottom-tabs-sw-btn-prev, .kc-wear .bottom-tabs-sw-btn-next {
    height: 60px;
    width: 32px;
    bottom: 143px;
  }
}
@media screen and (min-width: 1024px) {
  .kc-wear .bottom-tabs-sw-btn-prev:hover, .kc-wear .bottom-tabs-sw-btn-next:hover {
    background-color: #C9A966;
  }
}
.kc-wear .bottom-tabs-sw-btn-prev {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
  left: 20px;
}
.kc-wear .bottom-tabs-sw-btn-next {
  left: calc(64.58333% - 60px);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .kc-wear .bottom-tabs-sw-btn-next {
    left: calc(64.58333% - 52px);
  }
}
.kc-wear .top-tabs {
  width: 100%;
  max-width: 428px;
  margin: 0 auto;
  background: white;
  border: 1px solid #46204f;
}
.kc-wear .top-tabs .top-tab {
  cursor: pointer;
  float: left;
  font-size: 16px;
  line-height: 48px;
  position: relative;
  width: 50%;
  text-align: center;
  border-right: 1px solid #46204f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.kc-wear .top-tabs .top-tab:last-of-type {
  border-right: none;
}
.kc-wear .top-tabs .top-tab .cn,
.kc-wear .top-tabs .top-tab .en {
  width: 100%;
  top: 0;
  left: 0;
  color: #000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.kc-wear .top-tabs .top-tab .cn {
  opacity: 1;
}
.kc-wear .top-tabs .top-tab .en {
  opacity: 0;
  position: absolute;
}
.kc-wear .top-tabs .top-tab.active {
  background: #46204f;
}
.kc-wear .top-tabs .top-tab.active .cn,
.kc-wear .top-tabs .top-tab.active .en {
  color: #fff;
}
.kc-wear .top-tabs .top-tab:hover .cn {
  opacity: 0;
}
.kc-wear .top-tabs .top-tab:hover .en {
  opacity: 1;
}
.kc-wear .top-tabs .top-tab:not(.active):hover .cn,
.kc-wear .top-tabs .top-tab:not(.active):hover .en {
  color: #46204f;
}
.kc-wear .bottom-tab {
  margin: 3.4722222222% 0 0 0;
  position: relative;
}
.kc-wear .bottom-tab.active {
  display: block;
}
.kc-wear .bottom-tab .img-wrap {
  width: 64.5833333333%;
  height: 520px;
}
.kc-wear .bottom-tab .text-container {
  position: absolute;
  right: 0;
  width: 31.9444444444%;
  top: 0;
  height: 100%;
}
.kc-wear .bottom-tab .text-container .title {
  text-align: center;
  line-height: 3;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 30px;
  font-weight: 400;
  color: #222222;
}
.kc-wear .bottom-tab .text-container .text-cn {
  font-size: 16px;
  font-weight: 300;
  color: #222222;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  line-clamp: 3;
  line-height: 26px;
}
.kc-wear .bottom-tab .text-container .text-en {
  font-size: 14px;
  font-weight: 300;
  color: #222222;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  line-clamp: 3;
  line-height: 26px;
  margin-top: 13px;
  margin-bottom: 42px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .kc-wear .bottom-tab .img-wrap {
    height: 347px;
  }
  .kc-wear .bottom-tab .text-container .title {
    font-size: 20px;
  }
  .kc-wear .bottom-tab .text-container .text-en {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  .kc-wear .bottom-tabs-sw-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: 1rem;
    display: none;
  }
  .kc-wear .bottom-tabs-sw-btn-prev, .kc-wear .bottom-tabs-sw-btn-next {
    width: 0.48rem;
    height: 0.48rem;
    cursor: pointer;
    background-color: #46204f;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-size: 26%;
  }
  .kc-wear .bottom-tabs-sw-btn-prev {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
    left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
  .kc-wear .bottom-tabs-sw-btn-next {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
  }
  .kc-wear .top-tabs {
    line-height: 0.68rem;
    font-size: 0.24rem;
  }
  .kc-wear .top-tabs .top-tab {
    line-height: 0.68rem;
    font-size: 0.24rem;
  }
  .kc-wear .top-tabs .top-tab:hover .cn {
    opacity: 1;
  }
  .kc-wear .top-tabs .top-tab:hover .en {
    opacity: 0;
  }
  .kc-wear .bottom-tab .img-wrap {
    width: 100%;
    height: 3.97rem;
  }
  .kc-wear .bottom-tab .text-container {
    position: static;
    height: auto;
    width: 100%;
    padding-top: 0.12rem;
  }
  .kc-wear .bottom-tab .text-container .title {
    font-size: 0.36rem;
  }
  .kc-wear .bottom-tab .text-container .text-cn {
    font-size: 0.26rem;
    line-height: 0.4rem;
  }
  .kc-wear .bottom-tab .text-container .text-en {
    font-size: 0.24rem;
    line-height: 0.38rem;
    margin-bottom: 0.3rem;
  }
}

/* 问卷调查 */
.questionnaire {
  padding-top: 30px;
  padding-bottom: 24px;
}
.questionnaire .b1-a1 {
  margin: 0 auto;
}
.questionnaire .box {
  position: relative;
  height: 520px;
  background-image: url(../img/kc-pro-bottom28d0d484a.jpg);
  background-attachment: fixed;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center -100px;
}
.questionnaire .box > img {
  display: none;
}
.questionnaire .box > img:nth-of-type(1) {
  display: block;
}
.questionnaire .container {
  background: rgba(201, 169, 102, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px;
  padding: 26px 0 30px;
  text-align: center;
  z-index: 3;
  width: 638px;
  margin: 0 auto;
}
.questionnaire .container .t1 {
  color: #222222;
  font-size: 24px;
  font-weight: 300;
  line-height: 44px;
}
.questionnaire .container .t2 {
  font-size: 30px;
  color: #222;
  font-weight: 300;
  line-height: 50px;
}
.questionnaire .container .t3 {
  color: #222222;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .questionnaire .box {
    height: 346px;
    background-position: center -20px;
  }
  .questionnaire .container .t1 {
    font-size: 20px;
    line-height: 28px;
  }
  .questionnaire .container .t2 {
    font-size: 26px;
    line-height: 34px;
  }
  .questionnaire .container .t3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .questionnaire {
    padding-top: 0.5rem;
    padding-bottom: 0.36rem;
  }
  .questionnaire .inner {
    width: 100%;
  }
  .questionnaire .box {
    height: 5.52rem;
    background-position: center 4rem;
    background-size: cover;
  }
  .questionnaire .box > img:nth-of-type(1) {
    display: none;
  }
  .questionnaire .box > img:nth-of-type(2) {
    display: block;
  }
  .questionnaire .container {
    width: 6.38rem;
    bottom: 0.46rem;
    padding: 0.26rem 0 0.3rem;
  }
  .questionnaire .container .t1 {
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
  .questionnaire .container .t2 {
    font-size: 0.36rem;
    line-height: 0.46rem;
  }
  .questionnaire .container .t3 {
    font-size: 0.22rem;
    line-height: 0.37rem;
    margin-bottom: 0.16rem;
  }
}

.mask-video {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #000;
}
.mask-video video {
  width: 100%;
  height: 4.6rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.mask-video .mask-close {
  position: absolute;
  border-radius: 50%;
  z-index: 3;
  right: 0.3rem;
  top: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA+ElEQVRYR+2WIRICMQxFXxQXQYHFIDkBjhNwMiSOE+BwSFDcggOE6Ux3hunsdpuIjWntJv///UnaCMFHgvnpAroDkw6o6h1YAWcReXuaVVU3wAX4ishhDKMm4AHsgRdwsorI5FdgCzxFZGcVkNQPACYRBXk1t9qEFqDh76w5s1NgAbTEDoJnBaTAFuCWGFMPlME1Ai954mhyoFbf/M3VrGYBI+X4ZAFr77iaHCicuAGJOJ0k5Gi9K1wO/LkQI6BouGVLMNbtizVh6Bi2zHlLjOsisgBbYpuuYg+gNae2D8Q+x6oavpDErmSeHdCT43oLPERTOV1Ad+AH19HMIaqwJC0AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
}

.service-system .b1-a1 {
  margin: 0 auto;
}
.service-system .text {
  max-width: 1050px;
  margin: 0 auto;
}
.service-system .title {
  font-size: 30px;
  font-weight: 300;
  color: #454545;
  text-align: center;
  line-height: 50px;
  margin-top: 1.3888888889%;
  margin-bottom: 2.6388888889%;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .service-system .title {
    font-size: 24px;
    line-height: 1;
  }
}
@media only screen and (max-width: 1023px) {
  .service-system .title {
    font-size: 0.32rem;
  }
}

.kc-after-slf {
  padding-top: 0;
}
.kc-after-slf .inner {
  position: relative;
}
.kc-after-slf .learn-about-sw .img-wrap {
  width: 966px;
}
.kc-after-slf .learn-about-sw .text-container {
  text-align: center;
  padding-top: 167px;
}
.kc-after-slf .learn-about-sw .text-container .t1 {
  font-size: 30px;
  font-weight: 300;
  color: #222222;
  line-height: 73px;
  position: relative;
  margin-bottom: 5%;
}
.kc-after-slf .learn-about-sw .text-container .t1::after {
  width: 100%;
  max-width: 222px;
  height: 1px;
  left: 0;
  right: 0;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  background: #c09d57;
}
.kc-after-slf .learn-about-sw .text-container .t2 {
  font-size: 24px;
  font-weight: 300;
  color: #222222;
  line-height: 33px;
}
.kc-after-slf .learn-about-sw .text-container .t3 {
  font-size: 16px;
  font-weight: 300;
  color: #222222;
  line-height: 38px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .kc-after-slf .learn-about-sw .img-wrap {
    width: 500px;
  }
  .kc-after-slf .learn-about-sw .text-container {
    padding-top: 56px;
  }
}
@media only screen and (max-width: 1023px) {
  .kc-after-slf {
    position: relative;
  }
  .kc-after-slf .inner {
    width: 6.5rem;
    padding: 0 0.23rem;
    background: rgba(229, 229, 228, 0.43);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0.63rem;
  }
  .kc-after-slf .learn-about-sw {
    width: 100%;
    background-color: transparent;
  }
  .kc-after-slf .learn-about-sw .img-wrap {
    width: 100%;
    height: 3.08rem;
  }
  .kc-after-slf .learn-about-sw .learn-about-sw-btn {
    display: none;
  }
  .kc-after-slf .learn-about-sw .text-container {
    padding-top: 0.48rem;
    padding-bottom: 0.36rem;
  }
  .kc-after-slf .learn-about-sw .text-container .t1 {
    line-height: 0.75rem;
    font-size: 0.38rem;
  }
  .kc-after-slf .learn-about-sw .text-container .t2 {
    line-height: 0.41rem;
    margin-top: 0.13rem;
    font-size: 0.28rem;
  }
  .kc-after-slf .learn-about-sw .text-container .t3 {
    line-height: 0.38rem;
    font-size: 0.24rem;
  }
  .kc-after-slf .learn-about-sw-left,
.kc-after-slf .learn-about-sw-right {
    display: block;
    height: 2.6rem;
    width: 3rem;
    top: 2.9rem;
    bottom: auto;
  }
  .kc-after-slf .learn-about-sw-left .img-wrap,
.kc-after-slf .learn-about-sw-right .img-wrap {
    width: 100%;
    height: 100%;
  }
  .kc-after-slf .learn-about-sw-left {
    right: 109%;
  }
  .kc-after-slf .learn-about-sw-right {
    left: 109%;
  }
}

.service-items {
  padding: 30px 0;
}
.service-items li {
  position: relative;
  margin-bottom: 50px;
}
.service-items li:last-of-type {
  margin-bottom: 0;
}
.service-items li .left {
  width: 68.8194444444%;
  height: 558px;
  float: left;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  overflow: hidden;
}
.service-items li .left img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.service-items li .left:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.service-items li .text-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 376px;
  right: 0;
}
.service-items li .text-container .title {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.service-items li .text-container .title span {
  display: inline-block;
  vertical-align: bottom;
  font-size: 36px;
  font-weight: 300;
  color: #333333;
  line-height: 90px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAHCAYAAABA1LD9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDAzQUZGQTI1NjgxMUVBODVBNUJFRTE1RkQ4NzMwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDAzQUZGQjI1NjgxMUVBODVBNUJFRTE1RkQ4NzMwNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMDNBRkY4MjU2ODExRUE4NUE1QkVFMTVGRDg3MzA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMDNBRkY5MjU2ODExRUE4NUE1QkVFMTVGRDg3MzA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NUw/NwAAAC9JREFUeNpitFcI/s8wCogCLEDMOBoMxAGm0SAYDSyaZcPRMms0ZY0G1oACgAADAMTfAsOlOW32AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-right: 30px;
}
.service-items li .text-container .title img {
  display: inline-block;
  vertical-align: bottom;
}
.service-items li .text-container .en {
  font-size: 24px;
  font-weight: 300;
  color: #454545;
  line-height: 62px;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.service-items li .text-container .text {
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7a;
  line-height: 26px;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.service-items li:nth-of-type(2n) .left {
  float: right;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.service-items li:nth-of-type(2n) .text-container {
  left: 0;
  right: auto;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .service-items li .left {
    height: 372px;
  }
  .service-items li .text-container {
    width: 270px;
  }
  .service-items li .text-container .title span {
    font-size: 26px;
    line-height: 60px;
    margin-right: 12px;
  }
  .service-items li .text-container .title img {
    width: 100px;
  }
  .service-items li .text-container .en {
    font-size: 20px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1023px) {
  .service-items {
    padding: 0.32rem 0;
  }
  .service-items li {
    padding-top: 2.06rem;
    margin-bottom: 0.55rem;
  }
  .service-items li .left {
    width: 100%;
    height: 3.82rem;
  }
  .service-items li .text-container {
    position: static;
    height: auto;
    width: 100%;
  }
  .service-items li .text-container .title {
    padding-left: 1.91rem;
    font-size: 0.32rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .service-items li .text-container .title span {
    font-size: 0.3rem;
    line-height: 0.86rem;
    margin-right: 0.47rem;
    background-size: 0.75rem auto;
  }
  .service-items li .text-container .title img {
    width: 1.35rem;
  }
  .service-items li .text-container .en {
    padding-left: 1.91rem;
    line-height: 0.6rem;
    position: absolute;
    top: 1.24rem;
    left: 0;
    font-size: 0.22rem;
  }
  .service-items li .text-container .text {
    font-size: 0.26rem;
    line-height: 0.4rem;
    margin-top: 0.38rem;
  }
}

/*  */
.er-products-one {
  padding-bottom: 8.8888888889%;
  position: relative;
}
.er-products-one .er-products-one-class {
  padding-top: 25.4166666667%;
  position: absolute;
  right: 0;
  top: 0;
  width: 33.3333333333%;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.er-products-one .er-products-one-class .er-products-one-class-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  padding-top: 15.625%;
}
.er-products-one .er-products-one-class .t1 {
  font-size: 36px;
  font-weight: 300;
  color: #333333;
  line-height: 58px;
}
.er-products-one .er-products-one-class .t2 {
  font-size: 48px;
  font-weight: bold;
  color: #222222;
  line-height: 72px;
}
.er-products-one .er-products-one-class .line {
  width: 66px;
  height: 4px;
  background: #3f2053;
  float: right;
}
.er-products-one .er-products-one-class .liner-container {
  margin-top: 10.4166666667%;
}
.er-products-one .one {
  float: left;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  width: 47.0833333333%;
}
.er-products-one .one:nth-of-type(2n) {
  float: right;
}
.er-products-one .one .er-products-one-con {
  position: relative;
}
.er-products-one .one .img-wrap {
  position: relative;
  padding-top: 102.0648967552%;
  overflow: hidden;
}
.er-products-one .one .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.er-products-one .one .img-wrap img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.er-products-one .one .img-wrap:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.er-products-one .one .img-wrap:hover .product2-d3 > b:nth-child(1) {
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
}
.er-products-one .one .img-wrap:hover .product2-d3 > b:nth-child(2) {
  height: -webkit-calc(100% - 90px);
  height: calc(100% - 90px);
}
.er-products-one .one .img-wrap:hover .product2-d3 > b:nth-child(3) {
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
}
.er-products-one .one .img-wrap:hover .product2-d3 > b:nth-child(4) {
  height: -webkit-calc(100% - 90px);
  height: calc(100% - 90px);
}
.er-products-one .one:hover .product2-d7 {
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.er-products-one .one:hover .product2-d8 {
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.er-products-one .one:hover .product2-d9 {
  opacity: 1;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.er-products-one .one:hover .product2-d10 {
  opacity: 1;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.er-products-one .one:nth-of-type(1) {
  width: 56.8055555556%;
}
.er-products-one .one:nth-of-type(1) .img-wrap {
  padding-top: 81.4180929095%;
}
.er-products-one .one:nth-of-type(2n) .er-products-one-con {
  -webkit-transform: translateY(15.9420289855%);
  -ms-transform: translateY(15.9420289855%);
  transform: translateY(15.9420289855%);
}
.er-products-one .one:nth-of-type(2) {
  width: 33.3333333333%;
  margin-top: 25.4166666667%;
}
.er-products-one .one:nth-of-type(2) .er-products-one-con {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.er-products-one .one:nth-of-type(2) .img-wrap {
  padding-top: 62.5%;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .er-products-one .er-products-one-class {
    padding-top: 25.4166666667%;
  }
  .er-products-one .er-products-one-class .er-products-one-class-container {
    padding-top: 15.625%;
  }
  .er-products-one .er-products-one-class .t1 {
    font-size: 28px;
    font-weight: 300;
    color: #333333;
    line-height: 46px;
  }
  .er-products-one .er-products-one-class .t2 {
    font-size: 38px;
    font-weight: bold;
    color: #222222;
    line-height: 62px;
  }
  .er-products-one .er-products-one-class .line {
    width: 66px;
    height: 4px;
    background: #3f2053;
    float: right;
  }
  .er-products-one .er-products-one-class .liner-container {
    margin-top: 8.3333333333%;
  }
}
@media screen and (max-width: 1023px) {
  .er-products-one {
    padding-bottom: 0;
  }
  .er-products-one .er-products-one-class {
    padding-top: 0;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    margin-bottom: 0.5rem;
  }
  .er-products-one .er-products-one-class .er-products-one-class-container {
    padding-top: 15.625%;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
  }
  .er-products-one .er-products-one-class .t1 {
    font-size: 0.36rem;
    font-weight: 300;
    color: #333333;
    line-height: 0.58rem;
  }
  .er-products-one .er-products-one-class .t2 {
    font-size: 0.48rem;
    font-weight: bold;
    color: #222222;
    line-height: 0.78rem;
  }
  .er-products-one .er-products-one-class .line {
    width: 0.66rem;
    height: 0.06rem;
    float: left;
  }
  .er-products-one .er-products-one-class .liner-container {
    margin-top: 8.3333333333%;
  }
  .er-products-one .one {
    width: 100% !important;
  }
  .er-products-one .one:nth-of-type(2n) {
    margin-top: 0;
  }
  .er-products-one .one:nth-of-type(2n) .er-products-one-con {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .er-products-one .one:hover .product2-d7 {
    opacity: 1;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
  }
  .er-products-one .one:hover .product2-d8 {
    opacity: 1;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
  }
  .er-products-one .one:hover .product2-d9 {
    opacity: 0;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
  }
  .er-products-one .one:hover .product2-d10 {
    opacity: 0;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
  }
}

.product2-d5 {
  z-index: 4;
}

.animate {
  -webkit-animation: d 0.5s linear;
  animation: d 0.5s linear;
}

.ink,
.ink:focus {
  background: rgba(255, 255, 255, 0.7);
}

.ink {
  display: block;
  position: absolute;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
  pointer-events: none;
}

@-webkit-keyframes d {
  to {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes d {
  to {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
  }
}
/* 常见问题 */
.faq {
  background: #f6f6f6;
  padding: 40px 0 66px 0;
}
.faq .inner {
  max-width: 990px;
}
.faq .faq-title {
  font-size: 26px;
  font-weight: 400;
  color: #432a44;
  line-height: 36px;
  padding-bottom: 23px;
  border-bottom: 1px solid #DBD8D6;
}
.faq .faq-all-down {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
}
.faq .faq-ul {
  padding-bottom: 58px;
}
.faq .faq-ul li {
  padding: 15px 0;
  border-bottom: 1px solid #DBD8D6;
}
.faq .faq-ul li .title {
  position: relative;
  font-size: 16px;
  line-height: 36px;
  overflow: hidden;
  padding: 10px 0;
  cursor: pointer;
}
.faq .faq-ul li .iconfont {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  color: #000;
  height: 20px;
  width: 20px;
  margin: auto 0;
  font-style: normal;
  line-height: 20px;
}
.faq .faq-ul li .iconfont::after, .faq .faq-ul li .iconfont::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  content: "";
  background: #C9A966;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.faq .faq-ul li .iconfont::after {
  width: 1px;
  height: 13px;
}
.faq .faq-ul li .iconfont::before {
  width: 13px;
  height: 1px;
}
.faq .faq-ul li .title[data-show=false] .iconfont::after {
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotateZ(-90deg);
}
.faq .faq-ul li .title[data-show=false] .iconfont::before {
  -webkit-transform: rotateZ(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotateZ(-180deg);
}
.faq .faq-ul li .co {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  float: left;
}
.faq .faq-ul li .num {
  font-size: 24px;
  font-family: DIN;
  font-weight: 300;
  color: #454545;
  margin-right: 6px;
}
.faq .faq-ul li .text {
  font-size: 14px;
  font-weight: 400;
  color: #616161;
  line-height: 36px;
  margin-top: 11px;
  margin-bottom: 8px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  display: none;
}
.faq .faq-ul li .text .num {
  opacity: 0;
}
.faq .also-has-qu {
  font-size: 24px;
  font-weight: 400;
  color: #432a44;
  line-height: 34px;
  text-align: center;
  margin-bottom: 18px;
}
.faq a.goto {
  width: 330px;
  height: 42px;
  background: #3f2053;
  font-size: 16px;
  font-weight: 400;
  color: white;
  text-align: center;
  line-height: 42px;
  display: block;
  margin: 0 auto;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.faq a.goto:hover {
  background: #C9A966;
}
@media screen and (max-width: 1023px) {
  .faq {
    padding: 0.48rem 0 0.8rem 0;
  }
  .faq .inner {
    max-width: 15.84rem;
  }
  .faq .faq-title {
    font-size: 0.32rem;
    line-height: 0.576rem;
    padding-bottom: 0.368rem;
    border-bottom: 1px solid #DBD8D6;
  }
  .faq .faq-all-down {
    font-size: 0.224rem;
  }
  .faq .faq-ul {
    padding-bottom: 0.928rem;
  }
  .faq .faq-ul li {
    padding: 0.06rem 0;
    border-bottom: 1px solid #DBD8D6;
  }
  .faq .faq-ul li .title {
    line-height: 0.5rem;
    font-size: 0.256rem;
    padding: 0.16rem 0;
  }
  .faq .faq-ul li .num {
    line-height: 0.5rem;
  }
  .faq .faq-ul li .iconfont {
    height: 0.32rem;
    width: 0.32rem;
    line-height: 0.32rem;
  }
  .faq .faq-ul li .iconfont::after {
    width: 1px;
    height: 7px;
  }
  .faq .faq-ul li .iconfont::before {
    width: 7px;
    height: 1px;
  }
  .faq .faq-ul li .title[data-show=false] .iconfont::after {
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
  }
  .faq .faq-ul li .title[data-show=false] .iconfont::before {
    -webkit-transform: rotateZ(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotateZ(-180deg);
  }
  .faq .faq-ul li .co {
    width: -webkit-calc(100% - 100*0.016rem);
    width: calc(100% - 100*0.016rem);
  }
  .faq .faq-ul li .num {
    font-size: 0.384rem;
    margin-right: 0.096rem;
  }
  .faq .faq-ul li .text {
    font-size: 0.256rem;
    line-height: 1.75;
    margin-top: 0.176rem;
    margin-bottom: 0.128rem;
  }
  .faq .also-has-qu {
    font-size: 0.32rem;
    line-height: 0.544rem;
    margin-bottom: 0.288rem;
  }
  .faq a.goto {
    width: 5.28rem;
    height: 0.672rem;
    font-size: 0.256rem;
    line-height: 0.672rem;
  }
}

/* KC×葡萄酒庄园 */
.kc-wine .t1-a1 {
  padding-top: 0;
}
.kc-wine .inner .rel {
  padding-top: 58.2638888889%;
  position: relative;
}
.kc-wine .inner .img-container {
  width: 43.125%;
  padding-top: 39.375%;
  position: absolute;
  overflow: hidden;
}
.kc-wine .inner .img-container .img-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.kc-wine .inner .img-container img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.kc-wine .inner .img-container:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.kc-wine .inner .img-container.left {
  top: 0;
  left: 0;
  -webkit-animation-name: fadeInLeft-200;
  animation-name: fadeInLeft-200;
}
.kc-wine .inner .img-container.right {
  bottom: 0;
  right: 0;
  -webkit-animation-name: fadeInRight-200;
  animation-name: fadeInRight-200;
}
.kc-wine .inner .text {
  width: 38.8888888889%;
  height: 444px;
  background: white;
  border: 2px solid #bb985e;
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  line-height: 2;
  padding: 0 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 6.9129916567%;
  left: 29.6527777778%;
  animation-name: slideInUp;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  z-index: 3;
  cursor: pointer;
}
.kc-wine .inner .text .title {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.kc-wine .inner .text .toggle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 52px;
  box-sizing: border-box;
  transition: 0.5s;
  background: #fff;
}
.kc-wine .inner .text .toggle:nth-of-type(2) {
  opacity: 0;
  line-height: 1.9;
}
@media screen and (min-width: 1024px) {
  .kc-wine .inner .text:hover .toggle:nth-of-type(1) {
    opacity: 0;
  }
  .kc-wine .inner .text:hover .toggle:nth-of-type(2) {
    opacity: 1;
  }
}
.kc-wine .inner .card {
  width: 28.8194444444%;
  height: 245px;
  position: absolute;
  bottom: 6.3170441001%;
  right: 39.0972222222%;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.kc-wine .inner .text-container {
  position: absolute;
  font-size: 48px;
  font-weight: 300;
  color: rgba(187, 152, 94, 0.3);
  line-height: 50px;
  text-transform: uppercase;
}
.kc-wine .inner .text-container:nth-child(5) {
  border-left: 2px solid rgba(187, 152, 94, 0.3);
  left: 71.7361111111%;
  top: 14.0643623361%;
  padding-left: 22px;
  -webkit-animation-name: fadeInRight-200;
  animation-name: fadeInRight-200;
}
.kc-wine .inner .text-container:nth-child(6) {
  border-right: 2px solid rgba(187, 152, 94, 0.3);
  padding-right: 22px;
  bottom: 10.2502979738%;
  right: 71.0416666667%;
  text-align: right;
  -webkit-animation-name: fadeInLeft-200;
  animation-name: fadeInLeft-200;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .kc-wine .inner .text {
    width: 50%;
    height: 327px;
    font-size: 13px;
    left: 22.95833%;
    top: 6.50894%;
  }
  .kc-wine .inner .text .title {
    font-size: 18px;
  }
  .kc-wine .inner .text .toggle {
    padding: 0 30px;
  }
  .kc-wine .inner .card {
    height: 164px;
  }
  .kc-wine .inner .text-container {
    font-size: 32px;
    line-height: 36px;
  }
  .kc-wine .inner .text-container:nth-of-type(5) {
    left: 76%;
  }
}
@media only screen and (max-width: 1023px) {
  .kc-wine .t1-a1 {
    padding-top: 0;
  }
  .kc-wine .inner .rel {
    padding-top: 0;
  }
  .kc-wine .inner .img-container {
    position: relative;
    width: 95.4929577465%;
    height: 6.19rem;
    padding: 0;
    margin: 0 auto 0;
  }
  .kc-wine .inner .img-container.left, .kc-wine .inner .img-container.rigtht {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .kc-wine .inner .img-container:nth-of-type(3) {
    margin-top: 0.41rem;
  }
  .kc-wine .inner .text-container {
    display: none;
  }
  .kc-wine .inner .text {
    width: 6.04rem;
    height: 5.8rem;
    background: white;
    border: 1px solid #bb985e;
    font-size: 0.24rem;
    font-weight: 400;
    color: #454545;
    line-height: 0.38rem;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: relative;
    margin: -1.25rem auto 0;
  }
  .kc-wine .inner .text .title {
    font-size: 0.28rem;
  }
  .kc-wine .inner .text .toggle {
    padding: 0 0.3rem;
  }
  .kc-wine .inner .card {
    width: 604px;
    height: 245px;
    background: #110b0c;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: relative;
    margin: -1.25rem auto 0;
    width: 6.04rem;
    height: 2.5rem;
    background: #110b0c;
  }
  .kc-wine .inner .card img {
    width: auto;
    margin: auto;
  }
}

/* 葡萄园&&卓越与经典 */
.vin {
  padding: 30px 0;
}
.vin .inner .rel {
  position: relative;
}
.vin .inner .img-wrap {
  float: left;
  width: 62.9861111111%;
  padding-top: 44.5833333333%;
  position: relative;
  -webkit-animation-name: fadeInRight-200;
  animation-name: fadeInRight-200;
  overflow: hidden;
}
.vin .inner .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.vin .inner .img-wrap img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.vin .inner .img-wrap:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.vin .inner .text-container {
  width: 41.3888888889%;
  height: 71.6510903427%;
  background: #110b0c;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 16px;
  font-weight: 400;
  color: white;
  -webkit-animation-name: fadeInLeft-200;
  animation-name: fadeInLeft-200;
}
.vin .inner .text-container .text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: -webkit-calc(100% - 57px);
  height: calc(100% - 57px);
  line-height: 2.25;
  padding: 8.389261745%;
}
.vin .inner .vineyards {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 57px;
  background: #bb985e;
  font-size: 30px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.31);
}
.vin.vin2 .inner .img-wrap {
  float: right;
  -webkit-animation-name: fadeInLeft-200;
  animation-name: fadeInLeft-200;
}
.vin.vin2 .inner .text-container {
  left: 0;
  right: auto;
  -webkit-animation-name: fadeInRight-200;
  animation-name: fadeInRight-200;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .vin .inner .text-container {
    width: 41.3888888889%;
    height: 84.1121495327%;
  }
  .vin .inner .text-container .text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: -webkit-calc(100% - 44px);
    height: calc(100% - 44px);
    line-height: 1.8;
    font-size: 13px;
    padding: 8.389261745%;
  }
  .vin .inner .vineyards {
    line-height: 44px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .vin {
    padding: 0.3rem 0;
  }
  .vin .inner .img-wrap {
    width: 100%;
    float: none;
    padding-top: 0;
  }
  .vin .inner .img-wrap img {
    position: static;
    height: auto;
  }
  .vin .inner .text-container {
    position: relative;
    width: 6.18rem;
    margin: -0.81rem auto 0;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    padding-bottom: 0.6rem;
  }
  .vin .inner .text-container .text {
    font-size: 0.24rem;
    font-weight: 400;
    color: white;
    line-height: 0.38rem;
    padding: 0.36rem;
  }
  .vin .inner .text-container .vineyards {
    line-height: 0.6rem;
    font-size: 0.3rem;
  }
  .vin.vin2 .inner .img-wrap {
    float: none;
  }
}

/* excellences 酿酒场 */
.excellences {
  position: relative;
}
.excellences .swiper-slide {
  width: 62.1875%;
  opacity: 1;
}
.excellences .swiper-slide .center {
  padding-top: 50.1206757844%;
  position: relative;
  cursor: pointer;
}
.excellences .swiper-slide .center img {
  position: absolute;
  top: 0;
  left: 0;
}
.excellences .swiper-slide .center .video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.excellences .swiper-slide .center .video-container video {
  width: 120%;
  height: 120%;
  position: absolute;
  top: -10%;
  left: -10%;
}
.excellences .swiper-slide .center .video-container .close {
  position: absolute;
  border-radius: 50%;
  z-index: 3;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  background: #C9A966 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA+ElEQVRYR+2WIRICMQxFXxQXQYHFIDkBjhNwMiSOE+BwSFDcggOE6Ux3hunsdpuIjWntJv///UnaCMFHgvnpAroDkw6o6h1YAWcReXuaVVU3wAX4ishhDKMm4AHsgRdwsorI5FdgCzxFZGcVkNQPACYRBXk1t9qEFqDh76w5s1NgAbTEDoJnBaTAFuCWGFMPlME1Ai954mhyoFbf/M3VrGYBI+X4ZAFr77iaHCicuAGJOJ0k5Gi9K1wO/LkQI6BouGVLMNbtizVh6Bi2zHlLjOsisgBbYpuuYg+gNae2D8Q+x6oavpDErmSeHdCT43oLPERTOV1Ad+AH19HMIaqwJC0AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
}
.excellences .swiper-slide-active {
  opacity: 1;
}
.excellences .swiper-slide .text-container {
  text-align: center;
  padding: 2.252614642% 0;
}
.excellences .swiper-slide .text-container .title {
  display: inline-block;
  vertical-align: middle;
  line-height: 47px;
  font-size: 28px;
  font-weight: 400;
  color: #222222;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: -webkit-calc(100% - 320px);
  max-width: calc(100% - 320px);
}
.excellences .swiper-slide .text-container .line {
  display: inline-block;
  vertical-align: middle;
  margin: 0 23px;
}
.excellences .swiper-slide .text-container .line img {
  max-width: 100%;
}
.excellences .swiper-slide .text-container .text {
  line-height: 26px;
  font-size: 16px;
  font-weight: 300;
  color: #222222;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.excellences .show-time-btn {
  position: absolute;
  top: 0px;
  bottom: 0;
  margin: auto 0;
  width: 42px;
  height: 42px;
  background-size: 60%;
  cursor: pointer;
  z-index: 3;
  background-color: #000;
}
.excellences .show-time-prev {
  left: 14.4270833333%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22icon%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%201024%201024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M927.8%20478H175.5l219.3-219.3c10.7-10.7%2010.7-28.1%200-38.7l-6.5-6.5c-10.7-10.7-28.1-10.7-38.7%200L81.7%20481.3c-9.2%204.5-16%2013.4-17.6%2023.9-1.5%207.1-.1%2014.7%204%2021%202.4%204%205.6%207.5%209.4%2010.1l.5.5c2.6%202.6%205.6%204.6%208.8%205.9l266.7%20266.7c10.7%2010.7%2028.1%2010.7%2038.7%200l6.5-6.5c10.7-10.7%2010.7-28.1%200-38.7l-222-222.3h751.1c17.6%200%2032-14.4%2032-32%200-17.5-14.4-31.9-32-31.9z%22%2F%3E%3C%2Fsvg%3E");
}
.excellences .show-time-next {
  right: 14.4270833333%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22icon%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%201024%201024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M885.113%20489.373L628.338%20232.599c-12.496-12.497-32.758-12.497-45.254%200-12.497%2012.497-12.497%2032.758%200%2045.255l203.3%20203.3H158.025c-17.036%200-30.846%2013.811-30.846%2030.846%200%2017.036%2013.811%2030.846%2030.846%2030.846h628.36L583.084%20746.147c-12.497%2012.496-12.497%2032.758%200%2045.255%206.248%206.248%2014.438%209.372%2022.627%209.372s16.379-3.124%2022.627-9.372l256.775-256.775a31.999%2031.999%200%200%200%200-45.254z%22%2F%3E%3C%2Fsvg%3E");
}
@media only screen and (max-width: 1023px) {
  .excellences .swiper-container {
    display: none;
  }
  .excellences .swiper-slide {
    width: 88%;
  }
  .excellences .show-time-btn {
    width: 0.3rem;
    height: 0.42rem;
    background-size: 100%;
    background-color: transparent;
  }
  .excellences .show-time-prev {
    left: 10%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
  }
  .excellences .show-time-next {
    right: 10%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
  }
}

.excellences-touch {
  display: none;
}
.excellences-touch .excellences-rel {
  position: relative;
  height: 4.3rem;
}
@media only screen and (max-width: 1023px) {
  .excellences-touch {
    display: block;
  }
}

/* tenuta托斯卡纳 */
.tenuta {
  height: 720px;
  position: relative;
  margin: 50px 0 30px;
  -webkit-animation-name: fadeInUp-200;
  animation-name: fadeInUp-200;
}
.tenuta .swiper-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tenuta .parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-image: url(../img/sunc533e171.jpg);
}
.tenuta .top {
  font-size: 48px;
  font-weight: 300;
  color: white;
  position: relative;
}
.tenuta .top::before {
  width: 1px;
  height: 55px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  content: "";
}
.tenuta .bottom {
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 26px;
}
.tenuta sup {
  font-size: 16px;
  vertical-align: top;
  padding-left: 0.5em;
}
.tenuta .swiper-wrapper {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tenuta .swiper-slide {
  width: 230px;
  padding-top: 222px;
  text-align: center;
}
.tenuta .swiper-slide:last-of-type .top::after {
  width: 1px;
  height: 55px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  content: "";
}
.tenuta .tenuta-pa {
  font-size: 0;
  line-height: 0;
  bottom: 0.46rem;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.tenuta .tenuta-pa .swiper-pagination-bullet {
  width: 0.18rem;
  height: 0.18rem;
  background: white;
  border-radius: 50%;
  opacity: 0.6;
}
.tenuta .tenuta-pa .swiper-pagination-bullet-active {
  opacity: 1;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .tenuta {
    height: 600px;
  }
  .tenuta .top {
    font-size: 42px;
  }
  .tenuta .top sup {
    font-size: 14px;
  }
  .tenuta .parallax-bg {
    background-position: center top;
  }
}
@media only screen and (max-width: 1023px) {
  .tenuta {
    margin: 0.7rem 0;
    height: 7.2rem;
  }
  .tenuta .parallax-bg {
    width: 130%;
  }
  .tenuta .swiper-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .tenuta .swiper-slide {
    width: 100%;
    padding-top: 2.89rem;
  }
  .tenuta .swiper-slide .top {
    font-size: 0.56rem;
    width: 4.11rem;
    margin: 0 auto;
  }
  .tenuta .swiper-slide .top sup {
    font-size: 0.24rem;
  }
  .tenuta .swiper-slide .top::before {
    width: 1px;
    height: 0.9rem;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    content: "";
  }
  .tenuta .swiper-slide .top::after {
    width: 1px;
    height: 0.9rem;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    content: "";
  }
  .tenuta .swiper-slide .bottom {
    font-size: 0.24rem;
    width: 4.11rem;
    margin: 0 auto;
  }
}

.bg-title-container {
  width: 100%;
  position: absolute;
  top: 77px;
  left: 0;
  text-align: center;
  z-index: 3;
}
.bg-title-container .bg-title {
  font-size: 40px;
  font-weight: bold;
  color: white;
  line-height: 50px;
  margin-bottom: 17px;
}
.bg-title-container .bg-text {
  font-size: 18px;
  font-weight: 400;
  color: white;
  line-height: 28px;
}
@media only screen and (max-width: 1023px) {
  .bg-title-container {
    top: 0.7rem;
  }
  .bg-title-container .bg-title {
    font-size: 0.48rem;
    line-height: 0.58rem;
    top: 0.72rem;
    margin-bottom: 0.2rem;
  }
  .bg-title-container .bg-text {
    font-size: 0.24rem;
    font-weight: 400;
    color: white;
    line-height: 0.34rem;
    max-width: 6.4rem;
    margin: 0 auto;
  }
}

/* 优异品质 */
.excellence .inner .swiper-wrapper {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.excellence .inner .swiper-slide {
  width: 32.2222222222%;
  height: 548px;
  background: #000;
  overflow: hidden;
  overflow: hidden;
}
.excellence .inner .swiper-slide img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.excellence .inner .swiper-slide:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.excellence .inner .swiper-slide .line-box {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  margin: auto;
}
.excellence .inner .swiper-slide .line {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  background: #c9a966;
}
.excellence .inner .swiper-slide .line:nth-of-type(1) {
  width: 0;
  height: 1px;
  top: 0;
  right: 0;
}
.excellence .inner .swiper-slide .line:nth-of-type(2) {
  height: 0;
  right: 0;
  width: 1px;
  top: 0;
}
.excellence .inner .swiper-slide .line:nth-of-type(3) {
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
}
.excellence .inner .swiper-slide .line:nth-of-type(4) {
  width: 1px;
  height: 0;
  left: 0;
  bottom: 0;
}
.excellence .inner .swiper-slide:hover .line:nth-of-type(1) {
  width: 90%;
}
.excellence .inner .swiper-slide:hover .line:nth-of-type(2) {
  height: 90%;
}
.excellence .inner .swiper-slide:hover .line:nth-of-type(3) {
  width: 90%;
}
.excellence .inner .swiper-slide:hover .line:nth-of-type(4) {
  height: 90%;
}
.excellence .inner .swiper-slide .text-container {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.42);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.excellence .inner .swiper-slide .text-container .title {
  font-size: 24px;
  font-weight: 400;
  color: white;
  line-height: 30px;
}
.excellence .inner .swiper-slide .text-container .title-li {
  width: 0.57rem;
  height: 0.02rem;
  margin: 20px auto 16px;
  background: #bb985e;
}
.excellence .inner .swiper-slide .text-container .text {
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 30px;
}
.excellence .inner .swiper-slide:hover .text-container {
  opacity: 1;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .excellence .inner .swiper-slide {
    height: 365px;
  }
  .excellence .inner .swiper-slide .text-container .title {
    font-size: 18px;
    line-height: 26px;
  }
  .excellence .inner .swiper-slide .text-container .text {
    font-size: 14px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1023px) {
  .excellence .inner {
    width: 100%;
  }
  .excellence .inner .swiper-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .excellence .inner .swiper-slide {
    width: 5.04rem;
    height: 5.98rem;
    -webkit-transform: scale(0.9163879599);
    -ms-transform: scale(0.9163879599);
    transform: scale(0.9163879599);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  .excellence .inner .swiper-slide .text-container {
    opacity: 0;
  }
  .excellence .inner .swiper-slide .text-container .title {
    font-size: 0.36rem;
    line-height: 0.46rem;
  }
  .excellence .inner .swiper-slide .text-container .title-li {
    margin-bottom: 0.16rem;
    margin-top: 0.16rem;
  }
  .excellence .inner .swiper-slide .text-container .text {
    font-size: 0.24rem;
    font-weight: 400;
    color: white;
    line-height: 0.4rem;
  }
  .excellence .inner .swiper-slide-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .excellence .inner .swiper-slide-active .text-container {
    opacity: 1;
  }
  .excellence .inner .swiper-slide-active .line:nth-of-type(1) {
    width: 90%;
  }
  .excellence .inner .swiper-slide-active .line:nth-of-type(2) {
    height: 90%;
  }
  .excellence .inner .swiper-slide-active .line:nth-of-type(3) {
    width: 90%;
  }
  .excellence .inner .swiper-slide-active .line:nth-of-type(4) {
    height: 90%;
  }
}

/* 橄榄油 */
.olive-oil {
  margin-top: 30px;
}
.olive-oil .container {
  height: 607px;
}
.olive-oil .container .item {
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
}
.olive-oil .container .item:nth-of-type(1) {
  background-image: url(../img/oil-bg1d851bac0.jpg);
}
.olive-oil .container .item:nth-of-type(1) .box {
  float: right;
  height: 100%;
}
.olive-oil .container .item:nth-of-type(2) {
  background-image: url(../img/oil-bg29b766cdb.jpg);
}
.olive-oil .container .item:nth-of-type(2) .box {
  float: left;
  height: 100%;
}
.olive-oil .container .item .box {
  width: 720px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.olive-oil .container .item .box img {
  width: 100%;
}
.olive-oil .container .item .img-box {
  width: 31.9444444444%;
  height: 100%;
}
.olive-oil .container .item .text-container {
  width: 53.4722222222%;
  margin-left: 26px;
  height: 100%;
}
.olive-oil .container .item .text-container .title,
.olive-oil .container .item .text-container .text {
  color: #fff;
}
.olive-oil .container .item .text-container .title {
  font-size: 30px;
  font-weight: 300;
  color: white;
  line-height: 50px;
}
.olive-oil .container .item .text-container .line {
  width: 58px;
  height: 2px;
  background: #c09d57;
  margin: 19px 0 30px;
}
.olive-oil .container .item .text-container .text {
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 34px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .olive-oil .container {
    height: 467px;
  }
  .olive-oil .container .item .box {
    width: 480px;
  }
  .olive-oil .container .item .text-container {
    width: 60%;
    margin-left: 0;
  }
  .olive-oil .container .item .text-container .title {
    font-size: 20px;
    line-height: 30px;
  }
  .olive-oil .container .item .text-container .text {
    font-size: 14px;
    line-height: 2;
  }
}
@media only screen and (max-width: 1023px) {
  .olive-oil .container {
    height: auto;
  }
  .olive-oil .container .item {
    width: 100%;
    height: 6.87rem;
  }
  .olive-oil .container .item .img-box {
    width: 38.94444%;
  }
  .olive-oil .container .item .box {
    width: 100%;
  }
  .olive-oil .container .item .text-container {
    margin-left: 0;
  }
  .olive-oil .container .item .text-container .title {
    font-size: 0.4rem;
    line-height: 0.6rem;
  }
  .olive-oil .container .item .text-container .line {
    width: 58px;
    height: 0.02rem;
    background: #c09d57;
    margin: 0.22rem 0 0.18rem;
  }
  .olive-oil .container .item .text-container .text {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}

/* 弹窗 */
.snackbar {
  width: 625px;
  height: 325px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 11;
  background: #fff;
  overflow: hidden;
  display: none;
  text-align: center;
  padding: 54px 0 0 0;
}
.snackbar .iconfont {
  font-size: 32px;
  color: #46204f;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}
.snackbar .iconfont:hover {
  color: #C9A966;
}
.snackbar .title {
  font-size: 24px;
  line-height: 34px;
  color: #454545;
  position: relative;
  z-index: 2;
}
.snackbar .line {
  width: 81px;
  height: 2px;
  background: #c09d57;
  margin: 11px auto 12px;
  position: relative;
  z-index: 2;
}
.snackbar .text {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}
.snackbar .qr-code {
  width: 126px;
  height: 126px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.snackbar .logo-mask {
  right: 8%;
  bottom: -12.7840909091%;
  position: absolute;
  display: none;
}
@media only screen and (max-width: 1023px) {
  .snackbar {
    width: 90%;
    height: 5.4rem;
    padding: 1rem 10px 0;
    border-radius: 0.06rem;
  }
  .snackbar .title {
    font-size: 0.4rem;
    line-height: 0.5rem;
  }
  .snackbar .text {
    font-size: 0.26rem;
    line-height: 0.42rem;
  }
  .snackbar .iconfont {
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.4rem;
  }
}

.snackbar-mock {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  display: none;
}

.no-tin-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11;
  display: none;
  text-align: center;
}

.no-tin {
  z-index: 12;
  background: #fff;
  padding: 60px 90px;
  display: inline-block;
  position: relative;
  width: auto;
  min-width: 320px;
  text-align: center;
  box-sizing: border-box;
}
.no-tin .iconfont {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 32px;
  color: #46204f;
  background: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
}
.no-tin .iconfont:hover {
  color: #C9A966;
}
.no-tin .msg {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

.fadeInUp-50 {
  -webkit-animation-name: fadeInUp-50;
  animation-name: fadeInUp-50;
}

.fadeInRight-50 {
  -webkit-animation-name: fadeInRight-50;
  animation-name: fadeInRight-50;
}

.fadeInDown-50 {
  -webkit-animation-name: fadeInDown-50;
  animation-name: fadeInDown-50;
}

.fadeInLeft-50 {
  -webkit-animation-name: fadeInLeft-50;
  animation-name: fadeInLeft-50;
}

@-webkit-keyframes fadeInUp-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft-50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp-100 {
  -webkit-animation-name: fadeInUp-100;
  animation-name: fadeInUp-100;
}

.fadeInRight-100 {
  -webkit-animation-name: fadeInRight-100;
  animation-name: fadeInRight-100;
}

.fadeInDown-100 {
  -webkit-animation-name: fadeInDown-100;
  animation-name: fadeInDown-100;
}

.fadeInLeft-100 {
  -webkit-animation-name: fadeInLeft-100;
  animation-name: fadeInLeft-100;
}

@-webkit-keyframes fadeInUp-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft-100 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp-200 {
  -webkit-animation-name: fadeInUp-200;
  animation-name: fadeInUp-200;
}

.fadeInRight-200 {
  -webkit-animation-name: fadeInRight-200;
  animation-name: fadeInRight-200;
}

.fadeInDown-200 {
  -webkit-animation-name: fadeInDown-200;
  animation-name: fadeInDown-200;
}

.fadeInLeft-200 {
  -webkit-animation-name: fadeInLeft-200;
  animation-name: fadeInLeft-200;
}

@-webkit-keyframes fadeInUp-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft-200 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* 设计工作室 */
.designstudio .inner {
  position: relative;
}
.designstudio .inner .box {
  padding-top: 27.6388888889%;
  position: relative;
  background: #fff url(../img/mape37c5332.jpg) left bottom/100% auto no-repeat;
}
.designstudio .inner .t1-a1 {
  left: 16.4583333333%;
  position: absolute;
  top: 24.6231155779%;
  width: auto;
  padding: 0;
  z-index: 2;
}
.designstudio .inner .line {
  width: 1px;
  background: rgba(187, 152, 94, 0.5);
  position: absolute;
  left: -4px;
  bottom: -4px;
}
.designstudio .inner .text {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  width: 60px;
  line-height: 26px;
  position: absolute;
}
.designstudio .inner .dot {
  width: 9px;
  height: 9px;
  background: #c9a966;
  border-radius: 50%;
  position: absolute;
  left: -4px;
  top: 0;
}
.designstudio .inner .dot .dot1 {
  width: 21px;
  height: 21px;
  background: rgba(201, 169, 102, 0.3);
  animation-name: zoomIn;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border-radius: 50%;
  top: 0;
  left: 0;
  animation-iteration-count: infinite;
  position: absolute;
  top: -6px;
  left: -6px;
}
.designstudio .inner .dot .dot2 {
  animation-delay: 0.7s;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(1) {
  width: 1px;
  right: 17.7083333333%;
  bottom: 26.8844221106%;
}
.designstudio .inner .item:nth-of-type(1) .line {
  transition: 1.76s;
  height: 176px;
}
.designstudio .inner .item:nth-of-type(1) .text {
  left: 18px;
  top: -9px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(2) {
  width: 1px;
  right: 20.7638888889%;
  bottom: 29.648241206%;
}
.designstudio .inner .item:nth-of-type(2) .line {
  transition: 1.09s;
  height: 109px;
}
.designstudio .inner .item:nth-of-type(2) .text {
  left: 18px;
  top: -9px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(3) {
  width: 1px;
  right: 23.0555555556%;
  bottom: 23.8693467337%;
}
.designstudio .inner .item:nth-of-type(3) .line {
  transition: 2.09s;
  height: 209px;
}
.designstudio .inner .item:nth-of-type(3) .text {
  left: 18px;
  top: -9px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(4) {
  width: 1px;
  right: 25.2083333333%;
  bottom: 29.8994974874%;
}
.designstudio .inner .item:nth-of-type(4) .line {
  transition: 2.68s;
  height: 268px;
}
.designstudio .inner .item:nth-of-type(4) .text {
  left: 18px;
  top: -9px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(5) {
  width: 1px;
  right: 27.2916666667%;
  bottom: 29.1457286432%;
}
.designstudio .inner .item:nth-of-type(5) .line {
  transition: 2.21s;
  height: 221px;
}
.designstudio .inner .item:nth-of-type(5) .text {
  left: -50px;
  top: -9px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(6) {
  width: 1px;
  right: 30.4861111111%;
  bottom: 24.8743718593%;
}
.designstudio .inner .item:nth-of-type(6) .line {
  transition: 1.09s;
  height: 109px;
}
.designstudio .inner .item:nth-of-type(6) .text {
  left: -20px;
  top: -30px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(7) {
  width: 1px;
  right: 32.7777777778%;
  bottom: 29.1457286432%;
}
.designstudio .inner .item:nth-of-type(7) .line {
  transition: 1.76s;
  height: 176px;
}
.designstudio .inner .item:nth-of-type(7) .text {
  left: 18px;
  top: -9px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(8) {
  width: 1px;
  right: 35.0694444444%;
  bottom: 26.6331658291%;
}
.designstudio .inner .item:nth-of-type(8) .line {
  transition: 1.09s;
  height: 109px;
}
.designstudio .inner .item:nth-of-type(8) .text {
  left: -20px;
  top: -30px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(9) {
  width: 1px;
  right: 48.8888888889%;
  bottom: 25.1256281407%;
}
.designstudio .inner .item:nth-of-type(9) .line {
  transition: 1.59s;
  height: 159px;
}
.designstudio .inner .item:nth-of-type(9) .text {
  left: 18px;
  top: -9px;
}
.designstudio .inner .item {
  position: absolute;
  z-index: 2;
}
.designstudio .inner .item:nth-of-type(10) {
  width: 1px;
  right: 52.4305555556%;
  bottom: 27.3869346734%;
}
.designstudio .inner .item:nth-of-type(10) .line {
  transition: 2.11s;
  height: 211px;
}
.designstudio .inner .item:nth-of-type(10) .text {
  left: 18px;
  top: -9px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .designstudio .inner .dot {
    width: 7px;
    height: 7px;
    background: #c9a966;
    border-radius: 50%;
    position: absolute;
    left: -3px;
    top: 0;
  }
  .designstudio .inner .dot .dot1 {
    width: 17px;
    height: 17px;
    background: rgba(201, 169, 102, 0.3);
    animation-name: zoomIn;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
    top: 0;
    left: 0;
    animation-iteration-count: infinite;
    position: absolute;
    top: -5px;
    left: -5px;
  }
  .designstudio .inner .dot .dot2 {
    animation-delay: 0.7s;
  }
  .designstudio .inner .text {
    font-size: 14px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(1) {
    width: 1;
    right: 17.7083333333%;
    bottom: 26.8844221106%;
  }
  .designstudio .inner .item:nth-of-type(1) .line {
    height: 126px;
  }
  .designstudio .inner .item:nth-of-type(1) .text {
    left: 18px;
    top: -9px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(2) {
    width: 1;
    right: 20.7638888889%;
    bottom: 29.648241206%;
  }
  .designstudio .inner .item:nth-of-type(2) .line {
    height: 59px;
  }
  .designstudio .inner .item:nth-of-type(2) .text {
    left: -14px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(3) {
    width: 1;
    right: 23.0555555556%;
    bottom: 23.8693467337%;
  }
  .designstudio .inner .item:nth-of-type(3) .line {
    height: 126px;
  }
  .designstudio .inner .item:nth-of-type(3) .text {
    left: -14px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(4) {
    width: 1;
    right: 25.2083333333%;
    bottom: 29.8994974874%;
  }
  .designstudio .inner .item:nth-of-type(4) .line {
    height: 170px;
  }
  .designstudio .inner .item:nth-of-type(4) .text {
    left: 18px;
    top: -9px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(5) {
    width: 1;
    right: 27.2916666667%;
    bottom: 29.1457286432%;
  }
  .designstudio .inner .item:nth-of-type(5) .line {
    height: 130px;
  }
  .designstudio .inner .item:nth-of-type(5) .text {
    left: -50px;
    top: -9px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(6) {
    width: 1;
    right: 30.4861111111%;
    bottom: 24.8743718593%;
  }
  .designstudio .inner .item:nth-of-type(6) .line {
    height: 59px;
  }
  .designstudio .inner .item:nth-of-type(6) .text {
    left: -20px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(7) {
    width: 1;
    right: 32.7777777778%;
    bottom: 29.1457286432%;
  }
  .designstudio .inner .item:nth-of-type(7) .line {
    height: 96px;
  }
  .designstudio .inner .item:nth-of-type(7) .text {
    left: 18px;
    top: -9px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(8) {
    width: 1;
    right: 35.0694444444%;
    bottom: 26.6331658291%;
  }
  .designstudio .inner .item:nth-of-type(8) .line {
    height: 59px;
  }
  .designstudio .inner .item:nth-of-type(8) .text {
    left: -20px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(9) {
    width: 1;
    right: 48.8888888889%;
    bottom: 25.1256281407%;
  }
  .designstudio .inner .item:nth-of-type(9) .line {
    height: 109px;
  }
  .designstudio .inner .item:nth-of-type(9) .text {
    left: 18px;
    top: -9px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item:nth-of-type(10) {
    width: 1;
    right: 52.4305555556%;
    bottom: 27.3869346734%;
  }
  .designstudio .inner .item:nth-of-type(10) .line {
    height: 161px;
  }
  .designstudio .inner .item:nth-of-type(10) .text {
    left: 18px;
    top: -9px;
  }
}
@media only screen and (max-width: 1023px) {
  .designstudio .inner .box {
    height: 3.73rem;
    padding: 0;
    background-size: 200%;
    background-position: 80% bottom;
  }
  .designstudio .inner .t1-a1 {
    position: static;
  }
  .designstudio .inner .text {
    font-size: 0.24rem;
  }
  .designstudio .inner .dot {
    width: 5px;
    height: 5px;
    background: #c9a966;
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: 0;
  }
  .designstudio .inner .dot .dot1 {
    width: 11px;
    height: 11px;
    background: rgba(201, 169, 102, 0.3);
    animation-name: zoomIn;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
    top: 0;
    left: 0;
    animation-iteration-count: infinite;
    position: absolute;
    top: -3px;
    left: -3px;
  }
  .designstudio .inner .dot .dot2 {
    animation-delay: 0.7s;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(1) {
    width: 1;
    right: 14.7638888889%;
    bottom: 26.8844221106%;
  }
  .designstudio .inner .item:nth-of-type(1) .line {
    height: 1.26rem;
  }
  .designstudio .inner .item:nth-of-type(1) .text {
    left: 18px;
    top: -9px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(2) {
    width: 1;
    right: 21.8194444444%;
    bottom: 29.648241206%;
  }
  .designstudio .inner .item:nth-of-type(2) .line {
    height: 0.59rem;
  }
  .designstudio .inner .item:nth-of-type(2) .text {
    left: -14px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(3) {
    width: 1;
    right: 28.1111111111%;
    bottom: 23.8693467337%;
  }
  .designstudio .inner .item:nth-of-type(3) .line {
    height: 1.26rem;
  }
  .designstudio .inner .item:nth-of-type(3) .text {
    left: -14px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(4) {
    width: 1;
    right: 34.2638888889%;
    bottom: 29.8994974874%;
  }
  .designstudio .inner .item:nth-of-type(4) .line {
    height: 1.7rem;
  }
  .designstudio .inner .item:nth-of-type(4) .text {
    left: -15px;
    top: -26px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(5) {
    width: 1;
    right: 40.3472222222%;
    bottom: 29.1457286432%;
  }
  .designstudio .inner .item:nth-of-type(5) .line {
    height: 1.3rem;
  }
  .designstudio .inner .item:nth-of-type(5) .text {
    left: -20px;
    top: -24px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(6) {
    width: 1;
    right: 47.5416666667%;
    bottom: 24.8743718593%;
  }
  .designstudio .inner .item:nth-of-type(6) .line {
    height: 0.59rem;
  }
  .designstudio .inner .item:nth-of-type(6) .text {
    left: -20px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(7) {
    width: 1;
    right: 53.8333333333%;
    bottom: 29.1457286432%;
  }
  .designstudio .inner .item:nth-of-type(7) .line {
    height: 0.96rem;
  }
  .designstudio .inner .item:nth-of-type(7) .text {
    left: -1px;
    top: -19px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(8) {
    width: 1;
    right: 60.125%;
    bottom: 26.6331658291%;
  }
  .designstudio .inner .item:nth-of-type(8) .line {
    height: 0.59rem;
  }
  .designstudio .inner .item:nth-of-type(8) .text {
    left: -20px;
    top: -30px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(9) {
    width: 1;
    right: 77.9444444444%;
    bottom: 25.1256281407%;
  }
  .designstudio .inner .item:nth-of-type(9) .line {
    height: 1.09rem;
  }
  .designstudio .inner .item:nth-of-type(9) .text {
    left: -18px;
    top: -20px;
  }
  .designstudio .inner .item {
    position: absolute;
    z-index: 2;
  }
  .designstudio .inner .item img {
    width: 0.16rem;
  }
  .designstudio .inner .item:nth-of-type(10) {
    width: 1;
    right: 85.4861111111%;
    bottom: 27.3869346734%;
  }
  .designstudio .inner .item:nth-of-type(10) .line {
    height: 1.61rem;
  }
  .designstudio .inner .item:nth-of-type(10) .text {
    left: 18px;
    top: -9px;
  }
}

/* 设计师 */
.designer{ overflow:hidden;}
.designer .left {
  width: 48.2638888889%;
  background-color: #f3f3f3;
  padding: 2.9166666667% 3.4027777778%;
  box-sizing: border-box;
  position: relative;
  animation-name: fadeInLeft-200;
  animation-duration: 0.6s;
}
.designer .left .box {
  overflow: hidden;
  overflow: hidden;
}
.designer .left .box img { width:597px; height:auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.designer .left .box:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.designer .left .box img {
  width: 100%;
}
.designer .left .line {
  width: 70px;
  left: 100%;
  border-bottom: 3px solid #bb985e;
  position: absolute;
  top: 0;
  padding-top: 67px;
  animation-name: w140;
  animation-delay: 0.6s;
  animation-duration: 0.6s;
}
.designer .text-container {
  width: 47.4305555556%;
  padding-top: 26px;
  animation-name: fadeInLeft-200;
  animation-delay: 1.2s;
  animation-duration: 1.2s;
}
.designer .text-container .t1 {
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #222222;
  line-height: 50px;
  text-align: center;
}
.designer .text-container .t2 {
  font-size: 24px;
  font-weight: 300;
  color: #222222;
  line-height: 34px;
  margin-top: 0.5856515373%;
  text-align: center;
}
.designer .text-container .text p{
  font-size: 15px;
  font-weight: 400;
  color: #4b4b4b;
  line-height: 28px;

}

.designer .text-wenhua {
  width: 99%;
  padding-top: 26px;
  animation-name: fadeInLeft-200;
  animation-delay: 1.2s;
  animation-duration: 1.2s;
}
.designer .text-wenhua .t1 {
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #222222;
  line-height: 50px;
  text-align: center;
}
.designer .text-wenhua .t2 {
  font-size: 24px;
  font-weight: 300;
  color: #222222;
  line-height: 34px;
  margin-top: 0.5856515373%;
  text-align: center;
}
.designer .text-wenhua .text p{
  font-size: 15px;
  font-weight: 400;
  color: #4b4b4b;
  line-height: 28px;
  padding:0;
  margin:0;

}
@media only screen and (max-width: 1023px) {
.designer .text-wenhua .text p img{ width:100%; height:auto;}
}
.designer li {
  margin-bottom: 50px;
}
.designer li:nth-of-type(2n) .left {
  float: right;
  animation-name: fadeInRight-200;
}
.designer li:nth-of-type(2n) .left .line {
  left: auto;
  right: 100%;
}
.designer li:nth-of-type(2n) .text-container {
  float: left;
  animation-name: fadeInRight-200;
}
.designer .bottom {
  padding: 0 74px;
  position: relative;
}
.designer .bottom img {
  width: 100%;
}
.designer .bottom .designer-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 42px;
  height: 42px;
  background-color: #bb985e;
  background-size: 24%;
  cursor: pointer;
}
.designer .bottom .designer-btn:hover {
  background-color: #3f2053;
}
.designer .bottom .designer-btn-prev {
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}
.designer .bottom .designer-btn-next {
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .designer .left .line {
    animation-name: w50;
  }
  .designer .text-container .t1 {
    font-size: 20px;
    line-height: 36px;
  }
  .designer .text-container .t2 {
    font-size: 18px;
    line-height: 28px;
  }
  .designer .text-container .text {
    font-size: 14px;
    line-height: 24px;
  }
  .designer .bottom {
    padding: 0 40px;
  }
  .designer .bottom .designer-btn {
    width: 24px;
    height: 24px;
    background-size: 35%;
  }
}
@media only screen and (max-width: 1023px) {
  .designer .left {
    width: 100%;
    padding: 0.4rem;
  }

  .designer .left .line {
    width: 0 !important;
    animation: none;
  }
  .designer li:nth-of-type(2n) .line {
    width: 0 !important;
    animation: none;
  }
  .designer .text-container {
    width: 100%;
    padding-top: 0.32rem;
  }
  .designer .text-container .t1 {
    font-size: 0.34rem;
    line-height: 0.56rem;
  }
  .designer .text-container .t2 {
    font-size: 0.3rem;
    line-height: 0.5rem;
  }
  .designer .text-container .text {
    font-size: 0.24rem;
    line-height: 0.42rem;
  }
  .designer .bottom {
    padding: 0 0.84rem;
  }
  .designer .bottom .designer-btn {
    width: 0.46rem;
    height: 0.46rem;
    background-size: 35%;
  }
}

/*  */
@keyframes w140 {
  0% {
    width: 0;
  }
  100% {
    width: 140px;
  }
}
@keyframes w50 {
  0% {
    width: 0;
  }
  100% {
    width: 50px;
  }
}
/* 图标 */
.product3-b11 {
  width: 30px;
  height: 30px;
  background: #bb985e;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  transition: 0.5s;
}
.product3-b11 .iconfont {
  color: #fff;
  font-size: 18px;
}
.product3-b11:hover {
  background: #3f2053;
}

.product3-b10 a:nth-of-type(2) .product3-b11 .iconfont,
.product2-d10 a:nth-of-type(2) .product3-b11 .iconfont {
  font-size: 22px;
  position: relative;
  top: -1px;
}

/*  */
/* 导航 */
.xxnav {
  display: none;
  position: fixed;
  top: 1rem;
  bottom: 0;
  overflow: auto;
  width: 100%;
  background: #fff;
  z-index: 12;
  padding: 0 0.24rem;
  box-sizing: border-box;
}
.xxnav li {
  border-bottom: 1px solid #dedede;
  padding: 0.17rem 0;
  color: #3f2053;
}
.xxnav li.active .xxnav-top .icondown {
  transform: rotateZ(90deg);
}
.xxnav .xxnav-top {
  line-height: 0.78rem;
  font-size: 0.3rem;
  position: relative;
}
.xxnav .icondown {
  width: 0.6rem;
  height: 0.6rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233f2053'%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  cursor: pointer;
  transform-origin: 50% 50%;
  transition: 0.5s;
  background-size: 28%;
}
.xxnav .xxnav-bottom {
  padding: 0.13rem 0.06rem 0.13rem 0.49rem;
  font-size: 0.28rem;
  line-height: 0.78rem;
  display: none;
}
.xxnav .xxnav-bottom .icondown {
  width: 0.6rem;
  height: 0.6rem;
  right: 0.06rem;
  background-size: 25%;
}
.xxnav .xxnav-bottom .item {
  position: relative;
}
.xxnav .xxnav-bottom .active {
  color: #c9a966;
}

.me1-c1 {
  height: 232px;
  background: #fff;
}
.me1-c1 .inner {
  position: relative;
}
.me1-c1 .sales {
  font-size: 14px;
  font-weight: 400;
  color: #727272;
  line-height: 30px;
  position: absolute;
  left: calc(50% - 644px);
  top: 85px;
}
.me1-c1 .img-wrap {
  width: 288px;
  height: 151px;
}
.me1-c1 .left {
  top: 41px;
  position: absolute;
  left: calc(50% - 494px);
  height: 160px;
  border-right: 1px solid #d9d9d9;
  padding-right: 2px;
}
.me1-c1 .left .text-container {
  width: 200px;
  margin-left: 54px;
}
.me1-c1 .item {
  float: left;
  width: 96px;
  font-size: 14px;
  font-weight: 400;
  color: #727272;
  line-height: 47px;
  text-align: left;
}
.me1-c1 .item:hover {
  color: #c09d57;
}
.me1-c1 .right {
  top: 41px;
  position: absolute;
  left: calc(50% + 96px);
}
.me1-c1 .right .text-container {
  width: 240px;
  margin-left: 42px;
  line-height: 30px;
  margin-top: 41px;
}
.me1-c1 .right .item {
  width: 120px;
}
.me1-c1 .me1-ct {
  top: 41px;
  position: absolute;
  left: calc(50% + 96px + 288px + 42px);
  color: #454545;
  font-size: 15px;
  line-height: 15px;
  z-index: 3;
}
.me1-c1 .me1-ct:hover {
  color: #bb985e;
}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .me1-c1 {
    height: 160px;
  }
  .me1-c1 .me1-c2 {
    top: 30px;
  }
  .me1-c1 .sales {
    left: calc(50% - 480px);
    font-size: 12px;
    line-height: 26px;
    top: 72px;
  }
  .me1-c1 .img-wrap {
    width: 180px;
    height: 98px;
  }
  .me1-c1 .left {
    left: calc(50% - 340px);
    height: 100px;
    top: 30px;
  }
  .me1-c1 .left .text-container {
    margin-left: 40px;
    width: 165px;
  }
  .me1-c1 .item {
    font-size: 12px;
    line-height: 28px;
    width: 80px;
  }
  .me1-c1 .right {
    top: 30px;
  }
  .me1-c1 .right .text-container {
    margin-left: 30px;
    width: 200px;
  }
  .me1-c1 .right .text-container .item {
    width: 100px;
  }
  .me1-c1 .me1-ct {
    top: 30px;
    left: calc(50% + 96px + 180px + 30px);
    font-size: 14px;
  }
}
.b1-a1 img {
  display: none !important;
}

.up1-a1 {
  background: #46204f;
}

/* 1. http://newdxm.longcai.pw/  首页 */
@media only screen and (min-width: 1480px) {
  /* banner&&新品展示 */
  .ind1-a1 {
    margin-bottom: 80px-172px -36px -44px -76px -50px;
  }

  /* 新品展示&&产品系列 */
  .ind3-a1 {
    margin-bottom: 30px;
  }

  /* 产品系列&&品牌介绍 */
  .ind4-a1 {
    margin-bottom: 30px;
  }

  /* 品牌介绍&&kc新闻 */
  .ind5-a1 {
    margin-bottom: 30px;
  }

  /* kc新闻&&服务项目 待确认 */
  .ind6-a1 {
    height: calc(368px + 30px*2);
    margin-top: -30px;
  }

  .ind6-a2 {
    top: 30px;
  }
  .ind6-a2:hover {
    top: -10px;
  }

  /*  */
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .hd1-a1 {
    height: 144px;
  }
}
/* 2. http://newdxm.longcai.pw/brand/story?aid=2&tid=10  kc品牌-品牌故事*/
@media only screen and (min-width: 1480px) {
  /* banner 1440宽 */
  .ban1-a1 {
    margin-bottom: 50px;
  }

  /* 二级导航 */
  .mb-er-menu {
    margin-bottom: 0;
  }

  .story1-a1 {
    margin-bottom: 30px;
  }

  .story1-b1 {
    margin-bottom: 30px;
  }

  .story1-c1 {
    margin-bottom: 30px;
  }
}
/* slide border reset */
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .global1-a7 ul li {
    line-height: 36px;
    border-bottom: 1px solid transparent;
  }
}
@media only screen and (max-width: 1023px) {
  .global1-a7 ul li {
    border-bottom: 1px solid transparent;
  }

  .global1-a7 ul {
    border-bottom: 1px solid #a9a9a9;
  }
}
/* 3. http://newdxm.longcai.pw/brand/culture?aid=2&tid=11  kc品牌-品牌文化*/
@media only screen and (min-width: 1480px) {
  .culture1-b2:last-of-type {
    margin-bottom: 26px;
  }
}
/* 4 . http://newdxm.longcai.pw/products/prolist?aid=5&tid=12 kc产品  */
/* 5 . http://newdxm.longcai.pw/products/prolist1?aid=5 kc产品-新品展示 新品展示  */
/* 6 http://newdxm.longcai.pw/products/prolist1?aid=5 产品皮草 */
/* 7 http://newdxm.longcai.pw/products/kopenhagen?aid=5 产品 k-kc */
@media only screen and (min-width: 1480px) {
  .kopenhagen1-b1,
.kopenhagen1-c1 {
    margin-bottom: 30px;
  }

  .kopenhagen1-f1 {
    margin-bottom: 20px;
  }

  .pt0 {
    padding-top: 0;
  }

  .saga1-a1 {
    margin-bottom: 30px;
  }
}
/* 8 http://newdxm.longcai.pw/products/question?aid=5&tid=15 问卷调查 */
.question1-b1:nth-of-type(1) .question1-b2, .question1-b1:nth-of-type(2) .question1-b2 {
  margin-bottom: 6px;
}

.question1-b3 input[type=text] {
  display: block;
  width: 100%;
  height: 44px;
  margin: 0;
  font-size: 16px;
  color: #333;
}

#saga1-e1 {
  width: 1250px;
  margin: 0 auto;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  #saga1-e1 {
    width: 850px;
  }
}
@media only screen and (max-width: 1023px) {
  #saga1-e1 {
    width: 100%;
    display: block;
    position: static;
    overflow: visible;
    height: 100%;
  }
  #saga1-e1 .swiper-wrapper {
    display: block;
    position: static;
    height: 100%;
  }
}

.saga1-e1 {
  position: relative;
}

.swiper-slide-active > img {
  opacity: 1;
}
.swiper-slide-active .saga1-e3 {
  opacity: 1;
}

.saga1-e1-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #000;
  width: 60px;
  height: 130px;
  z-index: 3;
  margin: auto 0;
  cursor: pointer;
}
.saga1-e1-btn img {
  height: 130px;
}
.saga1-e1-btn-prev {
  left: 0;
}
.saga1-e1-btn-next {
  right: 0;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .saga1-e1-btn {
    width: 40px;
    height: 86px;
  }
  .saga1-e1-btn img {
    height: 86px;
  }
}
@media only screen and (max-width: 1023px) {
  .saga1-e1-btn {
    display: none;
  }
}

/* kc 产品 */
@media only screen and (max-width: 1023px) {
  .story1-b5 {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 7;
    -moz-line-clamp: 7;
    line-clamp: 7;
    line-height: 0.36rem;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .question1-b3 input[type=text] {
    font-size: 14px;
  }
}
/* 通用 footer */
@media only screen and (max-width: 750px) {
  .ft1-f2 {
    border-top: 1px solid rgba(233, 221, 194, 0.7);
  }

  .ft1-f4 {
    width: 13px;
    height: 13px;
    opacity: 0.7;
  }

  .ft1-f4 > div:nth-child(1) {
    height: 1px;
    top: 6px;
    width: 13px;
  }

  .ft1-f4 > div:nth-child(2) {
    width: 1px;
    height: 13px;
    left: 6px;
  }
}
/* 新建 */
.store-show-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  z-index: 999;
  background: white;
  overflow: hidden;
  transition: 0.5s;
}
.store-show-mask .swiper-wrapper,
.store-show-mask .swiper-container {
  width: 100%;
  height: 100%;
}
.store-show-mask .swiper-slide {
  width: 100%;
  height: 100%;
}
.store-show-mask .swiper-slide img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  max-width: 1204px;
  max-height: 80%;
}
.store-show-mask .store-show-mask-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 8;
  margin: auto 0;
  cursor: pointer;
}
.store-show-mask .store-show-mask-btn-prev {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23c09d57'%2F%3E%3C%2Fsvg%3E");
  left: calc((100% - 1204px) / 2);
  margin-left: -120px;
}
.store-show-mask .store-show-mask-btn-next {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c09d57'%2F%3E%3C%2Fsvg%3E");
  right: calc((100% - 1204px) / 2);
  margin-right: -120px;
}
.store-show-mask .store-show-mask-pagaination {
  bottom: 30px;
  position: absolute;
  right: calc((100% - 1204px) / 2);
  width: auto;
  left: auto;
}
.store-show-mask .store-show-mask-remove {
  right: 60px;
  top: 30px;
  position: absolute;
  cursor: pointer;
  z-index: 10;
}
.store-show-mask.active {
  height: 100%;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .store-show-mask .swiper-slide img {
    max-width: 800px;
  }
  .store-show-mask .store-show-mask-pagaination {
    right: calc((100% - 800px) / 2);
  }
  .store-show-mask .store-show-mask-btn-prev {
    left: calc((100% - 800px) / 2);
  }
  .store-show-mask .store-show-mask-btn-next {
    right: calc((100% - 800px) / 2);
  }
}
@media only screen and (max-width: 1023px) {
  .store-show-mask .store-show-mask-btn {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 8;
    cursor: pointer;
    margin: auto 0;
    cursor: pointer;
  }
  .store-show-mask .store-show-mask-btn-prev {
    left: 0.24rem;
  }
  .store-show-mask .store-show-mask-btn-next {
    right: 0.24rem;
  }
  .store-show-mask .store-show-mask-pagaination {
    right: calc((100% - 80%) / 2);
    left: auto;
    top: 50%;
    margin-top: 30%;
    font-size: 0.26rem;
  }
  .store-show-mask .store-show-mask-remove {
    right: 0.9rem;
    top: 0.6rem;
    position: absolute;
    cursor: pointer;
  }
  .store-show-mask .store-show-mask-remove img {
    width: 0.3rem;
  }
  .store-show-mask .swiper-slide img {
    max-width: 80%;
    max-height: 80%;
  }
}

/*  */
@media only screen and (min-width: 1024px) {
  .product3-a2 .product3-b1 .product3-b2 > img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .product3-a2 .product3-b1 .product3-b2 > img:nth-of-type(1) {
    opacity: 1;
  }
  .product3-a2 .product3-b1 .product3-b2 > img:nth-of-type(2) {
    opacity: 0;
  }
  .product3-a2 .product3-b1:not(:nth-of-type(1)):hover .product3-b2 > img:nth-of-type(1) {
    opacity: 0;
  }
  .product3-a2 .product3-b1:not(:nth-of-type(1)):hover .product3-b2 > img:nth-of-type(2) {
    opacity: 1;
  }
}
@media only screen and (min-width: 1480px) {
  .er-products-accessories .product2-b1 .product3-b51 {
    display: block;
    right: 64.6527777778%;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .er-products-accessories .product2-b1 .product3-b51 {
    display: block;
    right: 64.6527777778%;
  }
}
@media only screen and (max-width: 1023px) {
  .er-products-accessories .product2-b1 .product3-b51 {
    display: block;
    top: 1rem;
    right: 4.5rem;
    right: 64.6527777778%;
  }
  .er-products-accessories .product2-b1 .product3-b51 > div:nth-of-type(1) {
    margin-bottom: 0.14rem;
  }
}

.kc-jointly .box img:nth-of-type(3) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-width: 1023px) {
  .kc-jointly .box img:nth-of-type(3) {
    top: auto;
    bottom: -22%;
  }
}

.wish1-c6 .wish1-c7 {
  background: #bb985e;
  border-radius: 50%;
  margin: 0 3px;
}
.wish1-c6 .wish1-c7 .iconfont {
  color: #fff;
}
.wish1-c6 a:nth-of-type(2) .wish1-c7 .iconfont {
  font-size: 22px;
  position: relative;
  top: -1px;
}

@media only screen and (min-width: 1480px) {
  .wish1-c7 {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .wish1-c7 {
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
  }

  .wish1-c6 a .iconfont {
    color: #fff;
    font-size: 14px;
  }
  .wish1-c6 a:nth-of-type(2) .wish1-c7 .iconfont {
    font-size: 17px;
    position: relative;
    top: -1px;
  }
}
@media only screen and (max-width: 1023px) {
  .wish1-c7 {
    height: 0.6rem;
    width: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
  }

  .wish1-c6 a .iconfont {
    color: #fff;
    font-size: 0.3rem;
  }
  .wish1-c6 a:nth-of-type(2) .wish1-c7 .iconfont {
    font-size: 0.38rem;
    position: relative;
    top: -1px;
  }
}
/* 导航的字 */
.banner-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-text .banner-t1 {
  text-align: center;
  font-size: 90px;
  font-weight: bold;
  color: #fff;
  line-height: 96px;
}
.banner-text .banner-t2 {
  text-align: center;
  line-height: 66px;
  font-size: 50px;
  color: #fff;
  font-weight: 300;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .banner-text .banner-t1 {
    font-size: 68px;
    line-height: 80px;
  }
  .banner-text .banner-t2 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1023px) {
  .banner-text .banner-t1 {
    font-size: 0.7rem;
    line-height: 1.25;
  }
  .banner-text .banner-t2 {
    font-size: 0.4rem;
    line-height: 1.25;
  }
}

/* 工作室 banner video */
.kopenhagen1-a1.b50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1023px) {
  .kopenhagen1-a1.b50 {
    margin-bottom: 0.8rem;
  }
}

/* 皮草穿搭知识 */
.picaozhishi .table,
.picaozhishi .table-cell {
  table-layout: fixed;
}
.picaozhishi .t1-a1 {
  padding-top: 0px;
}
.picaozhishi .img-wrap {
  overflow: hidden;
}
.picaozhishi .img-wrap img {
  opacity: 1;
}
.picaozhishi .img-wrap img:nth-of-type(2) {
  display: none;
}
.picaozhishi .img-wrap img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.picaozhishi .img-wrap:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.picaozhishi .left {
  width: 27.7777777778%;
  position: relative;
  padding-top: 24.4444444444%;
}
.picaozhishi .left .img-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.picaozhishi .left .text-container {
  height: 318px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 21px;
  box-sizing: border-box;
  border: 2px solid #3f2053;
  border-left: none;
  border-right: none;
}
.picaozhishi .left .t1 {
  font-size: 24px;
  font-family: Arial;
  font-weight: normal;
  color: #222222;
  font-style: italic;
  text-align: center;
  line-height: 42px;
  margin-bottom: 23px;
}
.picaozhishi .right {
  width: 70.8333333333%;
  position: relative;
}
.picaozhishi .right .img-wrap {
  width: 52.0588235294%;
}
.picaozhishi .right .text-container {
  width: 44.6078431373%;
  background: white;
  border: 3px solid #432259;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 54px;
}
.picaozhishi .right .t2 {
  text-align: center;
  font-size: 40px;
  font-family: Arial;
  font-weight: bold;
  color: #222222;
  line-height: 50px;
  margin-bottom: 8px;
}
.picaozhishi .right .t3 {
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  color: #222222;
  line-height: 50px;
  margin-bottom: 20px;
}
.picaozhishi .right .text {
  margin-top: 36px;
}
.picaozhishi .text {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  line-height: 32px;
}
.picaozhishi .img-wrap,
.picaozhishi .text-container {
  animation-name: fadeInUp-100;
}
@media only screen and (min-width: 1480px) {
  .picaozhishi .left .img-wrap {
    width: 100%;
    height: 326px;
  }
  .picaozhishi .right .img-wrap {
    height: 677px;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .picaozhishi .left .img-wrap {
    width: 100%;
    height: 217px;
  }
  .picaozhishi .right .img-wrap {
    height: 451px;
  }
  .picaozhishi .text {
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 24px;
  }
  .picaozhishi .left .text-container {
    padding: 0 12px;
    height: 221px;
  }
  .picaozhishi .left .t1 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 9px;
  }
  .picaozhishi .right .t2 {
    font-size: 24px;
    line-height: 34px;
  }
  .picaozhishi .right .t3 {
    font-size: 18px;
    line-height: 26px;
  }
  .picaozhishi .right .text-container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 1023px) {
  .picaozhishi .inner {
    width: 6.75rem;
  }
  .picaozhishi .inner .right {
    width: 100%;
  }
  .picaozhishi .inner .right .img-wrap {
    width: 100%;
  }
  .picaozhishi .inner .right .text-container {
    position: relative;
    top: auto;
    right: auto;
    width: 5.72rem;
    margin: 0 auto;
    margin-top: -0.76rem;
    z-index: 2;
    padding: 0.95rem 0.36rem 1.15rem;
    border-width: 1px;
  }
  .picaozhishi .inner .right .t2 {
    font-size: 0.5rem;
    line-height: 0.6rem;
    margin-bottom: 0.17rem;
  }
  .picaozhishi .inner .right .t3 {
    font-size: 0.38rem;
    line-height: 0.57rem;
    margin-bottom: 0.31rem;
  }
  .picaozhishi .inner .right .text {
    margin-top: 0.35rem;
  }
  .picaozhishi .inner .text {
    font-size: 0.26rem;
    line-height: 0.46rem;
  }
  .picaozhishi .inner .left {
    width: 100%;
    padding-top: 0;
    margin-top: 0.72rem;
  }
  .picaozhishi .inner .left .text-container {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0.56rem;
    padding: 0.37rem 0.21rem 0.32rem;
    height: auto;
    border-width: 1px;
  }
  .picaozhishi .inner .left .t1 {
    font-size: 0.34rem;
    line-height: 0.6rem;
    margin-bottom: 0.18rem;
  }
}

.vline {
  width: 2px;
  height: 42px;
  background: #432259;
  margin: 0 auto;
}
.vline .text {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  line-height: 32px;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .vline {
    height: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .vline {
    width: 1px;
    height: 0.53rem;
  }
}

/*  */
.pinheng {
  margin-top: 100px;
  position: relative;
  margin-bottom: 80px;
}
.pinheng img {
  width: 100%;
}
.pinheng img:nth-of-type(2) {
  display: none;
}
.pinheng .inner {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  height: 100%;
}
.pinheng .text {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  line-height: 32px;
  margin-top: 29px;
}
.pinheng .t1 {
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  color: #222222;
  line-height: 56px;
  margin-bottom: 25px;
}
.pinheng .text-container {
  width: 31.5277777778%;
  background: white;
  position: absolute;
  box-sizing: border-box;
  bottom: 8.0821917808%;
  top: -2.7397260274%;
  box-sizing: border-box;
  z-index: 2;
}
.pinheng .text-container .box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 0 50px;
  box-sizing: border-box;
  border: 2px solid #bb985e;
  background: white;
}
.pinheng .text-container::after {
  width: 108%;
  height: 100%;
  background: #eeeeee;
  position: absolute;
  content: "";
  position: absolute;
  top: 8.4745762712%;
  left: -4%;
  z-index: -1;
  transition: 0.5s;
}
.pinheng .co {
  animation-name: fadeInDown-100;
}
.pinheng .inner {
  animation-name: fadeInUp-100;
}
@media only screen and (min-width: 1024px) {
  .pinheng:hover .text-container::after {
    width: 100%;
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .pinheng .text {
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 24px;
  }
  .pinheng .t1 {
    font-size: 20px;
    line-height: 30px;
  }
  .pinheng .text-container .box {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1200px) {
  .pinheng .t1 {
    margin-bottom: 14px;
  }
  .pinheng .text {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  .pinheng {
    margin-top: 0.84rem;
    margin-bottom: 0.65rem;
  }
  .pinheng .co {
    animation-name: fadeInUp-100;
  }
  .pinheng img:nth-of-type(1) {
    display: none;
  }
  .pinheng img:nth-of-type(2) {
    display: block;
  }
  .pinheng .inner {
    position: relative;
    width: 5.74rem;
    margin: -0.5rem auto 0;
  }
  .pinheng .text {
    font-size: 0.26rem;
    line-height: 0.46rem;
    margin-top: 0.27rem;
  }
  .pinheng .t1 {
    font-size: 0.38rem;
    line-height: 0.55rem;
    margin-bottom: 0.23rem;
  }
  .pinheng .text-container {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: auto;
    height: auto;
  }
  .pinheng .text-container .box {
    padding: 0.61rem 0.36rem 0.66rem;
    border-width: 1px;
  }
  .pinheng .text-container::after {
    display: none;
  }
}

/*  */
.segan .item {
  width: 31.9444444444%;
  float: left;
  margin-right: 2.0138888889%;
  transition: 0.5s;
}
.segan .item:nth-of-type(3n-2) {
  animation-name: fadeInLeft-100;
}
.segan .item:nth-of-type(3n-2) .text {
  bottom: 38.8305847076%;
}
.segan .item:nth-of-type(3n-1) {
  animation-name: fadeInUp-100;
  animation-delay: 0.5s;
}
.segan .item:nth-of-type(3n-1) .text {
  bottom: 22.1889055472%;
}
.segan .item:nth-of-type(3n) {
  animation-name: fadeInRight-100;
}
.segan .item:nth-of-type(3n) .text {
  bottom: 13.1934032984%;
}
.segan .item:nth-of-type(3n) {
  margin-right: 0;
}
.segan .item .box {
  padding-top: 145%;
  position: relative;
  overflow: hidden;
}
.segan .item .box img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.segan .item .box:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.segan .item .box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.segan .text {
  font-size: 16px;
  font-weight: 400;
  color: #222222;
  line-height: 28px;
  left: 27px;
  right: 27px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  padding: 24px 34px;
}
.segan .text .line {
  background: #fff;
  position: absolute;
  transition: 0.7s;
}
.segan .text .line:nth-of-type(1) {
  height: 1px;
  top: 0;
  right: 0;
  width: 38.3033419023%;
}
.segan .text .line:nth-of-type(2) {
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
}
.segan .text .line:nth-of-type(3) {
  left: 0;
  bottom: 0;
  width: 38.3033419023%;
  height: 1px;
}
.segan .text .line:nth-of-type(4) {
  width: 1px;
  height: 100%;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .segan .text {
    font-size: 13px;
    line-height: 2;
    padding: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .segan .item:hover .text .line:nth-of-type(1) {
    right: 61.69666%;
    top: 100%;
  }
  .segan .item:hover .text .line:nth-of-type(2) {
    right: 100%;
  }
  .segan .item:hover .text .line:nth-of-type(3) {
    left: 61.69666%;
    bottom: 100%;
  }
  .segan .item:hover .text .line:nth-of-type(4) {
    left: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .segan {
    animation-name: fadeInUp-100;
  }
  .segan .inner {
    width: 100%;
    height: 9.77rem;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
  }
  .segan .text {
    font-size: 0.32rem;
    line-height: 0.46rem;
  }
  .segan .item {
    width: calc(100% - 0.9rem*2);
    height: 9.33rem;
    position: absolute;
    top: 0.34rem;
    left: 0.9rem;
    z-index: 1;
    transition: 0.5s;
    margin-right: 0;
  }
  .segan .item .box {
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .segan .item .box img {
    width: 100%;
    height: 100%;
  }
  .segan .item .text {
    width: 5.77rem;
  }
  .segan .item:nth-of-type(1), .segan .item:nth-of-type(2), .segan .item:nth-of-type(3) {
    animation-name: none;
  }
  .segan .activity1-aon3 {
    width: calc(100% - 0.45rem*2);
    top: 0;
    left: 0.45rem;
    z-index: 4;
    transition: 0.8s;
  }
  .segan .activity1-aon2 {
    width: calc(100% - 0.7rem*2);
    top: 0.25rem;
    left: 0.7rem;
    z-index: 3;
    transition: 0.8s;
  }
  .segan .activity1-aon1 {
    width: calc(100% - 0.9rem*2);
    top: 0.5rem;
    left: 0.9rem;
    z-index: 2;
    transition: 0.8s;
  }
}

/* 气质法 qizhi */
.qizhi {
  margin-top: 80px;
}
.qizhi .left {
  width: 64.2361111111%;
  height: 566px;
  float: left;
  animation-name: fadeInLeft-100;
}
.qizhi .left img {
  width: 100%;
}
.qizhi .item {
  margin-bottom: 50px;
  position: relative;
}
.qizhi .item:nth-of-type(2n) .left {
  float: right;
}
.qizhi .item:nth-of-type(2n) .text-container {
  right: auto;
  left: 0;
}
.qizhi .item:nth-of-type(2n) .qizhibtn-con {
  right: 64.2361111111%;
  left: auto;
  background: #3F2053;
}
.qizhi .item .text-container {
  width: 43.2638888889%;
  height: 383px;
  background: white;
  border: 2px solid #bb985e;
  position: absolute;
  right: 0;
  bottom: 108px;
  z-index: 3;
  padding: 0 47px;
  box-sizing: border-box;
  animation-name: fadeInRight-100;
}
.qizhi .item .text-container .swiper-container {
  height: 100%;
}
.qizhi .item .t1 {
  font-size: 26px;
  font-weight: 400;
  color: #222222;
  line-height: 36px;
  text-align: center;
}
.qizhi .item .text {
  font-size: 16px;
  font-weight: 400;
  color: #515151;
  line-height: 32px;
  margin-top: 18px;
}
.qizhi .item .qizhibtn-con {
  width: 192px;
  height: 55px;
  font-size: 0;
  line-height: 0;
  background: #bb985e;
  text-align: center;
  position: absolute;
  bottom: 53px;
  left: 64.2361111111%;
  overflow: hidden;
  animation-name: fadeInUp-50;
}
.qizhi .item .qizhibtn-con .line {
  width: 1px;
  height: 24px;
  background: white;
  opacity: 0.6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.qizhi .item .qizhibtn-con .qizhi-btn {
  display: inline-block;
  width: 87px;
  height: 55px;
  background-size: 16px;
  position: relative;
  cursor: pointer;
}
.qizhi .item .qizhibtn-con .qizhi-btn-prev {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}
.qizhi .item .qizhibtn-con .qizhi-btn-next {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .qizhi .left {
    height: 378px;
  }
  .qizhi .item .text-container {
    padding: 0 18px;
    height: 300px;
    bottom: 60px;
  }
  .qizhi .item .t1 {
    font-size: 18px;
    line-height: 26px;
  }
  .qizhi .item .text {
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 24px;
  }
  .qizhi .item .qizhibtn-con {
    bottom: 20px;
    height: 40px;
    width: 106px;
  }
  .qizhi .item .qizhibtn-con .qizhi-btn {
    width: 50px;
    height: 40px;
    background-size: 12px;
  }
}
@media only screen and (max-width: 1023px) {
  .qizhi {
    margin-top: 0.8rem;
  }
  .qizhi .inner {
    width: 100%;
  }
  .qizhi .left {
    float: none !important;
    width: 100%;
    height: auto;
  }
  .qizhi .item {
    width: 100%;
    height: auto;
    margin-bottom: 0.38rem;
  }
  .qizhi .item .text-container {
    float: none;
    width: 6.78rem;
    position: static !important;
    border-width: 1px;
    padding: 0.42rem 0.36rem 0.44rem;
    margin: 0.41rem auto 0;
    height: auto;
  }
  .qizhi .item .t1 {
    font-size: 0.38rem;
    line-height: 0.58rem;
    margin-bottom: 0.28rem;
  }
  .qizhi .item .text {
    font-size: 0.26rem;
    line-height: 0.44rem;
  }
  .qizhi .item .qizhibtn-con {
    height: 0.72rem;
    width: 1.8rem;
    display: flex;
    top: 0;
    margin: 0;
    margin-top: calc(61.06667% - .7rem);
    right: 0 !important;
    left: auto !important;
    z-index: 3;
  }
  .qizhi .item .qizhibtn-con .line {
    display: none;
  }
  .qizhi .item .qizhibtn-con .qizhi-btn {
    width: 50%;
    height: 100%;
    background-size: 20%;
  }
}

/*  */
@media only screen and (max-width: 1023px) {
  .ft1-a1 {
    padding-top: 1rem;
  }

  .ft1-a2 {
    animation-name: fadeInUp-100;
  }

  .ft1-f2 {
    animation-name: fadeInUp-100;
  }
}
/*  */
@media only screen and (min-width: 1024px) {
  .hd1-c3 + div {
    box-shadow: 0 1px 2px whitesmoke;
  }
}
.ind2-a3 img {
  z-index: 2;
  position: relative;
}
.ind2-a3 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .hasVideo .ind2-a3:hover img {
    opacity: 0;
  }
}
.nav-global {
  position: absolute;
  background: #fff;
  display: none;
  top: 35px;
}
.nav-global .inner .box {
  padding: 4.7916666667% 0 4.7916666667% 5.8333333333%;
}
.nav-global .inner .img-con {
  padding-right: 60px;
}
.nav-global .inner .img-wrap {
  width: 287px;
  height: 152px;
}
.nav-global .inner .left {
  padding-right: 9px;
  border-right: 1px solid #d9d9d9;
}
.nav-global .inner .right {
  padding-left: 50px;
}
.nav-global .inner .title {
  width: 90px;
  text-align: right;
  line-height: 61px;
  margin-top: 12px;
  font-size: 15px;
  color: #454545;
  border-bottom: 1px solid #cfae5d;
}
.nav-global .inner .title:hover {
  color: #cfae5d;
}
.nav-global .inner .t1 {
  border-bottom: none;
  text-align: left;
}
.nav-global .inner .item {
  position: relative;
  margin-right: 22px;
}
.nav-global .inner .item a {
  display: block;
  position: relative;
  height: 30px;
}
.nav-global .inner .item:last-of-type {
  margin-right: 0;
}
.nav-global .inner .item img {
  opacity: 1;
  transition: 0.5s;
  height: 100%;
  width: auto;
}
.nav-global .inner .item img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.nav-global .inner .item:hover img {
  opacity: 0;
}
.nav-global .inner .item:hover img:nth-of-type(2) {
  opacity: 1;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .nav-global {
    top: 23px;
  }
  .nav-global .inner .img-wrap {
    width: 196px;
    height: 104px;
  }
  .nav-global .inner .img-con {
    padding-right: 30px;
  }
  .nav-global .inner .title {
    width: 70px;
    font-size: 14px;
    line-height: 40px;
  }
  .nav-global .inner .right {
    padding-left: 20px;
  }
  .nav-global .inner .right .item {
    margin-right: 12px;
  }
  .nav-global .inner .right .item a {
    height: 24px;
  }
}

.nav-global-new .inner .left {
  border: none;
}

/* 分类图标 */
.b3-a2 img {
  display: none;
}

.b3-a5 {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center;
}

.me1-d3:hover .me1-d4 {
  color: #cfae5d;
}

/* wutong */
.wutong {
  font-size: 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.wutong span {
  font-weight: 300;
}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .wutong {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .wutong {
    font-size: 0.54rem;
  }
}
/*  */
/* 2-28 */
.activity1-d2 {
  overflow: hidden;
}

.activity1-d2:hover > img {
  transform: scale(1.02);
}

.activity1-d2 > img {
  transition: 0.5s;
}

.act-banner-abs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  padding-top: 167px;
  box-sizing: border-box;
}

.women {
  width: 810px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.women img {
  width: 100%;
  display: block !important;
}

.guilai {
  height: 146px;
  overflow: hidden;
  text-align: center;
}

.guilai b {
  font-size: 72px;
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: bold;
}

.guilai span {
  font-size: 72px;
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: 300;
}

.guilai i {
  font-size: 48px;
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-style: normal;
}

.linger {
  width: 394px;
  height: 51px;
  background: linear-gradient(68deg, white, #f98496);
  margin: 0 auto;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #ea1e35;
  line-height: 51px;
  text-align: center;
  margin-bottom: 24px;
}

.act-text {
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #fff;
  line-height: 44px;
  text-align: center;
}

@media only screen and (min-width: 1480px) {
  .activity1-d1 {
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .activity1-d1 {
    width: 100%;
    height: 640px;
    overflow: hidden;
    position: relative;
  }

  .act-banner-abs {
    padding-top: 50px;
  }

  .act-text {
    font-size: 20px;
    line-height: 40px;
  }

  .linger {
    font-size: 32px;
  }

  .women {
    margin-bottom: 24px;
  }

  .guilai {
    height: 114px;
  }

  .guilai b {
    font-size: 62px;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: bold;
  }

  .guilai span {
    font-size: 62px;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: 300;
  }

  .guilai i {
    font-size: 42px;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-style: normal;
  }
}
@media only screen and (max-width: 1023px) {
  .activity1-d1 {
    height: 4.02rem;
  }

  .act-banner-abs {
    padding-top: 0.5rem;
  }

  .women {
    width: 4.87rem;
    margin-bottom: 0.1rem;
  }

  .guilai {
    height: 0.88rem;
    line-height: 0.88rem;
  }

  .guilai b {
    font-size: 0.42rem;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: bold;
  }

  .guilai span {
    font-size: 0.42rem;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: 300;
  }

  .guilai i {
    font-size: 0.3rem;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-style: normal;
  }

  .linger {
    width: 2.4rem;
    height: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.3rem;
    margin-bottom: 0.14rem;
  }

  .act-text {
    font-size: 0.16rem;
    line-height: 0.26rem;
  }
}
.acgray {
  background: #eeefef;
}

.act-t1 {
  margin-bottom: 13px;
  padding-top: 51px;
}

.act-t1 img {
  display: block;
  margin: 0 auto;
}

.act-t2 {
  font-size: 42px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #222;
  line-height: 60px;
  text-align: center;
}

.act-t3 {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #69616c;
  line-height: 40px;
  text-align: center;
}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .act-t1 img {
    display: block;
    margin: 0 auto;
    width: 42px;
  }

  .act-t2 {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #222;
    line-height: 45px;
    text-align: center;
  }

  .act-t3 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #69616c;
    line-height: 32px;
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .act-t1 {
    padding-top: 0.53rem;
    margin-bottom: 0;
  }

  .act-t1 img {
    display: block;
    margin: 0 auto;
    width: 0.52rem;
  }

  .act-t2 {
    font-size: 0.44rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #222;
    line-height: 0.84rem;
    text-align: center;
  }

  .act-t3 {
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #69616c;
    line-height: 0.45rem;
    text-align: center;
  }
}
.kc-piac {
  padding: 56px 0;
}

.kc-piac .inner {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-bottom: 47px;
}

.kc-piac .act-person {
  position: absolute;
  left: 234px;
  bottom: 0;
}

.kc-piac .act-person img {
  display: block;
  width: 100%;
}

.kc-piac .act-person img:nth-of-type(2) {
  display: none;
}

.kc-piac .w1125 {
  width: 1125px;
  border: 2px dashed #e01a2d;
  padding: 16px;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 22px;
}

.kc-piac .area {
  background: #e01a2d;
  height: 322px;
  border-radius: 13px;
}

.kc-piac .text-container {
  margin-right: 122px;
  color: #fff;
}

.kc-piac .text-container .t1 {
  font-size: 36px;
  font-weight: 400;
  color: #fff;
  line-height: 91px;
  height: 91px;
}

.kc-piac .text-container .t1 span {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  padding-left: 27px;
}

.kc-piac .text-container .t2 {
  font-size: 30px;
  line-height: 56px;
  margin: 13px 0;
}

.kc-piac .text-container .t2 span {
  font-size: 32px;
  font-weight: bold;
}

.kc-piac .text-container .t3 {
  line-height: 60px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #fff;
}

.kc-piac .act-shot img {
  display: block;
  width: 100%;
}

.kc-piac .act-shot img:nth-of-type(2) {
  display: none;
}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .kc-piac .act-person {
    left: 30px;
    width: 250px;
  }

  .kc-piac .w1125 {
    width: 860px;
  }

  .kc-piac .text-container {
    margin-right: 30px;
  }

  .kc-piac .text-container .t1 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    line-height: 83px;
    height: 83px;
  }

  .kc-piac .text-container .t1 span {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    padding-left: 27px;
  }

  .kc-piac .text-container .t2 {
    font-size: 28px;
    line-height: 56px;
    margin: 13px 0;
  }

  .kc-piac .text-container .t2 span {
    font-size: 28px;
    font-weight: bold;
  }

  .kc-piac .text-container .t3 {
    line-height: 40px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #fff;
  }

  .kc-piac .area {
    height: 310px;
  }
}
@media only screen and (max-width: 1023px) {
  .kc-piac {
    padding: 0;
    padding-bottom: 0.52rem;
    background: #fff;
  }

  .kc-piac .w1125 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    border-left: none;
    border-right: none;
    margin-top: 0.7rem;
  }

  .kc-piac .area {
    border-radius: 0;
    height: 4.18rem;
  }

  .kc-piac .inner {
    width: 100%;
    padding-bottom: 0.61rem;
  }

  .kc-piac .act-person {
    left: 0;
    width: 2.43rem;
  }

  .kc-piac .act-person img {
    display: none;
  }

  .kc-piac .act-person img:nth-of-type(2) {
    display: block;
  }

  .kc-piac .w1125 {
    width: 100%;
  }

  .kc-piac .text-container {
    margin-right: 0.22rem;
    width: 4.84rem;
    padding-top: 0.22rem;
  }

  .kc-piac .text-container .t1 {
    font-size: 0.38rem;
    line-height: 0.52rem;
    height: 1.13rem;
    padding-left: 0.12rem;
  }

  .kc-piac .text-container .t1 span {
    font-size: 0.24rem;
    line-height: 0.38rem;
    display: block;
    padding-left: 0;
  }

  .kc-piac .text-container .t2 {
    font-size: 0.3rem;
    line-height: 0.56rem;
    margin-top: 0.08rem;
    margin-bottom: 0.14rem;
    padding-left: 0.12rem;
  }

  .kc-piac .text-container .t2 span {
    font-size: 0.32rem;
  }

  .kc-piac .text-container .t3 {
    padding-left: 0.12rem;
    font-size: 0.26rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    line-height: 0.44rem;
    margin-top: 0.21rem;
  }

  .kc-piac .act-shot {
    width: 4.84rem;
  }

  .kc-piac .act-shot img {
    display: none;
    width: 100%;
  }

  .kc-piac .act-shot img:nth-of-type(1) {
    display: block;
  }
}
.kc-new-act2 {
  background: #ad000f;
  padding-bottom: 51px;
  margin-top: 80px;
}

.kc-new-act2 .act-t2,
.kc-new-act2 .act-t3 {
  color: #fff;
}

.kc-new-act2 .box {
  background-color: #fff;
  padding: 0.4861111111%;
  margin-top: 39px;
}

.kc-new-act2 .item {
  width: 24.4039270687%;
  float: left;
  margin-right: 0.7713884993%;
}

.kc-new-act2 .item:nth-of-type(4n) {
  margin-right: 0;
}

.kc-new-act2 .item:nth-of-type(1) {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.kc-new-act2 .item:nth-of-type(2) {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.kc-new-act2 .item:nth-of-type(3) {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.kc-new-act2 .item:nth-of-type(4) {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.kc-new-act2 .img-wrap {
  padding-top: 141.6666666667%;
  position: relative;
  overflow: hidden;
  background-color: #f4f4f4;
  overflow: hidden;
}

.kc-new-act2 .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}

.kc-new-act2 .img-wrap img {
  transition: 0.5s;
}

.kc-new-act2 .img-wrap:hover img {
  transform: scale(1.03);
}

@media only screen and (max-width: 1023px) {
  .kc-new-act2 {
    padding-bottom: 0.44rem;
    margin-top: 0;
  }

  .kc-new-act2 .inner {
    width: 6.76rem;
  }

  .kc-new-act2 .box {
    background-color: #fff;
    padding: 1.3313609467%;
    margin-top: 0.67rem;
  }

  .kc-new-act2 .item {
    width: 49.2%;
    margin-right: 0;
    margin-bottom: 1.8%;
  }

  .kc-new-act2 .item:nth-of-type(2n) {
    float: right;
  }

  .kc-new-act2 .item:nth-of-type(3) {
    margin-bottom: 0;
  }

  .kc-new-act2 .item:nth-of-type(4) {
    margin-bottom: 0;
  }
}
.kc-new-act3 .box {
  margin-top: 41px;
}

.kc-new-act3 .box .item {
  width: 24.1666666667%;
  margin-right: 1.1111111111%;
  float: left;
}

.kc-new-act3 .box .item:nth-of-type(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.kc-new-act3 .box .item:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.kc-new-act3 .box .item:nth-of-type(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.kc-new-act3 .box .item:nth-of-type(4) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.kc-new-act3 .box .item:last-of-type {
  margin-right: 0;
}

.kc-new-act3 .box .item:nth-of-type(1) {
  width: 49.4444444444%;
}

.kc-new-act3 .box .item:nth-of-type(1) .img-wrap {
  padding-top: 69.2415730337%;
}

.kc-new-act3 .box .item .img-wrap {
  position: relative;
  padding-top: 141.6666666667%;
  overflow: hidden;
}

.kc-new-act3 .box .item .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kc-new-act3 .box .item .img-wrap img {
  transition: 0.5s;
}

.kc-new-act3 .box .item .img-wrap:hover img {
  transform: scale(1.04);
}

@media only screen and (max-width: 1023px) {
  .kc-new-act3 .inner {
    width: 6.78rem;
  }

  .kc-new-act3 .box {
    margin-top: 0.36rem;
  }

  .kc-new-act3 .box .item {
    margin-bottom: 0.21rem;
    margin-right: 0;
    width: 48.5250737463%;
  }

  .kc-new-act3 .box .item:nth-of-type(1) {
    width: 100%;
  }

  .kc-new-act3 .box .item:last-of-type {
    float: right;
  }
}
.kc-new-act4 {
  margin-top: 80px;
  background: #f9f9f9;
  padding-bottom: 37px;
}

.kc-new-act4 .box {
  margin-top: 40px;
}

.kc-new-act4 .item {
  width: 49.0972222222%;
  float: left;
}

.kc-new-act4 .item:nth-of-type(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.kc-new-act4 .item:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.kc-new-act4 .item:nth-of-type(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.kc-new-act4 .item:nth-of-type(2n) {
  float: right;
}

.kc-new-act4 .item .img-wrap {
  padding-top: 51.4851485149%;
  position: relative;
  overflow: hidden;
}

.kc-new-act4 .item .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.kc-new-act4 .item .img-wrap img {
  transition: 0.5s;
}

.kc-new-act4 .item .img-wrap:hover img {
  transform: scale(1.05);
}

.kc-new-act4 .item .text {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #222;
  line-height: 40px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 37px;
}

@media only screen and (max-width: 1023px) {
  .kc-new-act4 {
    margin-top: 0.14rem;
    padding-bottom: 0;
  }

  .kc-new-act4 .box {
    margin-top: 0.43rem;
  }

  .kc-new-act4 .item {
    width: 100%;
  }

  .kc-new-act4 .item .text {
    line-height: 1.31rem;
    font-size: 0.26rem;
    font-weight: 400;
    color: #222;
    margin-top: 0;
  }
}
/* 活动 */
.product2-a1-search .product2-d1 {
  width: 32% !important;
  float: left;
  margin-right: 1.333333334%;
}
.product2-a1-search .product2-d1:nth-of-type(3n) {
  margin-right: 0;
}
.product2-a1-search .product2-d2 {
  position: relative;
  padding-top: 100%;
  height: 0 !important;
}
.product2-a1-search .product2-d2 > img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .product2-a1-search .product2-d1 {
    width: 100% !important;
    float: left;
    margin-right: 0%;
  }
  .product2-a1-search .product2-d1:nth-of-type(4n) {
    margin-right: 0;
  }
  .product2-a1-search .product2-d2 {
    position: relative;
    padding-top: 100%;
    height: 0 !important;
  }
  .product2-a1-search .product2-d2 > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}

.hd1-a1 {
  z-index: 20;
}
@media only screen and (max-width: 1023px) {
  .hd1-a1 {
    overflow: visible;
  }
}

@media only screen and (min-width: 1480px) {
  .hd1-c3,
.hd1-c2 {
    font-size: 15px;
  }
}
.hd1-c3 + div {
  box-shadow: none;
}

.wish1-a0 {
  z-index: 25;
}

@media only screen and (min-width: 1480px) {
  .me1-a3 {
    width: 280px;
    height: 149px;
  }
}
.hd1-b1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 999;
  padding-top: 108px;
  padding-bottom: 30px;
  height: auto;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.4);
}
.hd1-b1 .logo {
  width: 800px;
  left: 0;
  right: 0;
  top: 30px;
  position: absolute;
  margin: 0 auto;
}
.hd1-b1 .hd1-b2 {
  left: 20px;
  z-index: 10;
}
.hd1-b1 form {
  display: block;
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  height: 46px;
  border: 1px solid rgba(63, 33, 83, 0.4);
  background: #fff;
}
.hd1-b1 form .form-box {
  height: 100%;
  position: relative;
}
.hd1-b1 form .last-hot-sarch {
  top: 100%;
  position: absolute;
  width: 100%;
  padding: 20px;
  color: #999;
  font-size: 14px;
}
.hd1-b1 form input[type=text] {
  appearance: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 60px;
  box-sizing: border-box;
  border: none;
  background: none;
  font-size: 14px;
}
.hd1-b1 form input[type=text]:placeholder {
  color: #999;
}
.hd1-b1 form input[type=text]:-moz-placeholder {
  color: #999;
}
.hd1-b1 form input[type=text]:-ms-input-placeholder {
  color: #999;
}
.hd1-b1 form input[type=text]::-moz-placeholder {
  color: #999;
}
.hd1-b1 form input[type=text]::-webkit-input-placeholder {
  color: #999;
}
.hd1-b1 form b {
  display: none;
}
.hd1-b1 .index-new-sw {
  margin-top: 50px;
  max-width: 900px;
}
.hd1-b1 .index-new-sw .swiper-slide .abs {
  opacity: 1 !important;
}
.hd1-b1 .index-new-sw .swiper-slide .abs .t1 {
  font-size: 14px;
}
@media only screen and (max-width: 1023px) {
  .hd1-b1 .index-new-sw .swiper-slide .abs .t1 {
    font-size: 0.24rem;
  }
}
@media only screen and (max-width: 1023px) {
  .hd1-b1 .index-new-sw .swiper-slide .text-container {
    padding: 0.23rem 0;
  }
}
.hd1-b1 .just-find {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 110px;
  height: 36px;
  margin: auto 0;
  color: #fff;
  font-size: 14px;
  background-color: #46204f;
  text-align: center;
  line-height: 36px;
}
@media screen and (max-width: 1479px) and (min-width: 1024px) {
  .hd1-b1 {
    padding-top: 130px;
  }
  .hd1-b1 form {
    height: 42px;
  }
}
@media screen and (max-width: 1023px) {
  .hd1-b1 {
    padding-top: 1rem;
    padding-bottom: 0.24rem;
  }
  .hd1-b1 .logo {
    display: block;
    width: 1.1rem;
    top: 0.19rem;
  }
  .hd1-b1 .logo img {
    width: 100%;
  }
  .hd1-b1 .index-new-sw {
    margin-top: 0.3rem;
  }
  .hd1-b1 form {
    height: 0.8rem;
    width: 7.1rem;
    max-width: 7.1rem;
  }
  .hd1-b1 form input[type=text] {
    font-size: 0.25rem;
  }
}

.search-close {
  position: fixed;
  right: 60px;
  top: 60px;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 1023px) {
  .search-close {
    right: 0.36rem;
    top: 0.36rem;
  }
  .search-close img {
    width: 0.4rem;
    height: 0.4rem;
  }
}

.me1-d3:hover .me1-d7 {
  color: #cfae5d;
}

.kcandme {
  font-size: 14px;
  font-weight: 400;
  color: #5c5b5b;
  line-height: 20px;
  text-transform: uppercase;
}

/* kc 首页 */
.ft1-b2 > div:nth-child(1) span:nth-child(1) {
  font-weight: bold;
}

.ft1-b2 > div:nth-child(1) span:nth-child(2) {
  font-weight: bold;
}

.ft1-e1 {
  text-align: left;
  font-size: 12px;
}
.ft1-e1 ing{ width:auto;}
.hd1-c4 {
  width: 1440px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.yuwomenlianxi {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5c5b5b;
  line-height: 18px;
  position: absolute;
  top: 27px;
  left: calc(50% - 1440px/2);
}
.yuwomenlianxi img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  width: 18px;
}

.ind1-a3:hover img {
  transform: none;
}

.ft1-a3 {
  background: #efe6d1;
}

/* 46204f 金色 c9a966 */
@media only screen and (min-width: 1480px) {
  .nexla4,
.nexla3 {
    height: 248px;
  }

  .la-con {
    text-align: center;
    width: 1440px;
    margin: 0 auto;
    padding-top: 20px;
  }

  .la-item {
    width: 19.4444444444%;
    margin-right: 3.4722222222%;
    display: inline-block;
    vertical-align: top;
  }
  .la-item:last-child {
    margin-right: 0;
  }
  .la-item .media-wrap {
    padding-top: 53.2142857143%;
    position: relative;
  }
  .la-item .media-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .la-item .t1 {
    line-height: 43px;
    color: #454545;
    font-size: 15px;
    padding-left: 25px;
    transition: 0.5s;
    position: relative;
    text-align: left;
  }
  .la-item .t1::before {
    width: 14px;
    height: 3px;
    background: #d4bc8c;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: "";
  }
  .la-item .t1:hover {
    color: #c09d57;
  }

  /*  */
  .me1-a2:nth-child(2)::before {
    height: 150px;
    width: 1px;
    background: #d9d9d9;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto 0;
  }

  .me1-a4::before {
    width: 58px;
    height: 1px;
    background: #cfae5d;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: "";
    position: absolute;
    left: -70px;
  }

  .me1-a6 {
    width: auto;
    margin-right: 36px;
  }
  .me1-a6:last-child {
    margin-right: 0;
  }

  .ft1-a1 {
    height: 511px;
  }

  /* header */
  .hd1-a1 {
    height: 175px;
  }

  /* logo */
  .hd1-a2 {
    top: 30px;
    left: calc(50% - 800px/2);
    width: 800px;
  }

  /* 右上角 */
  .hd1-a3 {
    top: 27px;
  }

  .hd1-c0 {
    top: auto;
    bottom: 35px;
  }

  /* 线 */
  .hd1-c4 {
    top: auto;
    bottom: 20px;
  }

  /* banner */
  .ind1-a1 {
    width: 1440px;
    height: 737px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0;
    margin-bottom: 10px;
  }

  /* banner 图 */
  .ind1-a3 {
    height: 585px;
    margin-bottom: 16px;
  }

  /* 标题 */
  .ind1-a4 {
    font-size: 24px;
    font-weight: 400;
    color: #222222;
    line-height: 44px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 41px;
  }

  .ind1-a5 {
    display: none;
  }

  .index11 {
    width: 100% !important;
    margin: 0;
  }

  /* 分页 */
  .index12 {
    width: 100%;
    text-align: center;
    right: 0;
    left: 0;
    bottom: 70px;
    text-align: center;
    height: auto;
    line-height: 0px;
    font-size: 0;
  }
  .index12 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: white;
    border: 1px solid #3f2053;
    border-radius: 50%;
    margin: 0 7px;
    box-sizing: border-box;
    vertical-align: bottom;
    top: 0;
  }
  .index12 .swiper-pagination-bullet-active {
    border: 1px solid #3f2053;
    width: 10px;
    height: 10px;
    background: #3f2053;
    border-radius: 50%;
    vertical-align: bottom;
  }

  .ft1-d5 {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .ft1-d6 {
    margin-left: 0;
    margin-right: 26px;
  }
  .ft1-d6:last-child {
    margin-right: 0;
  }

  .ft1-b2 > div {
    line-height: 30px;
  }

  .ft1-b2 {
    width: 282px;
  }
}
.index-new-sw {
  width: 1440px;
  margin: 0 auto;
}
.index-new-sw .index-new-sw-btn {
  position: absolute;
  top: 0;
  margin-top: 10.9027777778%;
  width: 1.0416666667%;
  padding-top: 2.9166666667%;
  z-index: 2;
  opacity: 0;
  transition: 0.5s;
  cursor: pointer;
}
.index-new-sw .index-new-sw-btn img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 100%;
}
.index-new-sw .index-new-sw-btn img:nth-of-type(1) {
  opacity: 1;
}
.index-new-sw .index-new-sw-btn img:nth-of-type(2) {
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .index-new-sw .index-new-sw-btn:hover img:nth-of-type(1) {
    opacity: 0;
  }
  .index-new-sw .index-new-sw-btn:hover img:nth-of-type(2) {
    opacity: 1;
  }
}
.index-new-sw .index-new-sw-btn-prev {
  left: 16px;
}
.index-new-sw .index-new-sw-btn-next {
  right: 16px;
}
@media screen and (min-width: 1024px) {
  .index-new-sw:hover .index-new-sw-btn {
    opacity: 1;
  }
}
.index-new-sw .swiper-slide {
  width: 24.4444444444%;
  margin-right: 0.6944444444%;
}
.index-new-sw .media-wrap {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.index-new-sw .media-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-new-sw .text-container {
  padding: 22px 0;
}
.index-new-sw .l25 {
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.index-new-sw .t1 {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
}
.index-new-sw .box {
  position: relative;
  top: 0;
  text-align: center;
}
.index-new-sw .t2 {
  display: inline-block;
  position: relative;
  line-height: 39px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.index-new-sw .t2::after {
  border-bottom: 1px solid #c9a966;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  position: absolute;
  content: "";
  transition: 0.5s;
}
.index-new-sw .t2:hover::after {
  width: 0;
}
.index-new-sw .t3 {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}
.index-new-sw .t4 {
  text-align: center;
  margin-top: 2px;
}
.index-new-sw .t4 .product3-b11 {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.index-new-sw .t4 a {
  margin: 0 3px;
}
.index-new-sw .t4 a .iconfont {
  font-size: 14px;
}
.index-new-sw .t4 a:nth-of-type(2) .iconfont {
  position: relative;
  top: -1px;
  font-size: 20px;
}
.index-new-sw .abs {
  transition: 0.8s;
}
.index-new-sw .abs:nth-of-type(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.index-new-sw .swiper-slide {
  overflow: hidden;
}
.index-new-sw .swiper-slide[data-swiper-slide-index="0"] {
  animation-delay: 0.2s;
}
.index-new-sw .swiper-slide[data-swiper-slide-index="1"] {
  animation-delay: 0.4s;
}
.index-new-sw .swiper-slide[data-swiper-slide-index="2"] {
  animation-delay: 0.6s;
}
.index-new-sw .swiper-slide[data-swiper-slide-index="3"] {
  animation-delay: 0.8s;
}
.index-new-sw .swiper-slide img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.index-new-sw .swiper-slide:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
@media screen and (min-width: 1024px) {
  .index-new-sw .swiper-slide:hover .abs:nth-of-type(1) {
    opacity: 0;
  }
  .index-new-sw .swiper-slide:hover .abs:nth-of-type(2) {
    opacity: 1;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .index-new-sw {
    width: 960px;
  }
  .index-new-sw .t3 {
    font-size: 12px;
  }
  .index-new-sw .t4 .product3-b11 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .index-new-sw .t4 a {
    vertical-align: middle;
  }
  .index-new-sw .t4 a .iconfont {
    font-size: 14px;
    vertical-align: middle;
    position: relative;
  }
  .index-new-sw .t4 a:nth-of-type(2) .iconfont {
    font-size: 18px;
    top: -2px;
  }
}
@media only screen and (max-width: 1023px) {
  .index-new-sw .abs:nth-of-type(2) {
    display: none;
  }
}

.new-new-pro {
  padding-top: 38px;
}
.new-new-pro .top .item .text-container .title {
  font-weight: bold;
  font-size: 22px;
}
.new-new-pro .bottom li .text-container {
  padding-bottom: 0;
}
.new-new-pro .bottom li .title {
  font-weight: bold;
  color: #212121;
  margin-bottom: 5px;
  font-size: 22px;
}
.new-new-pro .bottom li .text {
  line-height: 20px;
}
.new-new-pro .lijitansuo {
  width: 148px;
  height: 40px;
  background: white;
  border: 1px solid #c9a966;
  display: block;
  position: relative;
  top:0;
  bottom: 0;
  margin: auto 0;
  right: 0;
  line-height: 40px;
  text-align: center;
 
}
.new-new-pro .lijitansuo .toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  color: #c9a966;
  font-size: 14px;
  line-height: 40px;
  vertical-align: middle;
}
.new-new-pro .lijitansuo .toggle:nth-of-type(1) {
  opacity: 1;
}
.new-new-pro .lijitansuo .toggle:nth-of-type(2) {
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .new-new-pro .lijitansuo .toggle:hover:nth-of-type(1) {
    opacity: 0;
  }
  .new-new-pro .lijitansuo .toggle:hover:nth-of-type(2) {
    opacity: 1;
  }
}
.new-new-pro .lijitansuo .en {
  color: #fff;
  background: #c9a966;
}
.new-new-pro .t2 {
  display: inline-block;
  position: relative;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  vertical-align: top;
}
.new-new-pro .t2::after {
  border-bottom: 1px solid #c9a966;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  position: absolute;
  content: "";
  transition: 0.5s;
}
.new-new-pro .t2:hover::after {
  width: 0;
}
.new-new-pro .top .item .text-container {
  padding: 6.42857% 0;
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .new-new-pro .lijitansuo {
    width: 110px;
    height: 32px;
    line-height: 32px;
	  position: relative;

  }
  .new-new-pro .lijitansuo .toggle {
    font-size: 12px;
    line-height: 32px;
    vertical-align: middle;
  }
}

.ban2-a1 {
  margin-left: auto;
  margin-right: auto;
}
.ban2-a1 img {
  width: 100%;
  height: 100%;
  margin: 0;
}

@media only screen and (min-width: 1480px) {
  .ban2-a1 {
    width: 1440px;
    height: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .global1-b5 {
    line-height: 20px;
    height: 60px;
  }
  .global1-b5 .adds-adds {
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
  }

  .ban2-a1 {
    width: 960px;
    height: 347px;
  }

  .la-con {
    text-align: center;
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
  }

  .nexla3,
.nexla4 {
    height: 196px;
  }

  .la-item {
    width: 19.3055555556%;
    margin-right: 3.4722222222%;
    display: inline-block;
    vertical-align: top;
  }
  .la-item:last-child {
    margin-right: 0;
  }
  .la-item .media-wrap {
    padding-top: 53.2142857143%;
    position: relative;
  }
  .la-item .media-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .la-item .t1 {
    line-height: 43px;
    color: #454545;
    font-size: 15px;
    padding-left: 25px;
    transition: 0.5s;
    position: relative;
    text-align: left;
  }
  .la-item .t1::before {
    width: 14px;
    height: 3px;
    background: #d4bc8c;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: "";
  }
  .la-item .t1:hover {
    color: #c09d57;
  }

  .story1-b5 {
    line-height: 24px;
  }

  .shopshow1-a7 {
    width: 100%;
  }

  .shopshow1-a7 > div {
    max-width: calc(100% - 31px);
  }

  .shopshow1-a8 {
    margin-bottom: 8px;
  }
}
.search-section {
  padding: 20px 0;
}

.search-no-title {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #212121;
  letter-spacing: 1px;
  font-weight: bold;
}
.search-no-title span {
  text-decoration: underline;
}

.search-no-text {
  font-size: 14px;
  padding: 10px 0 0 0;
  color: #212121;
  font-weight: 400;
  text-align: center;
}

.hd1-a4 img:nth-of-type(2),
.hd1-a5 img:nth-of-type(2),
.hd1-a6 img:nth-of-type(2) {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .hd1-a4 img:nth-of-type(1),
.hd1-a5 img:nth-of-type(1),
.hd1-a6 img:nth-of-type(1) {
    display: none;
  }
  .hd1-a4 img:nth-of-type(2),
.hd1-a5 img:nth-of-type(2),
.hd1-a6 img:nth-of-type(2) {
    display: block;
  }
}

@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .new-products .top .item .text-container .text-wrapper {
    max-width: 340px;
  }

  .kcandme {
    font-size: 13px;
  }

  .yuwomenlianxi {
    left: calc(50% - 960px/2);
    font-size: 13px;
  }

  /* header */
  .hd1-a1 {
    height: 154px;
  }

  /* logo */
  .hd1-a2 {
    top: 30px;
  }

  /* 右上角 */
  .hd1-a3 {
    top: 27px;
  }

  .hd1-c0 {
    top: auto;
    bottom: 23px;
  }

  /* 线 */
  .hd1-c4 {
    top: auto;
    bottom: 15px;
    width: 960px;
  }

  /* banner */
  .ind1-a1 {
    width: 960px;
    height: 541px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0;
  }

  /* banner 图 */
  .ind1-a3 {
    width: 960px;
    height: 390px;
    margin-bottom: 16px;
  }

  /* 标题 */
  .ind1-a4 {
    font-size: 20px;
    font-weight: 400;
    color: #222222;
    line-height: 40px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 41px;
  }

  .ind1-a5 {
    display: none;
  }

  .index11 {
    width: 100% !important;
    margin: 0;
  }

  /* 分页 */
  .index12 {
    width: 100%;
    text-align: center;
    right: 0;
    left: 0;
    bottom: 74px;
    text-align: center;
    height: auto;
    line-height: 0px;
    font-size: 0;
  }
  .index12 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: white;
    border: 1px solid #3f2053;
    border-radius: 50%;
    margin: 0 7px;
    box-sizing: border-box;
    vertical-align: bottom;
    top: 0;
  }
  .index12 .swiper-pagination-bullet-active {
    border: 1px solid #3f2053;
    width: 10px;
    height: 10px;
    background: #3f2053;
    border-radius: 50%;
    vertical-align: bottom;
  }

  /*  */
  .ft1-b2 {
    width: 180px;
  }

  .ft1-d5 {
    width: 100%;
    text-align: center;
    margin-bottom: 13px;
  }
}
.nav-global .inner .box {
  padding: 25px;
}

/* 1px solid rgba(233, 221, 194, 0.7) */
@media only screen and (max-width: 1023px) {
  .shopshow1-a7 > div {
    padding-left: 0.7rem;
    text-indent: 0;
  }

  .ft1-g2 {
    border-bottom: 1px solid rgba(233, 221, 194, 0.7);
  }

  .ft1-f9 {
    height: 0.40rem;
  }

  .product1-c11 {
    width: 0.46rem;
  }

  .kopenhagen1-don3 {
    background: #fff;
  }

  .hd1-a3 > .i200 {
    height: 0.56rem;
  }

  .new-new-pro .top .item .text-container .title {
    font-size: 0.32rem;
  }

  .kopenhagen1-don3 .kopenhagen1-c3 {
    transition: 0.5s;
  }

  .ft1-e1 {
    text-align: center;
  }

  .kcandme {
    display: none;
  }

  .new-new-pro {
    padding-top: 0;
  }
  .new-new-pro .lijitansuo {
    width: 1.3rem;
    height: 0.46rem;
    line-height: 0.46rem;
	
    margin-top: 0.12rem;
  }
  .new-new-pro .lijitansuo .toggle {
    line-height: 0.46rem;
    font-size: 0.24rem;
  }
  .new-new-pro .t2 {
    font-size: 0.24rem;
    line-height: 0.6rem;
    display: none;
  }
  .new-new-pro .bottom li {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .new-new-pro .bottom li:nth-of-type(3) .text-container, .new-new-pro .bottom li:nth-of-type(4) .text-container {
    padding-bottom: 0;
  }
  .new-new-pro .bottom li .text-container {
    padding-bottom: 0.23rem;
  }
  .new-new-pro .bottom li .text-container .title {
    font-size: 0.32rem;
  }

  .index-new-sw {
    width: 100%;
    width: 7.1rem;
    margin: 0 auto;
  }
  .index-new-sw .swiper-slide {
    margin-right: 0;
  }
  .index-new-sw .text-container {
    padding: 0.45rem 0;
  }
  .index-new-sw .text-container .t1 {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
  .index-new-sw .text-container .t2 {
    font-size: 0.24rem;
    line-height: 0.6rem;
  }
}
.xxnav-top a {
  width: 6rem;
  display: block;
}

.xxnav-bottom a {
  width: 5rem;
  display: block;
}

@media only screen and (min-width: 1480px) {
  .news1-b2-last {
    width: calc((100% - 20px*2)/3) !important;
    height: 408px !important;
    position: relative;
    float: left;
    margin-right: 20px !important;
    margin-bottom: 28px !important;
    overflow: hidden;
    background: #f6f6f6;
  }
  .news1-b2-last .news1-b3 {
    width: 100% !important;
    height: 290px !important;
    position: absolute;
    top: -192px !important;
    left: 0;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b4 {
    width: calc(100% - 36px*2) !important;
    position: absolute;
    top: 114px !important;
    left: 36px !important;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b5 {
    font-size: 16px;
    line-height: 16px;
    color: #8d8d8d;
    font-weight: lighter;
    position: absolute;
    top: 150px !important;
    left: 36px !important;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b6 {
    width: calc(100% - 36px*2) !important;
    position: absolute;
    top: 195px !important;
    left: 36px !important;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b7 {
    width: 110px;
    height: 32px;
    background: #3f2053;
    border: 1px solid #3f2053;
    font-size: 24px;
    line-height: 30px;
    color: #aaaaaa;
    font-weight: lighter;
    text-align: center;
    position: absolute;
    top: 290px !important;
    left: 36px !important;
    transition: 0.8s;
  }
  .news1-b2-last:nth-of-type(3n) {
    margin-right: 0 !important;
  }
  .news1-b2-last:hover .news1-b3 {
    top: 0 !important;
    transition: 0.8s;
    opacity: 1;
  }
  .news1-b2-last:hover .news1-b4 {
    top: 315px !important;
    transition: 0.8s;
  }
  .news1-b2-last:hover .news1-b4 .to1 {
    color: #333333 !important;
  }
  .news1-b2-last:hover .news1-b5 {
    top: 358px !important;
    transition: 0.8s;
    color: #8d8d8d !important;
  }
  .news1-b2-last:hover .news1-b6 {
    top: 100% !important;
    transition: 0.8s;
  }
  .news1-b2-last:hover .news1-b7 {
    top: 110% !important;
    transition: 0.8s;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px) {
  .news1-b2-last {
    width: calc((100% - 16px*2)/3) !important;
    height: 272px !important;
    position: relative;
    float: left;
    margin-right: 16px !important;
    margin-bottom: 24px !important;
    overflow: hidden;
    background: #f6f6f6;
  }
  .news1-b2-last .news1-b3 {
    width: 100%;
    height: 192px !important;
    position: absolute;
    top: -192px !important;
    left: 0 !important;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b4 {
    width: calc(100% - 24px*2) !important;
    position: absolute;
    top: 48px !important;
    left: 24px !important;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b4 .to1 {
    color: #333 !important;
  }
  .news1-b2-last .news1-b5 {
    font-size: 14px !important;
    line-height: 14px !important;
    color: #8d8d8d !important;
    font-weight: lighter;
    position: absolute;
    top: 80px !important;
    left: 24px !important;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b6 {
    width: calc(100% - 24px*2) !important;
    position: absolute;
    top: 120px !important;
    left: 24px !important;
    transition: 0.8s;
  }
  .news1-b2-last .news1-b7 {
    width: 86px !important;
    height: 24px !important;
    background: #3f2053 !important;
    border: 1px solid #3f2053 !important;
    font-size: 20px;
    line-height: 22px;
    color: #aaaaaa !important;
    font-weight: lighter;
    text-align: center;
    position: absolute;
    top: 200px !important;
    left: 24px !important;
    transition: 0.8s;
  }
  .news1-b2-last:hover .news1-b3 {
    top: 0 !important;
    transition: 0.8s;
  }
  .news1-b2-last:hover .news1-b4 {
    top: 210px !important;
    transition: 0.8s;
  }
  .news1-b2-last:hover .news1-b5 {
    top: 240px !important;
    transition: 0.8s;
  }
  .news1-b2-last:hover .news1-b6 {
    top: 100% !important;
    transition: 0.8s;
  }
  .news1-b2-last:hover .news1-b7 {
    top: 110% !important;
    transition: 0.8s;
  }
  .news1-b2-last:nth-of-type(3n) {
    margin-right: 0 !important;
  }
}
.kcandme {
  display: none;
}

/*# sourceMappingURL=dist.css.map*/

/*index  new*/

.box3 {width: 100%;margin-top: 15px;}
.box3 .block {width: 1440px;margin: 0 auto;padding: 20px;position: relative;box-sizing: border-box !important;}
.box3 .acti {text-align: center;height: 277px;overflow: hidden;position: relative;background: #fff;}
.box3 .acti.hide {display:none;}
.box3 .acti .d1 {color: #474747;width: 24.95%;height: 100%;float: left;background-color: #f9f9f9;}
.box3 .acti .d1 .t1{font-size: 40px;color:#474747;padding: 50px 0 12px;font-family: Arial, Helvetica, sans-serif;line-height: 1;}
.box3 .acti .d1 .t2{font-size: 24px;color: #474747;}
.box3 .acti .d1 .p{font-size: 12px;color: #474747;padding: 10px 0 25px;margin: 0 auto;width: 280px;}
.box3 .acti .d1 a{font-size: 12px;color: #474747;}
.box3 .acti .blk {margin-right: 1px; width: 24.94%;height: 100%;text-align: center;position: relative;float: right;transition:all 0.3s;-webkit-transition: all 0.3s;}
.box3 .acti .r0 {margin-right: 0;}
.box3 .acti .blk .mask {transition: all 0.3s;-webkit-transition:all 0.3s; position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/mask1.png);z-index: 1;display: none;} 
.box3 .acti .blk .mask .maskimg {padding-top: 105px;}
.box3 .acti .blk>img {width: 100%;height: auto;}
.box3 .acti .blk .p {transition:all 0.1s;-webkit-transition:all 0.1s;height: 53px;font-size: 16px;color: #474747;line-height: 53px;position: absolute;bottom: 0;left: 0;background-color: #f9f9f9;z-index: 2;width: 100%;}
.box3 .acti .blk:hover .mask {display: block;}
.box3 .acti .blk:hover .p {color: #fff;background-color: inherit;}
.box3 .acti .blk .ind_box3_img {width: 100%;height: auto;}
.box3 .acti2 {height: 273px;overflow: hidden;position: relative;background: #fff; border:#edecec solid 1px;}
.box3 .acti2 .d1 {width: 24.95%;height: 100%;float: left;background: url(../images/box3_bj1.png);padding-left: 45px;box-sizing: border-box !important;}
.box3 .acti2 .d1 .t1 {font-size: 36px;color: #fff;padding-top: 50px;font-family: Arial, Helvetica, sans-serif;}
.box3 .acti2 .d1 .t2 {font-size: 24px;color: #fff;padding: 9px 0 54px;}
.box3 .acti2 .d1 a {font-size: 12px;color: #fff;}
.box3 .acti2 .d2 {width: 445px;padding: 60px 0 0 45px;float: left;position: relative;}
.box3 .acti2 .d2 .left {float: left;text-align: center;}
.box3 .acti2 .d2 .left .t1 { color: #474747;font-size: 66px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin-top: 2px;line-height: 1.1;}
.box3 .acti2 .d2 .left span {color: #474747;font-size: 20px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
.box3 .acti2 .d2 .right {padding-left: 12px;overflow: hidden;float: none;}
.box3 .acti2 .d2 .right .title {font-size: 18px;color: #474747;padding-right: 25px;}
.box3 .acti2 .d2 .right .p {font-size: 12px;color: #707070;margin: 15px 0 18px;overflow: hidden;height:110px;}
.box3 .acti2 .d2 .right .p  p{font-size: 12px;color: #707070;}
.box3 .acti2 .d2 .right .more {font-size: 12px;color: #474747;font-family: Arial, Helvetica, sans-serif;}
.jjl_mask1 {position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: #fff;opacity: 0.8;}

@media only screen and (max-width: 1023px) {
.box3 {margin-top: 0.3rem;}
.box3 .block {margin: 0 0.2rem;padding: 0.2rem 0.05rem;width: auto !important;}
.box3 .acti {height: auto;}
.box3 .acti .d1 {float: none;width: auto;padding: 1.0rem 0.3rem 0.4rem;}
.box3 .acti .d1 .t1 {font-size: 0.58rem;padding: 0;}
.box3 .acti .d1 .t2 {font-size: 0.32rem;}
.box3 .acti .d1 .p {font-size: 0.26rem;width: auto;padding: 0.1rem 0 0.2rem;}
.box3 .acti .d1 a {font-size: 0.28rem;}
.box3 .acti .blk {float: none;width: auto;margin-right: 0;}
.box3 .acti2 {height: auto;padding-bottom: 0.3rem; border:0;background-color: #f9f9f9;}
.box3 .acti2 .d1 {float: none;width: auto;padding: 0.6rem 0.3rem;text-align: center;}
.box3 .acti2 .d1 .t1 {font-size: 0.58rem;padding: 0;line-height: 1.3;}
.box3 .acti2 .d1 .t2 {font-size: 0.32rem;padding: 0 0 0.3rem;}
.box3 .acti2 .d1 .p {font-size: 0.26rem;width: auto;padding: 0.1rem 0 0.2rem;}
.box3 .acti2 .d1 a {font-size: 0.28rem;}
.box3 .acti2 .d2 {float: none;width: auto;padding: 0.4rem 0.1rem 0 0.1rem;}
.box3 .acti2 .d2 .left .t1 {font-size: 0.72rem;line-height: 1.2;}
.box3 .acti2 .d2 .left span {font-size: 0.32rem;}
.box3 .acti2 .d2 .right {padding-left: 0.2rem;}
.box3 .acti2 .d2 .right .title {padding-right: 0;font-size: 0.38rem;}
.box3 .acti2 .d2 .right .p {font-size: 0.26rem;margin: 0.2rem 0 0.3rem;height: auto;}
.box3 .acti2 .d2 .right .more {font-size: 0.28rem;}
}

@media only screen and (max-width: 1023px) {
.new-products .top .item .img-wrap { width:100%; float:left;
font-size:15px; line-height:30px; text-indent:2em;
  height: auto;
  overflow: hidden;}
.new-products .top .item .img {width:100%;height:auto; text-align:center; font-size:14px; line-height:40px; margin-bottom:0px;}
.new-products .top .item .img img{width:332px;height:auto; margin:0 30px;}

.img-wrap-1{ width:100%; height:auto; float:left; margin:20px auto; display:none;}
.img-wrap-1 img {width:33.3%;height:auto; float:left;}
.img-wrap-2{ width:100%; height:auto; float:left; margin:20px auto;}
		
}

.text-secondary{ width:1300px; margin:0 auto; overflow:hidden;}
.text-secondary a{ font-size:14px; line-height:30px; }
.text-secondary p{ width:48%; display:block; float:left;}
@media only screen and (max-width: 1023px) {
.text-secondary{ width:98%; margin:0 auto; overflow:hidden;}
.text-secondary a{ font-size:14px; line-height:30px; }
.text-secondary p{ width:100%;font-size:14px; display:block; float:left;margin:0 auto;}
	
}

/*news*/

/*new*/


.newsList a{display:block; background-color:#f9f9f9; padding:25px 0; overflow:hidden; width:100%; margin-bottom:10px;transition:background 0.5s;}
.newsList a div{float:left; display:inline-block; margin:0 20px 0 25px; width:15%; overflow:hidden}
.newsList a span{float:left; display:inline-block; width:79%; padding:10px 0 0 0; line-height:26px;}
.newsList a span h1{ font-size:16px; overflow: hidden; text-overflow: ellipsis; line-height:30px;}
.newsList a span h2{ font-size:12px; font-weight:normal; color:#b7b7b7; line-height:30px; }
.newsList a span h2>span { float: right; width: auto; padding: 0; }
.newsList a span h3{ font-size:15px; font-weight:normal; line-height: 1.7em; color:#888;overflow: hidden; text-overflow: ellipsis;}
.newsList a:hover{background:#dadada}
.newsList a:hover h1{color:#222;}
.newsList a:hover h2{color:#888;}
.newsList a:hover h3{color:#666;}
.newsList a div img{width:100%; height:auto; max-height: 150px;transition:transform 1s;}
.newsList a:hover img{transform: scale(1.2); }

.newsListText{ margin-top:15px;}
.newsListText a{display:block; padding:7px 0 7px 20px; line-height:26px; background:url(../images/bgLi.jpg) 10px 20px no-repeat;overflow:hidden; font-size:16px;}
.newsListText a span{float:right;font-size:14px; color:#999}
.newsListText .line{ border-bottom:1px solid #dedede; margin-bottom:20px; padding-bottom:20px!important}

@media only screen and (max-width: 1023px) {
.newsList a div{float:left; display:none; margin:0 20px 0 25px; width:15%; overflow:hidden}
.newsList a span{float:left; display:inline-block; width:98%; padding:10px; line-height:26px;}
}

.page_p{ margin:20px auto}
.page_p a{ display:block; width:60px; height:30px; line-height:30px; font-size:14px; float: left; border:#CCC solid 1px; text-align:center; margin:5px;}