@charset "UTF-8";
/*
	FONT SIZE HIERARCHY
	---------------------------

    Default font-size for HTML :    16px
    blockquote                 :    1rem
    body                       :    1rem
    form                       :    0.875rem  14px
    h1                         :    3.375rem  58px
    h2                         :    2.375rem  38px
    h3                         :    1.75rem  28px
    h4                         :    1.25rem   20px
    h5                         :    1rem
    h6                         :    0.75rem  12px
	GLOBAL SPACING HIERARCHY WITH <section>
	---------------------------

    Default                    :    6.5625rem
    Large                      :    11.375rem
    Small                      :    4.8125rem
    Default (mobile)           :    4.265625rem
    Large (mobile)             :    4.265625rem
    Small (mobile)             :    2.625rem
	COLOR PALETTE
	---------------------------
    Placeholder Text Color     :    #E6E6E8
	Primary Background Color   :    transparent
	Highlight Color            :    #EC5E79, #E8588C
	Primary Text Color         :    #212121, #474747
    Heading Text Color         :    #212121
	Subordinate Text Color     :    #AEAEAE
	Dividing Line Color        :    #F4F4F4
    Button Gradient Color      :    #EC5E79, #f60, #d83ba0
	TABLE OF CONTENTS
	---------------------------

    ${{TOC}}
*/
/* Ripple Effect */
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1); }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0); } }
::placeholder {
  color: #E6E6E8; }

:root {
  --blue: #007007;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #868e96;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40; }

::selection,
::-moz-selection,
::-webkit-selection {
  background: #1f1f1f;
  color: #fff; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  /* Required, global font size */
  width: 100%;
  overflow-x: hidden; }

*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
a {
  margin: 0;
  padding: 0; }

/* 初始化 */
body, div, span, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, span,
aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.71428571429;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Noto Serif SC", "Source Han Serif SC", "宋体", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "Hiragino Sans GB", sans-serif;
  color: #f9d272;
  background-color: #350000; }

:active, :focus {
  outline: none !important; }

select {
  max-width: 100%; }

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

blockquote {
  background: #fff;
  border: 1px solid #F8F8F8;
  border-left: 5px solid #EC5E79;
  padding: 0 1.75rem 1.25rem;
  margin-top: 1.421875rem;
  line-height: 2;
  font-size: 1rem; }
  blockquote::before {
    color: #EC5E79;
    content: open-quote;
    font-size: 5.25rem;
    line-height: 0.1;
    margin-right: 0.21875rem;
    vertical-align: -2.055rem;
    font-family: sans-serif;
    content: "\201C";
    /*Unicode for Left Double Quote*/ }

strong {
  font-weight: 600; }

hr {
  margin: 1.421875rem 0;
  border-color: #F4F4F4; }
  hr.black {
    border-color: rgba(255, 255, 255, 0.1); }

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

img {
  max-width: 100%;
  pointer-events: none; }

iframe {
  border: none !important; }

/* ======================================================
   <!-- Table -->
/* ====================================================== */
table.table-normal,
.table-normal table {
  border: 1px solid black;
  border-collapse: collapse;
  width: 100%; }
  table.table-normal th,
  .table-normal table th {
    text-align: left; }
  table.table-normal td,
  table.table-normal th,
  .table-normal table td,
  .table-normal table th {
    border: 1px solid black;
    padding: 0.2rem; }

/* ======================================================
   <!-- Typography -->
/* ====================================================== */
/*
 * 1. General
 * 2. Hyperlink
 * 3. Heading (h1,h2,h3,h4,h5,h6)
 * 4. Text Effect
 * 5. Table & List Effect by Default
 * 6. Drop Cap
*/
/*
 ---------------------------
 1. General
 ---------------------------
 */
/*
 ---------------------------
 2. Hyperlink
 ---------------------------
 */
a {
  color: black; }
  a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none; }
  a.link {
    text-decoration: underline;
    color: #EC5E79; }
    a.link:hover {
      color: #E8588C; }

/*
 ---------------------------
 3. Heading (h1,h2,h3,h4,h5,h6)
 ---------------------------
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-variant-ligatures: common-ligatures;
  /*Ligatures and contextual forms are ways of combining glyphs to produce more harmonized forms.*/
  margin-top: 0;
  word-wrap: break-word; }

.h1 {
  font-size: 3.375rem !important;
  line-height: 1.14285714286 !important; }

.h2 {
  font-size: 22.375rem !important;
  line-height: 1.2 !important; }

.h3 {
  font-size: 1.75rem !important;
  line-height: 1.25 !important; }

.h4 {
  font-size: 1.25rem !important;
  line-height: 1.33333333333 !important; }

.h5 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important; }

.h6 {
  font-size: 0.75rem !important;
  line-height: 2 !important;
  font-weight: 600 !important; }

.heading-space-none {
  margin: 0 !important;
  padding: 0 !important; }

@media all and (max-width: 768px) {
  h1 {
    font-size: 2.4107142857rem;
    line-height: 1.15555556; }

  h2 {
    font-size: 15.6625rem;
    line-height: 1.421875; }

  h3 {
    font-size: 1.25rem;
    line-height: 1.625; }

  .h1 {
    font-size: 2.4107142857rem !important;
    line-height: 1.15555556 !important; }

  .h2 {
    font-size: 15.6625rem !important;
    line-height: 1.421875 !important; }

  .h3 {
    font-size: 1.25rem !important;
    line-height: 1.625 !important; } }
@media all and (max-width: 480px) {
  h1 {
    font-size: 1.2053571429rem;
    line-height: 1.38461538462; }

  h2 {
    font-size: 13.425rem;
    line-height: 1.28571428571; }

  h3 {
    font-size: 1.25rem;
    line-height: 1.5; }

  .h1 {
    font-size: 1.2053571429rem !important;
    line-height: 1.38461538462 !important; }

  .h2 {
    font-size: 13.425rem !important;
    line-height: 1.28571428571 !important; }

  .h3 {
    font-size: 1.25rem !important;
    line-height: 1.5 !important; } }
/*
 ---------------------------
 4. Text Effect
 ---------------------------
 */
.font-normal {
  font-family: "Noto Serif SC", "Source Han Serif SC", "宋体", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "Hiragino Sans GB", sans-serif;
  font-weight: 400 !important; }

.font-uppercase {
  text-transform: uppercase !important; }

.font-bold {
  font-weight: 800 !important; }

.font-italic {
  font-style: italic !important; }

.font-no-italic {
  font-style: normal !important; }

.font-underline {
  text-decoration: underline !important; }

.font-primary-color {
  color: #EC5E79 !important; }

.font-sub-color {
  color: #AEAEAE !important; }

.font-white {
  color: white; }
  .font-white p,
  .font-white h1,
  .font-white h2,
  .font-white h3,
  .font-white h4,
  .font-white h5,
  .font-white h6,
  .font-white .h1,
  .font-white .h2,
  .font-white .h3,
  .font-white .h4,
  .font-white .h5,
  .font-white .h6 {
    color: white; }

/*
 ---------------------------
 5. Table & List Effect by Default
 ---------------------------
 */
/* Compatible with  Uix Shortcodes (WordPress Plugin) */
.list-normal a:not(.uix-sc-btn),
.table-normal a:not(.uix-sc-btn) {
  color: #EC5E79; }

.list-normal a:not(.uix-sc-btn):not(.button):hover,
.table-normal a:not(.uix-sc-btn):not(.button):hover {
  color: #E8588C;
  text-decoration: underline; }

.list-normal a:not(.uix-sc-btn):hover img,
.table-normal a:not(.uix-sc-btn):hover img {
  text-decoration: none; }

/*
 ---------------------------
 6. Drop Cap
 ---------------------------
 */
.dropcap::first-letter,
.dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 3.5rem;
  line-height: 1;
  margin-bottom: -2px; }

/* ======================================================
   <!-- Spacing -->
/* ====================================================== */
section,
.section {
  position: relative; }

section,
.section {
  padding: 0rem 0; }

section.space-sm,
.section.space-sm {
  padding: 0rem 0; }

section.space-lg,
.section.space-lg {
  padding: 0rem 0; }

section.space-none,
.section.space-none {
  padding: 0 !important; }

section.space-none-top,
.section.space-none-top {
  padding-top: 0 !important; }

section.space-none-bottom,
.section.space-none-bottom {
  padding-bottom: 0 !important; }

section.site-google-map,
.section.site-google-map {
  padding-top: 0 !important; }

@media all and (max-width: 768px) {
  section,
  .section {
    padding: 0rem 0; }

  section.space-sm,
  .section.space-sm {
    padding: 0rem 0; }

  section.space-lg,
  .section.space-lg {
    padding: 0rem 0; }

  section.space-none,
  .section.space-none {
    padding: 0; }

  section.space-none-top,
  .section.space-none-top {
    padding-top: 0; }

  section.space-none-bottom,
  .section.space-none-bottom {
    padding-bottom: 0; }

  section.site-google-map,
  .section.site-google-map {
    padding-top: 0; } }
html {
  font-size: 100px; }

@media screen and (min-width: 1921px) {
  html {
    font-size: 115px; } }
@media screen and (min-width: 2561px) {
  html {
    font-size: 150px; } }
@media screen and (max-width: 1600px) {
  html {
    font-size: 90px; } }
@media screen and (max-width: 1500px) {
  html {
    font-size: 85px; } }
@media screen and (max-width: 1440px) {
  html {
    font-size: 80px; } }
@media screen and (max-width: 1366px) {
  html {
    font-size: 75px; } }
@media screen and (max-width: 1280px) {
  html {
    font-size: 70px; } }
@media screen and (max-width: 1100px) {
  html {
    font-size: 60px; } }
@media screen and (max-width: 1024px) {
  html {
    font-size: 100px; } }
@media screen and (max-width: 1000px) and (orientation: landscape) {
  html {
    font-size: 55px; } }
@media screen and (max-width: 800px) {
  html {
    font-size: 70px; } }
@media screen and (max-width: 750px) {
  html {
    font-size: 100px; } }
@media screen and (max-width: 640px) {
  html {
    font-size: 85.33px; } }
@media screen and (max-width: 591px) {
  html {
    font-size: 78.8px; } }
@media screen and (max-width: 562px) {
  html {
    font-size: 74.933px; } }
@media screen and (max-width: 540px) {
  html {
    font-size: 72px; } }
@media screen and (max-width: 521px) {
  html {
    font-size: 69.4666px; } }
@media screen and (max-width: 428px) {
  html {
    font-size: 57.066px; } }
@media screen and (max-width: 414px) {
  html {
    font-size: 55.2px; } }
@media screen and (max-width: 412px) {
  html {
    font-size: 54.933px; } }
@media screen and (max-width: 375px) {
  html {
    font-size: 50px; } }
@media screen and (max-width: 360px) {
  html {
    font-size: 48px; } }
@media screen and (max-width: 320px) {
  html {
    font-size: 42.66px; } }
/* 去掉浏览器激活样式 */
select:focus,
textarea:focus,
input:focus,
button {
  outline: none; }

/* 提示文字的初始样式 */
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
  color: #999;
  transition: color .5s; }

/* 提示文字的激活样式 */
/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
  font: inherit; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset; }

input {
  border: none;
  background-color: transparent;
  outline: none;
  font-family: Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "PingFang SC", "Hiragino Sans GB", sans-serif; }

a {
  text-decoration: none; }

*, *:before, *:after {
  max-height: 100000px; }

/*用来解决在安卓上的点击出现篮框问题*/
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

div {
  -webkit-appearance: none; }

.single {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.morels {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  work-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.triangle {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  /*上右下左  哪里需要就在哪里设置颜色*/
  border-style: dashed dashed solid dashed;
  /**上右下左  哪里小哪里就设置solid**/ }

img[src=""], img:not([src]) {
  opacity: 0;
  display: none; }

.fl_l {
  float: left; }

.fl_r {
  float: right; }

.pure:before,
.pure:after {
  content: " ";
  display: table; }

.pure:after {
  clear: both; }

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  height: auto;
  overflow-x: hidden; }

/**
  * Combine 2
  *
  * @author jh3y - jheytompkins.com
*/
.loading_box {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center; }
  .loading_box .load_con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s cubic-bezier(0.58, 0, 0, 1); }
    .loading_box .load_con .video_box {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .loading_box .load_con .video_box .load_video {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        display: block; }
        .loading_box .load_con .video_box .load_video.on {
          opacity: 1; }
    .loading_box .load_con .load_c {
      position: absolute;
      z-index: 3;
      bottom: 0;
      padding-bottom: .45rem;
      padding-top: .2rem;
      color: #fff; }
      .loading_box .load_con .load_c .load_num_case {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .26rem;
        line-height: 1; }

.load_s {
  background-image: url("../image/bg.jpg");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-color: #350000;
  min-height: 100vh; }
  .load_s.load_true {
    overflow: hidden;
    height: 100vh;
    opacity: 0;
    z-index: 99999;
    pointer-events: none;
    position: relative; }
  .load_s.ain_on {
    mask-image: url("../image/mask_m001.png");
    opacity: 1;
    mask-size: 6000% 100%;
    animation: maskMove 2s steps(59);
    animation-fill-mode: forwards; }

@keyframes maskMove {
  from {
    mask-position: 0 0; }
  to {
    mask-position: 100% 0; } }
body:not(.ind_body) .loading_box {
  display: none !important; }

@keyframes combine-two {
  25% {
    transform: translate(0, -100%); }
  50% {
    transform: translate(0, 50%); }
  75% {
    transform: translate(0, 150%); } }
.combine-two {
  height: 0.3rem;
  position: relative;
  width: 0.3rem; }
  .combine-two div {
    --rotation: 45;
    position: absolute;
    transform: rotate(calc(var(--rotation) * 1deg)); }
    .combine-two div:after {
      animation: combine-two 1.5s infinite ease;
      border: 0.15rem solid transparent;
      border-top-color: #f9d272;
      content: '';
      display: block;
      height: 0.3rem;
      width: 0.3rem; }
    .combine-two div:nth-child(2) {
      --rotation: 135; }
    .combine-two div:nth-child(3) {
      --rotation: 225; }
    .combine-two div:nth-child(4) {
      --rotation: 315; }

@media screen and (orientation: portrait) {
  .combine-two {
    height: 0.6rem;
    width: 0.6rem;
    transform: scale(0.8);
    transform-origin: 50% 0; }
    .combine-two div:after {
      border-width: 0.3rem;
      height: 0.6rem;
      width: 0.6rem; } }
.hide {
  opacity: 0 !important;
  pointer-events: none;
  display: none; }

*::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 4px;
  border-radius: 1.5px; }

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button {
  display: none; }

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background-color: #eee; }

*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background-color: #f9d272;
  border-radius: 4px; }

*::-webkit-scrollbar:horizontal {
  height: 4px; }

.linear-bg {
  background: linear-gradient(0deg, #f9d272 0%, #970304 100%); }

.linear-txt, .pub_title_en {
  background: linear-gradient(90deg, #f9d272 0%, #970304 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex; }

.-ms- .linear-txt, .-ms- .pub_title_en {
  color: #f9d272;
  background: transparent; }

.swiper-wrapper {
  /*transition-timing-function: ease;*/ }

.swiper-slide {
  pointer-events: none; }
  .swiper-slide.active {
    pointer-events: all; }

.res_honor_box .swiper-container,
.inherit_body .src3_lb .swiper {
  cursor: url("../image/shubiao.png"), move; }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .2 !important;
  pointer-events: none; }

.delay1 {
  animation-delay: 0.4s !important; }

.delay2 {
  animation-delay: 0.6s !important; }

.delay3 {
  animation-delay: 0.8s !important; }

.delay4 {
  animation-delay: 1s !important; }

.delay5 {
  animation-delay: 1.2s !important; }

.delay6 {
  animation-delay: 1.4s !important; }

.delay7 {
  animation-delay: 1.6s !important; }

.delay8 {
  animation-delay: 1.8s !important; }

.delay9 {
  animation-delay: 2s !important; }

.delay10 {
  animation-delay: 2.2s !important; }

.delay11 {
  animation-delay: 2.4s !important; }

.delay12 {
  animation-delay: 2.6s !important; }

.delay13 {
  animation-delay: 2.8s !important; }

.delay14 {
  animation-delay: 3s !important; }

.delay15 {
  animation-delay: 3.2s !important; }

.delay16 {
  animation-delay: 3.4s !important; }

.delay17 {
  animation-delay: 3.6s !important; }

.delay18 {
  animation-delay: 3.8s !important; }

.delay19 {
  animation-delay: 4s !important; }

.delay20 {
  animation-delay: 4.2s !important; }

.delay21 {
  animation-delay: 4.4s !important; }

.delay22 {
  animation-delay: 4.6s !important; }

.delay23 {
  animation-delay: 4.8s !important; }

.delay24 {
  animation-delay: 5s !important; }

.delay25 {
  animation-delay: 5.2s !important; }

.delay26 {
  animation-delay: 5.4s !important; }

.delay27 {
  animation-delay: 5.6s !important; }

.delay28 {
  animation-delay: 5.8s !important; }

.delay29 {
  animation-delay: 6s !important; }

.alan {
  animation-fill-mode: both;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);
  animation-duration: 1s; }

.line_btn_s span {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  line-height: inherit; }
  .line_btn_s span div {
    display: none; }
  .line_btn_s span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, #0b0b0d 5%, #970304 10%, #970304 95%, #0b0b0d);
    transform-origin: left;
    transform: translateX(-100%);
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
@media screen and (orientation: landscape) {
  .line_btn_s:hover span::before {
    transition: transform 0.4s cubic-bezier(0.67, 0, 0.33, 1);
    transform: translateX(100%); } }

.text-decoration {
  text-decoration-color: #970304;
  text-decoration-thickness: 0.1em;
  text-underline-offset: var(--offset, 0.25em);
  transition: --offset .3s, color .3s; }
  @media screen and (orientation: landscape) {
    .text-decoration:hover {
      --offset: .55em;
      color: #f9d272; } }

.btn_hove {
  cursor: pointer; }
  @media screen and (orientation: landscape) {
    .btn_hove:hover .btn__text--animated span {
      transform-style: preserve-3d;
      will-change: transform;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform: translate3d(0, -66%, 1px) rotateX(90deg); }
      .btn_hove:hover .btn__text--animated span + span {
        transform: none; } }

.btn__text--animated {
  overflow: hidden;
  padding: 0;
  perspective: 100vh;
  height: 1.8em;
  position: relative; }
  .btn__text--animated span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    visibility: visible; }
    .btn__text--animated span + span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      transform: translate3d(0, 33%, 1px) rotateX(-90deg); }
  @media screen and (orientation: landscape) {
    .btn__text--animated:hover span {
      transform-style: preserve-3d;
      will-change: transform;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform: translate3d(0, -66%, 1px) rotateX(90deg); }
      .btn__text--animated:hover span + span {
        transform: none; } }

.button {
  --light: #fff;
  --dark: #414856;
  --border: #C3C8DE;
  --background: #4F29F0;
  position: relative;
  border: 1px solid #970304;
  background: none;
  color: #970304;
  cursor: pointer;
  outline: none;
  transition: transform 0.1s linear, color 0.1s linear, background 0.15s linear;
  width: 1.8rem;
  height: .64rem;
  min-width: 120px;
  min-height: 40px;
  border-radius: .8rem;
  padding: 1px;
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
  @media screen and (orientation: landscape) {
    .button:hover {
      background-color: #f9d272;
      border-color: transparent;
      color: #ffffff; } }
  .button .link_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -.2rem;
    width: calc(100% + 0.4rem);
    height: calc(100% + 0.4rem);
    color: inherit; }
  .button span {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
    font-size: .18rem;
    transition: transform 0.15s linear;
    white-space: nowrap;
    color: inherit; }
    .button span i {
      font-size: .24rem;
      margin-left: .16rem;
      line-height: 1;
      margin-right: -.14rem; }
  .button.color1 {
    border-color: transparent;
    color: #fff;
    background: #f9d272; }
    @media screen and (orientation: landscape) {
      .button.color1:hover {
        background-color: #970304; } }
  .button.color2 {
    border-color: transparent;
    color: #fff;
    background: #970304; }
    @media screen and (orientation: landscape) {
      .button.color2:hover {
        background-color: #f9d272;
        border-color: transparent;
        color: #ffffff; } }
  .button.color3 {
    border-color: #f9d272;
    color: #f9d272;
    background: transparent; }
    @media screen and (orientation: landscape) {
      .button.color3:hover {
        background-color: #f9d272;
        border-color: transparent;
        color: #ffffff; } }
  @media screen and (orientation: portrait) {
    .button {
      transform: none !important;
      display: inline-flex;
      justify-content: center;
      width: auto;
      height: auto; }
      .button .link_btn {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0 .6rem; }
      .button span {
        transform: none !important;
        font-size: .28rem;
        line-height: 3; }
        .button span i {
          font-size: .4rem;
          margin-bottom: -.3em;
          margin-top: -.3em; } }

.cursor {
  position: fixed;
  top: -50px;
  z-index: 99;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: none;
  border: solid 2px #970304;
  pointer-events: none;
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease; }
  .cursor.on {
    transform: scale(1.5);
    cursor: none;
    background: #fff;
    border-color: #fff; }

.c-about__image-wrapper {
  position: relative;
  transform: rotate(-5deg); }
  .c-about__image-wrapper:before {
    background: repeating-linear-gradient(45deg, #970304, #970304 0.1rem, transparent 0, transparent 0.5rem);
    border: 0.1rem solid var(--accent);
    content: "";
    inset: 1rem 1rem -1rem -1rem;
    position: absolute;
    z-index: -1; }

.pub_banner_title {
  font-size: .7rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4286;
  text-shadow: 0 0 0.6rem rgba(90, 100, 111, 0.4);
  margin: -.25em 0;
  font-family: 'PingFang SC', "Microsoft JhengHei"; }

.pub_banner_n_title {
  font-size: .9rem;
  line-height: 1;
  font-family: 'PingFang SC', "Microsoft JhengHei";
  color: black;
  margin-bottom: 1.3rem; }

.con_mess {
  margin-top: -.86rem;
  color: #970304; }
  .con_mess > div {
    line-height: 1;
    font-size: .2rem; }
    .con_mess > div:first-child {
      font-weight: bold; }
    .con_mess > div:nth-child(2) {
      font-family: 'en_l';
      font-size: .32rem;
      margin-top: .15rem; }

.pub_banner_title_en {
  font-size: .32rem;
  font-family: 'en_l';
  line-height: 1;
  margin-top: .31rem;
  color: black;
  display: none; }

.pub_title {
  font-size: .3rem;
  line-height: 1.3333;
  color: #f9d272;
  font-weight: 600; }
  .pub_title.col_w {
    color: #fff; }

.pub_6_tit {
  font-weight: bold;
  font-size: .48rem;
  line-height: 1.3333;
  letter-spacing: -.02em; }

.pub_48_tit {
  font-weight: bold;
  font-size: .48rem;
  line-height: 1.3333; }

.pub_title_en {
  font-size: .8rem;
  line-height: 1;
  font-family: 'en_b'; }

.pub_mess {
  font-size: .24rem;
  font-family: 'XiQueguzidian-regular';
  color: #F9D272;
  line-height: 1.571666;
  text-align: center;
  letter-spacing: .3em; }

.pub_info {
  font-size: .2rem;
  font-weight: 400;
  color: #f9d272;
  line-height: 1.666;
  margin-top: .42rem;
  text-align: justify;
  font-weight: lighter;
  letter-spacing: -.05em; }
  .pub_info > span {
    font-weight: 700;
    font-size: inherit; }
  .pub_info > div {
    color: #f9d272;
    display: inline;
    font-weight: 700; }
    .pub_info > div.pla_info {
      display: block; }

.pub_info_l {
  font-size: .2rem;
  font-weight: 600;
  line-height: 1.8;
  text-align: justify;
  margin-top: .4rem; }

.pub_el {
  color: rgba(102, 102, 102, 0.5);
  font-size: .12rem;
  line-height: 1.66666; }

.pub_title_n {
  line-height: 1;
  font-size: .3rem; }

.pub_title_n_en {
  font-size: .48rem;
  line-height: 1;
  color: #fff;
  font-family: 'en_b'; }

.pub_case {
  width: 72.91666%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px; }

.font_b {
  font-weight: 700; }

.pub_img_box {
  overflow: hidden;
  position: relative; }
  .pub_img_box::before {
    content: '';
    display: block;
    margin-top: 100%; }
  .pub_img_box .pub_img {
    width: 100%;
    transition: all 1s ease;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-size: cover;
    background-position: center;
    transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
  .pub_img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center; }

.bg_font {
  line-height: .73;
  color: rgba(201, 201, 201, 0.46);
  text-transform: uppercase;
  font-family: 'Gilmer_B';
  position: absolute;
  pointer-events: none;
  font-size: 2.05rem; }
  .bg_font span {
    display: block; }

.img_sty {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  .img_sty img {
    display: block;
    transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    width: 100%; }
    .img_sty img:nth-child(2) {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0; }
  @media screen and (orientation: landscape) {
    .img_sty:hover img {
      opacity: 0; }
      .img_sty:hover img:nth-child(2) {
        opacity: 1; } }

.pop, .img_big_box {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  visibility: hidden;
  pointer-events: none;
  opacity: 0; }
  .pop .mask, .img_big_box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    transition: opacity .3s ease; }
  .pop .com, .img_big_box .com {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .pop .com .videoBox, .img_big_box .com .videoBox {
      width: 50vw;
      height: 1.55rem;
      position: relative;
      transition: all .5s ease; }
      .pop .com .videoBox video, .img_big_box .com .videoBox video {
        position: absolute;
        width: calc(100% - 70px);
        left: 0;
        top: 0;
        height: calc(100% - (70px / 16 * 9));
        opacity: 0;
        transition: opacity .3s ease; }
        @media screen and (orientation: landscape) {
          .pop .com .videoBox video, .img_big_box .com .videoBox video {
            left: 35px; } }
      .pop .com .videoBox > a.font_min, .img_big_box .com .videoBox > a.font_min {
        font-size: 0.4rem;
        line-height: 1;
        position: absolute;
        top: 0;
        right: -0.8rem;
        color: #fff;
        opacity: 0;
        transition: opacity .3s ease;
        cursor: pointer;
        width: .66rem; }
        .pop .com .videoBox > a.font_min img, .img_big_box .com .videoBox > a.font_min img {
          display: block;
          width: 100%; }
        .pop .com .videoBox > a.font_min .in_block, .img_big_box .com .videoBox > a.font_min .in_block {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
          .pop .com .videoBox > a.font_min .in_block span, .img_big_box .com .videoBox > a.font_min .in_block span {
            font-size: .28rem;
            color: #f9d272; }
      @media screen and (orientation: landscape) {
        .pop .com .videoBox .big_img_box, .img_big_box .com .videoBox .big_img_box {
          width: calc(100% - 70px);
          height: 100%;
          position: relative;
          opacity: 0;
          margin: 0 auto; }
          .pop .com .videoBox .big_img_box img, .img_big_box .com .videoBox .big_img_box img {
            position: absolute;
            max-width: 100%;
            max-height: 100%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); } }
      .pop .com .videoBox .big_img_box, .img_big_box .com .videoBox .big_img_box {
        max-height: calc(75vh - .5rem);
        overflow: auto; }
        .pop .com .videoBox .big_img_box img, .img_big_box .com .videoBox .big_img_box img {
          max-width: 500vw; }
  .pop.on, .img_big_box.on {
    pointer-events: auto;
    opacity: 1;
    visibility: visible; }
    .pop.on .mask, .img_big_box.on .mask {
      opacity: 1;
      transition-delay: 0.3s; }
    .pop.on .com .videoBox, .img_big_box.on .com .videoBox {
      width: 70vw;
      height: calc(70vw / 16 * 9);
      transition-delay: 0.3s; }
      @media screen and (min-width: 3400px) {
        .pop.on .com .videoBox, .img_big_box.on .com .videoBox {
          width: 1920px;
          height: 1080px; } }
      .pop.on .com .videoBox video, .img_big_box.on .com .videoBox video {
        opacity: 1;
        transition-delay: 0.6s; }
      .pop.on .com .videoBox .big_img_box, .img_big_box.on .com .videoBox .big_img_box {
        -webkit-overflow-scrolling: touch;
        position: static;
        opacity: 1;
        transition-delay: 0.6s; }
      .pop.on .com .videoBox > a.font_min, .img_big_box.on .com .videoBox > a.font_min {
        opacity: 1; }

.img_big_box .com .videoBox {
  opacity: 0;
  padding: 0.25rem;
  background-color: #fff;
  width: 90vw; }
  .img_big_box .com .videoBox .big_img_box {
    padding: .1rem; }
.img_big_box.on .com .videoBox {
  width: 90vw;
  max-height: 75vh;
  height: auto;
  opacity: 1; }

.btn_big_sty {
  display: none; }

.btn_big {
  position: relative;
  pointer-events: none; }

@media screen and (orientation: portrait) {
  .btn_big {
    pointer-events: auto;
    cursor: pointer; }

  .btn_big_sty {
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    position: absolute !important;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: .8rem;
    height: .8rem;
    background-color: rgba(255, 255, 255, 0.8);
    color: #970304;
    line-height: 1;
    z-index: 4;
    box-shadow: 0.3rem 0 0.5rem -0.2rem rgba(0, 0, 0, 0.3);
    border-radius: 0;
    border: 1px solid rgba(190, 156, 101, 0.1);
    display: none; }
    .btn_big_sty i {
      font-size: .5rem;
      display: block;
      text-align: center; }
    .btn_big_sty .big_sty_b > div {
      display: none; } }
.line_box {
  position: relative; }
  .line_box .line_sty {
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all .3s ease-in-out;
    background-color: #f9d272;
    width: 4em;
    height: 3px; }

.nav {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 0 .6rem;
  color: #f9d272;
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  pointer-events: none; }
  .nav .nav_con_c {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .nav .nav_con_c .f_sha_box {
      margin-left: -.09rem;
      margin-top: .55rem; }
      .nav .nav_con_c .f_sha_box a .code_box {
        transform: translateY(0.4rem);
        bottom: auto;
        top: 120%;
        left: 50%; }
  .nav.down_n1 .logo_box, .nav.down_n .logo_box {
    pointer-events: none; }
    .nav.down_n1 .logo_box img, .nav.down_n .logo_box img {
      transform: translateY(-110%); }
  .nav.nav_slide .logo_box {
    pointer-events: none; }
    .nav.nav_slide .logo_box img {
      transform: translateY(-110%); }
  .nav .btn_menu {
    margin-top: .43rem;
    position: relative;
    font-size: .18rem;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
    pointer-events: auto; }
    .nav .btn_menu > div {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      transition: opacity .5s; }
      .nav .btn_menu > div .btn_img_box {
        width: .58rem;
        margin-left: .2rem;
        position: relative; }
        .nav .btn_menu > div .btn_img_box .in_block {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate3d(-50%, -50%, 0); }
          .nav .btn_menu > div .btn_img_box .in_block span {
            font-size: .28rem; }
        .nav .btn_menu > div .btn_img_box img {
          width: 100%;
          display: block; }
        .nav .btn_menu > div .btn_img_box::before, .nav .btn_menu > div .btn_img_box::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 0;
          background-image: url("../image/menu_k.png");
          background-size: 100% 100%;
          animation: xun 1.5s infinite ease-out; }
        .nav .btn_menu > div .btn_img_box::after {
          animation-delay: .5s; }
      .nav .btn_menu > div:nth-child(2) {
        opacity: 0;
        position: absolute;
        width: 100%;
        white-space: nowrap;
        right: 0;
        top: 0;
        pointer-events: none; }
        .nav .btn_menu > div:nth-child(2) .btn_img_box .in_block span {
          font-size: .24rem; }
    .nav .btn_menu.on > div {
      opacity: 0; }
      .nav .btn_menu.on > div:nth-child(2) {
        opacity: 1;
        pointer-events: auto; }
  .nav .logo_box {
    width: 1.3rem;
    pointer-events: auto;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -.65rem; }
    .nav .logo_box img {
      display: block;
      width: 100%;
      transition: all .5s; }

@keyframes xun {
  0% {
    opacity: 0;
    transform: none; }
  50% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: none; } }
.nav_con {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 98;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
  .nav_con .sha_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1; }
  .nav_con .line_box {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-repeat: repeat-y;
    background-image: url("../image/bg.jpg");
    background-size: 100% auto;
    background-color: #310000;
    padding-bottom: .08rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center; }
    .nav_con .line_box .nav_li {
      position: relative;
      z-index: 2;
      flex: 1;
      text-align: center; }
      .nav_con .line_box .nav_li .nav_btn {
        cursor: pointer;
        position: relative;
        color: #f9d272;
        display: block;
        width: .9rem;
        height: 3.8rem;
        margin: 0 auto; }
        .nav_con .line_box .nav_li .nav_btn i {
          font-size: .27rem;
          left: 0;
          top: 100%;
          position: absolute;
          width: 100%;
          text-align: center;
          color: #970304;
          line-height: 1;
          display: block;
          margin-top: .55rem;
          transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
          opacity: 0; }
        .nav_con .line_box .nav_li .nav_btn .n_title {
          font-size: 3.8rem;
          line-height: 1;
          transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
          transform: scale(0.62);
          color: #825f30;
          text-align: center;
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -1.9rem; }
      .nav_con .line_box .nav_li .sen_nav {
        overflow: hidden;
        display: none;
        flex-wrap: wrap;
        align-items: center;
        white-space: nowrap;
        transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
        position: absolute;
        left: 50%;
        top: calc(100% + 1.2rem);
        transform: translateX(-50%);
        width: 100vw;
        justify-content: center; }
        .nav_con .line_box .nav_li .sen_nav a {
          color: #f9d272;
          line-height: 1.5;
          position: relative;
          padding: .1rem .23rem;
          font-size: .18rem;
          white-space: nowrap;
          cursor: pointer;
          font-weight: 700; }
          .nav_con .line_box .nav_li .sen_nav a::before {
            content: '•';
            display: block;
            color: inherit;
            font-size: inherit;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(50%, -50%); }
          .nav_con .line_box .nav_li .sen_nav a:last-child::before {
            display: none; }
          .nav_con .line_box .nav_li .sen_nav a::after {
            content: '';
            display: block;
            width: 0;
            height: 1px;
            bottom: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            background-color: #f9d272;
            transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
          .nav_con .line_box .nav_li .sen_nav a:hover::after {
            width: calc(100% - .46rem); }
      .nav_con .line_box .nav_li.on .nav_btn i {
        opacity: 1; }
      .nav_con .line_box .nav_li.on .nav_btn .n_title {
        transform: none;
        color: #f9d272; }
      .nav_con .line_box .nav_li.on .sen_nav {
        display: flex; }
    .nav_con .line_box .n_con_box {
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      padding: 1rem .4rem 1.2rem;
      color: #f9d272;
      text-align: center; }
      .nav_con .line_box .n_con_box .n_line {
        width: calc(100% - .8rem);
        left: .4rem;
        top: 0;
        position: absolute;
        display: block; }
      .nav_con .line_box .n_con_box .tel_sty {
        font-size: .46rem;
        line-height: 1;
        margin-bottom: .25rem; }
      .nav_con .line_box .n_con_box .add_sty {
        font-size: .27rem;
        line-height: 1; }
    .nav_con .line_box .nav_con_con {
      display: flex;
      justify-content: space-between; }
  .nav_con.on {
    opacity: 1;
    pointer-events: all; }

.n_share_box {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 1.25rem .3rem;
  z-index: 8;
  left: 0;
  bottom: 0; }
  .n_share_box > a {
    width: .78rem;
    height: .78rem;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
    position: relative; }
    .n_share_box > a i {
      display: block;
      font-size: .22rem;
      line-height: 1; }
    .n_share_box > a > div {
      position: absolute;
      bottom: 140%;
      white-space: nowrap;
      left: 50%;
      transform: translate(-50%, 0.3rem);
      transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
      padding: .15rem;
      background-color: #ffffff;
      box-shadow: 0.1rem 0.2rem 0.3rem -0.05rem rgba(0, 103, 171, 0.2);
      opacity: 0;
      pointer-events: none;
      font-size: .18rem;
      color: black;
      line-height: 1.5; }
      .n_share_box > a > div img {
        display: block;
        width: 1.5rem;
        max-height: 1.5rem;
        max-width: none; }
      .n_share_box > a > div:before {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        width: .1rem;
        height: .1rem;
        content: '';
        display: block;
        background-color: #ffffff;
        box-shadow: 0.1rem 0.2rem 0.3rem -0.05rem rgba(0, 103, 171, 0.2); }
    @media screen and (orientation: landscape) {
      .n_share_box > a:hover {
        background-color: #fff;
        color: #f9d272; }
        .n_share_box > a:hover > div {
          opacity: 1;
          pointer-events: all;
          transform: translateX(-50%); } }

.font_min {
  position: relative;
  display: block;
  cursor: pointer; }
  .font_min .in_block {
    overflow: hidden;
    position: relative; }
  .font_min .in_txt {
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1.25; }
    .font_min .in_txt:nth-of-type(2) {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate3d(-50%, -100%, 0);
      transform: translate3d(-50%, -100%, 0);
      width: 100%; }
    .font_min .in_txt span {
      -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      display: block;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
      .font_min .in_txt span:nth-child(1) {
        transition-delay: 0s; }
      .font_min .in_txt span:nth-child(2) {
        transition-delay: 0.02s; }
      .font_min .in_txt span:nth-child(3) {
        transition-delay: 0.04s; }
      .font_min .in_txt span:nth-child(4) {
        transition-delay: 0.06s; }
      .font_min .in_txt span:nth-child(5) {
        transition-delay: 0.08s; }
      .font_min .in_txt span:nth-child(6) {
        transition-delay: 0.1s; }
  .font_min:hover .in_txt span {
    transform: translate3d(0, 100%, 0); }

.heng_btn_box {
  cursor: pointer;
  font-size: .16rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  color: inherit;
  transition: color .3s ease;
  font-weight: 700;
  position: relative; }
  .heng_btn_box > img {
    width: 100%;
    display: block; }
  .heng_btn_box .in_block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0); }
  .heng_btn_box .in_txt {
    display: flex;
    align-items: center;
    justify-content: center; }
    .heng_btn_box .in_txt .iconfont {
      font-size: .12rem;
      margin-left: .18rem;
      margin-top: .1em; }

@keyframes rightX {
  0%, 100% {
    transform: translateZ(0); }
  50% {
    transform: translate3d(0.2em, 0, 0); } }
@keyframes downUp {
  0%, 100% {
    transform: translateZ(0); }
  50% {
    transform: translate3d(0, -0.2em, 0); } }
@keyframes btnUp {
  0% {
    transform: rotateX(0deg);
    transform-origin: top; }
  50% {
    transform: rotateX(90deg);
    transform-origin: top; }
  51% {
    transform: rotateX(-90deg);
    transform-origin: bottom; }
  100% {
    transform: rotateX(0deg);
    transform-origin: bottom; } }
.shu_btn_box {
  cursor: pointer;
  font-size: .16rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  color: inherit;
  transition: color .3s ease;
  font-weight: 700;
  position: relative; }
  .shu_btn_box > img {
    width: 100%;
    display: block; }
  .shu_btn_box span {
    display: block;
    width: .18rem; }
    .shu_btn_box span font {
      display: inline-block; }
      .shu_btn_box span font.iconfont {
        font-size: .14rem; }
  .shu_btn_box .in_block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1em; }
    .shu_btn_box .in_block .in_txt {
      flex-direction: column; }
      .shu_btn_box .in_block .in_txt:nth-child(2) {
        left: 0;
        transform: translate3d(-100%, 0, 0); }
  @media screen and (orientation: landscape) {
    .shu_btn_box:hover .in_txt span {
      transform: translate3d(100%, 0, 0); } }

@keyframes btnLeft {
  0% {
    transform: rotateY(0deg);
    transform-origin: top right; }
  50% {
    transform: rotateY(90deg);
    transform-origin: top right; }
  51% {
    transform: rotateY(90deg);
    transform-origin: top left; }
  100% {
    transform: rotateY(0deg);
    transform-origin: top left; } }
.f_sha_box {
  display: flex;
  justify-content: center; }
  .f_sha_box a {
    position: relative;
    margin: 0 .09rem;
    pointer-events: all; }
    .f_sha_box a i {
      font-size: .38rem;
      color: rgba(246, 232, 200, 0.5);
      line-height: 1; }
    .f_sha_box a .in_block {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .f_sha_box a span {
      font-size: .16rem;
      line-height: 1.2;
      color: #f9d272;
      display: block; }
    .f_sha_box a .code_box {
      opacity: 0;
      transform: translateY(-0.4rem);
      position: absolute;
      bottom: 120%;
      left: 50%;
      width: 2rem;
      margin-left: -1rem;
      border-radius: .4rem;
      overflow: hidden;
      background: #fff;
      pointer-events: none;
      transition: all .5s;
      padding: .2rem; }
      .f_sha_box a .code_box img {
        width: 100%;
        display: block; }
    .f_sha_box a:hover .code_box {
      transform: none !important;
      opacity: 1;
      pointer-events: auto; }

.footer_case {
  overflow: hidden;
  padding-top: 1.4rem;
  position: relative;
  background: url("../image/f_bg.jpg") no-repeat center;
  background-size: cover;
  background-color: #2a1f14; }
  .footer_case .tieku_2 {
    background: url("../image/036.png") repeat-x left bottom;
    background-size: auto .11rem;
    height: 0.11rem; }
  .footer_case .f_con_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .footer_case .f_logo_box {
    display: block;
    width: 1.32rem; }
    .footer_case .f_logo_box img {
      width: 100%;
      display: block; }
  .footer_case .f_nav_box {
    display: flex;
    padding-bottom: 1.46rem; }
    .footer_case .f_nav_box .f_fl {
      margin-left: .85rem;
      white-space: nowrap; }
      .footer_case .f_nav_box .f_fl:first-child {
        margin-left: 0; }
      .footer_case .f_nav_box .f_fl > div {
        width: 1.22rem;
        line-height: 1;
        font-size: .2rem;
        padding-bottom: .22rem;
        background: url("../image/line_w.png") no-repeat left bottom;
        background-size: 100%;
        margin-bottom: .24rem; }
      .footer_case .f_nav_box .f_fl:nth-child(3) ul li a::after {
        width: 5em; }
      .footer_case .f_nav_box .f_fl ul {
        display: block; }
        .footer_case .f_nav_box .f_fl ul li {
          display: block; }
          .footer_case .f_nav_box .f_fl ul li a {
            display: block;
            padding: .08rem 0;
            font-size: .16rem; }
            .footer_case .f_nav_box .f_fl ul li a::after {
              content: '';
              display: block;
              height: 1px;
              width: 4em;
              left: 0;
              bottom: .04rem;
              background-color: #f9d272;
              transform: scaleX(0);
              transition: transform .5s ease;
              position: absolute; }
            .footer_case .f_nav_box .f_fl ul li a:hover::after {
              transform: none; }
            .footer_case .f_nav_box .f_fl ul li a span {
              font-weight: 500;
              font-size: .16rem;
              line-height: 1.25;
              color: #f9d272; }
  .footer_case .f_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .55rem; }
  .footer_case .copy_right {
    font-size: .14rem;
    text-align: center;
    color: #f9d272;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    width: 80%; }
    .footer_case .copy_right a {
      color: inherit;
      margin-left: .1rem; }
  .footer_case .f_sty {
    position: relative; }
    .footer_case .f_sty .pub_img_box::before {
      margin-top: 26.118067978%; }
    .footer_case .f_sty .pub_img_box:nth-child(2) {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      animation: shan 1s infinite; }

@keyframes shan {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.pub_case_block .pub_banner_box {
  height: 82.22vh; }
  .pub_case_block .pub_banner_box .pub_banner_text_case {
    position: relative;
    height: 100%;
    padding-top: .3rem;
    display: flex;
    align-items: center; }
    .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      border-bottom: 1px solid rgba(53, 54, 63, 0.5);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 2rem;
      margin: 0 -2rem;
      box-sizing: content-box; }
      .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box {
        display: flex;
        align-items: center; }
        .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box .btn_down {
          width: .8rem;
          height: .8rem;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #ffffff;
          background-color: #f9d272;
          transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
          cursor: pointer; }
          .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box .btn_down i {
            font-size: .34rem;
            line-height: 1;
            animation: hintDown 1s ease-out infinite; }
          @media screen and (orientation: landscape) {
            .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box .btn_down:hover {
              background-color: #970304; } }
        .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box .hint_text {
          font-family: 'en_b';
          font-size: .16rem;
          line-height: 1;
          color: #6e727a;
          margin-left: .3rem; }
      .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: black;
        font-size: .18rem;
        line-height: 1.5;
        z-index: 4;
        font-weight: 700;
        display: none; }
        .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box a {
          cursor: pointer;
          margin-right: .18rem;
          font-size: .18rem; }
          @media screen and (orientation: landscape) {
            .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box a:hover {
              color: black; } }
        .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box span {
          margin: 0 .18rem; }
          .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box span:last-child {
            margin-right: 0; }
  .pub_case_block .pub_banner_box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none; }
.pub_case_block .pub_con_block {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom; }

@keyframes hintDown {
  0% {
    transform: translateY(-30%); }
  50% {
    transform: translateY(30%); }
  100% {
    transform: translateY(-30%); } }
.pub_page_box {
  margin-top: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (orientation: landscape) {
    .pub_page_box .button {
      width: 2rem; } }
  .pub_page_box ul {
    display: flex;
    justify-content: center; }
    .pub_page_box ul li {
      display: block; }
      .pub_page_box ul li a {
        display: block;
        font-size: .22rem;
        line-height: 2;
        width: .5rem;
        font-family: 'en_b';
        color: #999999;
        transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
        cursor: pointer;
        text-align: center; }
        .pub_page_box ul li a.on {
          color: #f9d272;
          cursor: auto; }
        @media screen and (orientation: landscape) {
          .pub_page_box ul li a:hover {
            color: #f9d272; } }
  .pub_page_box#pub_page_box {
    justify-content: center;
    font-family: 'en_b';
    position: relative;
    padding: 0 1.2rem;
    font-size: .18rem; }
    .pub_page_box#pub_page_box a, .pub_page_box#pub_page_box span {
      width: .35rem;
      text-align: center;
      color: #999999; }
      .pub_page_box#pub_page_box a.current, .pub_page_box#pub_page_box span.current {
        color: #f9d272; }
    .pub_page_box#pub_page_box a {
      transition: all .5s ease-out; }
      @media screen and (orientation: landscape) {
        .pub_page_box#pub_page_box a:hover {
          color: #f9d272; } }
    .pub_page_box#pub_page_box .pg-prev, .pub_page_box#pub_page_box .pg-next {
      position: absolute;
      width: 1.22rem;
      line-height: .5rem;
      border-radius: .25rem;
      border: 1px solid #f9d272;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      color: #f9d272;
      cursor: pointer; }
      .pub_page_box#pub_page_box .pg-prev[disabled="true"], .pub_page_box#pub_page_box .pg-next[disabled="true"] {
        opacity: 0;
        pointer-events: none; }
      @media screen and (orientation: landscape) {
        .pub_page_box#pub_page_box .pg-prev:hover, .pub_page_box#pub_page_box .pg-next:hover {
          background-color: #f9d272;
          color: #fff; } }
    .pub_page_box#pub_page_box .pg-prev {
      left: 0; }
    .pub_page_box#pub_page_box .pg-next {
      right: 0; }

.share {
  /*@font-face {*/
  /*    font-family: "socialshare";*/
  /*    src: url("../font/iconfont.eot");*/
  /*    src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg")*/
  /*}*/
  /*.social-share {*/
  /*    font-family: "socialshare" !important;*/
  /*    font-size: 16px;*/
  /*    font-style: normal;*/
  /*    -webkit-font-smoothing: antialiased;*/
  /*    -webkit-text-stroke-width: 0.2px;*/
  /*    -moz-osx-font-smoothing: grayscale*/
  /*}*/
  /*.social-share * {*/
  /*    font-family: "socialshare" !important;*/
  /*    font-style: normal;*/
  /*}*/ }
  .share .social-share .icon-tencent:before {
    content: ""; }
  .share .social-share .icon-qq:before {
    content: ""; }
  .share .social-share .icon-weibo:before {
    content: ""; }
  .share .social-share .icon-wechat:before {
    content: ""; }
  .share .social-share .icon-copy:before {
    content: ""; }
  .share .social-share .icon-douban:before {
    content: ""; }
  .share .social-share .icon-heart:before {
    content: ""; }
  .share .social-share .icon-like:before {
    content: ""; }
  .share .social-share .icon-qzone:before {
    content: ""; }
  .share .social-share .icon-linkedin:before {
    content: ""; }
  .share .social-share .icon-diandian:before {
    content: ""; }
  .share .social-share .icon-facebook:before {
    content: ""; }
  .share .social-share .icon-google:before {
    content: ""; }
  .share .social-share .icon-twitter:before {
    content: ""; }
  .share .social-share {
    display: flex; }
    .share .social-share a {
      position: relative;
      text-decoration: none;
      margin: .19rem .05rem 0;
      display: inline-block;
      outline: none; }
    .share .social-share .social-share-icon {
      position: relative;
      display: block;
      width: .24rem;
      height: .24rem;
      font-size: .18rem;
      border-radius: 50%;
      line-height: .24rem;
      border: 1px solid #666;
      color: #666;
      text-align: center;
      /*transition: background 0.6s ease-out 0s;*/
      transition: all .3s ease-in-out;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1; }
      .share .social-share .social-share-icon::before {
        display: none; }
      .share .social-share .social-share-icon.icon-weibo {
        color: #fff;
        border-color: #bb292e;
        background-color: #bb292e; }
      .share .social-share .social-share-icon.icon-copy {
        color: #fff;
        border-color: #be9c65;
        background-color: #be9c65; }
      .share .social-share .social-share-icon.icon-wechat {
        position: relative;
        color: #fff;
        border-color: #969cb3;
        background-color: #969cb3; }
        .share .social-share .social-share-icon.icon-wechat .wechat-qrcode {
          display: none;
          border: 1px solid #eee;
          position: absolute;
          z-index: 9;
          top: -205px;
          left: -100px;
          width: 200px;
          height: 192px;
          color: #666;
          font-size: 12px;
          text-align: center;
          background-color: #fff;
          box-shadow: 0 2px 10px #aaa;
          transition: all 200ms;
          -webkit-tansition: all 350ms;
          -moz-transition: all 350ms; }
          .share .social-share .social-share-icon.icon-wechat .wechat-qrcode.bottom {
            top: 40px;
            left: -84px; }
            .share .social-share .social-share-icon.icon-wechat .wechat-qrcode.bottom::after {
              display: none; }
          .share .social-share .social-share-icon.icon-wechat .wechat-qrcode h4 {
            font-weight: normal;
            height: 26px;
            line-height: 26px;
            font-size: 12px;
            background-color: #f3f3f3;
            margin: 0;
            padding: 0;
            color: #777; }
          .share .social-share .social-share-icon.icon-wechat .wechat-qrcode .qrcode {
            width: 105px;
            margin: 10px auto; }
            .share .social-share .social-share-icon.icon-wechat .wechat-qrcode .qrcode img {
              position: relative; }
            .share .social-share .social-share-icon.icon-wechat .wechat-qrcode .qrcode table {
              margin: 0 !important; }
            .share .social-share .social-share-icon.icon-wechat .wechat-qrcode .qrcode .help p {
              font-weight: normal;
              line-height: 16px;
              padding: 0;
              margin: 0; }
            .share .social-share .social-share-icon.icon-wechat .wechat-qrcode .qrcode::after {
              content: '';
              position: absolute;
              left: 50%;
              margin-left: 5px;
              bottom: -13px;
              width: 0;
              height: 0;
              border-width: 8px 6px 6px 6px;
              border-style: solid;
              border-color: #fff transparent transparent transparent; }
        .share .social-share .social-share-icon.icon-wechat:hover .wechat-qrcode {
          display: block; }
      @media screen and (orientation: landscape) {
        .share .social-share .social-share-icon:hover {
          transform: scale(1.2); } }
  .share .social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7; }
  .share .social-share .icon-tencent:hover {
    background: #56b6e7; }
  .share .social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7; }
  .share .social-share .icon-qq:hover {
    background: #56b6e7; }
  .share .social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D; }
  .share .social-share .icon-qzone:hover {
    background: #FDBE3D; }
  .share .social-share .icon-douban {
    color: #33b045;
    border-color: #33b045; }
  .share .social-share .icon-douban:hover {
    background: #33b045; }
  .share .social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5; }
  .share .social-share .icon-linkedin:hover {
    background: #0077B5; }
  .share .social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D; }
  .share .social-share .icon-facebook:hover {
    background: #44619D; }
  .share .social-share .icon-google {
    color: #db4437;
    border-color: #db4437; }
  .share .social-share .icon-google:hover {
    background: #db4437; }
  .share .social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee; }
  .share .social-share .icon-twitter:hover {
    background: #55acee; }
  .share .social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA; }
  .share .social-share .icon-diandian:hover {
    background: #307DCA; }

.anchorBL {
  display: none; }

.BMap_cpyCtrl.anchorBL {
  display: none; }

.lb_sha_box {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.9);
  display: none; }
  .lb_sha_box .join_env_case {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60%;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 3400px) {
      .lb_sha_box .join_env_case {
        width: 50%; } }
    .lb_sha_box .join_env_case::after {
      content: '';
      display: block;
      padding-top: 67.647%; }
    .lb_sha_box .join_env_case .swiper-button-prev,
    .lb_sha_box .join_env_case .swiper-button-next {
      background: none;
      display: flex;
      justify-content: center;
      align-items: center;
      width: .6rem;
      height: .6rem;
      top: 50%;
      margin-top: -.3rem;
      transition: background-color .5s ease-out; }
      .lb_sha_box .join_env_case .swiper-button-prev i,
      .lb_sha_box .join_env_case .swiper-button-next i {
        font-size: .6rem;
        color: #fff; }
      @media screen and (orientation: landscape) {
        .lb_sha_box .join_env_case .swiper-button-prev:hover,
        .lb_sha_box .join_env_case .swiper-button-next:hover {
          background-color: #f9d272; } }
    .lb_sha_box .join_env_case .swiper-button-prev {
      left: 0;
      margin-left: -.8rem; }
    .lb_sha_box .join_env_case .swiper-button-next {
      right: 0;
      margin-right: -.8rem; }
    .lb_sha_box .join_env_case .swiper-container {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; }
    .lb_sha_box .join_env_case .pub_img_box::before {
      margin-top: 67.647%; }
    .lb_sha_box .join_env_case .join_env_name {
      color: #fff;
      text-align: center;
      font-weight: 500;
      line-height: 1.5;
      margin-top: .3rem; }
  .lb_sha_box .btn_close_lh {
    position: absolute;
    font-size: 0.4rem;
    line-height: 1;
    top: 0;
    right: -0.77rem;
    color: #fff;
    cursor: pointer; }
    @media screen and (orientation: landscape) {
      .lb_sha_box .btn_close_lh:hover {
        color: #f9d272; } }

.icon_btn_case {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-top: .56rem; }
  .icon_btn_case .btn_sty {
    width: .7rem;
    height: .7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .icon_btn_case .btn_sty i {
      display: flex;
      justify-content: center;
      align-items: center;
      left: 0;
      font-size: .7rem;
      position: absolute;
      top: 0;
      width: inherit;
      height: inherit;
      transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
      .icon_btn_case .btn_sty i:first-child {
        color: rgba(255, 255, 255, 0.2); }
      .icon_btn_case .btn_sty i:nth-child(2) {
        color: #f9d272; }
      .icon_btn_case .btn_sty i:nth-child(3) {
        font-size: .12rem;
        color: #ffffff; }
  .icon_btn_case .btn_text {
    margin-left: .35rem;
    font-size: .16rem;
    color: #ffffff;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .1em; }
  .icon_btn_case.col_b .btn_sty i:first-child {
    color: rgba(0, 0, 0, 0.2); }
  .icon_btn_case.col_b .btn_text {
    color: black; }
  .icon_btn_case.rotate_icon .btn_sty i:nth-child(3) {
    transform: rotate(180deg); }
  .icon_btn_case.col_op .btn_sty i:first-child {
    color: rgba(0, 0, 0, 0.2); }
  .icon_btn_case.col_op .btn_sty i:nth-child(2) {
    color: #a4b8c5; }
  @media screen and (orientation: landscape) {
    .icon_btn_case:hover .btn_sty i:first-child {
      transform: rotate(90deg); }
    .icon_btn_case:hover .btn_sty i:nth-child(2) {
      transform: rotate(-30deg);
      color: #f9d272; } }

.vh_full {
  height: 100vh; }

.det_z-index {
  z-index: 1;
  pointer-events: all !important; }
  .det_z-index.smart_box {
    opacity: 1 !important; }
  .det_z-index.video_box {
    display: block !important; }

.cut_clip {
  position: absolute; }
  .cut_clip .clipPath path {
    stroke-width: 70px;
    stroke: #000; }

.scrFx {
  animation-play-state: paused;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  will-change: transform, opacity;
  animation-delay: calc(var(--go) * -1s);
  animation-timing-function: ease-in-out; }

.jt_box {
  width: .44rem;
  height: .45rem;
  position: absolute;
  top: .27rem;
  left: -.25rem;
  margin-left: -.25rem;
  transform: translateX(-100%);
  background-size: cover;
  background-repeat: no-repeat;
  transition: left 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }

.pub_font_sty {
  font-size: 4rem;
  line-height: .8;
  color: #e9f3fb;
  position: absolute; }

.go_top {
  cursor: pointer;
  position: fixed;
  right: .4rem;
  bottom: .4rem;
  width: .58rem;
  z-index: 5;
  display: none; }
  .go_top > i {
    font-size: .58rem;
    line-height: 1;
    display: block; }
  .go_top .in_block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .go_top .in_block span {
      font-size: .16rem;
      color: #350000; }

.mask_img_case {
  position: relative;
  z-index: 0; }
  .mask_img_case .mask_img {
    mask-size: 100% 100%;
    position: relative;
    z-index: 0; }
  .mask_img_case .texture_img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 3; }
  .mask_img_case.mask_01 .mask_img {
    mask-image: url("../image/mark002.png"); }
    .mask_img_case.mask_01 .mask_img .pub_img_box::before {
      margin-top: 128.421052631%; }
  .mask_img_case.mask_01 .texture_img {
    background-image: url("../image/border002.png"); }
  .mask_img_case.mask_02 .mask_img {
    mask-image: url("../image/mark001.png"); }
    .mask_img_case.mask_02 .mask_img .pub_img_box::before {
      margin-top: 58.56741573%; }
  .mask_img_case.mask_02 .texture_img {
    background-image: url("../image/border001.png"); }
  .mask_img_case.mask_03 .mask_img {
    mask-image: url("../image/mark003.png"); }
    .mask_img_case.mask_03 .mask_img .pub_img_box::before {
      margin-top: 46.417112299%; }
  .mask_img_case.mask_03 .texture_img {
    background-image: url("../image/border003.png"); }

.mask_img4_case {
  position: relative;
  z-index: 0; }
  .mask_img4_case::before {
    content: '';
    width: 95%;
    height: 90%;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0.75rem 1.54rem 0 rgba(0, 0, 0, 0.6); }
  .mask_img4_case .mask_img4 {
    mask-size: 100% 100%;
    position: relative;
    z-index: 0; }
    .mask_img4_case .mask_img4.mask_banner {
      mask-image: url("../image/mask001.png"); }
      .mask_img4_case .mask_img4.mask_banner .texture_img {
        background-image: url("../image/line001.png"); }
      .mask_img4_case .mask_img4.mask_banner .pub_img_box::before {
        margin-top: 45.05289359%; }
      .mask_img4_case .mask_img4.mask_banner .pub_img_box::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 3;
        pointer-events: none;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.4); }
    .mask_img4_case .mask_img4.mask_list {
      mask-image: url("../image/mask002.png"); }
      .mask_img4_case .mask_img4.mask_list .texture_img {
        background-image: url("../image/line002.png"); }
      .mask_img4_case .mask_img4.mask_list .pub_img_box::before {
        margin-top: 67.993630573%; }
    .mask_img4_case .mask_img4.mask_001 {
      mask-image: url("../image/3-008.png"); }
      .mask_img4_case .mask_img4.mask_001 .texture_img {
        background-image: url("../image/3-007.png"); }
      .mask_img4_case .mask_img4.mask_001 .pub_img_box::before {
        margin-top: 119.789842%; }
    .mask_img4_case .mask_img4.mask_002 {
      mask-image: url("../image/3-011.png"); }
      .mask_img4_case .mask_img4.mask_002 .texture_img {
        background-image: url("../image/3-010.png"); }
      .mask_img4_case .mask_img4.mask_002 .pub_img_box::before {
        margin-top: 72.075869336%; }
    .mask_img4_case .mask_img4.mask_003 {
      mask-image: url("../image/3-017.png"); }
      .mask_img4_case .mask_img4.mask_003 .texture_img {
        background-image: url("../image/3-016.png"); }
      .mask_img4_case .mask_img4.mask_003 .pub_img_box::before {
        margin-top: 51.820128479%; }
    .mask_img4_case .mask_img4.mask_004 {
      mask-image: url("../image/3-021.png"); }
      .mask_img4_case .mask_img4.mask_004 .texture_img {
        background-image: url("../image/3-020.png"); }
      .mask_img4_case .mask_img4.mask_004 .pub_img_box::before {
        margin-top: 72.075869336%; }
    .mask_img4_case .mask_img4.mask_abo {
      mask-image: url("../image/3-025.png"); }
      .mask_img4_case .mask_img4.mask_abo .texture_img {
        background-image: url("../image/3-024.png"); }
      .mask_img4_case .mask_img4.mask_abo .pub_img_box::before {
        margin-top: 67.993630573%; }
    .mask_img4_case .mask_img4.mask_005 {
      mask-image: url("../image/3-076.png"); }
      .mask_img4_case .mask_img4.mask_005 .texture_img {
        background-image: url("../image/3-075.png"); }
      .mask_img4_case .mask_img4.mask_005 .pub_img_box::before {
        margin-top: 119.527559055%; }
    .mask_img4_case .mask_img4.mask_sha {
      mask-image: url("../image/sha_d.png"); }
      .mask_img4_case .mask_img4.mask_sha .texture_img {
        background-image: url("../image/sha_l.png"); }
      .mask_img4_case .mask_img4.mask_sha .pub_img_box::before {
        margin-top: 50%; }
    .mask_img4_case .mask_img4.mask_006 {
      mask-image: url("../image/4-004-1.png"); }
      .mask_img4_case .mask_img4.mask_006 .texture_img {
        background-image: url("../image/4-004-2.png"); }
      .mask_img4_case .mask_img4.mask_006 .pub_img_box::before {
        margin-top: 55.009334163%; }
    .mask_img4_case .mask_img4.mask_007 {
      mask-image: url("../image/4-006-1.png"); }
      .mask_img4_case .mask_img4.mask_007 .texture_img {
        background-image: url("../image/4-006-2.png"); }
      .mask_img4_case .mask_img4.mask_007 .pub_img_box::before {
        margin-top: 59.7875569%; }
    .mask_img4_case .mask_img4.mask_008 {
      mask-image: url("../image/4-027.png"); }
      .mask_img4_case .mask_img4.mask_008 .texture_img {
        background-image: url("../image/4-026.png"); }
      .mask_img4_case .mask_img4.mask_008 .pub_img_box::before {
        margin-top: 75.876288659%; }
    .mask_img4_case .mask_img4.mask_009 {
      mask-image: url("../image/5-023-1.png"); }
      .mask_img4_case .mask_img4.mask_009 .texture_img {
        background-image: url("../image/5-023.png"); }
      .mask_img4_case .mask_img4.mask_009 .pub_img_box::before {
        margin-top: 63.478260869%; }
    .mask_img4_case .mask_img4.mask_010 {
      mask-image: url("../image/5-026.png"); }
      .mask_img4_case .mask_img4.mask_010 .texture_img {
        background-image: url("../image/5-027.png"); }
      .mask_img4_case .mask_img4.mask_010 .pub_img_box::before {
        margin-top: 75.660242683%; }
    .mask_img4_case .mask_img4.mask_011 {
      mask-image: url("../image/4-038-1.png"); }
      .mask_img4_case .mask_img4.mask_011 .texture_img {
        background-image: url("../image/4-038-2.png"); }
      .mask_img4_case .mask_img4.mask_011 .pub_img_box::before {
        margin-top: 47.394718058%; }
    .mask_img4_case .mask_img4.mask_012 {
      mask-image: url("../image/4-040.png"); }
      .mask_img4_case .mask_img4.mask_012 .texture_img {
        background-image: url("../image/4-039.png"); }
      .mask_img4_case .mask_img4.mask_012 .pub_img_box::before {
        margin-top: 64.418604651%; }
    .mask_img4_case .mask_img4.mask_013 {
      mask-image: url("../image/4-043.png"); }
      .mask_img4_case .mask_img4.mask_013 .texture_img {
        background-image: url("../image/4-042.png"); }
      .mask_img4_case .mask_img4.mask_013 .pub_img_box::before {
        margin-top: 64.418604651%; }
    .mask_img4_case .mask_img4.mask_014 {
      mask-image: url("../image/5-006.png"); }
      .mask_img4_case .mask_img4.mask_014 .texture_img {
        background-image: url("../image/5-005.png"); }
      .mask_img4_case .mask_img4.mask_014 .pub_img_box::before {
        margin-top: 63.616557734%; }
    .mask_img4_case .mask_img4.mask_015 {
      mask-image: url("../image/5-009-1.png"); }
      .mask_img4_case .mask_img4.mask_015 .texture_img {
        background-image: url("../image/5-009-2.png"); }
      .mask_img4_case .mask_img4.mask_015 .pub_img_box::before {
        margin-top: 63.616557734%; }
    .mask_img4_case .mask_img4 .texture_img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-size: 100% 100%;
      pointer-events: none;
      z-index: 3; }

.swiper-pagination {
  bottom: .7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3; }
  .swiper-pagination span {
    width: auto;
    height: auto;
    line-height: 1;
    background-color: transparent;
    opacity: 1;
    margin: 0 .13rem !important;
    position: relative;
    cursor: pointer; }
    .swiper-pagination span i {
      font-size: .14rem;
      display: block;
      transition: opacity .5s, color .5s;
      color: #ffeec8;
      opacity: .3; }
    .swiper-pagination span.swiper-pagination-bullet-active i {
      opacity: 1;
      color: #d5000e; }
  .swiper-pagination.right_s {
    right: .7rem;
    width: .09rem;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    flex-direction: column; }
    .swiper-pagination.right_s div {
      width: auto;
      height: auto;
      line-height: 1;
      background-color: transparent;
      opacity: 1;
      margin: .28rem 0 !important;
      position: relative;
      cursor: pointer; }
      .swiper-pagination.right_s div i {
        font-size: .12rem;
        display: block;
        transform: scale(0.75);
        transform-origin: 100% 50%;
        transition: opacity .5s;
        color: #C5A279; }
        .swiper-pagination.right_s div i:nth-child(2) {
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          color: #f9d272; }
      .swiper-pagination.right_s div span {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        display: inline-flex;
        margin: .05rem 0 0 !important;
        white-space: nowrap;
        font-weight: 500;
        font-size: .16rem;
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
        color: #f9d272; }
      .swiper-pagination.right_s div.swiper-pagination-bullet-active span {
        opacity: 1; }
      .swiper-pagination.right_s div.swiper-pagination-bullet-active i {
        opacity: 0; }
        .swiper-pagination.right_s div.swiper-pagination-bullet-active i:nth-child(2) {
          opacity: 1; }

.swiper-button-prev, .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none;
  position: absolute;
  width: .58rem;
  height: .58rem;
  margin-top: -.29rem;
  margin-left: -.29rem; }
  .swiper-button-prev i, .swiper-button-next i {
    font-size: .58rem;
    line-height: 1;
    color: #f9d272;
    display: block; }
  .swiper-button-prev .in_block, .swiper-button-next .in_block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .swiper-button-prev .in_block span, .swiper-button-next .in_block span {
      line-height: 1.2;
      font-size: .15rem; }

.swiper-button-prev {
  left: .1rem; }

.swiper-button-next {
  right: .1rem; }

.sty_up {
  text-align: center;
  font-size: .3rem;
  display: block;
  line-height: 1;
  color: #f9d272;
  margin-top: 1rem; }

.btn_box {
  text-align: center;
  margin-top: .68rem;
  display: flex;
  justify-content: center; }
  .btn_box img {
    width: 2.18rem;
    max-width: none;
    display: block; }

.xing_box {
  width: 3.35rem;
  margin: 0 auto;
  position: relative; }
  .xing_box rect {
    width: 100%;
    height: 100%;
    fill: #000; }
  .xing_box path {
    fill: #fff; }
  .xing_box image {
    width: 100%; }

.title_sty_box .title_sty {
  position: relative; }
  .title_sty_box .title_sty .tit_s_bg {
    display: block;
    margin: 0 auto;
    width: 3.06rem; }
  .title_sty_box .title_sty .tit_s_img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .71rem;
    transform: translate(-50%, -50%); }
.title_sty_box .title_s_en {
  font-size: .12rem;
  letter-spacing: 1em;
  margin-top: .22rem;
  color: #f9d272;
  text-align: center;
  text-transform: uppercase; }
  .title_sty_box .title_s_en span {
    transform: scale(0.75); }

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); } }
.tieku_l {
  background: url("../image/036.png") repeat-x left bottom;
  background-size: auto .11rem;
  height: 0.11rem; }

.nav {
  transition: background-color .3s ease-out; }
  .nav.fiex_n {
    background-image: url("../image/cc00bg.jpg");
    background-position: top center;
    background-size: 100%;
    background-color: #350000; }
    .nav.fiex_n .logo_box img {
      transform: none; }

.icon_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .24rem;
  line-height: 1;
  color: #f9d272; }
  .icon_tit i {
    font-size: .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.04rem; }
  .icon_tit span {
    padding: 0 .2rem; }

.btn_sha_sty {
  margin-left: .94rem;
  margin-top: .64rem;
  display: inline-flex;
  align-items: center;
  padding-bottom: .22rem;
  background: url("../image/031.png") repeat-x left bottom;
  background-size: auto .04rem;
  font-size: .19rem;
  font-weight: 600;
  line-height: 1;
  color: #f9d272; }
  .btn_sha_sty i {
    font-size: .16rem;
    margin-top: .04rem;
    margin-left: .47rem; }

.page_box {
  padding-top: .6rem;
  padding-bottom: 1rem; }
  .page_box > img {
    width: 100%;
    display: block;
    margin-bottom: .45rem; }
  .page_box .page_con_box {
    display: flex;
    align-items: baseline;
    justify-content: center; }
    .page_box .page_con_box a {
      font-size: .3rem;
      line-height: .4rem;
      color: #805f30;
      cursor: pointer;
      padding: 0 .35rem;
      font-family: 'num_b';
      transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
      .page_box .page_con_box a.on {
        font-size: .4rem;
        color: #f9d272; }
      .page_box .page_con_box a:hover {
        color: #f9d272; }

.dz_sty img {
  display: block;
  width: .35rem; }

.kun_font_i {
  font-size: .24rem;
  line-height: 1.791666;
  text-align: justify; }

.kun_font_n {
  font-size: .32rem;
  font-weight: 600;
  color: #f9d272;
  text-align: justify;
  line-height: 1.65625; }

.kun_font_en {
  font-size: .16rem;
  line-height: 1.4545;
  color: rgba(249, 210, 114, 0.5);
  margin-top: 0.3rem;
  padding-bottom: 0.27rem; }

.tab_nav_box {
  display: flex;
  padding: 0 .73rem;
  overflow: hidden; }
  .tab_nav_box .swiper-container {
    overflow: visible;
    width: 100%; }
  .tab_nav_box a {
    position: relative;
    width: 2.75rem;
    height: .77rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0; }
    .tab_nav_box a span {
      font-size: .27rem;
      line-height: 1;
      color: #f9d272;
      position: relative;
      z-index: 5; }
    .tab_nav_box a img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .tab_nav_box a img:nth-child(3) {
        opacity: 0; }
    .tab_nav_box a.on span {
      color: #2C0000; }
    .tab_nav_box a.on img {
      opacity: 0; }
      .tab_nav_box a.on img:nth-child(3) {
        opacity: 1; }

.ain1 {
  animation-delay: 0.6s; }

.ain2 {
  animation-delay: 0.8s; }

.ain3 {
  animation-delay: 1s; }

.ain4 {
  animation-delay: 1.2s; }

.ain5 {
  animation-delay: 1.4s; }

.ain6 {
  animation-delay: 1.6s; }

.ain7 {
  animation-delay: 1.8s; }

.ain8 {
  animation-delay: 2s; }

.ain9 {
  animation-delay: 2.2s; }

.ain10 {
  animation-delay: 2.4s; }

.ain11 {
  animation-delay: 2.6s; }

.ain12 {
  animation-delay: 2.8s; }

.ain13 {
  animation-delay: 3s; }

.ain14 {
  animation-delay: 3.2s; }

.ain15 {
  animation-delay: 3.4s; }

.ain16 {
  animation-delay: 3.6s; }

.ain17 {
  animation-delay: 3.8s; }

.ain18 {
  animation-delay: 4s; }

.ain19 {
  animation-delay: 4.2s; }

.ain20 {
  animation-delay: 4.4s; }

.ain21 {
  animation-delay: 4.6s; }

.ain22 {
  animation-delay: 4.8s; }

.ain23 {
  animation-delay: 5s; }

.ain24 {
  animation-delay: 5.2s; }

.ain25 {
  animation-delay: 5.4s; }

.ain26 {
  animation-delay: 5.6s; }

.ain27 {
  animation-delay: 5.8s; }

.ain28 {
  animation-delay: 6s; }

.ain29 {
  animation-delay: 6.2s; }

.ain30 {
  animation-delay: 6.4s; }

.ind_src4_box {
  height: 100%;
  position: relative; }
  .ind_src4_box .ind_src4_img {
    height: 66.66vh;
    border-bottom: 1px solid rgba(249, 210, 114, 0.5); }
    .ind_src4_box .ind_src4_img .swiper-slide {
      height: 100%; }
      .ind_src4_box .ind_src4_img .swiper-slide .pub_img_box {
        height: 100%; }
        .ind_src4_box .ind_src4_img .swiper-slide .pub_img_box::before {
          display: none; }
  .ind_src4_box .ind_src4_nav_box {
    z-index: 3;
    position: relative;
    width: 100%; }
  .ind_src4_box .ind_src4_nav {
    position: absolute;
    left: 50%;
    top: 66.66%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .ind_src4_box .ind_src4_nav > div {
      cursor: pointer;
      position: relative;
      width: .64rem; }
      .ind_src4_box .ind_src4_nav > div i {
        font-size: .64rem;
        display: block;
        line-height: 1;
        color: #f9d272;
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
        .ind_src4_box .ind_src4_nav > div i:nth-child(2) {
          opacity: 1;
          position: absolute;
          left: 0;
          top: 0; }
      .ind_src4_box .ind_src4_nav > div span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: .16rem;
        line-height: 1;
        font-weight: bold;
        transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
        color: #f9d272;
        width: 100%;
        text-align: center; }
      .ind_src4_box .ind_src4_nav > div.on i {
        opacity: 1; }
        .ind_src4_box .ind_src4_nav > div.on i:nth-child(2) {
          opacity: 0; }
      .ind_src4_box .ind_src4_nav > div.on span {
        color: #970304; }
  .ind_src4_box .ind_src4_con {
    padding-top: .95rem; }
    .ind_src4_box .ind_src4_con .ind_src4_ {
      display: flex;
      align-items: flex-start; }
      .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block {
        width: 58%; }
        .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block > div {
          display: none;
          flex-direction: row-reverse;
          align-items: flex-start; }
          .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block > div .ind_src4_tit {
            display: flex;
            align-items: flex-end; }
            .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block > div .ind_src4_tit img {
              width: .46rem; }
            .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block > div .ind_src4_tit i {
              color: #970304;
              display: block;
              line-height: 1;
              margin-left: .18rem;
              font-size: .2rem; }
          .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block > div .ind_src4_info {
            margin-right: .68rem;
            margin-left: .9rem;
            writing-mode: vertical-rl;
            line-height: 2.44;
            font-weight: 500;
            font-size: .16rem;
            color: #f9d272; }
          .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block > div .shu_btn_box {
            width: .53rem; }
          .ind_src4_box .ind_src4_con .ind_src4_ .ind_src4_block > div.on {
            display: flex; }
      .ind_src4_box .ind_src4_con .ind_src4_ > img {
        width: 2.4rem;
        display: block;
        margin-left: 11.2%; }

.ind_body .go_top {
  bottom: 1rem; }
.ind_body .pub_info {
  font-size: .16rem;
  line-height: 1.875;
  letter-spacing: 0; }
.ind_body .pub_case {
  width: 77.8125%; }
.ind_body .hint_scrrll {
  position: fixed;
  z-index: 6;
  pointer-events: none;
  width: 16px;
  height: 22px;
  border-radius: 8px;
  border: 2px solid #f9d272;
  right: .6rem;
  bottom: .57rem; }
  .ind_body .hint_scrrll > div {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 2px;
    height: 4px;
    background-color: #f9d272;
    border-radius: 1px;
    animation: upDown 1s ease-out infinite; }
@keyframes upDown {
  to {
    transform: translate3d(0, 100%, 0); } }
.ind_body .ind_con_lb {
  height: 100vh; }
  .ind_body .ind_con_lb .ind_tier {
    height: 100vh; }
    .ind_body .ind_con_lb .ind_tier .ind_src4_box, .ind_body .ind_con_lb .ind_tier .ind_src5_box .pub_case, .ind_body .ind_con_lb .ind_tier .ind_src6_block {
      display: none; }
    .ind_body .ind_con_lb .ind_tier.active .ind_src2_box .ind_src2_con_box, .ind_body .ind_con_lb .ind_tier.my-slide-visible .ind_src2_box .ind_src2_con_box {
      display: flex !important; }
    .ind_body .ind_con_lb .ind_tier.active .ind_src4_box, .ind_body .ind_con_lb .ind_tier.active .ind_src5_box .pub_case, .ind_body .ind_con_lb .ind_tier.active .ind_src6_block, .ind_body .ind_con_lb .ind_tier.my-slide-visible .ind_src4_box, .ind_body .ind_con_lb .ind_tier.my-slide-visible .ind_src5_box .pub_case, .ind_body .ind_con_lb .ind_tier.my-slide-visible .ind_src6_block {
      display: block; }
  .ind_body .ind_con_lb .ind_tier_footer {
    height: auto;
    position: relative; }
    .ind_body .ind_con_lb .ind_tier_footer .footer_case:first-child > div {
      opacity: 0;
      pointer-events: none; }
    .ind_body .ind_con_lb .ind_tier_footer .footer_case:nth-child(2) {
      display: none;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; }
    .ind_body .ind_con_lb .ind_tier_footer.active .footer_case:nth-child(2), .ind_body .ind_con_lb .ind_tier_footer.my-slide-visible .footer_case:nth-child(2) {
      display: block; }
.ind_body .ind_src1_box .swiper-slide {
  height: 100vh;
  position: relative;
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 2s ease-out; }
  .ind_body .ind_src1_box .swiper-slide .text_ani {
    opacity: 0; }
  .ind_body .ind_src1_box .swiper-slide.active .text_ani {
    animation-name: fadeInUpSmall;
    animation-duration: 1.2s;
    animation-fill-mode: both; }
  .ind_body .ind_src1_box .swiper-slide .pub_img_box {
    height: 100%; }
    .ind_body .ind_src1_box .swiper-slide .pub_img_box::before {
      display: none; }
  .ind_body .ind_src1_box .swiper-slide > img {
    width: 10.5%;
    height: 45.27%;
    top: calc(50% + .6rem);
    left: 50%;
    margin-left: -5.25%;
    margin-top: -22.685vh;
    position: absolute;
    z-index: 2; }
  .ind_body .ind_src1_box .swiper-slide.active {
    opacity: 1 !important;
    pointer-events: all; }
    .ind_body .ind_src1_box .swiper-slide.active .pub_img_box {
      -webkit-animation: zoomUp 10s linear 0s 1 normal both;
      animation: zoomUp 10s linear 0s 1 normal both; }
.ind_body .ind_src2_box {
  position: relative;
  height: 100%; }
  .ind_body .ind_src2_box > .pub_img_box {
    height: 100%; }
    .ind_body .ind_src2_box > .pub_img_box::before {
      display: none; }
  .ind_body .ind_src2_box .ind_src2_con {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 3;
    height: 100%; }
    .ind_body .ind_src2_box .ind_src2_con .mask_img_case {
      margin-right: .4rem;
      width: 31.5%; }
      .ind_body .ind_src2_box .ind_src2_con .mask_img_case .ind_src2_con_box {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-left: 15.51%;
        padding-right: 13.36%;
        top: 0;
        left: 0;
        display: none;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column; }
        @media all and (max-width: 1600px) {
          .ind_body .ind_src2_box .ind_src2_con .mask_img_case .ind_src2_con_box {
            padding-left: 11.51%;
            padding-right: 9.36%; } }
        .ind_body .ind_src2_box .ind_src2_con .mask_img_case .ind_src2_con_box > img {
          width: 80%;
          display: block; }
        .ind_body .ind_src2_box .ind_src2_con .mask_img_case .ind_src2_con_box .heng_btn_box {
          margin-top: .62rem;
          width: 1.86rem; }
.ind_body .ind_crosswise_lb .cro_slide {
  height: 100vh; }
  .ind_body .ind_crosswise_lb .cro_slide .ind_src3_lb {
    width: 60vw;
    position: relative; }
    @media all and (max-width: 1600px) {
      .ind_body .ind_crosswise_lb .cro_slide .ind_src3_lb {
        width: 55vw; } }
    .ind_body .ind_crosswise_lb .cro_slide .ind_src3_lb .pub_img_box {
      height: 100vh; }
      .ind_body .ind_crosswise_lb .cro_slide .ind_src3_lb .pub_img_box::before {
        display: none; }
    .ind_body .ind_crosswise_lb .cro_slide .ind_src3_lb .swiper-pagination span {
      width: 9px;
      height: 9px;
      border: 1px solid #f4e8cb;
      margin: 0 .09rem;
      opacity: .4;
      border-radius: 100%; }
      .ind_body .ind_crosswise_lb .cro_slide .ind_src3_lb .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: #f4e8cb;
        opacity: 1; }
    .ind_body .ind_crosswise_lb .cro_slide .ind_src3_lb .swiper-slide {
      width: 100%; }
.ind_body .ind_crosswise_lb .swiper-slide {
  width: auto; }
.ind_body .ind_crosswise_lb .ind_src3_block {
  display: flex; }
.ind_body .ind_crosswise_lb .ind_src3_con_box {
  background-size: auto 100%;
  background-position: left top;
  position: relative;
  display: flex; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box > img {
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    max-width: none;
    pointer-events: none; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page {
    position: relative;
    padding: .1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page .swiper-pagination {
      position: relative;
      left: auto;
      top: auto;
      transform: none;
      bottom: auto;
      display: flex;
      justify-content: flex-start;
      width: 50%; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page .swiper-pagination span {
        transform: scale(0.75);
        position: relative;
        margin: 0 .09rem !important;
        width: .12rem; }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page .swiper-pagination span:first-child {
          margin-left: 0 !important; }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page .swiper-pagination span i {
          transition: opacity .5s ease-out;
          color: #f9d272;
          font-size: .12rem; }
          .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page .swiper-pagination span i:nth-child(2) {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0; }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page .swiper-pagination span.swiper-pagination-bullet-active i {
          opacity: 0; }
          .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page .swiper-pagination span.swiper-pagination-bullet-active i:nth-child(2) {
            opacity: 1; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_page > h4 {
      font-size: .16rem;
      font-weight: 500;
      color: #f9d272;
      line-height: 2.25; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_l_lb {
    position: relative; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .ind_src3_l_lb .swiper-slide {
      width: 100%; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) {
    padding-left: 1.2rem;
    padding-top: 10vh; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) .ind_src3_box {
      display: flex;
      align-items: center;
      height: 100%;
      flex-direction: row-reverse; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) .ind_src3_box .ind_src3_l_lb {
        width: 7.12rem; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) .ind_src3_box .ind_src3_tex {
        width: 5.05rem;
        margin-right: 2.1rem; }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) .ind_src3_box .ind_src3_tex .ind_src3_img {
          width: 3.45rem;
          display: block; }
          .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) .ind_src3_box .ind_src3_tex .ind_src3_img img {
            width: 100%;
            display: block; }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) .ind_src3_box .ind_src3_tex .pub_info {
          font-size: .18rem;
          font-weight: 500;
          line-height: 2.22;
          margin-top: .7rem; }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(2) .ind_src3_box .ind_src3_tex .heng_btn_box {
          width: 1.89rem;
          margin-top: .85rem; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide .ind_src3_tex_con {
    display: flex;
    flex-direction: row-reverse; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide .ind_src3_tex_con .ind_src3_tit {
      width: .35rem; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide .ind_src3_tex_con .ind_src3_tit img {
        display: block;
        width: 100%;
        margin-bottom: .18rem; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide .ind_src3_tex_con .ind_src3_tit i {
        font-size: .26rem;
        line-height: 1;
        display: block;
        color: #970304;
        text-align: center; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide .ind_src3_tex_con .pub_info {
      margin-top: .33rem;
      margin-right: .4rem;
      writing-mode: vertical-rl;
      line-height: 2.44;
      background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(2.44em - 1px), rgba(212, 195, 165, 0.1) 2.44em, rgba(212, 195, 165, 0) calc(2.44em + 1px));
      background-size: 100% 100%;
      font-weight: 500;
      font-size: .18rem;
      border-left: 1px solid rgba(212, 195, 165, 0.1);
      border-right: 1px solid rgba(212, 195, 165, 0.1);
      color: #f9d272; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(3) {
    padding-left: 1.33rem;
    padding-top: 15vh; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(3) .ind_src3_box {
      height: 100%;
      padding-bottom: 5vh;
      display: flex;
      align-items: flex-start; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(3) .ind_src3_box .ind_src3_tex_con:nth-child(1) {
        margin-top: .4rem; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(3) .ind_src3_box .ind_src3_tex_con:nth-child(3) {
        margin-left: -1.36rem; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(3) .ind_src3_box .ind_src3_l_lb {
        width: 9.35rem;
        align-self: flex-end;
        margin-left: 1.57rem; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) {
    margin-left: 4.55rem;
    padding-top: 12vh;
    display: flex;
    align-items: center; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .ind_src3_box {
      width: 9.35rem;
      display: flex;
      flex-wrap: wrap; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .ind_src3_box .ind_src3_l_lb {
        width: 100%; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .btn_sty_icon {
      width: .7rem;
      position: absolute;
      cursor: pointer;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .btn_sty_icon i {
        display: block;
        line-height: 1; }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .btn_sty_icon i:first-child {
          font-size: .7rem; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .btn_sty_icon .in_block {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .btn_sty_icon .in_block span {
          font-size: .18rem; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .ind_src3_tex_con {
      margin-top: 11vh;
      margin-left: auto;
      padding-right: 1.1rem; }
  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(5) {
    padding-left: 4.9rem;
    padding-right: 3.27rem;
    padding-top: 15vh;
    display: flex;
    align-items: center;
    position: relative; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(5) .ind_src3_tex_con {
      display: inline-flex; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(5) .btn_shu_box {
      position: absolute;
      width: 30%;
      right: 3.27rem;
      top: 1.9rem;
      display: flex;
      justify-content: flex-end; }
      .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(5) .btn_shu_box .shu_btn_box {
        width: .53rem; }
    .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(5) .ind_src3_l_lb {
      width: 8.95rem;
      margin-top: 8vh; }
.ind_body .ind_src5_box {
  height: 100vh;
  background-size: cover;
  padding-top: 1.75rem;
  padding-bottom: .7rem;
  display: flex;
  align-items: center; }
  .ind_body .ind_src5_box .pub_case {
    padding-right: 1px; }
  .ind_body .ind_src5_box .swiper .swiper-slide {
    height: auto; }
    .ind_body .ind_src5_box .swiper .swiper-slide.active .ind_src5_con {
      display: flex; }
    .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con {
      display: none;
      align-items: center;
      justify-content: space-between; }
      .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_tit {
        width: .99rem;
        position: relative; }
        .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_tit > img {
          width: 100%;
          display: block; }
        .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_tit h3 {
          width: 1em;
          height: 70.5%;
          top: 50%;
          left: 50%;
          position: absolute;
          transform: translate(-50%, -50%);
          font-size: .32rem;
          line-height: 1.25;
          display: flex;
          justify-content: center;
          align-items: center;
          font-weight: bold; }
      .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_i {
        margin-left: .4rem;
        margin-top: .8rem;
        font-size: .3rem;
        line-height: 1.266;
        width: 1em;
        text-align: center; }
        .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_i i {
          font-size: .22rem;
          margin-top: .14rem;
          display: block;
          color: #970304; }
      .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .pub_img_box {
        width: 42%; }
        .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .pub_img_box img {
          object-fit: contain; }
      .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .shu_btn_box {
        width: .53rem;
        margin-right: .94rem; }
        .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .shu_btn_box .in_txt::before, .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .shu_btn_box .in_txt::after {
          content: '';
          display: block;
          left: 50%;
          width: 1px;
          height: .5rem;
          margin: .2rem auto;
          background-color: rgba(250, 205, 153, 0.3); }
      .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_t {
        display: flex;
        align-items: flex-start; }
.ind_body .ind_src6_block {
  height: 100%;
  display: none; }
  .ind_body .ind_src6_block .ind_src6_box {
    height: 50vh;
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    .ind_body .ind_src6_block .ind_src6_box .pub_img_box {
      height: 100%;
      transition: transform .8s ease-out; }
      .ind_body .ind_src6_block .ind_src6_box .pub_img_box::before {
        display: none; }
      .ind_body .ind_src6_block .ind_src6_box .pub_img_box::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        pointer-events: none;
        transition: background-color .5s ease; }
      .ind_body .ind_src6_block .ind_src6_box .pub_img_box img {
        object-position: center top; }
    .ind_body .ind_src6_block .ind_src6_box .ind_tit {
      position: absolute;
      width: 3.03rem;
      left: 50%;
      top: 59%;
      margin-left: -1.515rem;
      margin-top: -.44rem;
      z-index: 2;
      animation: clickHint 3s ease-out infinite; }
      .ind_body .ind_src6_block .ind_src6_box .ind_tit img {
        width: 100%;
        display: block; }
    .ind_body .ind_src6_block .ind_src6_box:hover .pub_img_box::after {
      background-color: rgba(0, 0, 0, 0); }
    .ind_body .ind_src6_block .ind_src6_box:first-child > .ind_tit {
      top: 75%; }

@keyframes clickHint {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(0.8); }
  30% {
    transform: scale(0.8); }
  35% {
    transform: scale(1.2); }
  37.5% {
    transform: scale(0.9); }
  40% {
    transform: scale(1.15); }
  44% {
    transform: scale(0.95); }
  50% {
    transform: scale(1); } }
.pub_banner_box {
  padding-top: 2.45rem;
  position: relative; }
  .pub_banner_box > img {
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    pointer-events: none; }
  .pub_banner_box .src1_t {
    position: relative; }
    .pub_banner_box .src1_t .mask_img4_case {
      margin: 0 -7.5%; }
    .pub_banner_box .src1_t .banner_tit_box {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: .9rem; }
      .pub_banner_box .src1_t .banner_tit_box > img {
        display: block;
        width: 100%; }
      .pub_banner_box .src1_t .banner_tit_box .t_en_sty {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        color: #E60012;
        width: 4rem;
        padding: 0;
        font-size: .18rem;
        line-height: 1.6666; }
  .pub_banner_box .seal_f {
    margin-top: .85rem;
    color: #d5000e;
    line-height: 1;
    font-size: .32rem;
    text-align: center; }
  .pub_banner_box .pub_mess {
    margin-top: .78rem;
    padding: 0 .5rem; }
  .pub_banner_box .mask_box {
    position: relative; }
  .pub_banner_box .wl_sty {
    position: absolute;
    width: 100%;
    left: 0;
    top: 1.3rem; }

.src3_t_icon {
  width: .36rem;
  pointer-events: none; }
  .src3_t_icon .iconfont {
    font-size: .36rem;
    line-height: 1;
    color: #970304; }
  .src3_t_icon .src3_t_en {
    margin-top: -.2rem;
    transform-origin: 0 100%;
    color: #970304;
    font-size: .18rem;
    line-height: 1.25;
    margin-left: -.04rem;
    transform: rotate(90deg);
    width: 100vw; }

.src4_lb_box {
  position: relative; }
  .src4_lb_box .swiper-container {
    overflow: hidden; }
    .src4_lb_box .swiper-container .swiper-slide {
      pointer-events: all; }
  .src4_lb_box .party_mes .scr4_img_box {
    position: relative;
    z-index: 0;
    box-shadow: 0 0.25rem 0.84rem 0 rgba(0, 0, 0, 0.35); }
    .src4_lb_box .party_mes .scr4_img_box::after {
      content: '';
      border: 0.06rem solid #24180c;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 3; }
    .src4_lb_box .party_mes .scr4_img_box .pub_img_box::before {
      margin-top: 64.691943%; }
  .src4_lb_box .party_mes .src4_tex {
    font-size: .2rem;
    line-height: 1.5;
    text-align: center;
    margin-top: .38rem; }
  .src4_lb_box .swiper-button-next {
    right: 0;
    transform: translateX(200%);
    top: 1.31rem; }
  .src4_lb_box .swiper-button-prev {
    left: 0;
    transform: translateX(-200%);
    top: 1.31rem; }

.list_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .list_box a {
    display: block;
    width: 44.75%; }
    .list_box a .pub_img_box::before {
      margin-top: 68.0511%; }
    .list_box a .list_name {
      text-align: center;
      padding-top: .26rem;
      padding-bottom: .7rem;
      margin-top: 0; }

.party_body #r2 {
  padding-top: 2.6rem; }
  .party_body #r2 .src2_tex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .party_body #r2 .src2_tex .src2_top {
      display: flex;
      align-items: flex-start; }
      .party_body #r2 .src2_tex .src2_top img {
        display: block;
        width: 2rem; }
      .party_body #r2 .src2_tex .src2_top .src3_t_icon {
        margin-left: .66rem; }
    .party_body #r2 .src2_tex .pub_info {
      width: 45%;
      margin-top: -.08rem; }
.party_body #r3 {
  padding-top: 1.4rem;
  padding-bottom: 1.28rem; }
  .party_body #r3 .mask_img4_case {
    margin: 0 -7.5% 1.4rem; }
  .party_body #r3 .src3_txt_block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .party_body #r3 .src3_txt_block .src3_t_box .src3_t {
      font-size: .42rem;
      line-height: 1;
      font-weight: 600;
      margin: .34rem 0;
      transform: scale(0.75);
      transform-origin: 0 25%;
      color: rgba(249, 210, 114, 0.3);
      transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
      cursor: pointer; }
      .party_body #r3 .src3_txt_block .src3_t_box .src3_t:first-child {
        margin-top: 0; }
      .party_body #r3 .src3_txt_block .src3_t_box .src3_t.on {
        color: #f9d272;
        transform: none;
        cursor: auto; }
      .party_body #r3 .src3_txt_block .src3_t_box .src3_t:hover {
        color: #f9d272; }
    .party_body #r3 .src3_txt_block .src3_i_box {
      width: 45%;
      margin-top: -.08rem; }
      .party_body #r3 .src3_txt_block .src3_i_box .src3_i {
        display: none;
        margin-top: 0; }
        .party_body #r3 .src3_txt_block .src3_i_box .src3_i.on {
          display: block; }
.party_body #r4 {
  padding-top: 1.38rem;
  padding-bottom: 1rem; }
  .party_body #r4 .src4_lb_box {
    margin-top: .8rem; }
.party_body #r5 {
  padding-top: .9rem; }
  .party_body #r5 .list_box {
    margin-top: .85rem; }

.honor_body #r4 {
  padding-top: 1.55rem; }
  .honor_body #r4 .src4_lb_box {
    margin-top: .93rem;
    padding-bottom: 1.34rem; }
    .honor_body #r4 .src4_lb_box .party_mes .src4_tex {
      margin-top: .34rem; }
.honor_body #r5 {
  padding-top: 1.28rem;
  padding-bottom: 1.9rem; }
  .honor_body #r5 .src5_con_case {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .honor_body #r5 .src5_nav_case {
    width: 33.6%;
    height: 5.5rem; }
  .honor_body #r5 .src5_nav {
    height: 100%; }
    .honor_body #r5 .src5_nav .swiper-container {
      height: 100%;
      overflow: hidden; }
    .honor_body #r5 .src5_nav .swiper-slide {
      pointer-events: auto;
      height: .72rem;
      display: flex;
      align-items: center;
      cursor: pointer; }
      .honor_body #r5 .src5_nav .swiper-slide .num_b {
        font-size: .48rem;
        line-height: 1;
        display: inline-flex;
        align-items: baseline;
        position: relative;
        transition: transform .5s ease-out;
        transform: scale(0.5);
        transform-origin: 0 50%; }
        .honor_body #r5 .src5_nav .swiper-slide .num_b span {
          position: absolute;
          width: .22rem;
          height: .22rem;
          right: 0;
          top: .25rem;
          border-radius: 100%;
          border: 3px solid #e60012;
          opacity: 0;
          transition: opacity .5s ease-out, transform .5s ease-out; }
      .honor_body #r5 .src5_nav .swiper-slide.on .num_b {
        transform: none; }
        .honor_body #r5 .src5_nav .swiper-slide.on .num_b span {
          opacity: 1;
          transform: translate(50%, -50%); }
      .honor_body #r5 .src5_nav .swiper-slide:hover .num_b {
        transform: none; }
        .honor_body #r5 .src5_nav .swiper-slide:hover .num_b span {
          opacity: 1;
          transform: translate(50%, -50%); }
  .honor_body #r5 .src5_con_s {
    width: 66.4%; }
    .honor_body #r5 .src5_con_s .src5_con_box {
      position: relative;
      max-height: 5.5rem;
      overflow-y: auto; }
      .honor_body #r5 .src5_con_s .src5_con_box .src5_con_block {
        position: relative;
        padding-right: .29rem;
        display: none; }
        .honor_body #r5 .src5_con_s .src5_con_box .src5_con_block .src5_con > div {
          font-size: .2rem;
          line-height: 1.666;
          text-align: justify;
          padding-bottom: .63rem; }
          .honor_body #r5 .src5_con_s .src5_con_box .src5_con_block .src5_con > div:last-child {
            margin-bottom: 0; }
          .honor_body #r5 .src5_con_s .src5_con_box .src5_con_block .src5_con > div .src5_time {
            font-size: .24rem;
            margin-bottom: .21rem;
            line-height: 1; }

.leadership_body #r2 {
  padding-top: 1.3rem;
  padding-bottom: 1.24rem; }
  .leadership_body #r2 .src2_time {
    font-size: .9rem;
    line-height: .85rem;
    text-align: center;
    margin-bottom: .69rem; }
  .leadership_body #r2 .src2_mess {
    text-align: center;
    font-size: .24rem;
    line-height: 1.7142;
    position: relative; }
    .leadership_body #r2 .src2_mess img {
      display: inline-flex;
      width: .16rem;
      margin-left: .25rem;
      vertical-align: top;
      margin-top: 0.12rem; }
      .leadership_body #r2 .src2_mess img:first-child {
        position: absolute;
        margin-left: 0;
        transform: translateX(-250%); }
.leadership_body #r5 {
  padding-top: 1.3rem; }

.pub_add {
  display: flex;
  font-weight: 600;
  color: #673f22;
  line-height: 1;
  font-size: .2rem; }
  .pub_add a {
    color: #673f22; }
    .pub_add a:first-child {
      margin-left: 0; }
  .pub_add a, .pub_add span {
    margin: 0 .1rem; }
  .pub_add span {
    color: #f9d272; }

.pub_tab_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .pub_tab_box .pub_tab {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse; }
    .pub_tab_box .pub_tab .pub_tab_btn {
      display: flex;
      align-items: flex-start;
      flex-direction: row-reverse;
      padding: 0 .4rem;
      position: relative; }
      .pub_tab_box .pub_tab .pub_tab_btn::before {
        content: '';
        display: block;
        width: 0;
        height: 100%;
        border-right: 1px dashed rgba(249, 210, 114, 0.1);
        position: absolute;
        left: 0;
        top: 0; }
      .pub_tab_box .pub_tab .pub_tab_btn:first-child::after {
        content: '';
        display: block;
        width: 0;
        height: 100%;
        border-right: 1px dashed rgba(249, 210, 114, 0.1);
        position: absolute;
        right: 0;
        top: 0; }
      .pub_tab_box .pub_tab .pub_tab_btn img {
        width: .43rem;
        margin-left: .2rem;
        transition: opacity .5s ease-out;
        opacity: .3; }
      .pub_tab_box .pub_tab .pub_tab_btn div {
        position: absolute;
        left: .45rem;
        top: 0;
        transform: rotate(90deg);
        transform-origin: 0 0;
        text-transform: uppercase;
        font-size: .14rem;
        line-height: .8;
        width: 100vw;
        pointer-events: none;
        color: #f9d272; }
        .pub_tab_box .pub_tab .pub_tab_btn div span {
          transition: opacity .5s ease-out;
          opacity: .3; }
      .pub_tab_box .pub_tab .pub_tab_btn i {
        font-size: .16rem;
        line-height: 1;
        display: block;
        color: #970304;
        transition: opacity .5s ease-out;
        opacity: .3; }
      .pub_tab_box .pub_tab .pub_tab_btn.on img, .pub_tab_box .pub_tab .pub_tab_btn.on i {
        opacity: 1; }
      .pub_tab_box .pub_tab .pub_tab_btn.on div span {
        opacity: 1; }
      .pub_tab_box .pub_tab .pub_tab_btn:hover img, .pub_tab_box .pub_tab .pub_tab_btn:hover i {
        opacity: 1; }
      .pub_tab_box .pub_tab .pub_tab_btn:hover div span {
        opacity: 1; }

.jobs_body .pub_tab_box .pub_tab .pub_tab_btn img {
  margin-left: .42rem; }
.jobs_body .pub_tab_box .pub_tab .pub_tab_btn div {
  left: .85rem; }
.jobs_body #r2 {
  padding-top: 1.4rem; }
  .jobs_body #r2 .src2_con_box {
    margin-top: 1.1rem; }
    .jobs_body #r2 .src2_con_box .src2_con {
      display: none; }
      .jobs_body #r2 .src2_con_box .src2_con.on {
        display: block; }
      .jobs_body #r2 .src2_con_box .src2_con .src2_recommend {
        margin-top: .2rem;
        transition: padding .5s ease-out;
        background: radial-gradient(circle at top left, transparent 0.2rem, rgba(0, 0, 0, 0.2) 0) top left, radial-gradient(circle at top right, transparent 0.2rem, rgba(0, 0, 0, 0.2) 0) top right, radial-gradient(circle at bottom right, transparent 0.2rem, rgba(0, 0, 0, 0.2) 0) bottom right, radial-gradient(circle at bottom left, transparent 0.2rem, rgba(0, 0, 0, 0.2) 0) bottom left;
        background-size: 50% 50%;
        background-repeat: no-repeat; }
        .jobs_body #r2 .src2_con_box .src2_con .src2_recommend .src2_show {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: .32rem .6rem;
          cursor: pointer;
          position: relative; }
          .jobs_body #r2 .src2_con_box .src2_con .src2_recommend .src2_show::before {
            content: '';
            opacity: 0;
            transition: opacity .5s ease-out;
            left: .6rem;
            width: calc(100% - 1.2rem);
            position: absolute;
            bottom: -.1rem;
            background-color: rgba(249, 210, 114, 0.2);
            display: block;
            height: 1px; }
          .jobs_body #r2 .src2_con_box .src2_con .src2_recommend .src2_show h3 {
            font-size: .24rem;
            line-height: 1.5;
            width: 85%; }
          .jobs_body #r2 .src2_con_box .src2_con .src2_recommend .src2_show i {
            font-size: .22rem;
            line-height: 1;
            transition: transform .5s ease-out;
            transform: rotate(-90deg); }
        .jobs_body #r2 .src2_con_box .src2_con .src2_recommend .src2_r_box {
          padding: .8rem .6rem .7rem;
          display: none; }
          .jobs_body #r2 .src2_con_box .src2_con .src2_recommend .src2_r_box .src2_r_con {
            font-size: .18rem;
            line-height: 2;
            text-align: justify; }
        .jobs_body #r2 .src2_con_box .src2_con .src2_recommend.on {
          padding: .2rem 0 .4rem; }
          .jobs_body #r2 .src2_con_box .src2_con .src2_recommend.on .src2_show::before {
            opacity: 1; }
          .jobs_body #r2 .src2_con_box .src2_con .src2_recommend.on .src2_show i {
            transform: none; }
          .jobs_body #r2 .src2_con_box .src2_con .src2_recommend.on .src2_r_box {
            display: block; }
.jobs_body #r3 {
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-top: 1.9rem;
  padding-bottom: 2.2rem; }
  .jobs_body #r3 .con_tit {
    margin: 0 auto;
    line-height: 1;
    font-size: .3rem;
    font-weight: bold;
    width: 4.5em;
    padding-bottom: .1rem;
    border-bottom: 1px solid #f9d272; }
  .jobs_body #r3 .con_con {
    margin-top: .5rem;
    margin-bottom: .64rem;
    line-height: 1.4848;
    font-size: .24rem;
    text-align: center;
    position: relative; }
    .jobs_body #r3 .con_con:last-child {
      margin-bottom: 0; }
    .jobs_body #r3 .con_con img {
      width: .16rem;
      vertical-align: text-top;
      margin-left: .2rem;
      margin-right: .2rem;
      position: absolute;
      margin-top: .35em; }
      .jobs_body #r3 .con_con img:first-child {
        margin-left: 0;
        transform: translateX(-0.36rem); }
    .jobs_body #r3 .con_con span {
      font-size: .6rem;
      line-height: 1; }

.contact_body .BMap_Marker.BMap_noprint {
  pointer-events: auto; }
.contact_body #r2 {
  padding: 0 0 2.2rem; }
  .contact_body #r2 .dituContent {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .contact_body #r2 .mask_img4_case {
    margin: 0 -7.5%; }
.contact_body #r3 {
  padding: 2.5rem 0 1.5rem; }
  .contact_body #r3 .src3_con {
    display: flex;
    flex-wrap: wrap; }
    .contact_body #r3 .src3_con > div {
      width: 50%;
      padding-left: .53rem;
      margin-top: 1.15rem;
      display: flex;
      align-items: flex-start; }
      .contact_body #r3 .src3_con > div:nth-child(1) {
        margin-top: 0; }
      .contact_body #r3 .src3_con > div:nth-child(2) {
        margin-top: 0; }
      .contact_body #r3 .src3_con > div .icon_box {
        position: relative;
        width: .87rem;
        margin-right: .4rem;
        margin-top: .05rem; }
        .contact_body #r3 .src3_con > div .icon_box i {
          display: block;
          line-height: 1; }
          .contact_body #r3 .src3_con > div .icon_box i:first-child {
            font-size: .74rem; }
          .contact_body #r3 .src3_con > div .icon_box i:nth-child(2) {
            font-size: .3rem;
            color: #2D0000;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
      .contact_body #r3 .src3_con > div > div:nth-child(2) {
        width: calc(100% - 1.27rem); }
      .contact_body #r3 .src3_con > div .src3_t {
        font-size: .2rem;
        line-height: 1; }
      .contact_body #r3 .src3_con > div .src3_n {
        margin-top: .2rem;
        font-size: .22rem;
        line-height: 1.42857;
        width: 103%; }
        .contact_body #r3 .src3_con > div .src3_n.num_b {
          font-size: .3rem;
          line-height: 1; }

