@charset "UTF-8";
/*header start*/
#menuWap {
  display: none;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: clamp(20px, 1.5625vw, 30px) 0;
}
.header .header-box .logo-box {
  width: clamp(222.66667px, 17.39583vw, 334px);
}
.header .header-box .logo-box a {
  display: block;
}
.header .header-box .logo-box a img {
  width: 100%;
  height: auto;
}
.header .header-box .nav-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header-box .nav-search .nav-box #menuPc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header .header-box .nav-search .nav-box #menuPc ul li {
  padding: 0 clamp(13.33333px, 1.04167vw, 20px);
}
.header .header-box .nav-search .nav-box #menuPc ul li a {
  color: #fff;
  display: inline-block;
  font-family: scnb;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  padding: clamp(13.33333px, 1.04167vw, 20px) clamp(6.66667px, 0.52083vw, 10px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .nav-search .nav-box #menuPc ul li a:hover {
  color: #221100;
}
.header .header-box .nav-search .nav-box #menuPc ul li.active a {
  color: #221100;
}
.header .header-box .nav-search .search-btn {
  padding-left: clamp(20px, 1.5625vw, 30px);
  position: relative;
}
.header .header-box .nav-search .search-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 28px;
  background: rgba(255, 255, 255, 0.2);
}

/*header end*/
/*footer start*/
.footer {
  background: url("../images/footer-bg.png") no-repeat center top;
  background-size: cover;
  margin-top: -100px;
  padding-top: 100px;
  position: relative;
}
.footer .writing {
  content: "";
  position: absolute;
  bottom: calc(100% - 120px);
  right: 0;
  z-index: 2;
  width: clamp(414.66667px, 32.39583vw, 622px);
  height: clamp(258.66667px, 20.20833vw, 388px);
  background: url("../images/footer-bg-top.png") no-repeat center center;
  background-size: cover;
}
.footer .footer-logo-nav {
  padding-bottom: clamp(53.33333px, 4.16667vw, 80px);
}
.footer .footer-logo-nav .m-width-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact {
  width: 77%;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .logo {
  width: clamp(230px, 17.96875vw, 345px);
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .logo a {
  display: block;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .logo a img {
  width: 100%;
  height: auto;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav {
  width: calc(100% - clamp(333.33333px, 26.04167vw, 500px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: clamp(20px, 1.5625vw, 30px);
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav ul li {
  padding: 0 clamp(33.33333px, 2.60417vw, 50px);
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav ul li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 60%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(20%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 100%);
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav ul li a {
  color: #F0DDC9;
  display: inline-block;
  font-family: scnb;
  font-size: clamp(14.66667px, 1.14583vw, 22px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav ul li a:hover {
  color: #fff;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav ul li.active a {
  color: #fff;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .contact {
  padding-top: clamp(53.33333px, 4.16667vw, 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .contact .item {
  width: 33.3333333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: clamp(13.33333px, 1.04167vw, 20px);
  background: url("../images/index-icon-14.png") no-repeat left center;
  font-size: clamp(12px, 0.9375vw, 18px);
  color: #FFFFFF;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .contact .item a {
  font-size: clamp(12px, 0.9375vw, 18px);
  color: #FFFFFF;
}
.footer .footer-logo-nav .m-width-content .logo-nav-contact .contact .item a:hover {
  color: #F0DDC9;
}
.footer .footer-logo-nav .m-width-content .ewm {
  width: 23%;
  padding-top: clamp(20px, 1.5625vw, 30px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: clamp(60px, 4.6875vw, 90px);
  position: relative;
}
.footer .footer-logo-nav .m-width-content .ewm::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
}
.footer .footer-logo-nav .m-width-content .ewm .tit {
  font-size: clamp(16px, 1.25vw, 24px);
  color: #F0DDC9;
  font-family: scnb;
  font-weight: 700;
}
.footer .footer-logo-nav .m-width-content .ewm .ewm-item {
  padding-top: clamp(20px, 1.5625vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer .footer-logo-nav .m-width-content .ewm .ewm-item .item {
  width: 40%;
}
.footer .footer-logo-nav .m-width-content .ewm .ewm-item .item .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.footer .footer-logo-nav .m-width-content .ewm .ewm-item .item .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer .footer-logo-nav .m-width-content .ewm .ewm-item .item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer .footer-logo-nav .m-width-content .ewm .ewm-item .item .name {
  font-size: clamp(12px, 0.9375vw, 18px);
  color: rgba(255, 255, 255, 0.8);
  margin-top: clamp(10px, 0.78125vw, 15px);
  text-align: center;
}
.footer .footer-copy {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer .footer-copy .copy {
  padding: clamp(20px, 1.5625vw, 30px) 0;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.footer .footer-copy .copy a {
  color: rgba(255, 255, 255, 0.6);
}
.footer .footer-copy .copy a:hover {
  color: #F0DDC9;
}

/*footer end*/
.crumbs-box {
  padding: 20px 0;
  font-size: clamp(12px, 0.9375vw, 18px);
  text-align: right;
}
.crumbs-box a {
  color: #221100;
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.crumbs-box a:hover {
  color: #902110;
}
.crumbs-box i {
  display: inline-block;
  padding: 0 5px;
  color: #221100;
}
.crumbs-box span {
  color: #221100;
}
.crumbs-box .current {
  background: url("../images/home.png") no-repeat left center;
  padding: 5px 0 5px 25px;
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.banner {
  width: 100%;
}
.banner .swiper-slide .pic .meidia-box {
  padding-bottom: 50%;
  overflow: hidden;
  position: relative;
}
.banner .swiper-slide .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .swiper-slide .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .swiper-pagination {
  bottom: 50%;
  right: clamp(106.66667px, 8.33333vw, 160px);
  left: auto;
  width: 20px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  font-family: scnr;
}
.banner .swiper-pagination span {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
}
.banner .swiper-pagination span.swiper-pagination-current {
  margin-bottom: 5px;
}
.banner .swiper-pagination span.swiper-pagination-total {
  margin-top: 5px;
}
.banner .swiper-pagination::after {
  content: "";
  position: absolute;
  top: 150%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: clamp(77.33333px, 6.04167vw, 116px);
  background: rgba(255, 255, 255, 0.2);
}
.banner .swiper-pagination::before {
  content: "";
  position: absolute;
  bottom: 150%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: clamp(77.33333px, 6.04167vw, 116px);
  background: rgba(255, 255, 255, 0.2);
}
.banner .next {
  position: absolute;
  z-index: 4;
  background: url("../images/banner-next.png") no-repeat center center;
  width: 47px;
  height: 26px;
  background-size: cover;
  left: 50%;
  margin-left: -23.5px;
  bottom: 26px;
  -webkit-animation: next 1.6s ease-in-out infinite;
          animation: next 1.6s ease-in-out infinite;
}
.banner .next::after {
  display: none;
}
@-webkit-keyframes next {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes next {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.inner-banner {
  position: relative;
}
.inner-banner .pic .meidia-box {
  padding-bottom: 35%;
  overflow: hidden;
  position: relative;
}
.inner-banner .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-banner .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 内容区域宽度+40px */
.m-width-content {
  max-width: clamp(1093.33333px, 85.41667vw, 1640px);
  padding: 0 clamp(13.33333px, 1.04167vw, 20px);
  margin: 0 auto;
}

/*置顶按钮 start*/
#toTop {
  width: 40px;
  height: 40px;
  left: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 999;
  background: #902110;
}

/*置顶按钮 end*/
/*分页 start*/
.page-box {
  text-align: center;
}
.page-box .layui-laypage a, .page-box .layui-laypage span {
  background: transparent;
  margin: 0 5px;
}
.page-box .layui-laypage a {
  border: 1px solid #D5D5D5;
}
.page-box .layui-laypage a:hover {
  color: #902110;
}
.page-box .layui-laypage button {
  background: #902110;
  color: #fff;
}
.page-box .layui-laypage input {
  background: transparent;
  border: 1px solid #D5D5D5;
}
.page-box .layui-laypage input:focus, .page-box .layui-laypage select:focus {
  border-color: #b24249 !important;
}

/*分页 end*/
.index-page {
  background: url("../images/index-bg-01.jpg") no-repeat center center;
  background-size: cover;
  padding-bottom: 100px;
}
.index-page .featured-box {
  padding: clamp(60px, 4.6875vw, 90px) 0 clamp(86.66667px, 6.77083vw, 130px);
}
.index-page .featured-box .featured-tab {
  margin: clamp(26.66667px, 2.08333vw, 40px) 0 clamp(40px, 3.125vw, 60px);
}
.index-page .featured-box .featured-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index-page .featured-box .featured-tab ul li {
  margin: 0 clamp(40px, 3.125vw, 60px);
}
.index-page .featured-box .featured-tab ul li a {
  position: relative;
  width: clamp(105.33333px, 8.22917vw, 158px);
  display: block;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  color: #221100;
}
.index-page .featured-box .featured-tab ul li a i {
  background: url("../images/index-icon-01.png") no-repeat left center;
  background-size: cover;
  width: clamp(12px, 0.9375vw, 18px);
  height: clamp(13.33333px, 1.04167vw, 20px);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.index-page .featured-box .featured-tab ul li a::after {
  content: attr(data-text);
  font-size: clamp(16px, 1.25vw, 24px);
  width: clamp(80px, 6.25vw, 120px);
  color: #221100;
  position: relative;
  white-space: nowrap;
  padding-left: clamp(13.33333px, 1.04167vw, 20px);
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 1;
}
.index-page .featured-box .featured-tab ul li a::before {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: clamp(13.33333px, 1.04167vw, 20px);
  width: clamp(80px, 6.25vw, 120px);
  font-family: scnb;
  font-size: clamp(18.66667px, 1.45833vw, 28px);
  -webkit-transform: translateY(-50%) scale(0, 1);
          transform: translateY(-50%) scale(0, 1);
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.index-page .featured-box .featured-tab ul li.active a i, .index-page .featured-box .featured-tab ul li:hover a i {
  background: url("../images/index-icon-02.png") no-repeat left center;
  width: clamp(60.66667px, 4.73958vw, 91px);
  height: clamp(43.33333px, 3.38542vw, 65px);
  background-size: 100% 100%;
  left: -50px;
}
.index-page .featured-box .featured-tab ul li.active a::after, .index-page .featured-box .featured-tab ul li:hover a::after {
  -webkit-transform: translateY(-50%) scale(0, 1);
          transform: translateY(-50%) scale(0, 1);
  opacity: 0;
}
.index-page .featured-box .featured-tab ul li.active a::before, .index-page .featured-box .featured-tab ul li:hover a::before {
  -webkit-transform: translateY(-50%) scale(1, 1);
          transform: translateY(-50%) scale(1, 1);
  opacity: 1;
}
.index-page .featured-box .featurd-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.index-page .featured-box .featurd-list ul li {
  width: calc(33.3333333333% - clamp(86.66667px, 6.77083vw, 130px) / 3);
  margin-left: calc(clamp(86.66667px, 6.77083vw, 130px) / 2);
  background: transparent url("../images/index-icon-03.png") no-repeat center center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(13.33333px, 1.04167vw, 20px);
  margin-bottom: clamp(46.66667px, 3.64583vw, 70px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.index-page .featured-box .featurd-list ul li:nth-child(3n+1) {
  margin-left: 0;
}
.index-page .featured-box .featurd-list ul li .li-inner .pic .meidia-box {
  padding-bottom: 75%;
  overflow: hidden;
  position: relative;
}
.index-page .featured-box .featurd-list ul li .li-inner .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-page .featured-box .featurd-list ul li .li-inner .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-page .featured-box .featurd-list ul li .li-inner .pic a {
  display: block;
}
.index-page .featured-box .featurd-list ul li .li-inner .pic a img {
  border-radius: clamp(6.66667px, 0.52083vw, 10px);
}
.index-page .featured-box .featurd-list ul li .li-inner .text {
  padding-top: clamp(13.33333px, 1.04167vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.index-page .featured-box .featurd-list ul li .li-inner .text .tit .name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: clamp(16px, 1.25vw, 24px);
  color: #221100;
  font-family: scnb;
}
.index-page .featured-box .featurd-list ul li .li-inner .text .tit .author {
  margin-top: clamp(6.66667px, 0.52083vw, 10px);
  font-size: clamp(12px, 0.9375vw, 18px);
  color: rgba(51, 51, 51, 0.6);
}
.index-page .featured-box .featurd-list ul li .li-inner .text .buy-btn a {
  width: clamp(60px, 4.6875vw, 90px);
  height: clamp(26.66667px, 2.08333vw, 40px);
  line-height: clamp(26.66667px, 2.08333vw, 40px);
  color: #fff;
  background: #902110;
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index-page .featured-box .featurd-list ul li .li-inner .text .buy-btn a img {
  margin-left: 5px;
  width: clamp(14.66667px, 1.14583vw, 22px);
  height: clamp(13.33333px, 1.04167vw, 20px);
}
.index-page .featured-box .featurd-list ul li:hover {
  background: #fff;
  -webkit-box-shadow: 0px 2px 18px 0px rgba(144, 33, 16, 0.308);
          box-shadow: 0px 2px 18px 0px rgba(144, 33, 16, 0.308);
  border-radius: clamp(11.33333px, 0.88542vw, 17px);
}
.index-page .featured-box .featurd-list .more-bt {
  padding-left: 6.5%;
}
.index-page .artist-box .artist-list {
  margin-top: clamp(20px, 1.5625vw, 30px);
}
.index-page .artist-box .artist-list ul {
  padding-top: clamp(73.33333px, 5.72917vw, 110px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.index-page .artist-box .artist-list ul li {
  width: calc(25% - clamp(410px, 32.03125vw, 615px) / 4);
  position: relative;
  margin-left: calc(clamp(410px, 32.03125vw, 615px) / 3);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.index-page .artist-box .artist-list ul li:nth-child(4n+1) {
  margin-left: 0;
}
.index-page .artist-box .artist-list ul li:nth-child(even) .pic {
  background: url("../images/index-icon-06.png") no-repeat center center;
  background-size: 100% 100%;
}
.index-page .artist-box .artist-list ul li:nth-child(even) .text .text-inner .name-tit .tit {
  background: url("../images/index-icon-08.png") no-repeat center center;
  color: #A8824B;
}
.index-page .artist-box .artist-list ul li .pic {
  width: clamp(149.33333px, 11.66667vw, 224px);
  height: clamp(146.66667px, 11.45833vw, 220px);
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  margin: 0 auto;
  background: url("../images/index-icon-05.png") no-repeat center center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(20px, 1.5625vw, 30px);
}
.index-page .artist-box .artist-list ul li .pic a {
  display: block;
}
.index-page .artist-box .artist-list ul li .pic a img {
  border-radius: 50%;
}
.index-page .artist-box .artist-list ul li .pic .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.index-page .artist-box .artist-list ul li .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-page .artist-box .artist-list ul li .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-page .artist-box .artist-list ul li .text {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  padding: clamp(93.33333px, 7.29167vw, 140px) clamp(26.66667px, 2.08333vw, 40px) 0;
  height: clamp(273.33333px, 21.35417vw, 410px);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-page .artist-box .artist-list ul li .text .text-inner {
  width: 100%;
}
.index-page .artist-box .artist-list ul li .text .text-inner .name-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: clamp(15.33333px, 1.19792vw, 23px);
  position: relative;
}
.index-page .artist-box .artist-list ul li .text .text-inner .name-tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(6px, 0.46875vw, 9px);
  height: 100%;
  background: url("../images/index-icon-09.png") no-repeat center center;
  background-size: 100% 100%;
}
.index-page .artist-box .artist-list ul li .text .text-inner .name-tit .name {
  font-weight: 700;
  font-size: clamp(18.66667px, 1.45833vw, 28px);
  font-family: scnb;
  color: #221100;
}
.index-page .artist-box .artist-list ul li .text .text-inner .name-tit .tit {
  margin-top: clamp(10px, 0.78125vw, 15px);
  font-size: clamp(12px, 0.9375vw, 18px);
  color: #fff;
  background: url("../images/index-icon-07.png") no-repeat center center;
  background-size: 100% 100%;
  width: clamp(28px, 2.1875vw, 42px);
  height: clamp(107.33333px, 8.38542vw, 161px);
  border-radius: clamp(14px, 1.09375vw, 21px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index-page .artist-box .artist-list ul li .text .text-inner .tips {
  width: calc(100% - clamp(56.66667px, 4.42708vw, 85px));
  margin-right: clamp(13.33333px, 1.04167vw, 20px);
  font-size: clamp(12px, 0.9375vw, 18px);
  color: rgba(34, 17, 0, 0.8);
  line-height: 1.6;
}
.index-page .artist-box .artist-list .more-bt {
  padding: clamp(60px, 4.6875vw, 90px) 0 clamp(86.66667px, 6.77083vw, 130px) 6.5%;
}
.index-page .about-box {
  background: url("../images/index-bg-02.png") no-repeat center bottom;
  padding-bottom: clamp(80px, 6.25vw, 120px);
  background-size: auto 100%;
}
.index-page .about-box .text {
  margin-top: clamp(53.33333px, 4.16667vw, 80px);
  text-align: center;
}
.index-page .about-box .text .ln {
  font-size: clamp(16px, 1.25vw, 24px);
  color: #221100;
  font-family: scnr;
  padding-bottom: clamp(27.33333px, 2.13542vw, 41px);
  position: relative;
}
.index-page .about-box .text .ln::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(200px, 15.625vw, 300px);
  height: clamp(6px, 0.46875vw, 9px);
  background: url("../images/index-icon-13.png") no-repeat center center;
  background-size: 100% 100%;
}
.index-page .about-box .text .des {
  max-width: clamp(420px, 32.8125vw, 630px);
  margin: clamp(15.33333px, 1.19792vw, 23px) auto 0;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #221100;
  line-height: 2;
  font-family: scnr;
}
.index-page .about-box .text .slogan {
  text-align: center;
  margin: clamp(46.66667px, 3.64583vw, 70px) auto clamp(60px, 4.6875vw, 90px);
}
.index-page .about-box .text .slogan img {
  max-width: 100%;
  height: auto;
}
.index-page .about-box .more-bt {
  padding-left: 6.5%;
  margin-top: clamp(60px, 4.6875vw, 90px);
}

.index-tit {
  background: url("../images/index-tit.png") no-repeat center center;
  padding-bottom: clamp(20px, 1.5625vw, 30px);
  text-align: center;
  font-weight: 700;
  font-size: clamp(28px, 2.1875vw, 42px);
  color: #221100;
  font-family: scnb;
}

.more-bt a {
  width: clamp(170px, 13.28125vw, 255px);
  height: clamp(35.33333px, 2.76042vw, 53px);
  display: block;
  margin: 0 auto;
  padding-left: clamp(23.33333px, 1.82292vw, 35px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: clamp(35.33333px, 2.76042vw, 53px);
  background: url("../images/index-icon-10.png") no-repeat center center;
  background-size: 100% 100%;
  font-size: clamp(12px, 0.9375vw, 18px);
  color: #FFFFFF;
  font-family: scnr;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.more-bt a:hover {
  background: url("../images/index-icon-11.png") no-repeat center center;
  background-size: 100% 100%;
}

.inner-page {
  position: relative;
}
.inner-page .crumbs-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.inner-page .artwork-box .photo-text {
  padding: clamp(80px, 6.25vw, 120px) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inner-page .artwork-box .photo-text .pic {
  width: 34%;
}
.inner-page .artwork-box .photo-text .pic .meidia-box img {
  width: 100%;
  height: auto;
}
.inner-page .artwork-box .photo-text .text {
  width: 66%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: clamp(33.33333px, 2.60417vw, 50px);
}
.inner-page .artwork-box .photo-text .text .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inner-page .artwork-box .photo-text .text .tit .name {
  font-weight: 700;
  font-size: clamp(20px, 1.5625vw, 30px);
  font-family: scnb;
  color: #221100;
}
.inner-page .artwork-box .photo-text .text .tit .author {
  padding-left: clamp(10px, 0.78125vw, 15px);
  position: relative;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #221100;
}
.inner-page .artwork-box .photo-text .text .tit .author::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) skewX(-15deg);
          transform: translateY(-50%) skewX(-15deg);
  width: 1px;
  height: 14px;
  background: rgba(144, 33, 16, 0.4);
}
.inner-page .artwork-box .photo-text .text .des {
  margin-top: clamp(26.66667px, 2.08333vw, 40px);
  font-size: clamp(12px, 0.9375vw, 18px);
  color: #221100;
}
.inner-page .artwork-box .line {
  width: 100%;
  height: 1px;
  background: rgba(144, 33, 16, 0.2);
  position: relative;
}
.inner-page .artwork-box .line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  width: 13px;
  height: 13px;
  background: #902110;
}
.inner-page .artwork-box .line::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  width: 13px;
  height: 13px;
  background: #902110;
}
.inner-page .artwork-box .recommend {
  margin-top: clamp(60px, 4.6875vw, 90px);
  padding-bottom: clamp(133.33333px, 10.41667vw, 200px);
}
.inner-page .artwork-box .recommend .tit {
  font-size: clamp(18.66667px, 1.45833vw, 28px);
  font-family: scnb;
  color: #221100;
  font-weight: 700;
}
.inner-page .artwork-box .recommend .list {
  margin-top: clamp(26.66667px, 2.08333vw, 40px);
}
.inner-page .artwork-box .recommend .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inner-page .artwork-box .recommend .list ul li {
  width: calc(33.3333333333% - clamp(64px, 5vw, 96px) / 3);
  margin-left: calc(clamp(64px, 5vw, 96px) / 2);
  margin-bottom: calc(clamp(64px, 5vw, 96px) / 2);
}
.inner-page .artwork-box .recommend .list ul li:nth-child(3n+1) {
  margin-left: 0;
}
.inner-page .artwork-box .recommend .list ul li a {
  display: block;
  overflow: hidden;
  border-radius: clamp(6.66667px, 0.52083vw, 10px);
  position: relative;
}
.inner-page .artwork-box .recommend .list ul li a .pic .meidia-box {
  padding-bottom: 75%;
  overflow: hidden;
  position: relative;
}
.inner-page .artwork-box .recommend .list ul li a .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .artwork-box .recommend .list ul li a .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .artwork-box .recommend .list ul li a .pic img {
  border-radius: clamp(6.66667px, 0.52083vw, 10px);
}
.inner-page .artwork-box .recommend .list ul li a .text {
  border-radius: clamp(6.66667px, 0.52083vw, 10px);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  z-index: 3;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(195, 69, 37, 0)), to(#902110));
  background: linear-gradient(180deg, rgba(195, 69, 37, 0) 0%, #902110 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.inner-page .artwork-box .recommend .list ul li a .text .name {
  padding: clamp(13.33333px, 1.04167vw, 20px) clamp(20px, 1.5625vw, 30px);
  font-size: clamp(16px, 1.25vw, 24px);
  color: #FFFFFF;
  font-family: scnb;
}
.inner-page .artwork-box .recommend .list ul li:hover a .text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.inner-page .download-box {
  padding-top: clamp(60px, 4.6875vw, 90px);
  padding-bottom: clamp(133.33333px, 10.41667vw, 200px);
}
.inner-page .download-box .text {
  padding: clamp(40px, 3.125vw, 60px) 0 clamp(60px, 4.6875vw, 90px);
  text-align: center;
}
.inner-page .download-box .text h6 {
  font-size: clamp(28px, 2.1875vw, 42px);
  font-family: scnb;
  color: #221100;
  font-weight: 700;
}
.inner-page .download-box .text p {
  margin-top: clamp(13.33333px, 1.04167vw, 20px);
  font-size: clamp(16px, 1.25vw, 24px);
  color: #221100;
}
.inner-page .download-box .ewm-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inner-page .download-box .ewm-list ul li {
  width: clamp(205.33333px, 16.04167vw, 308px);
  margin: 0 clamp(23.33333px, 1.82292vw, 35px);
  position: relative;
  -webkit-box-shadow: 0px 2px 14px 0px rgba(144, 33, 16, 0.0985);
          box-shadow: 0px 2px 14px 0px rgba(144, 33, 16, 0.0985);
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
}
.inner-page .download-box .ewm-list ul li a {
  display: block;
  position: relative;
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
  overflow: hidden;
}
.inner-page .download-box .ewm-list ul li .ewm {
  position: relative;
}
.inner-page .download-box .ewm-list ul li .ewm .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.inner-page .download-box .ewm-list ul li .ewm .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .download-box .ewm-list ul li .ewm .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .download-box .ewm-list ul li .ewm img {
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
}
.inner-page .download-box .ewm-list ul li .pic {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 1;
}
.inner-page .download-box .ewm-list ul li .pic .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.inner-page .download-box .ewm-list ul li .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .download-box .ewm-list ul li .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .download-box .ewm-list ul li .pic img {
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
}
.inner-page .download-box .ewm-list ul li:hover .pic {
  opacity: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.inner-page .artist-page-box {
  padding-top: clamp(60px, 4.6875vw, 90px);
  padding-bottom: clamp(80px, 6.25vw, 120px);
}
.inner-page .artist-page-box .index-tit {
  margin-bottom: clamp(53.33333px, 4.16667vw, 80px);
}
.inner-page .artist-page-box .artist-page-list {
  overflow: hidden;
}
.inner-page .artist-page-box .artist-page-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inner-page .artist-page-box .artist-page-list ul li {
  width: calc(50% - clamp(58.66667px, 4.58333vw, 88px) / 2);
  margin-left: clamp(58.66667px, 4.58333vw, 88px);
  margin-bottom: clamp(44px, 3.4375vw, 66px);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inner-page .artist-page-box .artist-page-list ul li:nth-child(2n+1) {
  margin-left: 0;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner {
  padding-left: clamp(80px, 6.25vw, 120px);
  position: relative;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .pic {
  width: clamp(149.33333px, 11.66667vw, 224px);
  height: clamp(146.66667px, 11.45833vw, 220px);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 auto;
  background: url("../images/index-icon-05.png") no-repeat center center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(20px, 1.5625vw, 30px);
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .pic a {
  display: block;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .pic a img {
  border-radius: 50%;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .pic .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: clamp(86.66667px, 6.77083vw, 130px);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .text .text-inner {
  padding: clamp(13.33333px, 1.04167vw, 20px) clamp(26.66667px, 2.08333vw, 40px) clamp(13.33333px, 1.04167vw, 20px) 0;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .text .text-inner .name-tit .name {
  font-weight: 700;
  font-size: clamp(18.66667px, 1.45833vw, 28px);
  color: #221100;
  font-family: scnb;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .text .text-inner .name-tit .tit {
  margin-top: clamp(10px, 0.78125vw, 15px);
  width: clamp(87.33333px, 6.82292vw, 131px);
  height: clamp(23.33333px, 1.82292vw, 35px);
  background: url("../images/tit-bg.png") no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  line-height: clamp(23.33333px, 1.82292vw, 35px);
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  color: #fff;
}
.inner-page .artist-page-box .artist-page-list ul li .li-inner .text .text-inner .tips {
  margin-top: clamp(16.66667px, 1.30208vw, 25px);
  font-size: clamp(12px, 0.9375vw, 18px);
  color: #221100;
}
.inner-page .artist-page-box .artist-page-list ul li:hover .li-inner .text {
  -webkit-box-shadow: 0px 2px 18px 0px rgba(144, 33, 16, 0.2983);
          box-shadow: 0px 2px 18px 0px rgba(144, 33, 16, 0.2983);
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(50%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}
.inner-page .about-page-box {
  padding-top: clamp(60px, 4.6875vw, 90px);
  padding-bottom: clamp(133.33333px, 10.41667vw, 200px);
}
.inner-page .about-page-box .index-tit {
  margin-bottom: clamp(40px, 3.125vw, 60px);
}
.inner-page .about-page-box .about-page-inner {
  text-indent: 2em;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #221100;
  line-height: 1.6;
}
.inner-page .about-page-box .about-page-inner .text-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inner-page .about-page-box .about-page-inner .text-pic .text {
  width: 57%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: clamp(26.66667px, 2.08333vw, 40px);
}
.inner-page .about-page-box .about-page-inner .text-pic .text h6 {
  font-weight: 700;
  font-size: clamp(20px, 1.5625vw, 30px);
  color: #221100;
  text-indent: 0;
  font-family: scnb;
  margin-bottom: clamp(26.66667px, 2.08333vw, 40px);
}
.inner-page .about-page-box .about-page-inner .text-pic .pic {
  width: 43%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 0 clamp(20px, 1.5625vw, 30px) clamp(20px, 1.5625vw, 30px) 0;
}
.inner-page .about-page-box .about-page-inner .text-pic .pic .meidia-box {
  padding-bottom: 60%;
  overflow: hidden;
  position: relative;
}
.inner-page .about-page-box .about-page-inner .text-pic .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .about-page-box .about-page-inner .text-pic .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .about-page-box .about-page-inner .text-pic .pic .meidia-box {
  position: relative;
  z-index: 2;
}
.inner-page .about-page-box .about-page-inner .text-pic .pic::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - clamp(20px, 1.5625vw, 30px));
  height: calc(100% - clamp(20px, 1.5625vw, 30px));
  background: url("../images/about-pic-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
.inner-page .about-page-box .about-page-inner .text-edit {
  padding-top: clamp(26.66667px, 2.08333vw, 40px);
}
.inner-page .contact-page-box {
  padding-top: clamp(60px, 4.6875vw, 90px);
  padding-bottom: clamp(133.33333px, 10.41667vw, 200px);
}
.inner-page .contact-page-box .index-tit {
  margin-bottom: clamp(40px, 3.125vw, 60px);
}
.inner-page .contact-page-box .contact-page-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.inner-page .contact-page-box .contact-page-inner .text {
  background: #fff url("../images/contact-bg-01.png") no-repeat right bottom;
  padding: clamp(66.66667px, 5.20833vw, 100px) clamp(40px, 3.125vw, 60px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 46.125%;
}
.inner-page .contact-page-box .contact-page-inner .text ul li {
  padding: clamp(13.33333px, 1.04167vw, 20px) 0;
  font-size: clamp(18.66667px, 1.45833vw, 28px);
  color: #221100;
}
.inner-page .contact-page-box .contact-page-inner .text ul li img {
  margin-right: clamp(16.66667px, 1.30208vw, 25px);
}
.inner-page .contact-page-box .contact-page-inner .pic {
  width: 53.875%;
  position: relative;
}
.inner-page .contact-page-box .contact-page-inner .pic .meidia-box {
  padding-bottom: 65%;
  overflow: hidden;
  position: relative;
}
.inner-page .contact-page-box .contact-page-inner .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .contact-page-box .contact-page-inner .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page .contact-page-box .contact-page-inner .pic img {
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
}
.inner-page .contact-page-box .contact-page-inner .pic .tit {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inner-page .contact-page-box .contact-page-inner .pic .tit h6 {
  font-weight: 700;
  font-size: clamp(50.66667px, 3.95833vw, 76px);
  color: #FFFFFF;
  font-family: scnb;
}
.inner-page .contact-page-box .contact-page-inner .pic .tit p {
  font-size: clamp(24px, 1.875vw, 36px);
  color: #FFEDDB;
}

@media screen and (max-width: 1600px) {
  .inner-page .contact-page-box .contact-page-inner .text {
    padding: clamp(40px, 3.125vw, 60px) clamp(40px, 3.125vw, 60px);
  }
}
@media screen and (max-width: 1023px) {
  .header .header-box {
    padding: 10px 0;
  }
  .header .header-box .logo-box {
    width: 150px;
  }
  /* 手机菜单 start */
  html.mm-blocking body {
    overflow: initial;
  }
  #menuPc {
    display: none;
  }
  .mm-opened #menuWap {
    display: block;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: absolute;
    top: 0;
    right: 20px;
    background: transparent;
    border: none;
    padding: 8.5px 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 99999;
    display: block;
    width: 30px;
    float: right;
  }
  .btn-nav .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #902110;
    -webkit-box-shadow: 0 1px 1px #000000;
            box-shadow: 0 1px 1px #000000;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 999999;
  }
  .mm-opening .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  /* 手机菜单 end */
  .banner .swiper-pagination {
    right: 10px;
    font-size: 10px;
  }
  .banner .swiper-pagination span {
    font-size: 10px;
  }
  .banner .next {
    bottom: 10px;
    width: 27px;
    height: 15px;
  }
  .index-page .featured-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .index-tit {
    font-size: 20px;
    background-size: 100% auto;
  }
  .index-page .featured-box .featured-tab {
    margin: 10px 0 20px;
  }
  .index-page .featured-box .featured-tab ul li {
    width: 50%;
    margin: 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
  .index-page .featured-box .featured-tab ul li:nth-child(1) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .index-page .featured-box .featured-tab ul li a::after {
    font-size: 14px;
  }
  .index-page .featured-box .featured-tab ul li a::before {
    font-size: 16px;
  }
  .index-page .featured-box .featured-tab ul li.active a i, .index-page .featured-box .featured-tab ul li:hover a i {
    width: 30px;
    height: 21px;
    left: -20px;
  }
  .index-page .featured-box .featurd-list ul li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .index-page .artist-box .artist-list ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .index-page .artist-box .artist-list ul li {
    width: 47.5%;
    margin-left: 0;
    margin-top: 100px;
  }
  .index-page .artist-box .artist-list ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .index-page .artist-box .artist-list .more-bt {
    padding: 20px 0 40px;
  }
  .index-page .about-box {
    padding-bottom: 40px;
  }
  .index-page {
    padding-bottom: 50px;
  }
  .footer .writing {
    width: 200px;
    height: 124px;
  }
  .footer {
    margin-top: -50px;
    padding-top: 100px;
  }
  .footer .footer-logo-nav .m-width-content {
    display: block;
  }
  .footer .footer-logo-nav .m-width-content .logo-nav-contact {
    width: 100%;
  }
  .footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop {
    display: block;
  }
  .footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav {
    width: 100%;
    margin-top: 20px;
  }
  .footer .footer-logo-nav .m-width-content .logo-nav-contact .lntop .nav ul li {
    padding: 0 0 0 10px;
  }
  .footer .footer-logo-nav .m-width-content .logo-nav-contact .contact {
    padding-top: 20px;
  }
  .footer .footer-logo-nav .m-width-content .logo-nav-contact .contact .item {
    width: 100%;
    margin-bottom: 10px;
  }
  .footer .footer-logo-nav .m-width-content .ewm {
    width: 100%;
    padding-left: 0;
  }
  .footer .footer-logo-nav .m-width-content .ewm::after {
    display: none;
  }
  .footer .footer-logo-nav .m-width-content .ewm .ewm-item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .footer .footer-logo-nav .m-width-content .ewm .ewm-item .item:nth-child(2) {
    margin-left: 20px;
  }
  .footer .footer-logo-nav {
    padding-bottom: 20px;
  }
  .banner .swiper-slide .pic .meidia-box {
    padding-bottom: 80%;
  }
  .inner-banner .pic .meidia-box {
    padding-bottom: 80%;
  }
  .inner-page .download-box .text {
    padding: 40px 0;
  }
  .inner-page .download-box .ewm-list ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .inner-page .download-box .ewm-list ul li {
    width: 47.5%;
    margin: 0;
  }
  .index-page .featured-box.featured-page-box {
    padding-top: 60px;
  }
  .page-box .layui-laypage a:not(.layui-laypage-prev, .layui-laypage-next) {
    display: none;
  }
  .page-box .layui-laypage .layui-laypage-spr {
    display: none;
  }
  .page-box .layui-laypage-skip {
    display: none;
  }
  .inner-page .artwork-box .photo-text .pic {
    width: 100%;
  }
  .inner-page .artwork-box .photo-text .text {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
  .inner-page .artwork-box .recommend .list ul li {
    width: 100%;
    margin-left: 0;
  }
  .inner-page .artwork-box .recommend {
    padding-bottom: 50px;
  }
  .inner-page .artist-page-box .artist-page-list ul li {
    width: 100%;
    margin-left: 0;
  }
  .inner-page .contact-page-box .contact-page-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .inner-page .contact-page-box .contact-page-inner .pic {
    width: 100%;
  }
  .inner-page .contact-page-box .contact-page-inner .text {
    width: 100%;
    padding: 20px;
    border-radius: 0 0 10px 10px;
  }
  .inner-page .contact-page-box {
    padding-bottom: 50px;
  }
  .inner-page .about-page-box .about-page-inner .text-pic {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .inner-page .about-page-box .about-page-inner .text-pic .text {
    width: 100%;
    padding-top: 30px;
  }
  .inner-page .about-page-box .about-page-inner .text-pic .pic {
    width: 100%;
  }
  .inner-page .about-page-box {
    padding-bottom: 50px;
  }
}