body {
  background-color: #ffffff;
  min-width: 1200px;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fae7c4;
  font-size: 0;
}

.app {
  position: relative;
  padding-bottom: 2.604166667rem;
  background-image: url("./../images/content-banner.png"), url("./../images/content-bg-bottom.png"), url("./../images/content-bg-loop.jpg");
  background-position: center top, center bottom, center center;
  background-size: 100% auto, 100% auto, 100% auto;
  background-repeat: no-repeat, no-repeat, repeat-y;
  box-sizing: border-box;
  padding-top: 3.151041667rem;
}
.app.home {
  padding-top: 0;
  padding-bottom: 0;
  background-image: none;
}
.app.home .kv {
  position: relative;
  width: 100%;
  height: 5.625rem;
  background-image: url("./../images/home-kv.jpg");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
.app.home .kv video {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  z-index: 1;
}
.app.home .kv .kvnav {
  position: absolute;
  top: 2.41666666rem;
  left: 50%;
  margin-left: 0.026041666rem;
  transform: translate3d(-50%, 0, 0);
  z-index: 3;
}
.app.home .kv .kvnav ul li {
  position: relative;
  width: 0.52083333rem;
  height: 2.6666666rem;
  color: #ffffff;
  box-sizing: border-box;
  margin: 0 0.088541666rem;
  animation: updown 3s ease-in-out infinite alternate;
}
.app.home .kv .kvnav ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  font-size: 0;
  color: transparent;
}
.app.home .kv .kvnav ul li:nth-child(1) {
  background-image: url("./../images/home-btn.png");
  background-position: 0 0;
  background-size: 3.34375rem 2.6666666rem;
  background-repeat: no-repeat;
  animation-delay: 0;
}
.app.home .kv .kvnav ul li:nth-child(2) {
  background-image: url("./../images/home-btn.png");
  background-position: -0.70833333rem 0;
  background-size: 3.34375rem 2.6666666rem;
  background-repeat: no-repeat;
  animation-delay: 0.3s;
  animation: updown 3.3s ease-in-out infinite alternate;
}
.app.home .kv .kvnav ul li:nth-child(3) {
  background-image: url("./../images/home-btn.png");
  background-position: -1.416666666rem 0;
  background-size: 3.34375rem 2.6666666rem;
  background-repeat: no-repeat;
  animation-delay: 0.2s;
  animation: updown 3.2s ease-in-out infinite alternate;
}
.app.home .kv .kvnav ul li:nth-child(4) {
  background-image: url("./../images/home-btn.png");
  background-position: -2.119791666rem 0;
  background-size: 3.34375rem 2.6666666rem;
  background-repeat: no-repeat;
  animation-delay: 0.1s;
  animation: updown 3.1s ease-in-out infinite alternate;
}
.app.home .kv .kvnav ul li:nth-child(5) {
  background-image: url("./../images/home-btn.png");
  background-position: -2.8229166666rem 0;
  background-size: 3.34375rem 2.6666666rem;
  background-repeat: no-repeat;
  animation-delay: 0.2s;
  animation: updown 3.2s ease-in-out infinite alternate;
}
.app .pagenav {
  width: 5.4166667rem;
  height: 0.625rem;
  margin: 0 auto;
  background-image: url("./../images/page-nav.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app .pagenav ul {
  width: 4.479166666rem;
}
.app .pagenav ul li {
  position: relative;
  font-size: 0.10416666rem;
  height: 0.401041666rem;
  line-height: 1.1;
  color: #ffffff;
  text-shadow: 0.01041666rem 0.01041666rem 0 #902609;
  text-align: center;
  cursor: pointer;
}
.app .pagenav ul li:nth-child(1) {
  width: 0.52083333rem;
}
.app .pagenav ul li.active {
  background-image: url("./../images/page-nav-selected-item.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-shadow: none;
}
.app .pagenav ul li.active span {
  background: linear-gradient(to bottom, #e82c00, #9a2001);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.app .pagenav ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 2;
}
.app .slidenav {
  position: fixed;
  width: 1.25rem;
  height: auto;
  right: 0.28664583rem;
  top: 50%;
  padding: 0.15625rem 0 0.46875rem;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.app .slidenav.show {
  visibility: visible;
  opacity: 1;
}
.app .slidenav::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: solid 0.625rem transparent;
  -o-border-image: url("./../images/slide-nav.png") 120 stretch;
     border-image: url("./../images/slide-nav.png") 120 stretch;
  box-sizing: border-box;
}
.app .slidenav ul {
  position: relative;
  z-index: 2;
}
.app .slidenav ul li {
  position: relative;
  font-size: 0.09375rem;
  width: 0.5208333rem;
  min-height: 0.2604166667rem;
  padding: 0.0625rem 0;
  color: #825c51;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
}
.app .slidenav ul li.active {
  background: linear-gradient(to bottom, #f34d25, #c35425);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.app .slidenav ul li.active::before {
  position: absolute;
  content: "";
  width: 0.046875rem;
  height: 0.046875rem;
  background-image: url("./../images/slide-selected-item-left-bg.jpg");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 50%;
  left: 0;
  transform: translate3d(-100%, -50%, 0);
}
.app .slidenav ul li.active::after {
  position: absolute;
  content: "";
  width: 0.046875rem;
  height: 0.046875rem;
  background-image: url("./../images/slide-selected-item-right-bg.jpg");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 50%;
  right: 0;
  transform: translate3d(100%, -50%, 0);
}
.app .pageContent .title.h_27 {
  height: 0.140625rem;
}
.app .pageContent .title.h_70 {
  height: 0.3125rem;
}
.app .pageContent .title.h_80 {
  height: 0.41666667rem;
}
.app .pageContent .title.h_136 {
  height: 0.70833333rem;
}
.app .pageContent .title.h_150 {
  height: 0.78125rem;
}
.app .pageContent .title.h_200 {
  height: 1.04166667rem;
}
.app .pageContent .title a {
  display: block;
  width: 100%;
  height: 100%;
}
.app .pageContent .title a img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .title img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .childtitle {
  height: 0.140625rem;
}
.app .pageContent .childtitle .inner {
  position: relative;
  font-size: 0.140625rem;
  line-height: 1;
  font-family: "SHSCN_B";
  background: linear-gradient(to bottom, #e5380f, #f48e10);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  padding: 0 0.09375rem;
}
.app .pageContent .childtitle .inner::before {
  position: absolute;
  content: "";
  width: 0.291666667rem;
  height: 0.08333333rem;
  top: 50%;
  left: 0;
  transform: translate3d(-100%, -50%, 0);
  background-image: url("./../images/childtitle-left-bg.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app .pageContent .childtitle .inner::after {
  position: absolute;
  content: "";
  width: 0.291666667rem;
  height: 0.08333333rem;
  top: 50%;
  right: 0;
  transform: translate3d(100%, -50%, 0);
  background-image: url("./../images/childtitle-right-bg.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app .pageContent .image {
  position: relative;
}
.app .pageContent .image.h_370 {
  height: 1.92708333rem;
}
.app .pageContent .image.h_370 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_375 {
  height: 1.953125rem;
}
.app .pageContent .image.h_375 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_200 {
  height: 1.04166667rem;
}
.app .pageContent .image.h_200 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_270 {
  height: 1.40625rem;
}
.app .pageContent .image.h_270 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_290 {
  height: 1.510416667rem;
}
.app .pageContent .image.h_290 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_410 {
  height: 2.1354166667rem;
}
.app .pageContent .image.h_410 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_340 {
  height: 1.7708333333rem;
}
.app .pageContent .image.h_340 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_350 {
  height: 1.8125rem;
}
.app .pageContent .image.h_350 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_430 {
  height: 2.25rem;
}
.app .pageContent .image.h_430 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_465 {
  height: 2.421875rem;
}
.app .pageContent .image.h_465 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.h_550 {
  height: 2.8125rem;
}
.app .pageContent .image.h_550 img {
  height: 100%;
  width: auto;
  vertical-align: bottom;
}
.app .pageContent .image.w_990 {
  width: 5.15625rem;
}
.app .pageContent .image.w_990 img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.app .pageContent .image.w_690 {
  width: 3.59375rem;
}
.app .pageContent .image.w_690 img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.app .pageContent .image img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-radius: 80px;
}
.app .pageContent .image.noborder::after {
  content: none;
}
.app .pageContent .image.noborder img {
  border-radius: 0;
}
.app .pageContent .image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: solid 50px transparent;
  -o-border-image: url("./../images/image-outer-brder.png") 50 stretch;
     border-image: url("./../images/image-outer-brder.png") 50 stretch;
  box-sizing: border-box;
}
.app .pageContent .image.small img {
  border-radius: 40px;
}
.app .pageContent .image.small::after {
  -o-border-image: url("./../images/image-outer-brder.png") 100 stretch;
     border-image: url("./../images/image-outer-brder.png") 100 stretch;
}
.app .pageContent .text {
  width: 5.15625rem;
  font-size: 0.104166667rem;
  line-height: 1.7;
  color: #b81b06;
}
.app .pageContent .text p {
  margin: 0;
  text-indent: 2em;
}
.app .pageContent .text p.sort {
  position: relative;
  padding-left: 30px;
  text-indent: 0;
  color: #666666;
}
.app .pageContent .text p.sort.one::after {
  position: absolute;
  content: "";
  width: 0.130208333rem;
  height: 0.130208333rem;
  background-image: url("./../images/sort-01.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0.0260416667rem;
  left: 0;
}
.app .pageContent .text p.sort.two::after {
  position: absolute;
  content: "";
  width: 0.130208333rem;
  height: 0.130208333rem;
  background-image: url("./../images/sort-02.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0.0260416667rem;
  left: 0;
}
.app .pageContent .text p.sort.three::after {
  position: absolute;
  content: "";
  width: 0.130208333rem;
  height: 0.130208333rem;
  background-image: url("./../images/sort-03.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0.0260416667rem;
  left: 0;
}
.app .pageContent .table {
  width: 5.15625rem;
}
.app .pageContent .table table {
  font-size: 0.08333333rem;
  color: #6d4b12;
  width: 100%;
}
.app .pageContent .table table thead tr th {
  background-color: #ffeaab;
  text-align: center;
  border: 0.0052083333rem solid #4c300e;
  height: 0.3333333rem;
  font-weight: bold;
}
.app .pageContent .table table tbody tr td {
  background-color: #fff3e2;
  text-align: left;
  border: 0.0052083333rem solid #4c300e;
  padding: 0.1041666667rem 0.052083333rem;
  line-height: 1.6;
}
.app .pageContent .table table tbody tr td.center {
  text-align: center;
}
.app .pageContent .table table tbody tr td.head {
  background-color: #ffeaab;
  text-align: center;
  border: 0.0052083333rem solid #4c300e;
  padding: 0;
  height: 0.3333333rem;
  font-weight: bold;
}
.app .pageContent .table table tbody tr.center td {
  text-align: center;
}
.app .pageContent .subnav {
  position: relative;
}
.app .pageContent .subnav::before {
  position: absolute;
  content: "";
  width: 0.197916667rem;
  height: 0.15625rem;
  left: 0;
  top: 50%;
  transform: translate3d(-150%, -50%, 0);
  background-image: url("./../images/sunnav-left-wenli.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app .pageContent .subnav::after {
  position: absolute;
  content: "";
  width: 0.197916667rem;
  height: 0.15625rem;
  right: 0;
  top: 50%;
  transform: translate3d(150%, -50%, 0);
  background-image: url("./../images/sunnav-right-wenli.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app .pageContent .subnav ul {
  position: relative;
  z-index: 2;
}
.app .pageContent .subnav ul::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: calc(100% + 0.41666667rem);
  height: 0.026041666rem;
  background-image: url("./../images/dashed-bg.png");
  background-position: center center;
  background-size: auto 100%;
  background-repeat: repeat-x;
  z-index: 1;
}
.app .pageContent .subnav ul li {
  position: relative;
  width: 0.63541666rem;
  height: 0.63541666rem;
  font-size: 0.10416666rem;
  line-height: 1.1;
  margin: 0 0.036458333rem;
  background-image: url("./../images/pagenav-subnav-item-bg.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.app .pageContent .subnav ul li span {
  position: relative;
}
.app .pageContent .subnav ul li span:nth-child(1) {
  color: rgba(255, 255, 255, 0.1);
  text-shadow: 0.010416666rem 0.010416666rem 0.026041666rem #993514;
  z-index: 2;
}
.app .pageContent .subnav ul li span:nth-child(2) {
  position: absolute;
  background: linear-gradient(to bottom, #ffffff, #ffffff, #fff3a1, #ffffff, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  z-index: 3;
}
.app .download {
  position: absolute;
  z-index: 9;
  top: 20px;
  right: 100px;
  width: 30px;
  opacity: 0.6;
}
.app .download img {
  width: 100%;
  vertical-align: bottom;
  margin-right: 5px;
}

@keyframes updown {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 0.054166666rem, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.mb_70 {
  margin-bottom: 0.36458333rem !important;
}

.mb_75 {
  margin-bottom: 0.390625rem !important;
}

.mb_80 {
  margin-bottom: 0.41666667rem !important;
}

.mb_90 {
  margin-bottom: 0.46875rem !important;
}

.mb_10 {
  margin-bottom: 0.05208333rem !important;
}

.mb_25 {
  margin-bottom: 0.130208333rem !important;
}

.mb_30 {
  margin-bottom: 0.15625rem !important;
}

.mb_40 {
  margin-bottom: 0.20833333rem !important;
}

.mb_45 {
  margin-bottom: 0.234375rem !important;
}

.mb_50 {
  margin-bottom: 0.2604166677rem !important;
}

.mb_55 {
  margin-bottom: 0.286458333rem !important;
}

.mb_10 {
  margin-bottom: 0.052083333rem !important;
}

.mb_20 {
  margin-bottom: 0.104166666rem !important;
}

.mb_120 {
  margin-bottom: 0.625rem !important;
}/*# sourceMappingURL=style.css.map */