.brand_body #r2 {
  padding-top: 2.7rem;
  padding-bottom: 1.4rem; }
  .brand_body #r2 .src2_box {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .brand_body #r2 .src2_box .src2_img {
      margin-left: -.2rem;
      width: 50%;
      position: relative; }
      .brand_body #r2 .src2_box .src2_img .pub_img_box {
        border-radius: 100%;
        overflow: hidden; }
      .brand_body #r2 .src2_box .src2_img .src3_t_icon {
        left: .2rem;
        position: absolute;
        top: -.1rem;
        z-index: 3; }
    .brand_body #r2 .src2_box .src2_text {
      margin-right: -.2rem;
      width: 40%; }
      .brand_body #r2 .src2_box .src2_text .src2_wl {
        width: .22rem;
        display: block;
        margin-bottom: .72rem; }
      .brand_body #r2 .src2_box .src2_text .pub_info {
        margin-top: .43rem; }
.brand_body #r4 {
  padding-top: 1.38rem;
  padding-bottom: 1.8rem;
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat; }
  .brand_body #r4 .src4_con_list {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .brand_body #r4 .src4_con_list > div {
      width: 45%;
      margin-top: .9rem; }
      .brand_body #r4 .src4_con_list > div:nth-child(1), .brand_body #r4 .src4_con_list > div:nth-child(2) {
        margin-top: 0; }
      .brand_body #r4 .src4_con_list > div:nth-child(odd) {
        width: 45%; }
      .brand_body #r4 .src4_con_list > div .icon_box {
        margin-bottom: .36rem; }
        .brand_body #r4 .src4_con_list > div .icon_box i {
          font-size: .52rem;
          display: block;
          line-height: 1; }
      .brand_body #r4 .src4_con_list > div .pub_info {
        margin-top: 0; }

.coo_sty .nav .f_sha_box a i {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700; }
.coo_sty .nav .f_sha_box a span {
  color: #000; }
.coo_sty .nav .btn_menu .font_min:first-child > span {
  color: #000; }
.coo_sty .pub_info, .coo_sty .pub_info_l {
  font-size: .22rem; }

.coo_tit_box {
  padding-left: .46rem;
  position: relative;
  color: #970304;
  line-height: 1; }
  .coo_tit_box::before {
    content: '';
    display: block;
    width: .08rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #970304; }
  .coo_tit_box::after {
    content: '';
    display: block;
    width: .02rem;
    height: 100%;
    position: absolute;
    left: .15rem;
    top: 0;
    background-color: #970304; }
  .coo_tit_box .coo_tit {
    font-weight: 600;
    font-size: .4rem;
    margin-bottom: .2rem; }
  .coo_tit_box .coo_tit_en {
    text-transform: uppercase;
    font-size: .24rem;
    line-height: .75; }

.coo_sty .load_s {
  background-image: none;
  background-color: #fff; }
.coo_sty .pub_banner_box {
  padding-top: 1.4rem;
  position: relative; }
  .coo_sty .pub_banner_box > img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .coo_sty .pub_banner_box .src1_t {
    position: relative; }
    .coo_sty .pub_banner_box .src1_t .pub_img_box::before {
      margin-top: 38.333%; }
    .coo_sty .pub_banner_box .src1_t .pub_img_box::after {
      content: '';
      display: block;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 3;
      pointer-events: none; }
    .coo_sty .pub_banner_box .src1_t .banner_tit_box img {
      width: .81rem;
      display: block;
      margin: 0 auto; }
    .coo_sty .pub_banner_box .src1_t .banner_tit_box .iconfont {
      margin-top: .37rem;
      text-align: center;
      line-height: 1;
      font-size: .16rem;
      color: #fff; }
    .coo_sty .pub_banner_box .src1_t .banner_tit_box .banner_tit_i {
      margin-top: .36rem;
      font-size: .2rem;
      text-align: center;
      line-height: 1;
      color: #fff;
      width: 300%;
      margin-left: -100%; }

.qijia_body #r2 {
  padding-top: 1.8rem;
  position: relative; }
  .qijia_body #r2 > img {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0; }
  .qijia_body #r2 .src2_con {
    margin-left: 36.15%;
    width: 54.858%; }
    .qijia_body #r2 .src2_con .pub_info {
      font-weight: 600; }
    .qijia_body #r2 .src2_con .pub_el {
      letter-spacing: -.07em; }
  .qijia_body #r2 .src2_bottom .src2_con {
    width: 55.928571428%; }
  .qijia_body #r2 .src2_box {
    margin-bottom: 1.1rem; }
  .qijia_body #r2 .src2_tit {
    line-height: 1;
    color: #a41f24;
    margin-bottom: .46rem;
    font-size: .5rem; }
    .qijia_body #r2 .src2_tit img {
      width: 2.8rem;
      display: block; }
  .qijia_body #r2 .pub_info {
    margin-top: 0;
    color: #000;
    margin-bottom: .44rem; }
  .qijia_body #r2 .src2_img {
    padding-left: 3.5715%;
    margin-bottom: 1.3rem; }
    .qijia_body #r2 .src2_img .pub_img_box {
      width: 91.372%; }
      .qijia_body #r2 .src2_img .pub_img_box::before {
        margin-top: 41.5981%; }
  .qijia_body #r2 .src2_bottom {
    padding-bottom: 1.3rem; }
.qijia_body #r3 .src3_img .pub_img_box::before {
  margin-top: 44.47916666%; }
.qijia_body #r4 {
  padding-top: 1.6rem;
  padding-bottom: 1.55rem; }
  .qijia_body #r4 .src4_box > img {
    width: 46.22%;
    display: block;
    margin: 0 auto; }
  .qijia_body #r4 .src4_box .pub_info {
    margin-top: .72rem;
    text-align: center;
    color: #000; }
  .qijia_body #r4 .src4_box i {
    display: block;
    line-height: 1;
    text-align: center;
    color: #970304;
    margin-top: .7rem;
    font-size: .34rem; }
  .qijia_body #r4 .src4_box .num_b {
    margin-top: .72rem;
    font-size: .6rem;
    text-align: center;
    line-height: .75;
    color: #970304; }
  .qijia_body #r4 .src4_box .src4_n {
    margin-top: .32rem;
    text-align: center;
    color: #000;
    line-height: 1;
    font-size: .2rem;
    display: flex;
    justify-content: center; }
    .qijia_body #r4 .src4_box .src4_n span {
      border-bottom: 1px solid #000;
      padding-bottom: .13rem; }
.qijia_body #r5 {
  position: relative; }
  .qijia_body #r5 > img {
    width: 100%;
    left: 0;
    position: absolute;
    top: 36.6392%; }
  .qijia_body #r5 .src5_img .pub_img_box::before {
    margin-top: 51.8572%; }
.qijia_body #r6 {
  padding-top: 1.2rem;
  padding-bottom: 1.5rem;
  text-align: center; }
  .qijia_body #r6 .src6_tit img {
    width: 2.34rem;
    display: block;
    margin: 0 auto; }
  .qijia_body #r6 .src6_en {
    color: #970304;
    margin-top: .14rem;
    font-size: .24rem;
    line-height: .7;
    text-transform: uppercase; }
  .qijia_body #r6 .iconfont {
    margin-top: .4rem;
    text-align: center;
    line-height: 1;
    display: block;
    font-size: .34rem;
    color: #970304; }
  .qijia_body #r6 .pub_img_box {
    margin-top: .4rem; }
    .qijia_body #r6 .pub_img_box::before {
      margin-top: 44.436468%; }
.qijia_body #r7 .src7_box {
  margin-top: .4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  .qijia_body #r7 .src7_box > div {
    padding-top: .5rem;
    width: 33.33%; }
    .qijia_body #r7 .src7_box > div .num_b {
      color: rgba(0, 0, 0, 0.5);
      font-size: .4rem;
      line-height: .75; }
    .qijia_body #r7 .src7_box > div .pub_info {
      margin-top: .2rem;
      color: #000;
      font-weight: 600; }
    .qijia_body #r7 .src7_box > div:last-child {
      width: 66.66%; }
.qijia_body #r8 {
  padding-top: 1.6rem;
  padding-bottom: 1.5rem; }
  .qijia_body #r8 .src8_box {
    margin-top: .82rem; }
    .qijia_body #r8 .src8_box svg {
      width: 92.2%; }
    .qijia_body #r8 .src8_box img {
      width: 86%;
      display: block;
      margin: 0 auto; }
.qijia_body #r9 {
  position: relative;
  padding-bottom: 2.54rem; }
  .qijia_body #r9 > img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .qijia_body #r9 .src9_box {
    margin-top: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    .qijia_body #r9 .src9_box .pub_img_box {
      width: 59.5714%; }
      .qijia_body #r9 .src9_box .pub_img_box::before {
        margin-top: 81.77458%; }
    .qijia_body #r9 .src9_box .src9_txt {
      width: 31.7242857%; }
      .qijia_body #r9 .src9_box .src9_txt i {
        display: block;
        line-height: 1;
        color: #970304;
        font-size: .25rem; }
      .qijia_body #r9 .src9_box .src9_txt .src9_t_con {
        font-size: .22rem;
        line-height: 2.08333;
        font-weight: bold;
        color: #000;
        margin-top: .4rem; }

.cover_body .pub_banner_box .src1_t .banner_tit_box {
  width: 2.88rem; }
  .cover_body .pub_banner_box .src1_t .banner_tit_box img {
    width: 100%; }
.cover_body #r2 {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 2.35rem; }
  .cover_body #r2 > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 37%;
    pointer-events: none; }
  .cover_body #r2 .src2_case {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cover_body #r2 .src2_case .src2_img {
      width: 46.285714285%; }
      .cover_body #r2 .src2_case .src2_img .pub_img_box::before {
        margin-top: 70.52469%; }
    .cover_body #r2 .src2_case .src2_box {
      margin-right: 2.7857%;
      width: 40.7143%; }
      .cover_body #r2 .src2_case .src2_box .src2_tit {
        width: 42.11%; }
        .cover_body #r2 .src2_case .src2_box .src2_tit img {
          display: block;
          width: 100%; }
      .cover_body #r2 .src2_case .src2_box .pub_info {
        margin-top: .5rem;
        color: #000; }
      .cover_body #r2 .src2_case .src2_box .pub_el {
        margin-top: .46rem; }
.cover_body #r3 {
  position: relative; }
  .cover_body #r3 .src3_img .pub_img_box::before {
    margin-top: 47.680228408%; }
.cover_body #r4 {
  position: relative;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem; }
  .cover_body #r4 > img {
    width: 156%;
    display: block;
    position: absolute;
    left: -4.5%;
    top: -.1rem;
    max-width: none; }
  .cover_body #r4 .src4_con {
    margin-left: 24.857142857%;
    width: 61.142857142%; }
    .cover_body #r4 .src4_con .pub_info_l {
      color: #000;
      margin-bottom: .46rem; }
.cover_body #r5 .src5_img .pub_img_box::before {
  margin-top: 43.33333%; }
.cover_body #r9 {
  position: relative;
  padding-top: 2.16rem;
  padding-bottom: 2.85rem; }
  .cover_body #r9 > img {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block; }
  .cover_body #r9 .src9_box {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cover_body #r9 .src9_box .pub_img_box {
      width: 45.142857142%; }
  .cover_body #r9 .src9_txt {
    margin-right: 4.5%;
    padding-bottom: .15rem;
    width: 41.428571428%; }
    .cover_body #r9 .src9_txt > img {
      width: 81.379310344%;
      display: block;
      margin-bottom: 10%; }
    .cover_body #r9 .src9_txt .iconfont {
      color: #970304;
      font-size: .36rem;
      line-height: 1;
      display: block; }
    .cover_body #r9 .src9_txt .pub_info {
      margin-top: 12.586%;
      color: #000;
      font-weight: 600; }
    .cover_body #r9 .src9_txt .pub_el {
      margin-top: 7.58621%; }

.video_btn_sty {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #f9d272; }
  .video_btn_sty .icon_box {
    width: .82rem;
    margin: 0 auto;
    position: relative; }
    .video_btn_sty .icon_box i {
      line-height: 1; }
      .video_btn_sty .icon_box i:nth-child(1) {
        font-size: .82rem; }
    .video_btn_sty .icon_box .in_block {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .video_btn_sty .icon_box span {
      font-size: .2rem; }
  .video_btn_sty .vide_name {
    margin: .4rem auto 0;
    font-size: .28rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .3em; }

.src7_img_name {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .24rem;
  line-height: 1;
  color: #f9d272;
  padding-top: .6rem;
  padding-bottom: 1.2rem; }
  .src7_img_name i {
    font-size: .17rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.04rem; }
  .src7_img_name span {
    padding: 0 .3rem; }

.about_body .pub_banner_box {
  z-index: 1; }
.about_body #r2 {
  position: relative;
  padding-top: 1.4rem;
  z-index: 0; }
  .about_body #r2 .r2_q {
    display: block;
    width: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 66%; }
  .about_body #r2 .r2_w {
    display: block;
    width: 66%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -.6rem;
    mix-blend-mode: inherit; }
  .about_body #r2 .r2_l {
    display: block;
    width: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: -29%; }
  .about_body #r2 .pub_tab_box {
    margin-bottom: .36rem; }
  .about_body #r2 .src2_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .about_body #r2 .src2_con .src2_video_box {
      width: 40.7857143%;
      position: relative;
      cursor: pointer; }
    .about_body #r2 .src2_con .abo_src2_txt {
      padding-top: .7rem;
      width: 37%;
      margin-right: 4%; }
      .about_body #r2 .src2_con .abo_src2_txt .src6_t {
        font-size: 1.3rem;
        line-height: 1;
        margin-left: -2.55em; }
      .about_body #r2 .src2_con .abo_src2_txt .pub_info {
        margin-top: .7rem; }
.about_body #r7 {
  padding-top: 1.6rem;
  padding-bottom: 1.98rem; }
  .about_body #r7 .src7_t {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .about_body #r7 .src7_t .src7_l {
      padding-bottom: 1.2rem;
      width: 36.5%; }
    .about_body #r7 .src7_t .src7_r {
      width: 49.45vw;
      max-width: 9.6rem;
      margin-right: calc((100% - 100vw) / 2); }
      .about_body #r7 .src7_t .src7_r .pub_info_l {
        line-height: 1; }
  .about_body #r7 + .pub_case {
    position: relative; }
.about_body #r8 {
  position: relative;
  padding-top: 2rem; }
  .about_body #r8 > img {
    width: 100%;
    display: block;
    position: absolute;
    top: 3.55rem;
    left: 0;
    pointer-events: none; }
  .about_body #r8 .src8_t {
    display: flex;
    align-items: flex-start;
    width: 77.86%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between; }
    .about_body #r8 .src8_t .src8_l {
      width: 37.89%; }
      .about_body #r8 .src8_t .src8_l .pub_img_box::before {
        margin-top: 122.518159806%; }
    .about_body #r8 .src8_t .src8_r {
      width: 47.706422018%; }
      .about_body #r8 .src8_t .src8_r .src8_t_ {
        padding-top: .17rem;
        display: flex;
        align-items: flex-end; }
        .about_body #r8 .src8_t .src8_r .src8_t_ i {
          margin-left: .27rem;
          font-size: .26rem;
          color: #970304;
          padding-bottom: .02rem; }
.about_body #r9 {
  padding-top: 1.8rem;
  padding-bottom: .8rem; }
  .about_body #r9 .src9_con .src9_t_con {
    display: block; }
.about_body .src_e_con {
  display: flex;
  margin-top: 1.24rem;
  align-items: flex-start;
  justify-content: space-between; }
  .about_body .src_e_con .src2_video_box {
    width: 50vw;
    max-width: 9.6rem;
    margin-left: calc((100% - 100vw) / 2);
    position: relative;
    cursor: pointer; }
  .about_body .src_e_con .src2_e_r {
    margin-right: 3.5715%;
    width: 33.215%;
    padding-top: .73rem; }
    .about_body .src_e_con .src2_e_r .src2_e_t {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .about_body .src_e_con .src2_e_r .src2_e_t > img {
        width: 2.6rem;
        display: block;
        margin-left: -.16rem; }
      .about_body .src_e_con .src2_e_r .src2_e_t .src3_t_icon {
        margin-right: .5rem;
        margin-top: .1rem; }
    .about_body .src_e_con .src2_e_r .pub_info {
      margin-top: .86rem; }
.about_body #r3 {
  padding-top: 1.92rem; }
  .about_body #r3 .src3_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: .4rem; }
    .about_body #r3 .src3_list a {
      width: 44.712%;
      cursor: pointer;
      padding-bottom: .57rem;
      color: #f9d272; }
      .about_body #r3 .src3_list a .src4_t {
        position: relative; }
        .about_body #r3 .src3_list a .src4_t .img_box {
          position: absolute;
          left: 0;
          width: 100%;
          padding-left: .78rem;
          bottom: -.26rem;
          z-index: 2;
          height: .73rem;
          display: flex;
          align-items: center;
          font-size: .7rem;
          line-height: .8; }
          .about_body #r3 .src3_list a .src4_t .img_box img {
            display: block;
            height: 100%; }
      .about_body #r3 .src3_list a .pub_info {
        margin-top: .66rem;
        line-height: 1.5;
        padding-left: .78rem;
        padding-right: .4rem; }
      .about_body #r3 .src3_list a .btn_block {
        display: inline-flex;
        margin-top: .25rem;
        margin-left: .78rem;
        padding-bottom: .1rem;
        border-bottom: 2px solid #f9d272; }
        .about_body #r3 .src3_list a .btn_block .in_block .in_txt {
          align-items: initial; }
          .about_body #r3 .src3_list a .btn_block .in_block .in_txt span {
            font-size: .2rem;
            display: flex;
            align-items: center; }
          .about_body #r3 .src3_list a .btn_block .in_block .in_txt .iconfont {
            font-size: .18rem;
            margin-left: .2rem; }
      .about_body #r3 .src3_list a .pub_img_box .pub_img {
        transition: transform .8s ease-out; }
      .about_body #r3 .src3_list a:hover .pub_img_box .pub_img {
        transform: scale(1.1); }

.inherit_body #r2 {
  position: relative;
  padding-top: 2.6rem;
  z-index: 2; }
  .inherit_body #r2 > img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: .7rem; }
  .inherit_body #r2 .src2_con {
    display: flex;
    justify-content: space-between; }
    .inherit_body #r2 .src2_con .abo_src2_txt {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 37.86%; }
    .inherit_body #r2 .src2_con .src2_tit > img {
      display: block;
      width: .21rem; }
    .inherit_body #r2 .src2_con .src2_tit .pub_48_tit {
      margin-top: .5rem; }
    .inherit_body #r2 .src2_con .src2_tit .pub_info {
      margin-top: .22rem; }
    .inherit_body #r2 .src2_con .mask_img4_case {
      width: 49.5vw;
      max-width: 9.6rem;
      margin-right: calc((100% - 100vw) / 2);
      position: relative; }
.inherit_body #r3 {
  padding-top: 1.2rem;
  padding-bottom: .1rem; }
  .inherit_body #r3 .src3_con {
    padding-top: 2.11rem; }
  .inherit_body #r3 .swiper {
    overflow: visible; }
  .inherit_body #r3 .swiper-wrapper {
    position: relative; }
    .inherit_body #r3 .swiper-wrapper .bg_img {
      background-color: #350000;
      background-size: auto 100%;
      background-repeat: repeat-x;
      background-position: left center;
      position: absolute;
      left: 50%;
      margin-left: -50vw;
      height: 100%;
      top: -2.11rem;
      z-index: -1;
      pointer-events: none; }
    .inherit_body #r3 .swiper-wrapper .swiper-slide {
      width: auto;
      pointer-events: auto;
      padding-bottom: .8rem; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide .scroll-animate {
        display: none; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide.active .scroll-animate, .inherit_body #r3 .swiper-wrapper .swiper-slide.swiper-slide-prev .scroll-animate {
        display: block; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(1) {
        padding-left: .5rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(1) .src3_box {
          padding-left: .81092rem;
          padding-right: 5.11rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(1) .src3_box .src3_con_box {
            left: 0;
            top: .45241rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(1) .src3_box .src3_text {
            width: 4.75rem;
            left: 6rem;
            bottom: -0.65rem; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(2) .src3_box {
        padding-left: 2.2rem;
        padding-right: .8rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(2) .src3_box .src3_con_box {
          right: 0;
          top: .3rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(2) .src3_box .src3_text {
          width: 4.7rem;
          left: 0;
          bottom: 0; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(3) {
        padding-left: 3.57rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(3) .src3_box {
          padding-left: 3.13rem;
          padding-right: .72rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(3) .src3_box .src3_con_box {
            right: 0;
            top: 2.44rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(3) .src3_box .src3_text {
            width: 4.8rem;
            left: 0;
            bottom: .8rem; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(4) {
        padding-left: 3.52rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(4) .src3_box {
          padding-left: 1.15rem;
          padding-right: 3.4rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(4) .src3_box .src3_con_box {
            left: 0;
            top: .3rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(4) .src3_box .src3_text {
            width: 4.7rem;
            right: -.1rem;
            bottom: .06rem; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(5) {
        padding-left: 2.4rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(5) .src3_box {
          padding-left: 3.1rem;
          padding-right: 2.43rem;
          padding-top: .22rem;
          padding-bottom: .76rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(5) .src3_box .src3_con_box {
            left: 0;
            top: 0; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(5) .src3_box .src3_text {
            width: 4.95rem;
            right: -.8rem;
            bottom: .1rem; }
            .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(5) .src3_box .src3_text .src3_i {
              position: absolute;
              left: -7.7rem;
              bottom: -.04rem;
              width: 4.6rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(5) .src3_box .mask_six_box {
            width: 6.3rem; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(6) .src3_box {
        padding-right: 2.7rem;
        padding-top: .22rem;
        padding-bottom: .76rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(6) .src3_box .src3_con_box {
          left: 0;
          top: 0; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(6) .src3_box .src3_text {
          width: 4.9rem;
          right: -.61rem;
          bottom: .53rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(6) .src3_box .src3_text .src3_i {
            display: none; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(6) .src3_box .mask_six_box {
          width: 6.3rem; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(7) .src3_box {
        padding-right: 3.7rem;
        padding-top: .22rem;
        padding-bottom: .76rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(7) .src3_box .src3_con_box {
          left: 0;
          top: 0; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(7) .src3_box .src3_text {
          width: 5.15rem;
          right: 0;
          bottom: .44rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(7) .src3_box .src3_text .src3_i {
            display: none; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(7) .src3_box .mask_six_box {
          width: 6.3rem; }
      .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(8) {
        padding-left: 1.56rem; }
        .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(8) .src3_box {
          padding-left: .67rem;
          padding-right: 4.1rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(8) .src3_box .src3_con_box {
            left: 0;
            top: .3rem; }
          .inherit_body #r3 .swiper-wrapper .swiper-slide:nth-child(8) .src3_box .src3_text {
            width: 5.45rem;
            right: 0;
            bottom: 0; }
  .inherit_body #r3 .src3_nav {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-top: .4rem;
    z-index: 2; }
    .inherit_body #r3 .src3_nav::before {
      content: '';
      display: block;
      width: 100vw;
      height: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-bottom: 2px dashed rgba(249, 210, 114, 0.1);
      z-index: 0; }
    .inherit_body #r3 .src3_nav .font_min {
      transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
      position: relative;
      cursor: pointer;
      transform: scale(0.85); }
      .inherit_body #r3 .src3_nav .font_min.on {
        transform: none; }
      .inherit_body #r3 .src3_nav .font_min > i {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: .76rem;
        transform: translate(-50%, -50%);
        display: block;
        line-height: 1; }
      .inherit_body #r3 .src3_nav .font_min .in_block .in_txt span {
        font-size: .28rem;
        color: #2d0000; }
.inherit_body .src3_box {
  position: relative; }
  .inherit_body .src3_box .src3_con_box {
    position: absolute;
    z-index: 1;
    width: 1.2rem; }
    .inherit_body .src3_box .src3_con_box img {
      display: block;
      width: 100%; }
  .inherit_body .src3_box .mask_six_box {
    position: relative;
    z-index: 0;
    width: 7rem; }
    .inherit_body .src3_box .mask_six_box .mask_shadow {
      box-shadow: 0 0.17rem 0.56rem 0 rgba(0, 0, 0, 0.35);
      position: absolute;
      z-index: 1;
      width: 50%;
      height: 100%;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%; }
      .inherit_body .src3_box .mask_six_box .mask_shadow::before, .inherit_body .src3_box .mask_six_box .mask_shadow::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        box-shadow: 0 0.17rem 0.56rem 0 rgba(0, 0, 0, 0.35);
        position: absolute;
        left: 50%;
        top: 50%; }
      .inherit_body .src3_box .mask_six_box .mask_shadow::before {
        transform: translate(-50%, -50%) rotate(60deg); }
      .inherit_body .src3_box .mask_six_box .mask_shadow::after {
        transform: translate(-50%, -50%) rotate(-60deg); }
  .inherit_body .src3_box .mask_six {
    mask-image: url("../image/3-051.png");
    mask-size: 100% 100%;
    position: relative;
    z-index: 2;
    width: 100%; }
    .inherit_body .src3_box .mask_six .mask_case {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-size: 100% 100%;
      z-index: 2; }
    .inherit_body .src3_box .mask_six > img {
      display: block;
      width: 100%; }
  .inherit_body .src3_box .src3_text {
    position: absolute;
    z-index: 1; }
    .inherit_body .src3_box .src3_text .src3_n {
      font-size: .6rem;
      font-weight: 600;
      line-height: 1; }
    .inherit_body .src3_box .src3_text .src3_t {
      font-size: .24rem;
      line-height: 1.428;
      margin-top: .34rem;
      font-weight: 600;
      letter-spacing: -.07em; }
    .inherit_body .src3_box .src3_text .src3_i {
      font-size: .18rem;
      line-height: 1.666;
      margin-top: .4rem;
      text-align: justify;
      letter-spacing: -.07em; }

.product_body .list_lb {
  padding-top: 2.45rem;
  padding-bottom: 2rem; }
  .product_body .list_lb > img {
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    pointer-events: none; }
  .product_body .list_lb .ind_src4_box {
    height: auto; }
    .product_body .list_lb .ind_src4_box .ind_src4_img {
      height: auto;
      overflow: visible;
      border-bottom: none; }
      .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-slide {
        height: auto; }
        .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-slide .pub_img_box {
          height: auto; }
          .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-slide .pub_img_box::before {
            display: block; }
          .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-slide .pub_img_box::after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            pointer-events: none;
            background-color: rgba(0, 0, 0, 0.5); }
      .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-button-prev i, .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-button-next i {
        opacity: 0; }
      .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-button-prev {
        left: -4.285%;
        top: 50%; }
      .product_body .list_lb .ind_src4_box .ind_src4_img .swiper-button-next {
        right: -4.285%;
        top: 50%;
        margin-left: 0;
        margin-right: -.29rem; }
    .product_body .list_lb .ind_src4_box .ind_src4_nav_box {
      margin-top: 1.36rem;
      width: 100%; }
      .product_body .list_lb .ind_src4_box .ind_src4_nav_box .ind_src4_nav {
        width: 100%; }
      .product_body .list_lb .ind_src4_box .ind_src4_nav_box > span {
        position: relative;
        display: block;
        width: calc((100% - 3.84rem) / 5);
        height: 0;
        border-bottom: 1px dashed rgba(249, 210, 114, 0.2);
        top: 50%;
        margin-top: -.5px;
        left: .64rem; }
        .product_body .list_lb .ind_src4_box .ind_src4_nav_box > span:nth-child(2) {
          left: calc((100% - 3.84rem) / 5 + 1.28rem); }
        .product_body .list_lb .ind_src4_box .ind_src4_nav_box > span:nth-child(3) {
          left: calc((100% - 3.84rem) / 5 * 2 + 1.92rem); }
        .product_body .list_lb .ind_src4_box .ind_src4_nav_box > span:nth-child(4) {
          left: calc((100% - 3.84rem) / 5 * 3 + 2.56rem); }
        .product_body .list_lb .ind_src4_box .ind_src4_nav_box > span:nth-child(5) {
          left: calc((100% - 3.84rem) / 5 * 4 + 3.2rem); }
  .product_body .list_lb a {
    display: block; }
  .product_body .list_lb .pro_txt_case {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .88rem;
    display: none; }
    .product_body .list_lb .pro_txt_case img {
      width: 100%;
      display: block; }
    .product_body .list_lb .pro_txt_case .t_en_sty {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      color: #E60012;
      width: 4rem;
      padding: 0;
      font-size: .18rem;
      line-height: 1.6666; }
  .product_body .list_lb .active .pro_txt_case {
    display: block; }
.product_body #r2 {
  padding-top: 1.4rem;
  overflow: hidden; }
  .product_body #r2 .src2_con {
    padding-top: .6rem;
    margin-bottom: .85rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .product_body #r2 .src2_con .mask_img4_case .mask_img4.mask_005 .pub_img_box::before {
      margin-top: 95%; }
    .product_body #r2 .src2_con a {
      width: 45.357143%;
      margin-top: 1rem;
      cursor: pointer; }
      .product_body #r2 .src2_con a .pro_t_box {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding-top: 12%; }
        .product_body #r2 .src2_con a .pro_t_box .pro_t {
          width: 4.2rem;
          margin: 0 auto;
          position: relative; }
          .product_body #r2 .src2_con a .pro_t_box .pro_t img {
            display: block;
            width: 100%; }
          .product_body #r2 .src2_con a .pro_t_box .pro_t h3 {
            width: 3.3rem;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: .24rem;
            line-height: 1.5;
            font-weight: 600;
            color: #171312;
            text-align: center; }
        .product_body #r2 .src2_con a .pro_t_box .pub_img_box {
          margin: auto;
          width: 65%; }
          .product_body #r2 .src2_con a .pro_t_box .pub_img_box::before {
            margin-top: 100%; }
          .product_body #r2 .src2_con a .pro_t_box .pub_img_box img {
            object-fit: contain; }
      .product_body #r2 .src2_con a .pro_t_box .pub_img_box {
        transition: transform .8s ease-out; }
      .product_body #r2 .src2_con a:hover .pro_t_box .pub_img_box {
        transform: scale(1.1); }

.even_sha {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none; }
  .even_sha.on {
    display: block; }
  .even_sha .even_bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); }
  .even_sha .even_con_case {
    position: absolute;
    width: 87.761%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .even_sha .even_con_case .even_con_box > img {
      width: 100%;
      display: block;
      height: .4rem; }
    .even_sha .even_con_case .even_con_box .even_con {
      background: url("../image/039.png") repeat-y top center;
      background-size: 100% auto;
      margin: -1px auto;
      position: relative; }
      .even_sha .even_con_case .even_con_box .even_con .even_scll {
        height: calc(100vh - 2.43rem - 1.89rem - 2.4rem);
        padding: 0 .45rem;
        padding-bottom: .42rem;
        overflow-y: auto; }
        .even_sha .even_con_case .even_con_box .even_con .even_scll .even_name {
          padding-top: .58rem;
          font-size: .33rem;
          line-height: 1.4545;
          color: #2a0000;
          text-align: center; }
        .even_sha .even_con_case .even_con_box .even_con .even_scll .even_time {
          font-size: .16rem;
          line-height: 1;
          text-align: center;
          color: #2a0000; }
        .even_sha .even_con_case .even_con_box .even_con .even_scll .even_line {
          background: url("../image/038.png") repeat-x left bottom;
          background-size: auto .08rem;
          height: 0.08rem;
          margin-top: .52rem; }
        .even_sha .even_con_case .even_con_box .even_con .even_scll .even_tex {
          padding-top: .66rem;
          text-align: center;
          font-size: .24rem;
          line-height: 2;
          color: #2A0000; }
          .even_sha .even_con_case .even_con_box .even_con .even_scll .even_tex img {
            display: block;
            width: 100%; }
          .even_sha .even_con_case .even_con_box .even_con .even_scll .even_tex p {
            padding: .68rem 0; }
    .even_sha .even_con_case .pro_sha_box {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: url("../image/3-070.jpg") no-repeat center;
      display: flex;
      justify-content: space-between;
      padding: 6.4688% 11.39%;
      text-align: center; }
      .even_sha .even_con_case .pro_sha_box .pub_img_box {
        width: 50%;
        align-self: flex-start; }
        .even_sha .even_con_case .pro_sha_box .pub_img_box::before {
          margin-top: 100%; }
        .even_sha .even_con_case .pro_sha_box .pub_img_box img {
          object-fit: contain; }
      .even_sha .even_con_case .pro_sha_box .pro_sha_t {
        width: 46.153846153%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #171312; }
        .even_sha .even_con_case .pro_sha_box .pro_sha_t .pro_sha_title {
          width: 4.967rem;
          margin: 0 auto;
          position: relative; }
          .even_sha .even_con_case .pro_sha_box .pro_sha_t .pro_sha_title img {
            width: 100%;
            display: block;
            height: auto;
            position: relative; }
          .even_sha .even_con_case .pro_sha_box .pro_sha_t .pro_sha_title span {
            left: 50%;
            top: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
            width: calc(100% - 1.1rem);
            font-size: .32rem;
            line-height: 1.33;
            font-weight: bold; }
        .even_sha .even_con_case .pro_sha_box .pro_sha_t .iconfont {
          margin-top: .5rem;
          line-height: 1;
          color: #970304;
          font-size: .29rem; }
        .even_sha .even_con_case .pro_sha_box .pro_sha_t .pro_i {
          font-size: .24rem;
          font-weight: bold;
          line-height: 1.5;
          margin-top: .43rem; }
        .even_sha .even_con_case .pro_sha_box .pro_sha_t .srcoll_box {
          font-size: .18rem;
          line-height: 1.777;
          text-align: justify;
          margin-top: .26rem; }

.even_t {
  position: absolute;
  right: .45rem;
  top: .45rem;
  width: .66rem;
  z-index: 3; }
  .even_t .close_even_btn {
    cursor: pointer;
    width: .66rem; }
    .even_t .close_even_btn img {
      display: block;
      width: 100%; }
    .even_t .close_even_btn .in_block {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .even_t .close_even_btn .in_block span {
        font-size: .28rem;
        color: #f9d272; }

.even_case {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none; }
  .even_case.on {
    display: block; }
  .even_case .even_bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); }
  .even_case .even_con_case {
    position: absolute;
    width: 87.8%;
    max-width: 1800px;
    height: 84%;
    left: 6.1%;
    top: 8%; }
    .even_case .even_con_case .even_con_box {
      position: relative;
      height: 100%; }
      .even_case .even_con_case .even_con_box > img {
        width: 100%;
        display: block; }
      .even_case .even_con_case .even_con_box .even_con {
        background: url("../image/039.png") repeat-y top center;
        background-size: 100% auto;
        margin: -1px auto;
        position: relative;
        height: 85%; }
        .even_case .even_con_case .even_con_box .even_con .even_scll {
          height: 100%;
          padding: 0 11.88% .56rem 11.88%;
          overflow-y: auto; }
          .even_case .even_con_case .even_con_box .even_con .even_scll .even_name {
            padding-top: .2rem;
            font-size: .36rem;
            line-height: 1.4545;
            color: #2a0000;
            text-align: center;
            font-weight: bold; }
          .even_case .even_con_case .even_con_box .even_con .even_scll .even_time {
            font-size: .24rem;
            line-height: 1;
            text-align: center;
            color: #2a0000;
            margin-top: .18rem; }
          .even_case .even_con_case .even_con_box .even_con .even_scll .even_line {
            background: url("../image/sha_038.png") repeat-x left bottom;
            background-size: auto .11rem;
            height: 0.11rem;
            margin-top: .4rem; }
          .even_case .even_con_case .even_con_box .even_con .even_scll .even_tex {
            padding-top: .45rem;
            font-size: .2rem;
            line-height: 2;
            color: #2A0000;
            font-weight: 600; }
            .even_case .even_con_case .even_con_box .even_con .even_scll .even_tex img {
              display: block;
              width: 100%;
              margin-top: .6rem; }
            .even_case .even_con_case .even_con_box .even_con .even_scll .even_tex p {
              width: 8.63rem;
              margin-left: auto;
              margin-right: auto; }

.tab_nav_box {
  display: flex;
  padding: 0 0 1.02rem;
  overflow: hidden; }
  .tab_nav_box .swiper-container {
    overflow: visible;
    width: 100%; }
    .tab_nav_box .swiper-container .swiper-slide {
      width: auto;
      pointer-events: auto; }
  .tab_nav_box a {
    position: relative;
    width: 2.44rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0; }
    .tab_nav_box a span {
      font-size: .2rem;
      line-height: 1;
      color: #f9d272;
      position: relative;
      z-index: 5; }
    .tab_nav_box a img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .tab_nav_box a img:nth-child(3) {
        opacity: 0; }
    .tab_nav_box a:hover span {
      color: #2C0000; }
    .tab_nav_box a:hover img {
      opacity: 0; }
      .tab_nav_box a:hover img:nth-child(3) {
        opacity: 1; }
    .tab_nav_box a.on span {
      color: #2C0000; }
    .tab_nav_box a.on img {
      opacity: 0; }
      .tab_nav_box a.on img:nth-child(3) {
        opacity: 1; }

.decoration_body #r2 {
  padding-top: 2.4rem;
  padding-bottom: 1.7rem; }
  .decoration_body #r2 .src2_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .decoration_body #r2 .src2_con .src2_t {
      display: flex;
      align-items: flex-start; }
      .decoration_body #r2 .src2_con .src2_t img {
        width: 1.75rem;
        display: block; }
      .decoration_body #r2 .src2_con .src2_t .src3_t_icon {
        margin-left: .6rem; }
  .decoration_body #r2 .src2_i {
    margin-right: 4.43%;
    width: 40%; }
    .decoration_body #r2 .src2_i .src2_tit {
      font-size: .3rem;
      line-height: 1.333;
      margin-top: -0.04rem;
      font-weight: 600; }
    .decoration_body #r2 .src2_i .pub_info {
      margin-top: .45rem; }
.decoration_body #r3 .mask_img4_case {
  margin: 0 -7%; }
.decoration_body #r4 {
  padding-top: 1.99rem;
  padding-bottom: 2.3rem; }
  .decoration_body #r4 .src4_con {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .decoration_body #r4 .src4_con .mask_img4_case {
      margin-left: 4.28%;
      width: 41.285714285%; }
    .decoration_body #r4 .src4_con .src4_txt {
      width: 41.1%;
      margin-right: -1.78%; }
      .decoration_body #r4 .src4_con .src4_txt img {
        width: .21rem;
        display: block; }
      .decoration_body #r4 .src4_con .src4_txt .pub_info {
        margin-top: .7rem; }
.decoration_body #r5 {
  padding-bottom: 2.22rem; }
  .decoration_body #r5 .src5_con {
    position: relative; }
    .decoration_body #r5 .src5_con .swiper {
      width: 82%;
      overflow: visible; }
      .decoration_body #r5 .src5_con .swiper .swiper-slide {
        pointer-events: auto;
        cursor: pointer; }
        .decoration_body #r5 .src5_con .swiper .swiper-slide.active {
          cursor: auto; }
    .decoration_body #r5 .src5_con .swiper-pagination {
      bottom: -.95rem; }
      .decoration_body #r5 .src5_con .swiper-pagination span.swiper-pagination-bullet-active i {
        opacity: 0; }
        .decoration_body #r5 .src5_con .swiper-pagination span.swiper-pagination-bullet-active i:nth-child(2) {
          opacity: 1; }
      .decoration_body #r5 .src5_con .swiper-pagination span:hover i {
        opacity: 0; }
        .decoration_body #r5 .src5_con .swiper-pagination span:hover i:nth-child(2) {
          opacity: 1; }
      .decoration_body #r5 .src5_con .swiper-pagination span i:nth-child(2) {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        color: #f9d272;
        transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
.decoration_body #r6 {
  padding-top: 1.38rem; }
  .decoration_body #r6 .dec_list {
    padding-top: .65rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .15rem; }
    .decoration_body #r6 .dec_list a {
      margin-top: .57rem;
      width: 44.785714285%;
      color: #f9d272;
      cursor: pointer; }
      .decoration_body #r6 .dec_list a .dec_src6_txt {
        margin: .57rem 0;
        position: relative;
        padding-left: .43rem; }
        .decoration_body #r6 .dec_list a .dec_src6_txt::before {
          content: '';
          position: absolute;
          display: block;
          left: 0;
          height: 100%;
          background-color: #f9d272;
          width: .05rem;
          top: 0; }
        .decoration_body #r6 .dec_list a .dec_src6_txt::after {
          content: '';
          position: absolute;
          display: block;
          left: .12rem;
          height: 100%;
          background-color: #f9d272;
          width: 1px;
          top: 0; }
        .decoration_body #r6 .dec_list a .dec_src6_txt .src6_t {
          font-size: .32rem;
          line-height: 1;
          font-weight: 600; }
        .decoration_body #r6 .dec_list a .dec_src6_txt .src6_en {
          font-size: .16rem;
          line-height: 1;
          margin-top: .18rem;
          letter-spacing: .5em; }
        .decoration_body #r6 .dec_list a .dec_src6_txt .btn_v {
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -.29rem;
          width: .58rem; }
          .decoration_body #r6 .dec_list a .dec_src6_txt .btn_v i {
            font-size: .58rem;
            display: block;
            line-height: 1; }
          .decoration_body #r6 .dec_list a .dec_src6_txt .btn_v .in_block {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: .15rem; }

.creation_body #r2 {
  padding-top: 2.7rem;
  padding-bottom: 1.4rem; }
  .creation_body #r2 .src2_con {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .creation_body #r2 .src2_con .src2_t {
      padding-top: .2rem;
      width: 42.143%; }
      .creation_body #r2 .src2_con .src2_t .src2_cre {
        display: flex;
        align-items: flex-start; }
        .creation_body #r2 .src2_con .src2_t .src2_cre img {
          width: 1.74rem;
          display: block; }
        .creation_body #r2 .src2_con .src2_t .src2_cre .src3_t_icon {
          margin-left: .57rem; }
      .creation_body #r2 .src2_con .src2_t .pub_info {
        margin-top: .72rem; }
    .creation_body #r2 .src2_con .pub_img_box {
      width: 50%;
      border-radius: 100%; }
      .creation_body #r2 .src2_con .pub_img_box::after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 97.714285714%;
        height: 97.714285714%;
        border: 1px solid rgba(0, 0, 0, 0.2); }
.creation_body #r3 {
  padding-top: 1.6rem; }
  .creation_body #r3 .cre_list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
    .creation_body #r3 .cre_list > div {
      width: calc((100% - 1.11rem) / 4);
      margin-right: .37rem;
      margin-bottom: .32rem; }
      .creation_body #r3 .cre_list > div:nth-child(4n) {
        margin-right: 0; }
      .creation_body #r3 .cre_list > div .pub_img_box {
        border: 0.06rem solid black; }
        .creation_body #r3 .cre_list > div .pub_img_box::before {
          margin-top: 72.47706422%; }
      .creation_body #r3 .cre_list > div .src7_img_name {
        padding: .34rem 0;
        font-size: .18rem; }
        .creation_body #r3 .cre_list > div .src7_img_name span {
          padding: 0 .18rem; }

.kun_36 {
  font-size: .3rem;
  line-height: 1.388888;
  font-weight: 600; }

.garden_body .pub_banner_box > img {
  margin-top: -.93rem; }
.garden_body .pub_banner_box .src1_t .kun_tit {
  width: 1.8rem;
  display: block;
  margin: 0 auto; }

.kunsthalle_body #r2 {
  padding-top: 1.42rem; }
  .kunsthalle_body #r2 .src2_box_b {
    padding-top: 1.8rem;
    padding-bottom: 1.4rem; }
    .kunsthalle_body #r2 .src2_box_b .src2_con {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      .kunsthalle_body #r2 .src2_box_b .src2_con .src2_video_box {
        width: 41.36%; }
      .kunsthalle_body #r2 .src2_box_b .src2_con .abo_src2_txt {
        width: 47.5%; }
        .kunsthalle_body #r2 .src2_box_b .src2_con .abo_src2_txt > img {
          width: .32rem;
          display: block; }
        .kunsthalle_body #r2 .src2_box_b .src2_con .abo_src2_txt .kun_36 {
          margin-top: .72rem; }
        .kunsthalle_body #r2 .src2_box_b .src2_con .abo_src2_txt .pub_info {
          margin-top: .56rem; }
.kunsthalle_body #r4 {
  padding-top: 1.4rem; }
  .kunsthalle_body #r4 .src4_con {
    padding-top: 1.24rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .kunsthalle_body #r4 .src4_con .src4_l {
      width: 41.8%; }
      .kunsthalle_body #r4 .src4_con .src4_l .src4_b {
        margin-bottom: .42rem; }
        .kunsthalle_body #r4 .src4_con .src4_l .src4_b .src4_te {
          display: flex;
          align-items: center; }
          .kunsthalle_body #r4 .src4_con .src4_l .src4_b .src4_te i {
            font-size: .32rem;
            display: block;
            line-height: 1;
            margin-right: .16rem; }
          .kunsthalle_body #r4 .src4_con .src4_l .src4_b .src4_te span {
            font-size: .34rem;
            line-height: 1;
            font-weight: bold; }
        .kunsthalle_body #r4 .src4_con .src4_l .src4_b .pub_info {
          margin-top: .22rem; }
      .kunsthalle_body #r4 .src4_con .src4_l > .pub_info {
        margin-top: .16rem; }
    .kunsthalle_body #r4 .src4_con .src4_r {
      width: 50.521vw;
      max-width: 9.7rem;
      margin-right: calc((100% - 100vw) / 2); }
.kunsthalle_body #r5 {
  padding-top: 1.68rem; }
  .kunsthalle_body #r5 .src5_con {
    padding-top: 1.24rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .kunsthalle_body #r5 .src5_con .src5_l {
      width: 41.36%; }
    .kunsthalle_body #r5 .src5_con .src5_r {
      margin-top: -.4rem;
      width: 47.5%; }
      .kunsthalle_body #r5 .src5_con .src5_r .pub_info {
        margin-top: .65rem; }
.kunsthalle_body #r6 {
  padding-top: 1.72rem;
  padding-bottom: 1.82rem; }
  .kunsthalle_body #r6 .src6_con {
    padding-top: 1.2rem; }
    .kunsthalle_body #r6 .src6_con .src6_r {
      padding-top: 1.24rem;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .kunsthalle_body #r6 .src6_con .src6_r > div {
        width: 44.65%; }
        .kunsthalle_body #r6 .src6_con .src6_r > div:nth-child(2) {
          width: 41.572%; }
        .kunsthalle_body #r6 .src6_con .src6_r > div .pub_info {
          margin-top: .46rem; }

.craft_body .pub_banner_box > img {
  margin-top: -1.5rem; }
.craft_body .pub_banner_box .src1_t .banner_tit_box {
  position: relative;
  left: 0;
  top: 0;
  transform: none;
  margin: 0 auto; }
.craft_body #r2 {
  padding-top: 1.4rem; }
  .craft_body #r2 .src2_box_b {
    padding-top: 2.5rem; }
    .craft_body #r2 .src2_box_b .src2_con {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .craft_body #r2 .src2_box_b .src2_con .src2_con_l {
        width: 50.142857%;
        position: relative; }
        .craft_body #r2 .src2_box_b .src2_con .src2_con_l .pub_img_box {
          border-radius: 100%; }
          .craft_body #r2 .src2_box_b .src2_con .src2_con_l .pub_img_box::after {
            content: '';
            width: 97.72079772%;
            height: 97.72079772%;
            border-radius: 100%;
            border: 1px solid rgba(0, 0, 0, 0.1);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 2; }
        .craft_body #r2 .src2_box_b .src2_con .src2_con_l .src3_t_icon {
          position: absolute;
          top: 0;
          left: .2rem;
          z-index: 3; }
      .craft_body #r2 .src2_box_b .src2_con .abo_src2_txt {
        width: 38.571428571%; }
        .craft_body #r2 .src2_box_b .src2_con .abo_src2_txt > img {
          width: .26rem;
          display: block;
          margin-top: 1.08rem; }
.craft_body #r4 {
  padding-top: 1.8rem;
  padding-bottom: 1.96rem; }
  .craft_body #r4 .src4_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .craft_body #r4 .src4_con a {
      margin-bottom: .8rem;
      width: 46.857142857%;
      color: #f9d272; }
      .craft_body #r4 .src4_con a .mask_img4_case {
        position: relative; }
        .craft_body #r4 .src4_con a .mask_img4_case .art_txt {
          padding: .4rem .5rem;
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 0; }
          .craft_body #r4 .src4_con a .mask_img4_case .art_txt > h4 {
            font-size: .36rem;
            font-weight: 600;
            line-height: 1; }
          .craft_body #r4 .src4_con a .mask_img4_case .art_txt .btn_m {
            width: .58rem;
            position: relative; }
            .craft_body #r4 .src4_con a .mask_img4_case .art_txt .btn_m > i {
              font-size: .58rem;
              display: block;
              line-height: 1; }
            .craft_body #r4 .src4_con a .mask_img4_case .art_txt .btn_m .in_block {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%); }
              .craft_body #r4 .src4_con a .mask_img4_case .art_txt .btn_m .in_block span {
                font-size: .15rem; }
        .craft_body #r4 .src4_con a .mask_img4_case .pub_img_box img {
          transition: transform .8s ease-out; }
      .craft_body #r4 .src4_con a:hover .mask_img4_case .pub_img_box img {
        transform: scale(1.1); }

.art_body .tieku_l {
  position: relative; }
.art_body .pub_banner_box > img {
  margin-top: -.3rem; }
.art_body .pub_banner_box .banner_con {
  position: relative;
  z-index: 1; }
  .art_body .pub_banner_box .banner_con .src1_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .53rem;
    padding-bottom: .57rem; }
    .art_body .pub_banner_box .banner_con .src1_con > img {
      height: .68rem;
      display: block; }
.art_body #r2 {
  padding-top: 1.32rem; }

.workshop_body #r2 .src2_box_b {
  margin-top: 1.82rem;
  position: relative; }
  .workshop_body #r2 .src2_box_b > img {
    width: 100%;
    left: 0;
    position: absolute;
    top: .96rem; }
  .workshop_body #r2 .src2_box_b .src2_con {
    display: flex;
    align-items: center; }
    .workshop_body #r2 .src2_box_b .src2_con .src2_con_l {
      margin-left: 4%;
      width: 36.142857142%;
      position: relative; }
      .workshop_body #r2 .src2_box_b .src2_con .src2_con_l .pub_img_box::before {
        margin-top: 81.422924901%; }
      .workshop_body #r2 .src2_box_b .src2_con .src2_con_l .src7_img_name {
        width: 100%;
        left: 0;
        top: calc(100% + .3rem);
        position: absolute;
        padding: 0; }
    .workshop_body #r2 .src2_box_b .src2_con .abo_src2_txt {
      margin-left: 12.35%;
      width: 36.428571428%;
      margin-top: -.15rem; }
      .workshop_body #r2 .src2_box_b .src2_con .abo_src2_txt > img {
        width: .32rem; }
      .workshop_body #r2 .src2_box_b .src2_con .abo_src2_txt .kun_36 {
        margin-top: .63rem; }
      .workshop_body #r2 .src2_box_b .src2_con .abo_src2_txt .pub_info {
        margin-top: .42rem; }
.workshop_body #r4 {
  padding-top: 1.72rem; }
  .workshop_body #r4 .src4_t {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    .workshop_body #r4 .src4_t .src4_l {
      width: 41.071428571%; }
      .workshop_body #r4 .src4_t .src4_l > img {
        width: .32rem; }
      .workshop_body #r4 .src4_t .src4_l .pub_info {
        margin-top: .72rem; }
    .workshop_body #r4 .src4_t .src4_r {
      width: 48.22916666vw;
      max-width: 9.26rem;
      margin-right: calc((100% - 100vw) / 2); }
.workshop_body #r5 {
  padding-top: 1.2rem; }
  .workshop_body #r5 .src_con .mask_img4_case {
    width: 72%;
    margin-left: auto;
    margin-right: auto; }
  .workshop_body #r5 .src5_b {
    padding-top: .96rem;
    padding-bottom: .93rem;
    font-weight: bold;
    text-align: center;
    font-size: .28rem;
    line-height: 1.6; }
.workshop_body #r6 {
  padding-bottom: 1.4rem; }
  .workshop_body #r6 .src6_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .workshop_body #r6 .src6_con > div {
      width: 44.785714285%; }
      .workshop_body #r6 .src6_con > div .mask_img4_case {
        position: relative; }
        .workshop_body #r6 .src6_con > div .mask_img4_case .pub_img_box img {
          transition: transform .8s ease-out; }
        .workshop_body #r6 .src6_con > div .mask_img4_case .pub_img_box::after {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0.5);
          pointer-events: none; }
      .workshop_body #r6 .src6_con > div:hover .pub_img_box img {
        transform: scale(1.1); }
      .workshop_body #r6 .src6_con > div .src7_img_name {
        padding: .42rem 0 0; }
.workshop_body #r7 {
  padding-top: 1.37rem;
  padding-bottom: 2.3rem; }
  .workshop_body #r7 .src7_con > .iconfont {
    margin-top: .7rem;
    font-size: .33rem;
    display: block;
    text-align: center;
    line-height: 1; }
  .workshop_body #r7 .src7_con .src7_list {
    position: relative; }
    .workshop_body #r7 .src7_con .src7_list::before {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -.5px;
      width: 0;
      height: calc(100% + .5rem);
      border-right: 1px dashed rgba(249, 210, 114, 0.1);
      top: -.1rem; }
    .workshop_body #r7 .src7_con .src7_list::after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -.5px;
      width: 1px;
      height: 2rem;
      bottom: -.6rem;
      background: linear-gradient(to top, #350000, #350000, rgba(53, 0, 0, 0)); }
    .workshop_body #r7 .src7_con .src7_list > div {
      width: 50%;
      margin-bottom: -16.5%;
      display: flex;
      align-items: center; }
      .workshop_body #r7 .src7_con .src7_list > div:last-child {
        margin-bottom: 0; }
      .workshop_body #r7 .src7_con .src7_list > div .det_r {
        width: .16rem;
        height: .16rem;
        border: 0.03rem solid #970304;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none; }
      .workshop_body #r7 .src7_con .src7_list > div > div:nth-child(2) {
        width: 9.5%;
        position: relative;
        z-index: 2; }
        .workshop_body #r7 .src7_con .src7_list > div > div:nth-child(2) img {
          width: 100%;
          display: block; }
      .workshop_body #r7 .src7_con .src7_list > div .work_mask {
        mask-image: url("../image/g001.png");
        mask-size: 100% 100%;
        width: 93.7%;
        overflow: hidden;
        position: relative; }
        .workshop_body #r7 .src7_con .src7_list > div .work_mask .overlay {
          background-image: url(../image/step2.png);
          position: absolute;
          transform: scale(0.8) rotate(5deg);
          width: 101%;
          height: 101%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          left: -.5%;
          top: -.5%;
          transform: scale(0.8) rotate(5deg); }
        .workshop_body #r7 .src7_con .src7_list > div .work_mask .over-1 {
          background-image: url(../image/step3.png);
          position: absolute;
          width: 80%;
          height: 80%;
          left: 10%;
          top: 10%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          opacity: 1;
          transform: translate3d(0%, 0%, 0); }
        .workshop_body #r7 .src7_con .src7_list > div .work_mask .over-2 {
          background-image: url(../image/step1.png);
          position: absolute;
          width: 101%;
          height: 101%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          left: -.5%;
          top: -.5%;
          opacity: 1;
          transform: translate3d(0%, 0%, 0); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(odd) {
        margin-left: auto; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(odd) .det_r {
          margin-left: -.08rem; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(odd) > div:nth-child(2) {
          margin-left: .4rem; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(odd) .work_mask {
          margin-left: -13%; }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(even) {
        margin-right: auto;
        flex-direction: row-reverse; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(even) .det_r {
          margin-right: -.08rem; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(even) > div:nth-child(2) {
          margin-right: .4rem; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(even) .work_mask {
          margin-right: -13%; }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(1) {
        align-items: baseline; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(1) > div:nth-child(2) {
          padding-bottom: 18%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(1) > div:nth-child(2) img {
            margin-left: 83%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(1) .work_mask {
          mask-image: url("../image/g001.png"); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(2) {
        margin-bottom: -20%;
        align-items: flex-start; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(2) > div:nth-child(2) {
          padding-top: 23%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(2) > div:nth-child(2) img {
            margin-left: -83%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(2) .work_mask {
          mask-image: url("../image/w002.png"); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(3) {
        margin-bottom: -11.5%;
        align-items: baseline; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(3) > div:nth-child(2) {
          padding-bottom: 44%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(3) > div:nth-child(2) img {
            margin-left: 49%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(3) .work_mask {
          mask-image: url("../image/w003.png"); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(4) {
        margin-bottom: -14.5%;
        align-items: center; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(4) > div:nth-child(2) {
          padding-bottom: 8%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(4) > div:nth-child(2) img {
            margin-left: 10%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(4) .work_mask {
          mask-image: url("../image/w001.png");
          width: 78%; }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(5) {
        margin-bottom: -15.5%;
        align-items: flex-start; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(5) > div:nth-child(2) {
          padding-top: 18%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(5) > div:nth-child(2) img {
            margin-left: 40%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(5) .work_mask {
          mask-image: url("../image/w003.png"); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(6) {
        margin-bottom: -12.5%;
        align-items: baseline; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(6) > div:nth-child(2) {
          padding-bottom: 31%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(6) > div:nth-child(2) img {
            margin-left: -10%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(6) .work_mask {
          mask-image: url("../image/w003.png"); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(7) {
        margin-bottom: -32.5%;
        align-items: flex-start; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(7) > div:nth-child(2) {
          padding-top: 22%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(7) > div:nth-child(2) img {
            margin-left: 46%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(7) .work_mask {
          margin-left: -15%;
          mask-image: url("../image/w002.png"); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(8) {
        margin-bottom: -5%;
        align-items: baseline; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(8) > div:nth-child(2) {
          padding-bottom: 28%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(8) > div:nth-child(2) img {
            margin-left: -66%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(8) .work_mask {
          mask-image: url("../image/g008.png"); }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(9) {
        margin-bottom: -32%;
        align-items: flex-start; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(9) > div:nth-child(2) {
          padding-top: 13%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(9) > div:nth-child(2) img {
            margin-left: 38%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(9) .work_mask {
          mask-image: url("../image/w003.png");
          width: 80%; }
      .workshop_body #r7 .src7_con .src7_list > div:nth-child(10) {
        align-items: baseline; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(10) > div:nth-child(2) {
          padding-bottom: 18%; }
          .workshop_body #r7 .src7_con .src7_list > div:nth-child(10) > div:nth-child(2) img {
            margin-left: -83%; }
        .workshop_body #r7 .src7_con .src7_list > div:nth-child(10) .work_mask {
          mask-image: url("../image/w002.png"); }

@keyframes step1 {
  0% {
    opacity: 1;
    transform: translate3d(0%, 0%, 0); }
  100% {
    opacity: 0;
    transform: matrix(1.47721, 0.26047, -0.26047, 1.47721, 0, 0); } }
@keyframes step2 {
  0% {
    opacity: 1;
    transform: translate3d(0%, 0%, 0); }
  100% {
    opacity: 0;
    transform: matrix(1.47721, 0.26047, -0.26047, 1.47721, 0, 0); } }
@keyframes step3 {
  0% {
    transform: scale(0.8) rotate(5deg); }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0); } }
.step1 {
  -webkit-animation-name: step1;
  animation-name: step1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.step2 {
  -webkit-animation-name: step2;
  animation-name: step2;
  -webkit-animation-duration: 2.4s;
  animation-duration: 2.4s; }

.step3 {
  -webkit-animation-name: step3;
  animation-name: step3;
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

.master_body #r2 .src2_box_b {
  margin-top: 2.56rem; }
  .master_body #r2 .src2_box_b .src2_con {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .master_body #r2 .src2_box_b .src2_con .src2_con_l {
      margin-top: -.1rem;
      width: 45.857142857%;
      position: relative; }
      .master_body #r2 .src2_box_b .src2_con .src2_con_l > img {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .master_body #r2 .src2_box_b .src2_con .src2_con_l .pub_img_box::before {
        margin-top: 35.358255451%; }
      .master_body #r2 .src2_box_b .src2_con .src2_con_l .src7_img_name {
        padding: .7rem 0 0; }
    .master_body #r2 .src2_box_b .src2_con .abo_src2_txt {
      width: 44.642857142%; }
      .master_body #r2 .src2_box_b .src2_con .abo_src2_txt .pub_info {
        margin-top: .56rem; }
.master_body #r3 {
  padding-top: 2.64rem; }
  .master_body #r3 .src3_box_c {
    margin-top: 2rem; }
    .master_body #r3 .src3_box_c .src3_con {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .master_body #r3 .src3_box_c .src3_con .abo_src3_txt {
        width: 46.785714285%;
        margin-top: -.1rem; }
        .master_body #r3 .src3_box_c .src3_con .abo_src3_txt .pub_info {
          margin-top: .62rem; }
      .master_body #r3 .src3_box_c .src3_con .src3_con_l {
        width: 44.58333vw;
        max-width: 8.56rem;
        margin-right: calc((100% - 100vw) / 2); }
  .master_body #r3 .src3_box_b {
    margin-top: 1.52rem;
    padding-bottom: 2rem; }
    .master_body #r3 .src3_box_b .src3_con {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .master_body #r3 .src3_box_b .src3_con .abo_src3_txt {
        width: 46.428571428%;
        margin-top: -.1rem; }
        .master_body #r3 .src3_box_b .src3_con .abo_src3_txt .pub_info {
          margin-top: .62rem; }
      .master_body #r3 .src3_box_b .src3_con .src3_con_l {
        width: 44.58333vw;
        max-width: 8.56rem;
        margin-left: calc((100% - 100vw) / 2); }
.master_body #r4 {
  padding-bottom: .4rem; }
  .master_body #r4 .list_src4 {
    padding-top: 1.4rem;
    padding-bottom: 1.6rem; }
    .master_body #r4 .list_src4 .src4_t .mask_img4_case {
      margin-top: .8rem; }
    .master_body #r4 .list_src4 .src4_b {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: .8rem; }
      .master_body #r4 .list_src4 .src4_b .mask_img4_case {
        width: 47.142857142%; }
      .master_body #r4 .list_src4 .src4_b .abo_src3_txt {
        margin-top: .25rem;
        width: 42.857142857%; }
        .master_body #r4 .list_src4 .src4_b .abo_src3_txt .pub_info {
          margin-top: 0; }
    .master_body #r4 .list_src4:nth-child(3n) .src4_b {
      flex-direction: row-reverse; }

.museum_body .src2_box_c {
  padding-top: 1.5rem; }
  .museum_body .src2_box_c .src2_con {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .museum_body .src2_box_c .src2_con .src2_con_l {
      margin-left: 9%;
      width: 21.071428571%;
      position: relative; }
      .museum_body .src2_box_c .src2_con .src2_con_l > img {
        position: absolute;
        width: 218.644067796%;
        max-width: none;
        left: 75.593220338%;
        top: -39.501779359%; }
      .museum_body .src2_box_c .src2_con .src2_con_l .pub_img_box::before {
        margin-top: 95.254237288%; }
    .museum_body .src2_box_c .src2_con .abo_src3_txt {
      width: 48.5%; }
      .museum_body .src2_box_c .src2_con .abo_src3_txt .pub_info {
        margin-top: .55rem; }
.museum_body #r3 {
  padding-top: 1.73rem;
  padding-bottom: 1.62rem; }
.museum_body .font_min {
  cursor: pointer; }
.museum_body #r4 {
  padding-top: 1.17rem;
  padding-bottom: 2.67rem; }
  .museum_body #r4 .src4_lb {
    margin-top: .23rem;
    position: relative; }
    .museum_body #r4 .src4_lb .swiper {
      padding-left: .6rem;
      padding-right: .6rem;
      margin: 0 -.6rem; }
    .museum_body #r4 .src4_lb .swiper-slide {
      padding: .77rem 0;
      position: relative;
      pointer-events: auto; }
      .museum_body #r4 .src4_lb .swiper-slide .mask_name {
        position: absolute;
        width: 100%;
        bottom: 0;
        line-height: 1;
        text-align: center;
        font-size: .28rem;
        font-weight: 600; }
      .museum_body #r4 .src4_lb .swiper-slide .mask_six_box {
        position: relative;
        z-index: 0; }
        .museum_body #r4 .src4_lb .swiper-slide .mask_six_box .mask_shadow {
          box-shadow: 0 0.17rem 0.56rem 0 rgba(0, 0, 0, 0.35);
          position: absolute;
          z-index: 1;
          width: 41%;
          height: 100%;
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%; }
          .museum_body #r4 .src4_lb .swiper-slide .mask_six_box .mask_shadow::before, .museum_body #r4 .src4_lb .swiper-slide .mask_six_box .mask_shadow::after, .museum_body #r4 .src4_lb .swiper-slide .mask_six_box .mask_shadow span {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            box-shadow: 0 0.17rem 0.56rem 0 rgba(0, 0, 0, 0.35);
            position: absolute;
            left: 50%;
            top: 50%; }
          .museum_body #r4 .src4_lb .swiper-slide .mask_six_box .mask_shadow span {
            transform: translate(-50%, -50%) rotate(90deg); }
          .museum_body #r4 .src4_lb .swiper-slide .mask_six_box .mask_shadow::before {
            transform: translate(-50%, -50%) rotate(45deg); }
          .museum_body #r4 .src4_lb .swiper-slide .mask_six_box .mask_shadow::after {
            transform: translate(-50%, -50%) rotate(-45deg); }
      .museum_body #r4 .src4_lb .swiper-slide .mask_six {
        mask-image: url("../image/5-017-1.png");
        mask-size: 100% 100%;
        position: relative;
        z-index: 2;
        width: 100%;
        padding-top: 100%; }
        .museum_body #r4 .src4_lb .swiper-slide .mask_six .mask_case {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background-size: 100% 100%;
          z-index: 2; }
        .museum_body #r4 .src4_lb .swiper-slide .mask_six > img {
          display: none;
          width: 100%; }
  .museum_body #r4 .swiper-button-prev, .museum_body #r4 .swiper-button-next {
    top: 50%;
    margin-left: 0; }
  .museum_body #r4 .swiper-button-prev {
    left: -1.3rem; }
  .museum_body #r4 .swiper-button-next {
    right: -1.3rem; }

.highlight_body #r2 .high_font {
  width: 40.357142857%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .highlight_body #r2 .high_font img {
    width: 100%;
    display: block; }
.highlight_body .font_min {
  cursor: pointer; }
.highlight_body #r4 {
  padding-top: 1.6rem;
  padding-bottom: .8rem;
  overflow: hidden; }
  .highlight_body #r4 .list_src4 {
    padding-bottom: 1.8rem; }
    .highlight_body #r4 .list_src4 .src4_t {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .highlight_body #r4 .list_src4 .mask_img4_case {
      width: 47.916666vw;
      max-width: 9.2rem;
      margin-left: calc((100% - 100vw) / 2); }
    .highlight_body #r4 .list_src4:nth-child(odd) .src4_t {
      flex-direction: row-reverse; }
    .highlight_body #r4 .list_src4:nth-child(odd) .mask_img4_case {
      margin-left: 0;
      margin-right: calc((100% - 100vw) / 2); }
    .highlight_body #r4 .list_src4 .src4_txt {
      width: 37%; }
      .highlight_body #r4 .list_src4 .src4_txt .src4_tit {
        display: flex;
        align-items: flex-start; }
        .highlight_body #r4 .list_src4 .src4_txt .src4_tit img {
          width: 2.63rem;
          display: block;
          margin-left: -.635rem;
          margin-right: -.195rem; }
        .highlight_body #r4 .list_src4 .src4_txt .src4_tit .src3_t_icon {
          margin-top: .08rem; }
      .highlight_body #r4 .list_src4 .src4_txt .hing_i {
        font-size: .28rem;
        line-height: 1.71428571428;
        margin-top: 29%;
        letter-spacing: -.05em; }
    .highlight_body #r4 .list_src4 .swiper-pagination {
      bottom: -.6rem; }
      .highlight_body #r4 .list_src4 .swiper-pagination span {
        margin: 0 .1rem !important; }
        .highlight_body #r4 .list_src4 .swiper-pagination span.swiper-pagination-bullet-active i {
          opacity: 0; }
          .highlight_body #r4 .list_src4 .swiper-pagination span.swiper-pagination-bullet-active i:nth-child(2) {
            opacity: 1; }
        .highlight_body #r4 .list_src4 .swiper-pagination span:hover i {
          opacity: 0; }
          .highlight_body #r4 .list_src4 .swiper-pagination span:hover i:nth-child(2) {
            opacity: 1; }
        .highlight_body #r4 .list_src4 .swiper-pagination span i {
          transform: scale(0.7857); }
          .highlight_body #r4 .list_src4 .swiper-pagination span i:nth-child(2) {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale(0.7857);
            opacity: 0;
            color: #f9d272;
            transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99); }

@media all and (max-width: 1600px) {
  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(5) .btn_shu_box {
    top: 1.5rem; } }
@media all and (max-width: 1366px) {
  .ind_src4_box .ind_src4_img {
    height: 60vh; }

  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(3) .ind_src3_box .ind_src3_l_lb {
    width: 8rem; }

  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .ind_src3_box {
    width: 8.1rem; }

  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(4) .ind_src3_tex_con {
    margin-top: 8vh; }

  .ind_body .ind_crosswise_lb .ind_src3_con_box .cro_slide:nth-child(5) .ind_src3_l_lb {
    width: 7.95rem; }

  .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_tit {
    width: .9rem; }

  .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_tit span {
    font-size: .28rem; }

  .ind_body .ind_src5_box .swiper .swiper-slide .ind_src5_con .ind_src5_i {
    font-size: .22rem; }

  .swiper-pagination.right_s div {
    margin: .2rem 0 !important; } }

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