@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); } }
/*特殊数字*/
@font-face {
  font-family: 'en_l';
  src: url("fonts/EuclidCircularA-Light.eot");
  src: url("fonts/EuclidCircularA-Light.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Light.woff2") format("woff2"), url("fonts/EuclidCircularA-Light.woff") format("woff"), url("fonts/EuclidCircularA-Light.ttf") format("truetype"), url("fonts/EuclidCircularA-Light.svg#EuclidCircularA-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'en_h';
  src: url("fonts/EuclidCircularA-Bold.eot");
  src: url("fonts/EuclidCircularA-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Bold.woff2") format("woff2"), url("fonts/EuclidCircularA-Bold.woff") format("woff"), url("fonts/EuclidCircularA-Bold.ttf") format("truetype"), url("fonts/EuclidCircularA-Bold.svg#EuclidCircularA-Bold") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'en_bo';
  src: url("fonts/EuclidCircularA-Regular.eot");
  src: url("fonts/EuclidCircularA-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-Regular.woff2") format("woff2"), url("fonts/EuclidCircularA-Regular.woff") format("woff"), url("fonts/EuclidCircularA-Regular.ttf") format("truetype"), url("fonts/EuclidCircularA-Regular.svg#EuclidCircularA-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'en_t';
  src: url("fonts/EUCLIDCIRCULARA-MEDIUM.eot");
  src: url("fonts/EUCLIDCIRCULARA-MEDIUM.eot?#iefix") format("embedded-opentype"), url("fonts/EUCLIDCIRCULARA-MEDIUM.woff2") format("woff2"), url("fonts/EUCLIDCIRCULARA-MEDIUM.woff") format("woff"), url("fonts/EUCLIDCIRCULARA-MEDIUM.ttf") format("truetype"), url("fonts/EUCLIDCIRCULARA-MEDIUM.svg#EuclidCircularA-Light") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'en_b';
  src: url("fonts/EuclidCircularA-SemiBold.eot");
  src: url("fonts/EuclidCircularA-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularA-SemiBold.woff2") format("woff2"), url("fonts/EuclidCircularA-SemiBold.woff") format("woff"), url("fonts/EuclidCircularA-SemiBold.ttf") format("truetype"), url("fonts/EuclidCircularA-SemiBold.svg#EuclidCircularA-SemiBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
/*正常英文*/
.en_l, .con_mess > div:nth-child(2), .pub_banner_title_en, .pub_title_n_en, footer .footer_box .foot_con .foot_i {
  font-family: "Microsoft JhengHei";
  font-weight: 300; }

.en_b, .pub_title_en, .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box .hint_text, .pub_page_box ul li a, .pub_page_box#pub_page_box, .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l span, .financial_nav .swiper-slide a, .financial_r .fina_case .fina_c .fina_txt h4, .l_en .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .pub_title_en, .l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g, .l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g span, .l_en .business_body .bus_r1 .bus_r1_txt .pub_title_n_en, .l_en .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t .abo_r3_n {
  font-family: "Microsoft JhengHei";
  font-weight: 700; }

.en_bo, .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .abo_r4_t, .l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g div, .l_en .btn_icon_sty span, .l_en footer .footer_box .foot_nav, .l_en footer .footer_box .foot_con .foot_n {
  font-family: "Microsoft JhengHei"; }

.en_t {
  font-family: "Microsoft JhengHei";
  font-weight: 100; }

.en_h {
  font-family: "Microsoft JhengHei";
  font-weight: 900; }

::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: "Microsoft JhengHei", "Source Han Sans CN", "PingFang SC", "Source Han Serif SC", "Microsoft YaHei", sans-serif;
  color: #10411c;
  background-color: #ffffff; }

: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 #5ba34f;
  padding: 0 1.75rem 1.25rem;
  margin-top: 1.421875rem;
  line-height: 2;
  font-size: 1rem; }
  blockquote::before {
    color: #5ba34f;
    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); }

img {
  max-width: 100%; }

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: #10411c; }
  a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none; }
  a.link {
    text-decoration: underline;
    color: #5ba34f; }
    a.link:hover {
      color: #1b5d2b; }

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

.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: "Microsoft JhengHei", "Source Han Sans CN", "PingFang SC", "Source Han Serif SC", "Microsoft YaHei", 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: #5ba34f !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: #5ba34f; }

.list-normal a:not(.uix-sc-btn):not(.button):hover,
.table-normal a:not(.uix-sc-btn):not(.button):hover {
  color: #1b5d2b;
  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: 110px; } }
@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: 1536px) {
  html {
    font-size: 82px; } }
@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, .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a > div:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.morels, .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box .pub_info {
  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; }

.loading_box {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #10411c;
  clip: rect(0, 100vw, 100vh, 0);
  transition: clip 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
  .loading_box .load_num_case {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    line-height: 1;
    color: #fff; }

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: #5ba34f;
      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; }

*::-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: rgba(0, 0, 0, 0.025); }

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

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

.linear-bg, .btn_icon_sty {
  background: linear-gradient(90deg, #5ba34f 0%, rgba(91, 163, 79, 0.08) 100%); }

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

.-ms- .linear-txt {
  color: #5ba34f;
  background: transparent; }

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

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

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

.swiper-container-fade .swiper-slide {
  opacity: 0 !important; }
  .swiper-container-fade .swiper-slide.active {
    opacity: 1 !important;
    pointer-events: auto; }

.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%, #1b5d2b 10%, #1b5d2b 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: #1b5d2b;
  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: #5ba34f; } }

.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 #1b5d2b;
  background: none;
  color: #1b5d2b;
  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: #5ba34f;
      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: #5ba34f; }
    @media screen and (orientation: landscape) {
      .button.color1:hover {
        background-color: #1b5d2b; } }
  .button.color2 {
    border-color: transparent;
    color: #fff;
    background: #1b5d2b; }
    @media screen and (orientation: landscape) {
      .button.color2:hover {
        background-color: #5ba34f;
        border-color: transparent;
        color: #ffffff; } }
  .button.color3 {
    border-color: #5ba34f;
    color: #5ba34f;
    background: transparent; }
    @media screen and (orientation: landscape) {
      .button.color3:hover {
        background-color: #5ba34f;
        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 #1b5d2b;
  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; }
  @media screen and (orientation: portrait) {
    .cursor {
      display: none; } }

.c-about__image-wrapper {
  position: relative;
  transform: rotate(-5deg); }
  .c-about__image-wrapper:before {
    background: repeating-linear-gradient(45deg, #1b5d2b, #1b5d2b 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: #10411c;
  margin-bottom: 1.3rem; }

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

.pub_banner_title_en {
  font-size: .32rem;
  line-height: 1;
  margin-top: .31rem;
  color: #10411c;
  display: none; }

.pub_title {
  font-size: .36rem;
  line-height: 1;
  color: #5ba34f;
  font-weight: 700; }
  .pub_title.col_w {
    color: #fff; }

.pub_title_en {
  font-size: .48rem;
  line-height: 1; }

.pub_info {
  font-size: .18rem;
  line-height: 2;
  text-align: justify;
  margin-top: .39rem;
  white-space: normal; }
  .pub_info > span {
    font-weight: 700;
    font-size: inherit; }
  .pub_info > div {
    color: #5ba34f;
    display: inline;
    font-weight: 700; }
    .pub_info > div.pla_info {
      display: block; }

.pub_info_s {
  font-size: .16rem;
  line-height: 1.875;
  color: #10411c;
  text-align: justify; }

.pub_title_n {
  line-height: 1;
  font-size: .36rem;
  font-weight: bold; }

.pub_title_n_en {
  font-size: .3rem;
  line-height: 1.1; }

.pub_mess {
  font-size: .2rem;
  color: #ffffff;
  line-height: 1.6;
  text-align: center;
  margin-top: .38rem; }

.pub_case {
  width: 63%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1700px; }

.ind_body .pub_case {
  width: 83.333%;
  max-width: 2000px; }

.font_b {
  font-weight: 700; }

@media screen and (orientation: portrait) {
  .pub_banner_title {
    font-size: .64rem;
    letter-spacing: .3em;
    line-height: 1.40625;
    text-indent: .3em; }

  .pub_banner_n_title {
    font-size: .52rem; }

  .pub_banner_n_title {
    margin-bottom: -.5rem; }

  .con_mess {
    margin-top: .5rem; }
    .con_mess > div {
      font-size: .24rem;
      transform: translateY(0.3rem); }

  .pub_banner_title_en, .pub_title_n_en {
    font-size: .24rem;
    margin-top: .15rem; }

  .ind_body .pub_title {
    font-size: .46rem; }

  .pub_title, .pub_title_n {
    font-size: .46rem; }

  .pub_title_l {
    font-size: .24rem;
    font-weight: bold; }

  .pub_info {
    font-size: .24rem;
    line-height: 1.81;
    margin-top: .3rem; }

  .pub_info_s {
    font-size: .24rem;
    line-height: 1.81; }

  .pub_mess {
    font-size: .28rem;
    line-height: 1.81;
    margin-top: .5rem; }

  .pub_case {
    width: 100%;
    padding-left: .45rem;
    padding-right: .45rem; }

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

.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.iconfont, .img_big_box .com .videoBox > a.iconfont {
        font-size: 0.4rem;
        line-height: 1;
        position: absolute;
        top: 0;
        right: -0.42rem;
        color: #fff;
        opacity: 0;
        transition: opacity .3s ease;
        cursor: pointer; }
        @media screen and (orientation: landscape) {
          .pop .com .videoBox > a.iconfont:hover, .img_big_box .com .videoBox > a.iconfont:hover {
            color: #5ba34f; } }
        @media screen and (orientation: portrait) {
          .pop .com .videoBox > a.iconfont, .img_big_box .com .videoBox > a.iconfont {
            top: calc(100% + .5rem);
            right: auto;
            left: 50%;
            margin-left: -.25rem;
            transform: scale(0.7); }
            .pop .com .videoBox > a.iconfont::before, .img_big_box .com .videoBox > a.iconfont::before {
              content: '';
              display: block;
              left: 50%;
              top: 50%;
              width: 138%;
              height: 138%;
              position: absolute;
              transform: translate3d(-50%, -50%, 0);
              border: 1px solid #fff;
              border-radius: 100%; } }
      @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.iconfont, .img_big_box.on .com .videoBox > a.iconfont {
        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: #1b5d2b;
    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: #5ba34f;
    width: 4em;
    height: 3px; }

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

.marc_font, .ind_body .ind_src2_box .ind_src2_con .pub_title_line span {
  font-weight: bolder;
  -webkit-text-stroke: 1px #5ba34f;
  color: transparent; }

.ind_body .nav {
  background-color: transparent; }
  .ind_body .nav::before {
    height: 0; }
  .ind_body .nav.ind_nav::before {
    height: calc(100% - 1px); }
  @media screen and (orientation: portrait) {
    .ind_body .nav .nav::before {
      background-color: rgba(255, 255, 255, 0.01); }
    .ind_body .nav .nav.nav_c::before {
      background-color: rgba(255, 255, 255, 0.01); } }

.nav {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  transition: border-bottom-color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
  color: #fff;
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  pointer-events: none; }
  .nav::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    backdrop-filter: blur(16px);
    background-color: rgba(255, 255, 255, 0.75);
    transition: height 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
    height: calc(100% - 1px); }
  .nav .nav_con_c {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(25, 38, 29, 0.1);
    transition: border-bottom-color .5s ease-out; }
    @media screen and (orientation: landscape) {
      .nav .nav_con_c .nav_box {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100%; } }
    .nav .nav_con_c .logo_case {
      width: 2.76rem;
      border-right: 1px solid rgba(25, 38, 29, 0.1);
      padding: .36rem .31rem .34rem .42rem;
      transition: border-right-color .5s ease-out; }
      .nav .nav_con_c .logo_case .logo_box {
        position: relative;
        pointer-events: auto;
        display: block; }
        .nav .nav_con_c .logo_case .logo_box img {
          width: 100%;
          display: block;
          transition: opacity .5s ease-out; }
          .nav .nav_con_c .logo_case .logo_box img:nth-child(2) {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0; }
    .nav .nav_con_c .n_share_box {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: flex-end; }
      .nav .nav_con_c .n_share_box .otherItem span {
        display: block;
        margin-top: 0.05rem; }
        .nav .nav_con_c .n_share_box .otherItem span a {
          display: block; }
        .nav .nav_con_c .n_share_box .otherItem span .active {
          color: #10411c;
          cursor: auto; }
      .nav .nav_con_c .n_share_box > .stock_box {
        border-left: none;
        font-size: .14rem;
        line-height: 1.71;
        display: flex;
        align-items: center;
        background: #5ba34f;
        background: linear-gradient(90deg, #5ba34f 0%, rgba(91, 163, 79, 0.08) 100%);
        color: #fff;
        height: .48rem;
        border-radius: .6rem;
        padding-left: .2rem;
        padding-right: .2rem;
        margin-right: .4rem; }
      .nav .nav_con_c .n_share_box > div {
        height: 100%;
        transition: border-color .5s ease-out;
        padding: 0 .1rem;
        display: inline-flex;
        align-items: center;
        margin-left: .2rem; }
        .nav .nav_con_c .n_share_box > div a, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m) {
          padding: .1rem;
          display: flex;
          align-items: center;
          cursor: pointer;
          color: #5ba34f;
          transition: color .5s ease-out;
          position: relative;
          pointer-events: auto; }
          .nav .nav_con_c .n_share_box > div a i, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m) i {
            display: block;
            line-height: 1;
            font-size: .16rem; }
          .nav .nav_con_c .n_share_box > div a.otherItem > div, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m).otherItem > div {
            width: .8rem;
            padding: .1rem .2rem;
            height: auto;
            left: 50%;
            margin-left: -.4rem; }
            .nav .nav_con_c .n_share_box > div a.otherItem > div a, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m).otherItem > div a {
              color: #5ba34f;
              line-height: 2;
              padding: 0;
              text-align: center;
              display: block; }
              @media screen and (orientation: landscape) {
                .nav .nav_con_c .n_share_box > div a.otherItem > div a:hover, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m).otherItem > div a:hover {
                  color: #10411c; } }
          .nav .nav_con_c .n_share_box > div a > div, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m) > div {
            width: 2rem;
            height: 2rem;
            position: absolute;
            padding: .3rem;
            border-radius: .16rem;
            right: 0;
            top: 120%;
            transform: translateY(20%);
            transition: transform .5s ease-out, opacity .5s ease-out;
            opacity: 0;
            pointer-events: none;
            overflow: hidden;
            background-color: #fff;
            box-shadow: 0 0.4rem 0.4rem -0.1rem rgba(0, 0, 0, 0.1); }
            .nav .nav_con_c .n_share_box > div a > div img, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m) > div img {
              width: 100%;
              height: 100%;
              display: block; }
          @media screen and (orientation: landscape) {
            .nav .nav_con_c .n_share_box > div a:hover, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m):hover {
              color: #5ba34f; } }
          .nav .nav_con_c .n_share_box > div a:hover > div, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m):hover > div {
            opacity: 1;
            transform: none;
            pointer-events: all; }
      .nav .nav_con_c .n_share_box .sha_box {
        border: 2px solid rgba(25, 38, 29, 0.1);
        height: .48rem;
        border-radius: .6rem; }
    .nav .nav_con_c .line_box {
      display: flex;
      pointer-events: all;
      height: 100%; }
      .nav .nav_con_c .line_box li {
        position: relative; }
        .nav .nav_con_c .line_box li a {
          color: #19261d;
          font-size: .16rem;
          padding: 0 .55rem;
          transition: opacity 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
          display: flex;
          align-items: center;
          cursor: pointer;
          height: 100%; }
          .nav .nav_con_c .line_box li a > div, .nav .nav_con_c .line_box li a > span {
            padding: .09rem 0;
            position: relative;
            line-height: 1; }
            @media screen and (orientation: landscape) {
              .nav .nav_con_c .line_box li a > div, .nav .nav_con_c .line_box li a > span {
                white-space: nowrap; } }
            .nav .nav_con_c .line_box li a > div::before, .nav .nav_con_c .line_box li a > span::before {
              content: '';
              display: block;
              position: absolute;
              bottom: .08rem;
              left: 0;
              width: 100%;
              background-color: #5ba34f;
              transform: scaleX(0);
              transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
              height: 1px; }
          @media screen and (orientation: landscape) {
            .nav .nav_con_c .line_box li a:hover {
              color: #5ba34f; }
              .nav .nav_con_c .line_box li a:hover > div::before, .nav .nav_con_c .line_box li a:hover > span::before {
                transform: none; } }
        .nav .nav_con_c .line_box li > a {
          padding-top: 0;
          padding-bottom: 0; }
          .nav .nav_con_c .line_box li > a > div {
            position: relative;
            height: 100%;
            display: flex;
            align-items: center; }
            .nav .nav_con_c .line_box li > a > div::before {
              height: 3px;
              margin-bottom: -2px;
              bottom: 0; }
          .nav .nav_con_c .line_box li > a.on {
            color: #5ba34f;
            font-weight: bold; }
            .nav .nav_con_c .line_box li > a.on > div::before {
              transform: none; }
        .nav .nav_con_c .line_box li > div {
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          padding-top: .23rem;
          padding-bottom: .63rem;
          display: none; }
      @media screen and (orientation: landscape) {
        .nav .nav_con_c .line_box .sec_box:hover > div {
          display: block; } }
    .nav .nav_con_c .btn_nav_m {
      display: none !important;
      pointer-events: all; }
    .nav .nav_con_c .burger3 {
      transform-origin: 100% 50%;
      transform: scale(0.75);
      width: .54rem;
      height: .54rem;
      position: relative;
      transition-duration: 1s;
      display: inline-block;
      cursor: pointer; }
      .nav .nav_con_c .burger3 .icon_l {
        height: .06rem;
        width: .54rem;
        top: .2rem;
        background-color: #5ba34f;
        border-radius: 20px;
        position: absolute;
        transition-duration: 0.5s; }
        .nav .nav_con_c .burger3 .icon_l:before {
          left: 0;
          position: absolute;
          top: -.18rem;
          height: .06rem;
          width: .54rem;
          background-color: #5ba34f;
          content: "";
          border-radius: 20px;
          transition-duration: 0.5s; }
        .nav .nav_con_c .burger3 .icon_l:after {
          left: 0;
          position: absolute;
          top: .18rem;
          height: .06rem;
          width: .54rem;
          background-color: #5ba34f;
          content: "";
          border-radius: 20px;
          transition-duration: 0.5s; }
      .nav .nav_con_c .burger3.open .icon_l {
        background: transparent !important; }
        .nav .nav_con_c .burger3.open .icon_l::before {
          transition: transform 0.5s;
          transform: rotateZ(45deg) translate(0.1rem, 0.15rem); }
        .nav .nav_con_c .burger3.open .icon_l::after {
          transition: transform 0.5s;
          transform: rotateZ(-405deg) translate(0.1rem, -0.15rem); }
  .nav.hover_on::before {
    height: 4rem !important; }
  .nav.nav_w::before {
    height: 0; }
  .nav.nav_w .nav_con_c {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav.nav_w .nav_con_c .logo_case {
      border-right: 1px solid rgba(255, 255, 255, 0.1); }
      .nav.nav_w .nav_con_c .logo_case .logo_box img {
        opacity: 0; }
        .nav.nav_w .nav_con_c .logo_case .logo_box img:nth-child(2) {
          opacity: 1; }
    .nav.nav_w .nav_con_c .n_share_box > .stock_box {
      border-left: none;
      color: #fff; }
    .nav.nav_w .nav_con_c .n_share_box .sha_box {
      border-color: rgba(255, 255, 255, 0.5); }
    .nav.nav_w .nav_con_c .n_share_box > div a {
      color: #fff; }
      @media screen and (orientation: landscape) {
        .nav.nav_w .nav_con_c .n_share_box > div a:hover {
          color: #5ba34f; } }
    .nav.nav_w .nav_con_c .n_share_box > div .otherItem {
      color: #fff; }
      @media screen and (orientation: landscape) {
        .nav.nav_w .nav_con_c .n_share_box > div .otherItem .show_lang:hover {
          color: #5ba34f; } }
    .nav.nav_w .nav_con_c .line_box {
      display: flex;
      height: 100%; }
      .nav.nav_w .nav_con_c .line_box li > a {
        color: #fff; }
    .nav.nav_w .nav_con_c .burger3 .icon_l {
      background-color: #ffff; }
      .nav.nav_w .nav_con_c .burger3 .icon_l:before {
        background-color: #fff; }
      .nav.nav_w .nav_con_c .burger3 .icon_l:after {
        background-color: #fff; }
  .nav.logo_w .nav_con_c .logo_case .logo_box img {
    opacity: 0; }
    .nav.logo_w .nav_con_c .logo_case .logo_box img:nth-child(2) {
      opacity: 1 !important; }
  @media screen and (orientation: portrait) {
    .nav .nav_con_c {
      height: 1.2rem; }
      .nav .nav_con_c .logo_case {
        z-index: 6; }
      .nav .nav_con_c .n_share_box .sha_box {
        border: none !important; }
      .nav .nav_con_c .logo_case {
        border-right: none !important;
        padding: 0;
        width: auto;
        padding-left: .4rem;
        height: 100%;
        display: flex;
        align-items: center; }
        .nav .nav_con_c .logo_case a {
          height: .45rem; }
          .nav .nav_con_c .logo_case a img {
            width: auto !important;
            height: 100%;
            max-width: none; }
      .nav .nav_con_c .n_share_box > div a i {
        font-size: .26rem; }
      .nav .nav_con_c .n_share_box > div .otherItem {
        font-size: .32rem; }
      .nav .nav_con_c .nav_box {
        position: fixed;
        width: 100%;
        backdrop-filter: blur(16px);
        background-color: rgba(255, 255, 255, 0.9);
        height: 100vh;
        padding-top: 1.4rem;
        left: 0;
        top: 0;
        transform: translateX(120%);
        display: block;
        transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
        .nav .nav_con_c .nav_box .line_box {
          display: none; }
          .nav .nav_con_c .nav_box .line_box li {
            display: block; }
            .nav .nav_con_c .nav_box .line_box li > a > div::before {
              bottom: .1rem; }
            .nav .nav_con_c .nav_box .line_box li a > div {
              font-size: .3rem;
              line-height: 2; }
            .nav .nav_con_c .nav_box .line_box li > div {
              position: relative;
              width: 100%;
              left: auto;
              top: auto;
              padding-top: 0;
              padding-bottom: .3rem; }
              .nav .nav_con_c .nav_box .line_box li > div a > span {
                font-size: .28rem;
                line-height: 1.5;
                padding-left: 1em; }
            .nav .nav_con_c .nav_box .line_box li:hover > div {
              display: block; }
        .nav .nav_con_c .nav_box.on {
          transform: none; }
          .nav .nav_con_c .nav_box.on .line_box {
            display: block; }
      .nav .nav_con_c .btn_nav_m {
        display: flex !important;
        align-items: center;
        justify-content: flex-end; } }

@keyframes downUp {
  0%, 100% {
    transform: translateZ(0); }
  50% {
    transform: translate3d(-0.2em, 0, 0); } }
footer {
  width: 100%;
  background-size: cover;
  padding-top: .75rem;
  background-color: #285232;
  color: #ffffff;
  transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  position: relative;
  overflow: hidden; }
  @media screen and (orientation: landscape) {
    footer .pub_case {
      width: 83.333%;
      max-width: 2000px; } }
  footer .footer_bg {
    position: absolute;
    width: 68.8541666%;
    bottom: 0;
    left: 0;
    opacity: .04;
    pointer-events: none; }
    footer .footer_bg > div {
      width: 100%;
      background-size: cover;
      overflow: hidden;
      transform: translate(-40%, 29%); }
      footer .footer_bg > div::before {
        content: '';
        display: block;
        margin-top: 44.326777609%; }
  footer a {
    color: inherit; }
  footer .footer_box {
    padding-bottom: .7rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    color: #fff; }
    footer .footer_box .footer_com_mes {
      width: 3.03rem;
      min-width: 3.03rem;
      margin-top: .1rem; }
      footer .footer_box .footer_com_mes a {
        width: 100%; }
        footer .footer_box .footer_com_mes a img {
          width: 100%;
          display: block; }
    footer .footer_box .foot_nav {
      font-weight: bold;
      margin-left: 13%; }
      footer .footer_box .foot_nav ul {
        display: block; }
        footer .footer_box .foot_nav ul li {
          display: block; }
          footer .footer_box .foot_nav ul li a {
            display: block;
            color: #fff;
            position: relative;
            font-size: 0; }
            footer .footer_box .foot_nav ul li a span {
              font-size: .18rem;
              line-height: 2.6;
              display: inline-block;
              white-space: nowrap;
              position: relative; }
              footer .footer_box .foot_nav ul li a span::before {
                content: '';
                display: block;
                left: 0;
                bottom: .1rem;
                position: absolute;
                height: 1px;
                width: 100%;
                background-color: #fff;
                transform: scaleX(0);
                transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
                transform-origin: 0% 50%; }
            @media screen and (orientation: landscape) {
              footer .footer_box .foot_nav ul li a:hover span::before {
                transform: none; } }
    footer .footer_box .foot_con {
      margin-left: 23%; }
      @media screen and (orientation: landscape) {
        footer .footer_box .foot_con {
          width: 42%; } }
      footer .footer_box .foot_con > div {
        transform-origin: 0 50%; }
      footer .footer_box .foot_con .foot_n {
        font-weight: bold;
        font-size: .18rem;
        line-height: 1;
        padding-top: .16rem;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        footer .footer_box .foot_con .foot_n > span {
          text-decoration: underline; }
        footer .footer_box .foot_con .foot_n .sha_box {
          display: none;
          align-items: center; }
          footer .footer_box .foot_con .foot_n .sha_box a {
            padding: 0.125rem;
            display: flex;
            align-items: center;
            cursor: pointer;
            color: #fff;
            transition: color .5s ease-out;
            position: relative;
            pointer-events: auto;
            text-decoration: initial; }
            footer .footer_box .foot_con .foot_n .sha_box a i {
              font-size: .26rem;
              display: block;
              line-height: 1; }
            footer .footer_box .foot_con .foot_n .sha_box a > div {
              width: 2rem;
              height: 2rem;
              position: absolute;
              padding: 0.2rem;
              border-radius: 0.16rem;
              right: 0;
              bottom: 100%;
              transform: translateY(-20%);
              transition: transform .5s ease-out, opacity .5s ease-out;
              opacity: 0;
              pointer-events: none;
              overflow: hidden;
              background-color: #fff;
              box-shadow: 0 0.4rem 0.4rem -0.1rem rgba(0, 0, 0, 0.1); }
              footer .footer_box .foot_con .foot_n .sha_box a > div img {
                width: 100%;
                height: 100%;
                display: block; }
            footer .footer_box .foot_con .foot_n .sha_box a:hover > div {
              transition: none;
              opacity: 1; }
      footer .footer_box .foot_con .foot_i {
        font-size: .16rem;
        line-height: 1.2;
        margin-top: .31rem; }
      footer .footer_box .foot_con .foot_m {
        font-size: .16rem;
        line-height: 1.555;
        margin-top: .12rem; }
      footer .footer_box .foot_con .foot_m_en {
        color: rgba(255, 255, 255, 0.1);
        font-size: .12rem;
        line-height: 1.666;
        width: 64.5%;
        margin-top: .32rem; }
  footer .foot_b {
    margin-left: calc(3.03rem + 13%); }
    footer .foot_b .copyRight_box {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      footer .foot_b .copyRight_box .copyRight {
        padding: .45rem 0;
        font-size: .14rem;
        line-height: 1.71428571428; }
        footer .foot_b .copyRight_box .copyRight a {
          color: #fff; }
      footer .foot_b .copyRight_box .by_w {
        font-size: .14rem;
        line-height: 1; }
  @media screen and (orientation: portrait) {
    footer {
      padding-top: .8rem; }
      footer .pub_case .go_top {
        top: -.1rem !important; }
      footer .footer_box {
        display: block;
        padding-bottom: .2rem; }
        footer .footer_box .footer_com_mes {
          margin-top: 0; }
        footer .footer_box .foot_nav {
          margin-left: 0;
          margin-top: 0.6rem; }
          footer .footer_box .foot_nav ul {
            display: flex;
            justify-content: space-between; }
            footer .footer_box .foot_nav ul li:first-child {
              display: none; }
            footer .footer_box .foot_nav ul li a span {
              font-size: .28rem; }
        footer .footer_box .foot_con {
          margin-left: 0;
          margin-top: 1.2rem;
          color: rgba(255, 255, 255, 0.8); }
          footer .footer_box .foot_con .foot_n {
            font-size: .28rem;
            padding-top: .3rem; }
          footer .footer_box .foot_con .foot_i {
            font-size: .24rem;
            margin-top: .3rem; }
            footer .footer_box .foot_con .foot_i br {
              display: none; }
          footer .footer_box .foot_con .foot_m {
            font-size: .22rem;
            margin-top: .1rem; }
            footer .footer_box .foot_con .foot_m br {
              display: none; }
          footer .footer_box .foot_con .foot_m_en {
            width: 100%;
            font-size: .2rem;
            display: none; }
      footer .foot_b {
        margin-left: 0; }
        footer .foot_b .copyRight_box .copyRight {
          padding: 0.2rem 0;
          font-size: .2rem;
          line-height: 1.71428571428; }
        footer .foot_b .copyRight_box .by_w {
          font-size: .2rem;
          line-height: 1.2;
          text-align: right;
          padding-left: .2rem;
          font-size: 0; }
          footer .foot_b .copyRight_box .by_w a {
            font-size: .2rem;
            white-space: nowrap; } }

.sty_m {
  display: none; }

@media screen and (orientation: portrait) {
  .sty_pc {
    display: none !important; }

  .sty_m {
    display: block; } }
.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: #5ba34f;
          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: #1b5d2b; } }
        .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box .hint_text {
          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: #10411c;
        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: #10411c; } }
        .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; }
  @media screen and (orientation: portrait) {
    .pub_case_block .pub_banner_box {
      height: 85.866vw; }
      .pub_case_block .pub_banner_box img {
        left: auto;
        right: 0;
        max-width: none;
        width: 150%; }
      .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint {
        padding: 0;
        margin: 0 .45rem;
        box-sizing: border-box;
        width: calc(100% - .9rem); }
        .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_hint_box .hint_text {
          margin-left: .2rem; }
        .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box {
          font-size: .24rem; }
          .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box a {
            font-size: .24rem; }
          .pub_case_block .pub_banner_box .pub_banner_text_case .pub_banner_hint .pub_nav_add_box span {
            margin: 0 .1rem; } }
.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;
        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: #5ba34f;
          cursor: auto; }
        @media screen and (orientation: landscape) {
          .pub_page_box ul li a:hover {
            color: #5ba34f; } }
  @media screen and (orientation: portrait) {
    .pub_page_box {
      margin-top: .2rem; }
      .pub_page_box .button {
        min-width: auto;
        border: none;
        display: block;
        min-height: auto; }
        .pub_page_box .button a {
          padding: 0; }
          .pub_page_box .button a span {
            line-height: 1.87;
            font-size: .22rem; }
      .pub_page_box ul {
        width: 100%; }
        .pub_page_box ul li a {
          font-size: .24rem; } }
  .pub_page_box#pub_page_box {
    justify-content: center;
    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: #5ba34f; }
    .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: #5ba34f; } }
    .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 #5ba34f;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      color: #5ba34f;
      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: #5ba34f;
          color: #fff; } }
    .pub_page_box#pub_page_box .pg-prev {
      left: 0; }
    .pub_page_box#pub_page_box .pg-next {
      right: 0; }
    @media screen and (orientation: portrait) {
      .pub_page_box#pub_page_box {
        font-size: .24rem; }
        .pub_page_box#pub_page_box a, .pub_page_box#pub_page_box span {
          width: .5rem; }
        .pub_page_box#pub_page_box .pg-prev, .pub_page_box#pub_page_box .pg-next {
          line-height: 1.87;
          font-size: .22rem;
          width: auto;
          border: none;
          border-radius: 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; }
      @media screen and (orientation: portrait) {
        .share .social-share .social-share-icon {
          width: .48rem;
          height: .48rem;
          line-height: .48rem;
          font-size: .36rem; } }
      .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: #5ba34f; } }
    .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: #5ba34f; } }
  @media screen and (orientation: portrait) {
    .lb_sha_box .join_env_case {
      width: 90%; }
      .lb_sha_box .join_env_case .swiper-button-prev,
      .lb_sha_box .join_env_case .swiper-button-next {
        top: 100%;
        margin-top: 0.4rem; }
      .lb_sha_box .join_env_case .swiper-button-prev {
        left: 50%;
        margin-left: -.8rem; }
      .lb_sha_box .join_env_case .swiper-button-next {
        right: 50%;
        margin-right: -.8rem; }
    .lb_sha_box .btn_close_lh {
      bottom: auto;
      top: -.7rem;
      right: -.2rem; } }

h4 {
  font-weight: normal; }

.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: #5ba34f; }
      .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: #10411c; }
  .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: #5ba34f; } }

.btn_icon_sty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1.8rem;
  height: .7rem;
  border-radius: .4rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  padding-right: .12rem; }
  .btn_icon_sty span {
    color: #fff;
    font-size: .16rem;
    line-height: 1;
    text-transform: capitalize;
    position: relative;
    z-index: 3;
    transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    width: calc(100% - .56rem);
    text-align: center;
    padding-left: .1em; }
  .btn_icon_sty div {
    width: .56rem;
    height: .56rem;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    .btn_icon_sty div::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #fff;
      border-radius: .4rem;
      width: 100%;
      height: 100%;
      z-index: -1;
      transition: transform 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.5s, width 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
    .btn_icon_sty div i {
      color: #5ba34f;
      line-height: 1;
      font-size: .3rem;
      margin-top: -.02rem; }
  @media screen and (orientation: landscape) {
    .btn_icon_sty:hover span {
      color: #5ba34f; }
    .btn_icon_sty:hover div::before {
      transform: scale(1.45);
      width: 1300%;
      transition: transform 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99), width 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.3s; } }
  @media all and (max-width: 1280px) {
    .btn_icon_sty {
      width: 2.5rem; }
      .btn_icon_sty span {
        font-size: .2rem; } }

.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; }

.footer_case .pub_case {
  position: relative; }
  .footer_case .pub_case .go_top {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .74rem;
    height: .74rem;
    border-radius: 50%;
    border: 1px solid #fff;
    overflow: hidden;
    z-index: 0; }
    .footer_case .pub_case .go_top::before {
      content: '';
      display: block;
      width: 120%;
      height: 120%;
      left: -10%;
      top: -10%;
      position: absolute;
      background-color: #fff;
      transform: translateY(100%);
      transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
      z-index: -1; }
    .footer_case .pub_case .go_top i {
      font-size: .3rem;
      line-height: 1;
      color: #fff;
      transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
    @media screen and (orientation: landscape) {
      .footer_case .pub_case .go_top:hover::before {
        transform: none; }
      .footer_case .pub_case .go_top:hover i {
        color: #10411c; } }

@keyframes dotB {
  0% {
    transform: scale(1);
    opacity: 1; }
  80% {
    transform: scale(1.75); }
  100% {
    opacity: 0; } }
@keyframes hintS {
  0% {
    top: .03rem; }
  100% {
    top: .11rem; } }
@keyframes hintLelf {
  0% {
    transform: translateX(-30%); }
  100% {
    transform: translateX(30%); } }
@keyframes footbtn {
  0% {
    bottom: 100%;
    transform: translateY(50%) scale(1); }
  50% {
    bottom: 0;
    transform: translateY(50%) scale(1.2); }
  100% {
    bottom: 0;
    transform: translateY(50%) scale(1.4);
    opacity: 0; } }
.ind_body .ind_slide, .ind_body .ind_slide {
  overflow: hidden; }
.ind_body .ind_banner_box {
  background-color: #000;
  position: relative; }
  .ind_body .ind_banner_box .swiper-slide {
    height: 100vh; }
  .ind_body .ind_banner_box .active .ind_banner_case {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
    -webkit-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .ind_body .ind_banner_box .swiper-container {
    transition: transform 4s ease; }
    .ind_body .ind_banner_box .swiper-container.off {
      transform: scale(1.1); }
  .ind_body .ind_banner_box .ind_banner_case {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.68);
    transform: scale(0.68);
    border-radius: 40px;
    overflow: hidden;
    position: absolute;
    -webkit-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .ind_body .ind_banner_box .ind_banner_case .pub_img_box {
      height: 100%; }
      .ind_body .ind_banner_box .ind_banner_case .pub_img_box::before {
        display: none; }
  .ind_body .ind_banner_box .banner_txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    color: #fff;
    pointer-events: none; }
    .ind_body .ind_banner_box .banner_txt .pub_title_en {
      font-size: .7rem;
      line-height: 1;
      transition: all 1.2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.3s; }
      @media screen and (min-width: 1921px) {
        .ind_body .ind_banner_box .banner_txt .pub_title_en {
          line-height: 1; } }
    .ind_body .ind_banner_box .banner_txt .ban_tit {
      margin-top: .4rem;
      line-height: 1;
      font-size: .48rem;
      transition: all 1.2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.5s; }
    .ind_body .ind_banner_box .banner_txt .btn_icon_sty {
      margin-top: .84rem;
      transition: all 1.2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.7s;
      pointer-events: auto; }
    .ind_body .ind_banner_box .banner_txt.off .pub_title_en {
      opacity: 0;
      transform: translateY(-0.4rem); }
    .ind_body .ind_banner_box .banner_txt.off .ban_tit {
      opacity: 0;
      transform: translateY(0.4rem); }
    .ind_body .ind_banner_box .banner_txt.off .btn_icon_sty {
      opacity: 0;
      transform: translateY(0.2rem); }
  .ind_body .ind_banner_box .banner_hint {
    bottom: 9.6%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 5;
    position: absolute;
    transition: all 1.2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.7s; }
    .ind_body .ind_banner_box .banner_hint.off {
      opacity: 0; }
    .ind_body .ind_banner_box .banner_hint .pages {
      width: 1.15rem;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-size: .18rem;
      line-height: 1;
      color: white; }
      .ind_body .ind_banner_box .banner_hint .pages span:first-child {
        margin-right: .4em; }
      .ind_body .ind_banner_box .banner_hint .pages span:last-child {
        margin-left: .4em; }
    .ind_body .ind_banner_box .banner_hint > span {
      width: calc(100% - 1.86rem);
      height: 1px;
      background-color: rgba(255, 255, 255, 0.2); }
  .ind_body .ind_banner_box .swiper-pagination {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 40px;
    left: auto;
    right: 8.28125%;
    top: 0;
    bottom: auto; }
    .ind_body .ind_banner_box .swiper-pagination div {
      width: 40px;
      height: 40px;
      margin: 0.2rem 0;
      position: relative;
      background-color: transparent;
      opacity: 1; }
      .ind_body .ind_banner_box .swiper-pagination div::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border: 2px solid rgba(255, 255, 255, 0.3);
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 100%;
        opacity: 0;
        transition: opacity 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
      .ind_body .ind_banner_box .swiper-pagination div::after {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -3px;
        margin-left: -3px;
        transition: background-color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
      .ind_body .ind_banner_box .swiper-pagination div svg {
        display: block;
        width: 100%; }
        .ind_body .ind_banner_box .swiper-pagination div svg circle {
          stroke: white;
          stroke-width: 2px;
          fill: transparent;
          r: 48;
          cx: 51;
          cy: 51;
          stroke-dasharray: 300;
          stroke-dashoffset: 300; }
      .ind_body .ind_banner_box .swiper-pagination div.swiper-pagination-bullet-active::before {
        opacity: 1; }
      .ind_body .ind_banner_box .swiper-pagination div.swiper-pagination-bullet-active::after {
        background-color: white; }
      .ind_body .ind_banner_box .swiper-pagination div.swiper-pagination-bullet-active svg circle {
        transition: stroke-dashoffset ease 5s;
        stroke-dashoffset: 0; }
      @media screen and (orientation: landscape) {
        .ind_body .ind_banner_box .swiper-pagination div:hover::before {
          opacity: 1; }
        .ind_body .ind_banner_box .swiper-pagination div:hover::after {
          background-color: white; } }
.ind_body .ind_src2_box {
  display: flex;
  background-color: #fff; }
  .ind_body .ind_src2_box .ind_src2_col {
    width: 24.9%;
    background-color: #1b5d2b; }
  .ind_body .ind_src2_box .src2_con_img {
    width: 44.5%;
    background-size: cover; }
  .ind_body .ind_src2_box .src2_img {
    width: 30.6%;
    position: relative;
    background-size: cover;
    background-position: center; }
    .ind_body .ind_src2_box .src2_img > div {
      display: none; }
    .ind_body .ind_src2_box .src2_img .src2_c_box {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .ind_body .ind_src2_box .src2_img .src2_c_box .src2_c_img {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        display: block;
        opacity: 0;
        transform: scale(0.9) translateX(80%); }
      .ind_body .ind_src2_box .src2_img .src2_c_box:nth-child(1) {
        clip: rect(16vh, 14vw, 60vh, 4.6875vw); }
      .ind_body .ind_src2_box .src2_img .src2_c_box:nth-child(2) {
        clip: rect(30vh, 25.23vw, 100vh, 18.23vw); }
    .ind_body .ind_src2_box .src2_img .src2_sha {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 3; }
  .ind_body .ind_src2_box .ind_src2_con {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: .8rem;
    flex-direction: column; }
    .ind_body .ind_src2_box .ind_src2_con .pub_title_line {
      font-size: 1.5rem;
      line-height: .9;
      overflow: hidden;
      height: 1.15em; }
      .ind_body .ind_src2_box .ind_src2_con .pub_title_line span {
        display: block;
        opacity: 0;
        transform: translateY(-0.5rem);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
      .ind_body .ind_src2_box .ind_src2_con .pub_title_line img {
        width: 9.28rem;
        display: none;
        opacity: 0;
        transform: translateY(-0.5rem);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
    .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt {
      margin-top: .85rem;
      display: flex;
      align-items: flex-start; }
      .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .pub_title_n {
        color: #fff;
        width: 28.98%;
        transition: opacity 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s;
        opacity: 0; }
      .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt {
        width: 31.71641791%; }
        .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .pub_info {
          margin-top: -.07rem;
          transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s;
          opacity: 0;
          transform: translateY(0.4rem);
          font-weight: 700; }
        .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .btn_icon_sty {
          margin-top: 24.5%;
          transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s;
          opacity: 0;
          transform: translateY(0.2rem); }
.ind_body .ind_src3_case {
  position: relative; }
  .ind_body .ind_src3_case .ind_src3_box .ind_src3_con {
    position: relative; }
    .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_img_box {
      height: 100%; }
      .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_img_box img {
        transform: scale(1.5);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
      .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_img_box::before {
        display: none; }
    .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .ind_src3_mask {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      mask-image: url("../image/003-2.png");
      mask-position: center bottom;
      mask-size: 80%; }
      .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .ind_src3_mask img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        opacity: 0;
        transform: translateY(-0.6rem);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
        .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .ind_src3_mask img.ms {
          display: none; }
    .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_case {
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      color: #fff; }
      .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_case > img {
        width: .88rem;
        display: block;
        opacity: 0;
        transition: opacity 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
      .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .pub_title {
        color: #fff;
        margin-top: .55rem;
        opacity: 0;
        transform: translateY(0.4rem);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
      .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .pub_title_en {
        color: #fff;
        font-size: .36rem;
        line-height: 1.2;
        font-family: 'en_t';
        margin-top: .3rem;
        display: none; }
      .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .btn_icon_sty {
        margin-top: 1rem;
        opacity: 0;
        transform: translateY(0.2rem);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
  .ind_body .ind_src3_case .ind_src3_box .swiper-pagination {
    position: absolute;
    width: auto;
    bottom: 24.5%;
    right: 20.3125%;
    font-size: .3rem;
    line-height: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
    .ind_body .ind_src3_case .ind_src3_box .swiper-pagination span {
      margin-right: .1rem; }
  .ind_body .ind_src3_case .ind_src3_nav_box {
    width: 1.58rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    transform: translateX(25vh);
    transition: transform 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
    .ind_body .ind_src3_case .ind_src3_nav_box .swiper-container {
      height: 100%;
      overflow: visible; }
    .ind_body .ind_src3_case .ind_src3_nav_box::before {
      content: '';
      display: block;
      position: absolute;
      right: 100%;
      border: 1px solid rgba(230, 232, 238, 0.2);
      height: 100%;
      top: 0;
      width: 0; }
    .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide {
      border-bottom: 1px solid rgba(230, 232, 238, 0.2);
      cursor: pointer; }
      .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide:last-child {
        border-bottom: none; }
      .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide .ind_src3_n {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition: all .5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
        .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide .ind_src3_n img {
          width: .44rem;
          display: block;
          transition: width 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
        .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide .ind_src3_n > div {
          font-size: .24rem;
          color: #fff;
          font-weight: bold;
          text-align: center;
          line-height: 1;
          overflow: hidden;
          max-height: 0;
          transition: max-height 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
          .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide .ind_src3_n > div::before {
            content: '';
            display: block;
            height: .28rem;
            width: 100%; }
      .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide.on .ind_src3_n {
        width: 25vh;
        background-color: #5ba34f;
        margin-left: calc(1.6rem - 25vh); }
        .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide.on .ind_src3_n img {
          width: .88rem; }
        .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide.on .ind_src3_n > div {
          max-height: 999px; }
      @media screen and (orientation: landscape) {
        .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide:hover .ind_src3_n {
          background-color: #5ba34f; } }
  .ind_body .ind_src3_case.num_o .ind_src3_nav_box {
    display: none; }
  .ind_body .ind_src3_case.num_o .ind_src3_box .swiper-pagination {
    display: none; }
.ind_body .ind_src4_box {
  display: flex;
  align-items: center;
  padding-top: .6rem; }
  .ind_body .ind_src4_box .pub_title_n {
    border-bottom: 1px solid rgba(0, 39, 71, 0.1);
    padding-bottom: .25rem;
    opacity: 0;
    transition: opacity 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.4s; }
  .ind_body .ind_src4_box .ind_src4_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .25rem;
    opacity: 0;
    transform: translateY(0.4rem);
    transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
    .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box {
      display: flex;
      align-items: center; }
      .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box .btn_nav {
        width: 1.55rem;
        height: .75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-radius: .8rem;
        overflow: hidden;
        border: 1px solid rgba(16, 65, 28, 0.2);
        z-index: 0;
        transition: all .5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
        cursor: pointer;
        margin-right: .2rem;
        font-size: .16rem;
        font-weight: bold; }
        .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box .btn_nav::before {
          content: '';
          display: block;
          width: 120%;
          height: 120%;
          left: -10%;
          top: -10%;
          background-color: #10411c;
          border-radius: .8rem;
          position: absolute;
          z-index: -1;
          transform: translateX(-100%);
          transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
        .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box .btn_nav.on {
          color: #fff; }
          .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box .btn_nav.on::before {
            transform: none; }
        @media screen and (orientation: landscape) {
          .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box .btn_nav:hover {
            color: #fff; }
            .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box .btn_nav:hover::before {
              transform: none; } }
  .ind_body .ind_src4_box .ind_src4_lb_nav .ind_src4_nav {
    display: none;
    align-items: center;
    margin-top: 0; }
    .ind_body .ind_src4_box .ind_src4_lb_nav .ind_src4_nav > div {
      margin-left: .2rem; }
      .ind_body .ind_src4_box .ind_src4_lb_nav .ind_src4_nav > div.swiper-button-prev {
        background-color: #f3f7f4; }
        .ind_body .ind_src4_box .ind_src4_lb_nav .ind_src4_nav > div.swiper-button-prev::before {
          background-color: #1b5d2b; }
      .ind_body .ind_src4_box .ind_src4_lb_nav .ind_src4_nav > div.swiper-button-next {
        background-color: #1b5d2b; }
        .ind_body .ind_src4_box .ind_src4_lb_nav .ind_src4_nav > div.swiper-button-next::before {
          background-color: #f3f7f4; }
    .ind_body .ind_src4_box .ind_src4_lb_nav .ind_src4_nav.on {
      display: flex; }
  .ind_body .ind_src4_box .ind_src4_lb_box {
    margin-top: .6rem;
    position: relative; }
    .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con {
      opacity: 0;
      pointer-events: none; }
      .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con:nth-child(2), .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con:nth-child(3) {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0; }
      .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container {
        overflow: visible; }
        .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a {
          display: block;
          background-color: #fff;
          transition: all .5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .pub_img_box::before {
            margin-top: 62.203023758%; }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box {
            padding: .3rem .5rem .4rem; }
            .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box .pub_info {
              line-height: 1.7777;
              height: 5.3331em;
              font-weight: bold;
              margin-top: 0; }
            .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box .new_time {
              font-family: 'en_l';
              font-size: .18rem;
              margin-top: .2rem; }
          @media screen and (orientation: landscape) {
            .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a:hover {
              box-shadow: 0 0.2rem 1.11rem 0.1rem rgba(56, 88, 50, 0.2);
              background-color: #5ba34f;
              color: #fff; } }
        .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container .swiper-slide {
          opacity: 0;
          transform: translateX(150%); }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container .swiper-slide:nth-child(1) {
            transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container .swiper-slide:nth-child(2) {
            transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container .swiper-slide:nth-child(3) {
            transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container .swiper-slide:nth-child(4) {
            transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container .swiper-slide:nth-child(5) {
            transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
          .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container .swiper-slide:nth-child(6) {
            transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
      .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on {
        opacity: 1;
        pointer-events: auto; }
    .ind_body .ind_src4_box .ind_src4_lb_box + .ind_src4_lb_nav {
      display: none; }
.ind_body .ind_src5_box {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: .6rem; }
  .ind_body .ind_src5_box .pub_case {
    margin-left: inherit;
    margin-right: inherit; }
    .ind_body .ind_src5_box .pub_case .ind_src5_tit {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .ind_body .ind_src5_box .pub_case .ind_src5_tit .pub_title_n {
        padding: .5rem 0;
        width: 20.3%;
        border-bottom: 1px solid rgba(0, 39, 71, 0.3);
        opacity: 0;
        transition: opacity 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.4s; }
      .ind_body .ind_src5_box .pub_case .ind_src5_tit .btn_icon_sty {
        opacity: 0;
        transform: translateY(-0.2rem);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
    .ind_body .ind_src5_box .pub_case .ind_src5_con {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: -.46rem; }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_l {
        width: 29.105%; }
        .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .pub_title_en {
          line-height: .9;
          opacity: 0;
          transform: translateY(0.4rem);
          transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s;
          display: none; }
        .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g {
          font-size: .36rem;
          line-height: 1;
          margin-top: .6rem;
          opacity: 0;
          transform: translateY(0.4rem);
          transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
          .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g span {
            font-family: 'en_l'; }
          .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g div {
            font-size: .16rem;
            margin-top: .15rem;
            opacity: 0;
            transform: translateY(0.4rem);
            transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_c {
        width: 41.79%;
        border-radius: 100%;
        transform: scale(1.2);
        filter: blur(16px);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
        .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_c .pub_img {
          opacity: 0; }
          .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_c .pub_img.on {
            opacity: 1; }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r {
        width: 29.105%;
        text-align: right;
        padding-left: .5rem;
        opacity: 0;
        transform: translateX(100%);
        clip: rect(3.1rem, 5rem, 3.1rem, 1.8rem);
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
        .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a {
          padding: .43rem 0;
          cursor: pointer;
          position: relative;
          display: block;
          transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
          .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a::before {
            content: '';
            display: block;
            height: 1px;
            bottom: 0;
            right: 0;
            width: 2.25rem;
            position: absolute;
            background-color: rgba(0, 39, 71, 0.2); }
          .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a:last-child::before {
            display: none; }
          .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a > div {
            line-height: 1; }
            .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a > div:first-child {
              font-size: .18rem;
              font-weight: bold; }
            .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a > div:nth-child(2) {
              margin-top: .13rem;
              font-size: .14rem; }
          @media screen and (orientation: landscape) {
            .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a:hover {
              transform: translateX(-0.3rem); } }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .btn_icon_sty {
        display: none; }
.ind_body .ind_active .ind_src2_box .src2_img .src2_c_box .src2_c_img {
  width: 100%;
  height: 100%;
  animation: imgF 4s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.2s forwards; }
@keyframes imgF {
  0% {
    opacity: 0;
    transform: scale(1.2) translateX(100%); }
  30% {
    opacity: .6;
    transform: scale(1.25) translateX(40%); }
  50% {
    opacity: .8;
    transform: scale(1.15); }
  100% {
    opacity: 1;
    transform: none; } }
.ind_body .ind_active .ind_src2_box .src2_img .src2_c_box:nth-child(1) {
  clip: rect(16vh, 14vw, 90.2vh, 4.6875vw);
  transition: clip 3s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
.ind_body .ind_active .ind_src2_box .src2_img .src2_c_box:nth-child(2) {
  clip: rect(11vh, 25.23vw, 100vh, 18.23vw);
  transition: clip 3s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
.ind_body .ind_active .ind_src2_box .ind_src2_con .pub_title_line span {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1s;
  margin-left: -0.04em; }
.ind_body .ind_active .ind_src2_box .ind_src2_con .pub_title_line img {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1s; }
.ind_body .ind_active .ind_src2_box .ind_src2_con .ind_src2_txt .pub_title_n {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.2s; }
.ind_body .ind_active .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .pub_info {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.4s; }
.ind_body .ind_active .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .btn_icon_sty {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.6s; }
.ind_body .ind_active .ind_src3_case .ind_src3_box .ind_src3_con .pub_img_box img {
  transform: none;
  transition: all 2.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
.ind_body .ind_active .ind_src3_case .ind_src3_box .ind_src3_con .ind_src3_mask img {
  opacity: 1;
  transform: none;
  transition: all 2.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
.ind_body .ind_active .ind_src3_case .ind_src3_box .ind_src3_con .pub_case > img {
  opacity: 1;
  transition: opacity 1.2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1s; }
.ind_body .ind_active .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .pub_title {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.2s; }
.ind_body .ind_active .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .pub_title_en {
  display: block; }
.ind_body .ind_active .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .btn_icon_sty {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.6s; }
.ind_body .ind_active .ind_src3_case .ind_src3_box .swiper-pagination {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 2s; }
.ind_body .ind_active .ind_src3_case .ind_src3_nav_box {
  transform: none;
  transition: transform 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 2.2s; }
.ind_body .ind_active .ind_src4_box .pub_title_n {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.4s; }
.ind_body .ind_active .ind_src4_box .ind_src4_nav {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
.ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on {
  display: block; }
  .ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on .swiper-container .swiper-slide {
    opacity: 1;
    transform: none; }
    .ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on .swiper-container .swiper-slide:nth-child(1) {
      transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.8s; }
    .ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on .swiper-container .swiper-slide:nth-child(2) {
      transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1s; }
    .ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on .swiper-container .swiper-slide:nth-child(3) {
      transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.2s; }
    .ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on .swiper-container .swiper-slide:nth-child(4) {
      transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.4s; }
    .ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on .swiper-container .swiper-slide:nth-child(5) {
      transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.6s; }
    .ind_body .ind_active .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con.on .swiper-container .swiper-slide:nth-child(6) {
      transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.8s; }
.ind_body .ind_active .ind_src5_box .pub_case .ind_src5_tit .pub_title_n {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.4s; }
.ind_body .ind_active .ind_src5_box .pub_case .ind_src5_tit .btn_icon_sty {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1s; }
.ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .pub_title_en {
  opacity: 1;
  transform: none;
  display: block;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
.ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g {
  opacity: 1;
  transform: none;
  transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
  .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g div {
    opacity: 1;
    transform: none;
    transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.9s; }
.ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_c {
  transform: none;
  filter: none;
  transition: all 2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.3s; }
.ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_r {
  opacity: 1;
  transform: none;
  clip: rect(3.1rem, 5rem, 3.1rem, 5rem);
  transition: all 1.2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.2s; }
.ind_body .last-slide {
  position: relative; }
  .ind_body .last-slide .footer_case:nth-child(1) .pub_case {
    opacity: 0; }
  .ind_body .last-slide .footer_case:nth-child(2) {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: transparent; }
    .ind_body .last-slide .footer_case:nth-child(2) .footer_bg {
      display: none; }
    .ind_body .last-slide .footer_case:nth-child(2) .pub_case {
      display: none; }
  .ind_body .last-slide.my-slide-visible .footer_case:nth-child(2) .pub_case {
    display: block; }

.-ms- .ind_body .ind_src2_box .ind_src2_con .pub_title_line span {
  display: none; }
.-ms- .ind_body .ind_src2_box .ind_src2_con .pub_title_line img {
  display: block; }
.-ms- .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .ind_src3_mask img {
  display: none; }
  .-ms- .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .ind_src3_mask img.ms {
    display: block; }

.b_hint {
  width: 1.86rem;
  display: flex;
  align-items: center;
  font-size: .16rem;
  line-height: 1;
  color: #fff; }
  .b_hint > div {
    width: 18px;
    margin-right: .27rem;
    height: 25px;
    border-radius: .2rem;
    border: 2px solid #fff;
    position: relative; }
    .b_hint > div span {
      left: 6px;
      position: absolute;
      top: 5px;
      width: 2px;
      height: 5px;
      background-color: #fff;
      border-radius: 1px;
      animation: upDown 1s ease-out infinite; }
@keyframes upDown {
  to {
    transform: translate3d(0, 100%, 0); } }
.about_body .pub_banner_box .banner_txt {
  opacity: .8; }
  .about_body .pub_banner_box .banner_txt + .banner_txt {
    opacity: 1; }

.pub_banner_box {
  position: relative;
  overflow: hidden; }
  .pub_banner_box .pub_img_box {
    transform: scale(1.5);
    transition: transform 3s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
    .pub_banner_box .pub_img_box::before {
      margin-top: 48.95%; }
    @media screen and (orientation: landscape) {
      .pub_banner_box .pub_img_box::before {
        margin-top: 100vh; } }
  .pub_banner_box .banner_txt {
    text-align: center;
    margin-top: -.37rem;
    width: 100%;
    padding: 0 .4rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: overlay; }
    .pub_banner_box .banner_txt .banner_en {
      font-size: .9rem;
      line-height: .75;
      color: #fff;
      margin-bottom: .6rem;
      opacity: 0;
      transform: translateY(0.5rem); }
    .pub_banner_box .banner_txt .banner_tit {
      font-size: .5rem;
      line-height: 1;
      color: #fff;
      opacity: 0;
      transform: translateY(0.5rem); }
  .pub_banner_box .b_hint {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    left: 50%;
    bottom: .55rem;
    transform: translateX(-50%);
    display: block;
    text-align: center;
    opacity: 0; }
    .pub_banner_box .b_hint > div {
      margin: 0 auto .28rem; }
  .pub_banner_box.go .pub_img_box {
    transform: none; }
  .pub_banner_box.go .banner_txt .banner_en {
    opacity: 1;
    transform: none;
    transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
    transition-delay: 1s; }
  .pub_banner_box.go .banner_txt .banner_tit {
    opacity: 1;
    transform: none;
    transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
    transition-delay: 1.5s; }
  .pub_banner_box.go .b_hint {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
    transition-delay: 2s; }

.fixed_body .nav_r1 .com_box {
  position: fixed;
  top: 0; }

.nav_r1 {
  height: 1rem;
  z-index: 9; }
  .nav_r1 .com_case {
    width: 100%;
    position: relative;
    left: 0;
    background-color: white;
    z-index: 9;
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
    .nav_r1 .com_case .pub_case {
      border-bottom: 1px solid rgba(91, 163, 79, 0.1); }
      .nav_r1 .com_case .pub_case .swiper-container {
        margin-bottom: -1px; }
        @media screen and (orientation: landscape) {
          .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper {
            display: flex;
            justify-content: space-between; } }
        .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide {
          padding-bottom: 1px;
          font-size: 0;
          height: calc(1rem + 1px);
          width: auto;
          transition: height 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
          .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            position: relative;
            color: rgba(40, 82, 50, 0.5);
            font-size: .18rem;
            font-weight: bold;
            transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99), font-size 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
            cursor: pointer; }
            .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide a::before {
              content: '';
              display: block;
              position: absolute;
              left: 0;
              bottom: -1px;
              height: 1px;
              background-color: #5ba34f;
              width: 100%;
              transform: scaleX(0);
              transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
            @media screen and (orientation: landscape) {
              .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide a:hover {
                color: #5ba34f; } }
          .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide.on a {
            color: #5ba34f; }
            .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide.on a::before {
              transform: none; }
    .nav_r1 .com_case.on {
      box-shadow: 0.3rem 0 0.4rem -0.1rem rgba(0, 0, 0, 0.1); }
      .nav_r1 .com_case.on .pub_case .swiper-container .swiper-wrapper .swiper-slide {
        height: calc(.65rem + 1px); }
        .nav_r1 .com_case.on .pub_case .swiper-container .swiper-wrapper .swiper-slide a {
          font-size: .14rem; }
  .nav_r1 + section {
    padding-top: 1.2rem; }

.com_box {
  padding-top: 1.4rem; }
  .com_box .com_tit {
    font-size: .26rem;
    line-height: 1;
    color: #10411c;
    font-weight: bold;
    padding-bottom: .2rem;
    border-bottom: 1px solid rgba(27, 93, 43, 0.2);
    margin-bottom: .16rem; }
    .com_box .com_tit span {
      display: block; }
  .com_box .com_con {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .com_box .com_con ul {
      width: 2.3rem; }
      .com_box .com_con ul li {
        display: block;
        font-size: .18rem;
        line-height: 1;
        padding: .13rem 0;
        color: #2f2f2f; }
        .com_box .com_con ul li:first-child {
          color: #10411c;
          font-weight: bold; }

.com_box2 .pub_case {
  display: flex;
  align-items: flex-start; }
  @media screen and (orientation: landscape) {
    .com_box2 .pub_case > div {
      width: 50%; }
      .com_box2 .pub_case > div:nth-child(2) h4, .com_box2 .pub_case > div:nth-child(2) .com_con ul {
        padding-left: 12%; } }
.com_box2 .com_con ul {
  width: 100%; }
  .com_box2 .com_con ul li {
    line-height: 1.8888;
    padding: .07rem 0; }
    .com_box2 .com_con ul li:first-child {
      color: #2f2f2f;
      font-weight: normal; }

.com_body section:nth-last-child(2) {
  padding-bottom: 1.65rem; }

.cor_body .btn_icon_sty span {
  font-size: .16rem; }
.cor_body .cor_r1 {
  margin-top: .8rem;
  padding-bottom: 1.65rem; }
  @media screen and (orientation: landscape) {
    .cor_body .cor_r1 {
      margin-top: 0;
      padding-top: .8rem; } }
  .cor_body .cor_r1 .pub_case {
    background-color: rgba(91, 163, 79, 0.08); }
    .cor_body .cor_r1 .pub_case .cor_t, .cor_body .cor_r1 .pub_case .cor_con_box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-right: .9rem; }
      .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l, .cor_body .cor_r1 .pub_case .cor_t .cor_con_l, .cor_body .cor_r1 .pub_case .cor_con_box .cor_r1_l, .cor_body .cor_r1 .pub_case .cor_con_box .cor_con_l {
        width: 37%; }
      .cor_body .cor_r1 .pub_case .cor_t .cor_con_r, .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r, .cor_body .cor_r1 .pub_case .cor_con_box .cor_con_r, .cor_body .cor_r1 .pub_case .cor_con_box .cor_r1_r {
        width: 60.5%; }
    .cor_body .cor_r1 .pub_case .cor_t {
      padding-top: .9rem;
      padding-bottom: .95rem; }
      .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l {
        text-align: center; }
        .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l h4 {
          font-size: .28rem;
          line-height: 1;
          font-weight: bold; }
        .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .en_bo, .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .abo_r4_t, .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .abo_r4_t, .cor_body .cor_r1 .l_en .ind_body .ind_active .ind_src5_box .pub_case .cor_t .cor_r1_l .ind_src5_con .ind_src5_l .ind_src5_g div, .l_en .ind_body .ind_active .ind_src5_box .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .ind_src5_con .ind_src5_l .ind_src5_g div, .cor_body .cor_r1 .l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g .cor_t .cor_r1_l div, .l_en .ind_body .ind_active .ind_src5_box .cor_body .cor_r1 .pub_case .ind_src5_con .ind_src5_l .ind_src5_g .cor_t .cor_r1_l div, .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .l_en .btn_icon_sty span, .l_en .btn_icon_sty .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l span, .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .l_en footer .footer_box .foot_nav, .l_en footer .footer_box .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .foot_nav, .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .l_en footer .footer_box .foot_con .foot_n, .l_en footer .footer_box .foot_con .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l .foot_n {
          margin-top: .15rem;
          line-height: .8;
          font-size: .18rem; }
      .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r {
        font-weight: bold;
        font-size: .2rem;
        line-height: 1.8;
        text-align: justify; }
        @media screen and (orientation: landscape) {
          .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r {
            font-size: .16rem; } }
    .cor_body .cor_r1 .pub_case .cor_case_box {
      background-color: #fff;
      border-radius: 1.8rem 0 0 0;
      box-shadow: 0 0.5rem 1.2rem 0 rgba(54, 64, 57, 0.1);
      padding-bottom: 1px; }
      .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box {
        border-bottom: 1px solid rgba(91, 163, 79, 0.2);
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 3rem;
        padding-top: 1rem;
        padding-bottom: 1rem; }
        @media screen and (orientation: landscape) {
          .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box {
            padding-top: .66rem;
            padding-bottom: .66rem; } }
        .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l {
          position: relative;
          z-index: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 2rem;
            line-height: 1;
            color: rgba(91, 163, 79, 0.05); }
          .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l h5 {
            font-size: .28rem;
            line-height: 1;
            font-weight: bold; }
          .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l div {
            margin-top: .15rem;
            font-size: .18rem;
            line-height: .8; }
        .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .pub_info {
          color: #2f2f2f;
          margin-top: 0; }
          @media screen and (orientation: landscape) {
            .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .pub_info {
              font-size: .16rem; } }
        .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .btn_icon_sty {
          margin-top: .5rem; }
          @media screen and (orientation: landscape) {
            .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .btn_icon_sty {
              width: 1.9rem; }
              .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .btn_icon_sty div {
                width: .5rem;
                height: .5rem; }
              .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .btn_icon_sty span {
                width: calc(100% - .5rem); } }
        .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box:last-child {
          border-bottom: none; }
      .cor_body .cor_r1 .pub_case .cor_case_box .cor_b {
        margin: 0 1rem 1rem;
        border-radius: .6rem;
        background-color: rgba(91, 163, 79, 0.08);
        display: flex;
        align-items: center;
        height: 1rem;
        padding: 0 .86rem;
        font-size: .18rem;
        font-weight: bold; }
        .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > span {
          width: 31.5%; }
        .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div {
          display: flex;
          align-items: center;
          height: 100%;
          width: 68.5%; }
          @media screen and (orientation: landscape) {
            .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div {
              font-size: .16rem; } }
          .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div a {
            height: 100%;
            display: flex;
            align-items: center;
            color: #5ba34f;
            margin-right: 13.58%;
            cursor: pointer;
            transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
            .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div a:last-child {
              margin-right: 0; }
            .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div a span {
              text-decoration: underline;
              white-space: nowrap;
              transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
              transform-origin: 0 50%; }
            .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div a i {
              margin-left: .23rem;
              font-size: .18rem;
              transform: scale(0.6); }
            @media screen and (orientation: landscape) {
              .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div a:hover {
                color: #10411c; }
                .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div a:hover span {
                  transform: scaleX(1.05); } }

.swiper-scrollbar-drag {
  background: #5ba34f; }

.swiper-container-vertical > .swiper-scrollbar {
  right: 0;
  width: 3px; }

.financial_nav {
  width: 2.2rem;
  position: relative; }
  .financial_nav .financial_con {
    width: 2.2rem; }
    .financial_nav .financial_con > .iconfont {
      opacity: 0;
      font-size: .3rem;
      line-height: 2;
      color: #5ba34f;
      display: flex;
      align-items: center;
      justify-content: center; }
      .financial_nav .financial_con > .iconfont.on {
        opacity: .2; }
    .financial_nav .financial_con .swiper-container {
      height: calc(100% - .6rem); }
  .financial_nav .swiper-slide {
    height: auto; }
    .financial_nav .swiper-slide a {
      display: flex;
      align-items: center;
      justify-content: center;
      height: .76rem;
      font-size: .2rem;
      line-height: 1;
      color: rgba(40, 82, 50, 0.4);
      transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
      border-radius: .8rem;
      overflow: hidden;
      position: relative; }
      .financial_nav .swiper-slide a::before {
        content: '';
        display: block;
        width: 120%;
        height: 120%;
        left: -10%;
        top: -10%;
        position: absolute;
        background-color: rgba(91, 163, 79, 0.05);
        border-radius: .8rem;
        transform: translateX(-120%);
        transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
      @media screen and (orientation: landscape) {
        .financial_nav .swiper-slide a:hover {
          color: #5ba34f; }
          .financial_nav .swiper-slide a:hover::before {
            transform: none; } }
    .financial_nav .swiper-slide.on a {
      color: #5ba34f; }
      .financial_nav .swiper-slide.on a::before {
        transform: none; }

.financial_r {
  width: calc(100% - 2.8rem);
  background-color: rgba(91, 163, 79, 0.05); }
  .financial_r .fina_case .fina_c {
    height: 1.3rem;
    display: flex;
    align-items: center;
    padding-right: .35rem;
    padding-left: .5rem;
    position: relative;
    transition: all .5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
    .financial_r .fina_case .fina_c::before {
      content: '';
      display: block;
      height: 1px;
      width: 100%;
      background-color: rgba(91, 163, 79, 0.1);
      left: 0;
      top: 0;
      transition: opacity 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
      position: absolute; }
    .financial_r .fina_case .fina_c:first-child::before {
      display: none; }
    @media screen and (orientation: landscape) {
      .financial_r .fina_case .fina_c:hover {
        background-color: #fff;
        box-shadow: 0 0.5rem 1.2rem 0 rgba(54, 64, 57, 0.1); }
        .financial_r .fina_case .fina_c:hover::before {
          opacity: 0; }
        .financial_r .fina_case .fina_c:hover + .fina_c::before {
          opacity: 0; } }
    .financial_r .fina_case .fina_c .fina_i {
      width: .4rem;
      display: block;
      margin-right: .35rem; }
    .financial_r .fina_case .fina_c .fina_txt {
      width: calc(100% - .4rem - .35rem - 2rem - .4rem);
      color: #1b5d2b;
      line-height: 1; }
      .financial_r .fina_case .fina_c .fina_txt h4 {
        font-size: .18rem;
        line-height: 1.31;
        font-family: 'en_b';
        margin-bottom: .1rem; }
      .financial_r .fina_case .fina_c .fina_txt .fina_m {
        font-size: .12rem;
        display: flex;
        align-items: center; }
        .financial_r .fina_case .fina_c .fina_txt .fina_m span {
          margin-right: .2rem; }
    .financial_r .fina_case .fina_c .fina_btn {
      display: flex;
      align-items: center; }
      .financial_r .fina_case .fina_c .fina_btn a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: .46rem;
        width: 1rem;
        border-radius: .8rem;
        position: relative;
        margin-left: .2rem;
        overflow: hidden;
        z-index: 0;
        color: #5ba34f;
        cursor: pointer;
        border: 1px solid #5ba34f;
        font-size: .14rem; }
        .financial_r .fina_case .fina_c .fina_btn a:first-child {
          color: #fff;
          background-color: #5ba34f; }
          .financial_r .fina_case .fina_c .fina_btn a:first-child:before {
            background-color: #f7faf6; }
          @media screen and (orientation: landscape) {
            .financial_r .fina_case .fina_c .fina_btn a:first-child:hover {
              color: #5ba34f; } }
        .financial_r .fina_case .fina_c .fina_btn a:before {
          content: '';
          display: block;
          width: 120%;
          height: 120%;
          left: -10%;
          top: -10%;
          position: absolute;
          background-color: #5ba34f;
          border-radius: .8rem;
          transform: translateX(-120%);
          transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
          z-index: -1; }
        .financial_r .fina_case .fina_c .fina_btn a i {
          margin-left: .1rem;
          font-size: .16rem; }
        @media screen and (orientation: landscape) {
          .financial_r .fina_case .fina_c .fina_btn a:hover {
            color: #fff; }
            .financial_r .fina_case .fina_c .fina_btn a:hover::before {
              transform: none; } }
  .financial_r .fina_case.fina_tg .fina_c {
    padding-right: .64rem;
    padding-left: .84rem; }
    .financial_r .fina_case.fina_tg .fina_c .fina_i {
      margin-right: .35rem; }
    .financial_r .fina_case.fina_tg .fina_c .fina_txt {
      width: calc(100% - .56rem - .35rem); }
      .financial_r .fina_case.fina_tg .fina_c .fina_txt h4 {
        font-size: .18rem; }

.financial_body .financial_r1 {
  padding-top: .8rem;
  padding-bottom: 2.2rem; }
  .financial_body .financial_r1 .pub_case {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }

.stock_body .stock_r1 {
  padding-top: 1.2rem;
  padding-bottom: 1.8rem; }
  .stock_body .stock_r1 .stock_t {
    width: 545px;
    margin: 0 auto .65rem; }
    .stock_body .stock_r1 .stock_t h2 {
      display: flex;
      font-size: .46rem;
      line-height: 1;
      margin-bottom: .15rem;
      align-items: baseline; }
      .stock_body .stock_r1 .stock_t h2 span {
        font-size: .48rem; }
    .stock_body .stock_r1 .stock_t div {
      font-size: .16rem;
      line-height: 1; }
  .stock_body .stock_r1 a {
    width: 100%;
    display: block; }
    .stock_body .stock_r1 a img {
      display: block;
      margin: 0 auto; }

section {
  background-size: cover;
  background-position: center; }

.swiper-button-prev, .swiper-button-next {
  width: .74rem;
  height: .74rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin: 0;
  left: auto;
  right: auto;
  top: auto;
  background-image: none;
  transition: background-color 0 cubic-bezier(0.25, 0.74, 0.22, 0.99) 0; }
  .swiper-button-prev::before, .swiper-button-next::before {
    content: '';
    display: block;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    position: absolute;
    transform: translateX(-100%);
    transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
  .swiper-button-prev i, .swiper-button-next i {
    font-size: .3rem;
    line-height: 1;
    transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
    position: relative;
    z-index: 2; }
  @media screen and (orientation: landscape) {
    .swiper-button-prev:hover, .swiper-button-next:hover {
      background-color: transparent;
      transition: background-color 0.01s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.45s; }
      .swiper-button-prev:hover::before, .swiper-button-next:hover::before {
        transform: none; } }

.swiper-button-prev {
  background-color: #fff; }
  .swiper-button-prev::before {
    background-color: #10411c; }
  .swiper-button-prev i {
    color: #10411c; }
  @media screen and (orientation: landscape) {
    .swiper-button-prev:hover i {
      color: #fff; } }

.swiper-button-next {
  background-color: #10411c; }
  .swiper-button-next::before {
    background-color: #fff; }
  .swiper-button-next i {
    color: #fff; }
  @media screen and (orientation: landscape) {
    .swiper-button-next:hover i {
      color: #10411c; } }

.about_body .pub_case {
  width: 83.75%;
  max-width: 2000px;
  position: relative; }
.about_body .pub_title_l {
  width: 1.55rem;
  height: .75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .6rem;
  border: 1px solid #10411c;
  font-weight: bold;
  font-size: .16rem; }
  @media screen and (orientation: landscape) {
    .about_body .pub_title_l .font-fadeIn span {
      line-height: .8; } }
.about_body .abo_r1 {
  overflow: hidden;
  padding-top: 1.2rem;
  padding-bottom: 1.1rem;
  background-position: left bottom; }
  .about_body .abo_r1 .pub_case {
    position: relative; }
  .about_body .abo_r1 .src_el_box {
    left: 60%;
    bottom: 15%;
    position: absolute;
    border-radius: 100%;
    overflow: hidden;
    width: 58.5%; }
  .about_body .abo_r1 .abo_r1_con {
    display: flex;
    align-items: flex-start; }
    .about_body .abo_r1 .abo_r1_con .abo_r1_l {
      width: 48%; }
      .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font, .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .about_body .abo_r1 .abo_r1_con .abo_r1_l span {
        margin: 1.4rem 0 0;
        line-height: 1.1666;
        font-size: 1.1rem; }
        @media screen and (orientation: landscape) {
          .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font span, .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span span, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .about_body .abo_r1 .abo_r1_con .abo_r1_l span span {
            width: 1em;
            display: inline-block; } }
        .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font svg, .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span svg, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .about_body .abo_r1 .abo_r1_con .abo_r1_l span svg {
          width: 5.91rem;
          height: 2.93rem;
          display: none; }
    .about_body .abo_r1 .abo_r1_con .abo_r1_r {
      width: 48.880597014%;
      background-color: #fff;
      min-height: 5.23rem;
      padding: 8.14% 9.4% 2.6119% 4.228855721%;
      margin-top: 1.8rem;
      z-index: 3; }
      @media screen and (orientation: landscape) {
        .about_body .abo_r1 .abo_r1_con .abo_r1_r {
          margin-left: -13%; } }
      .about_body .abo_r1 .abo_r1_con .abo_r1_r .abo_r1_n {
        line-height: 1;
        font-size: .3rem;
        font-weight: bold; }
      .about_body .abo_r1 .abo_r1_con .abo_r1_r .pub_info_s {
        margin-top: .5rem; }
.about_body .abo_r2 .abo_r1_con {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse; }
  .about_body .abo_r2 .abo_r1_con .abo_r2_r {
    width: 45.15%;
    color: #fff;
    background-color: #5ba34f;
    background-size: cover;
    background-position: center;
    padding: 9.266169% 8.582089% 10.385572139%; }
    .about_body .abo_r2 .abo_r1_con .abo_r2_r .abo_r2_n {
      line-height: 1;
      font-size: .28rem;
      font-weight: bold; }
    .about_body .abo_r2 .abo_r1_con .abo_r2_r .pub_info_s {
      margin-top: .47rem;
      color: #fff; }
    .about_body .abo_r2 .abo_r1_con .abo_r2_r span {
      width: .55rem;
      display: block;
      height: 2px;
      background-color: #fff;
      margin-top: .99rem;
      margin-bottom: 1.13rem; }
  .about_body .abo_r2 .abo_r1_con .abo_r2_l {
    width: 50%;
    padding-top: 4.975124378%;
    padding-bottom: 15.9%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end; }
    .about_body .abo_r2 .abo_r1_con .abo_r2_l .pub_title_en {
      line-height: 1.25;
      color: #fff;
      text-align: right; }
      @media screen and (orientation: landscape) {
        .about_body .abo_r2 .abo_r1_con .abo_r2_l .pub_title_en {
          font-size: .6rem;
          margin-bottom: 2%; } }
      .about_body .abo_r2 .abo_r1_con .abo_r2_l .pub_title_en span {
        opacity: .5; }
.about_body .abo_r3 {
  background-position: right top;
  padding-top: 1.2rem;
  padding-bottom: 1.13rem; }
  .about_body .abo_r3 .abo_r3_c {
    margin-top: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .about_body .abo_r3 .abo_r3_c .aob_r3_nav {
      font-size: .8rem;
      margin-top: 1.25em;
      height: 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .about_body .abo_r3 .abo_r3_c .aob_r3_nav > div {
        margin-left: .05rem;
        margin-right: .2rem; }
  .about_body .abo_r3 .abo_r3_b {
    margin-top: .5rem; }
    .about_body .abo_r3 .abo_r3_b .swiper-container {
      overflow: visible; }
      .about_body .abo_r3 .abo_r3_b .swiper-container a {
        display: block;
        background-color: #fff;
        transition: all .5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
        box-shadow: 0 0.2rem 0.4rem 0 rgba(17, 17, 17, 0.05); }
        .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t {
          padding: .5rem .4rem .3rem;
          line-height: 1;
          transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
          .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t .abo_r3_n {
            margin-bottom: .19rem;
            font-size: .2rem;
            border: none;
            font-weight: bold; }
          .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t > div {
            font-size: .16rem; }
        .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info {
          background-color: #fff;
          border-radius: .4rem 0 0;
          padding: .3rem .4rem .3rem;
          height: 2.1rem;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          position: relative; }
          .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info p {
            width: 100%; }
          .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info .hint_t {
            align-self: flex-end;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            color: #5ba34f;
            font-size: .14rem;
            line-height: 1;
            margin-top: .3rem;
            margin-right: -.32rem; }
            .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info .hint_t i {
              margin-left: .12rem;
              font-size: .12rem;
              margin-top: .02rem;
              margin-right: -.07rem; }
          .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info .pub_info_s {
            color: #191919;
            margin-top: 0;
            height: 100%;
            overflow-y: auto;
            margin-right: -.4rem;
            padding-right: .4rem;
            width: calc(100% + .4rem); }
            @media screen and (orientation: landscape) {
              .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info .pub_info_s {
                font-size: .14rem;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                work-break: break-all;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 6; } }
          .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info::before {
            content: '';
            display: block;
            position: absolute;
            left: .4rem;
            top: 0;
            font-size: .2rem;
            width: 4em;
            height: 1px;
            background-color: #10411c;
            transition: opacity 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
        @media screen and (orientation: landscape) {
          .about_body .abo_r3 .abo_r3_b .swiper-container a:hover {
            background-color: #5ba34f;
            box-shadow: 0 0.5rem 1rem 0 rgba(17, 17, 17, 0.1);
            transform: translateY(-0.33rem); }
            .about_body .abo_r3 .abo_r3_b .swiper-container a:hover .abo_r3_t {
              color: #fff; }
            .about_body .abo_r3 .abo_r3_b .swiper-container a:hover .abo_r3_info::before {
              opacity: 0; } }
    .about_body .abo_r3 .abo_r3_b + .aob_r3_nav {
      display: none; }
.about_body .abo_sha_box {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
  .about_body .abo_sha_box.on {
    opacity: 1;
    pointer-events: all; }
    .about_body .abo_sha_box.on .abo_r3_t .abo_r3_n {
      opacity: 1;
      transform: none; }
    .about_body .abo_sha_box.on .abo_r3_t > div:nth-child(2) {
      opacity: 1;
      transform: none; }
    .about_body .abo_sha_box.on .pub_info_s {
      opacity: 1;
      transform: none; }
  .about_body .abo_sha_box .abo_r3_t .abo_r3_n {
    opacity: 0;
    transform: translateY(0.4rem);
    transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.3s; }
  .about_body .abo_sha_box .abo_r3_t > div:nth-child(2) {
    opacity: 0;
    transform: translateY(0.4rem);
    transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s; }
  .about_body .abo_sha_box .pub_info_s {
    opacity: 0;
    transform: translateY(0.4rem);
    transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.9s; }
  .about_body .abo_sha_box .abo_sha {
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(16px);
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; }
  .about_body .abo_sha_box .abo_sha_case {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 85%;
    background-color: #fff;
    height: 80vh;
    max-width: 800px;
    padding: 1rem .6rem; }
    .about_body .abo_sha_box .abo_sha_case .btn_abo_sha_close {
      position: absolute;
      left: calc(100% + .2rem);
      bottom: calc(100% + .2rem);
      font-size: .4rem;
      display: block;
      line-height: 1;
      cursor: pointer;
      color: rgba(255, 255, 255, 0.8);
      transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
      @media screen and (orientation: landscape) {
        .about_body .abo_sha_box .abo_sha_case .btn_abo_sha_close:hover {
          color: #10411c; } }
    .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_t {
      line-height: 1; }
      .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_t .abo_r3_n {
        margin-bottom: .19rem;
        font-size: .3rem;
        border: none;
        font-weight: bold; }
      .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_t > div {
        font-size: .2rem; }
    .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_info {
      height: calc(80vh - 2rem - 1.1rem);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      padding-top: .8rem;
      margin-top: .4rem; }
      .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_info .pub_info_s {
        color: #191919;
        margin-top: 0;
        height: 100%;
        overflow-y: auto;
        margin-right: -.4rem;
        padding-right: .4rem;
        width: calc(100% + .4rem); }
      .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_info::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        font-size: .2rem;
        width: 4em;
        height: 1px;
        background-color: #10411c;
        transition: opacity 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
.about_body .abo_r4 {
  padding-top: 1.13rem;
  padding-bottom: 1.5rem;
  overflow: hidden; }
  .about_body .abo_r4 .abo_r3_t {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .about_body .abo_r4 .abo_r3_t .pub_title_l {
      color: #fff;
      border-color: #fff;
      margin-top: .07rem; }
    .about_body .abo_r4 .abo_r3_t .pub_title_en {
      color: #fff;
      text-align: right;
      font-size: .8rem;
      line-height: 1;
      margin-top: -.17rem; }
  @media screen and (orientation: landscape) {
    .about_body .abo_r4 .abo_r4_b {
      margin-top: 1.2rem;
      margin-bottom: -.7rem; } }
  .about_body .abo_r4 .abo_r4_b .aob_r4_nav {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: .5rem; }
    .about_body .abo_r4 .abo_r4_b .aob_r4_nav .swiper-button-prev {
      margin-left: 0; }
    .about_body .abo_r4 .abo_r4_b .aob_r4_nav .swiper-button-next {
      margin-right: 0; }
  .about_body .abo_r4 .abo_r4_b .swiper-container {
    overflow: visible; }
    .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-wrapper .t_c {
      position: absolute;
      left: 0;
      top: 38%;
      transform: translateY(-50%);
      height: 10.145681581vw; }
      .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-wrapper .t_c span {
        display: block; }
    .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-wrapper .t_l {
      width: 100%;
      height: 100%;
      background-repeat: repeat-x;
      background-position: left center;
      -webkit-mask-image: -webkit-linear-gradient(left, black 60%, rgba(0, 0, 0, 0) 100%); }
    .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-wrapper .t_b {
      position: absolute;
      width: 50vw;
      top: 0;
      height: 100%;
      right: 100%;
      background-position: right center;
      background-repeat: repeat-x; }
    .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide {
      position: relative;
      height: 5.3rem; }
      .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen {
        position: absolute;
        width: 100%;
        left: 0;
        top: 34.5%;
        padding-left: .65rem;
        padding-right: .5rem; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen > span {
          border-radius: 100%;
          width: .16rem;
          height: .16rem;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          transform: translate(-50%, -50%); }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen::before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 0;
          border-left: 1px dashed #fff; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box {
          padding-top: .6rem;
          padding-bottom: .35rem;
          color: #fff; }
          .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .abo_r4_t {
            font-size: .56rem;
            line-height: .715; }
          .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .pub_info {
            margin-top: .2rem;
            color: #fff; }
            @media screen and (orientation: landscape) {
              .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .pub_info {
                font-size: .16rem; } }
      @media screen and (orientation: landscape) {
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(even) .abo_r4_cen > span {
          bottom: 0;
          top: auto;
          transform: translate(-50%, 50%); }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(even) .abo_r4_cen .abo_r4_box {
          padding-top: 0; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 2) .abo_r4_cen {
          bottom: 73%;
          top: auto; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 3) .abo_r4_cen {
          top: 50.5%; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 4) .abo_r4_cen {
          bottom: 54%;
          top: auto;
          padding-bottom: 1.2rem; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 5) .abo_r4_cen {
          top: 23%; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 6) .abo_r4_cen {
          bottom: 56%;
          top: auto; } }

@media screen and (orientation: landscape) {
  .-ms- .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font, .-ms- .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .-ms- .about_body .abo_r1 .abo_r1_con .abo_r1_l span {
    font-size: 0; }
    .-ms- .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font svg, .-ms- .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span svg, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .-ms- .about_body .abo_r1 .abo_r1_con .abo_r1_l span svg {
      display: block; } }
.business_body .pub_case {
  width: 83.75%;
  max-width: 2000px;
  position: relative; }
.business_body .bus_r1 {
  overflow: hidden;
  padding-top: 1.42rem;
  padding-bottom: 1.7rem; }
  .business_body .bus_r1 .pub_case {
    position: relative; }
  .business_body .bus_r1 .src_el_box {
    right: 56.4054726%;
    bottom: .75rem;
    position: absolute;
    border-radius: 100%;
    overflow: hidden;
    width: 62.189%; }
  .business_body .bus_r1 .bus_r1_txt {
    width: 45%;
    margin-left: auto; }
    .business_body .bus_r1 .bus_r1_txt .bus_r1_t {
      display: flex;
      justify-content: flex-end; }
      .business_body .bus_r1 .bus_r1_txt .bus_r1_t > div {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        font-size: .3rem;
        line-height: 1;
        text-align: right;
        align-items: flex-end;
        color: #377c2b; }
        .business_body .bus_r1 .bus_r1_txt .bus_r1_t > div span {
          width: .16rem;
          height: 3px;
          background-color: #377c2b; }
      .business_body .bus_r1 .bus_r1_txt .bus_r1_t img {
        width: .88rem;
        height: .88rem;
        max-width: .88rem;
        max-height: .88rem;
        display: block;
        margin-left: .5rem; }
    .business_body .bus_r1 .bus_r1_txt .pub_title_n {
      margin-top: 2rem; }
    .business_body .bus_r1 .bus_r1_txt .pub_title_n_en {
      margin-top: .28rem; }
    .business_body .bus_r1 .bus_r1_txt .pub_info_s {
      margin-top: .72rem; }
.business_body .bus_r2 {
  padding-top: 1.7rem;
  padding-bottom: 1.64rem; }
  .business_body .bus_r2 .pub_case {
    display: flex;
    justify-content: space-between; }
    .business_body .bus_r2 .pub_case .bus_r2_c {
      width: 41.8%;
      position: relative; }
      .business_body .bus_r2 .pub_case .bus_r2_c > img {
        position: absolute;
        width: 40.029761904%;
        left: 75.1488%;
        display: block;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none; }
      .business_body .bus_r2 .pub_case .bus_r2_c .swiper-container {
        border-radius: 100%; }
    .business_body .bus_r2 .pub_case .bus_r2_l, .business_body .bus_r2 .pub_case .bus_r2_r {
      width: 29.1%;
      padding-top: .4rem;
      padding-bottom: .1rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .business_body .bus_r2 .pub_case .bus_r2_l {
      align-items: flex-start; }
      .business_body .bus_r2 .pub_case .bus_r2_l .pub_title_n {
        padding-bottom: .49rem;
        width: 3.26rem;
        border-bottom: 1px solid rgba(0, 39, 71, 0.3); }
      .business_body .bus_r2 .pub_case .bus_r2_l .pub_title_en {
        line-height: .9;
        margin-bottom: .2rem; }
      .business_body .bus_r2 .pub_case .bus_r2_l .bus_r2_lb_n {
        line-height: 1;
        font-size: .6rem;
        display: block; }
        @media screen and (orientation: landscape) {
          .business_body .bus_r2 .pub_case .bus_r2_l .bus_r2_lb_n {
            margin-bottom: 1rem; } }
      .business_body .bus_r2 .pub_case .bus_r2_l .swiper-pagination {
        margin-top: .3rem;
        display: flex;
        align-items: center;
        line-height: 1;
        font-size: .28rem;
        position: relative;
        left: auto;
        bottom: auto;
        display: none; }
        .business_body .bus_r2 .pub_case .bus_r2_l .swiper-pagination span {
          margin-right: .1rem; }
    .business_body .bus_r2 .pub_case .bus_r2_r {
      align-items: flex-end;
      line-height: 1;
      transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
      .business_body .bus_r2 .pub_case .bus_r2_r .bus_r2_n {
        text-align: right;
        font-size: .24rem;
        font-weight: bold; }
      .business_body .bus_r2 .pub_case .bus_r2_r .bus_r2_en {
        text-align: right;
        font-size: .14rem;
        margin-top: .1rem; }
      .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer; }
        .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide::before {
          content: '';
          display: block;
          left: 100%;
          height: 1px;
          top: 50%;
          margin-top: -.5px;
          width: 30vw;
          position: absolute;
          background-color: #5ba34f;
          transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
          transform-origin: 0 50%;
          transform: scaleX(0); }
        .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide > div {
          transition: transform 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
        .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide.on {
          color: #5ba34f; }
          .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide.on::before {
            transform: none; }
          .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide.on > div {
            transform: translateX(-0.48rem); }
        @media screen and (orientation: landscape) {
          .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide:hover {
            color: #5ba34f; } }
      .business_body .bus_r2 .pub_case .bus_r2_r .bus_r2_nav {
        height: calc(100% - .8rem);
        width: 100%;
        margin-top: .4rem; }
        .business_body .bus_r2 .pub_case .bus_r2_r .bus_r2_nav .swiper-container {
          height: 100%;
          padding-right: 30vw;
          margin-right: -30vw;
          box-sizing: content-box; }
.business_body .bus_r3 {
  padding-top: 1.4rem;
  padding-bottom: .9rem; }
  .business_body .bus_r3 .bus_r3_t {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    .business_body .bus_r3 .bus_r3_t .pub_title_n {
      margin-bottom: .06rem; }
    .business_body .bus_r3 .bus_r3_t .pub_title_en {
      line-height: .9;
      text-align: right; }
  .business_body .bus_r3 .bus_r3_c {
    display: flex;
    align-items: flex-start;
    margin-top: .7rem; }
    .business_body .bus_r3 .bus_r3_c .bus_r3_l {
      width: 25%; }
      .business_body .bus_r3 .bus_r3_c .bus_r3_l h5 {
        text-align: center;
        line-height: 1;
        font-size: .24rem;
        margin-top: .3rem; }
      @media screen and (orientation: landscape) {
        .business_body .bus_r3 .bus_r3_c .bus_r3_l {
          margin-top: .22rem; }
          .business_body .bus_r3 .bus_r3_c .bus_r3_l:nth-child(2) {
            margin-top: -1.05rem; }
          .business_body .bus_r3 .bus_r3_c .bus_r3_l:nth-child(3) {
            margin-top: 1.1rem; }
          .business_body .bus_r3 .bus_r3_c .bus_r3_l:nth-child(4) {
            margin-top: 0; } }

.legal_body .legal {
  padding-top: 2rem;
  padding-bottom: 2rem;
  max-width: 1000px; }
  .legal_body .legal h4 {
    text-align: center;
    font-size: .36rem;
    color: #10411c;
    font-weight: 600;
    padding-bottom: 0.3rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .legal_body .legal p, .legal_body .legal div {
    font-size: .14rem;
    text-align: justify;
    margin-bottom: 0.4rem;
    line-height: 2;
    color: #666; }

@media all and (max-width: 1600px) and (orientation: landscape) {
  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 2) .abo_r4_cen {
    bottom: 72%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 3) .abo_r4_cen {
    top: 49.5%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 5) .abo_r4_cen {
    top: 24%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 6) .abo_r4_cen {
    bottom: 57%; } }
@media all and (max-width: 1536px) and (orientation: landscape) {
  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 2) .abo_r4_cen {
    bottom: 73%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 3) .abo_r4_cen {
    top: 50.5%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 5) .abo_r4_cen {
    top: 23%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 6) .abo_r4_cen {
    bottom: 56%; } }
@media all and (max-width: 1536px) {
  .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt {
    margin-top: .45rem; }

  .ind_body .ind_active .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .btn_icon_sty {
    margin-top: 1.2rem; }

  .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .pub_case .btn_icon_sty {
    margin-top: .6rem; }

  .ind_body .ind_src4_box {
    padding-top: 1.2rem; }

  .ind_body .ind_src4_box .ind_src4_lb_box {
    margin-top: .4rem; }

  .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box .new_time {
    margin-top: 0.1rem;
    line-height: 1; } }
@media all and (max-width: 1440px) and (orientation: landscape) {
  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 2) .abo_r4_cen {
    bottom: 72%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 3) .abo_r4_cen {
    top: 49.5%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 5) .abo_r4_cen {
    top: 24%; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(6n + 6) .abo_r4_cen {
    bottom: 57%; } }
@media all and (max-width: 1280px) and (orientation: landscape) {
  .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt {
    margin-top: .45rem; }

  .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .btn_icon_sty {
    margin-top: 14.5%; }

  .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box {
    padding: 0.2rem 0.5rem 0.3rem; }

  .ind_body .ind_src5_box .pub_case .ind_src5_con {
    margin-top: -.8rem; } }
@media screen and (max-width: 1100px) and (orientation: landscape) {
  .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box .pub_info {
    line-height: 1.35;
    height: 4.05em; } }
@media screen and (orientation: portrait) {
  .about_body .abo_r1 .src_el_box {
    top: -2.5rem;
    bottom: auto; }

  .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font, .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .about_body .abo_r1 .abo_r1_con .abo_r1_l span {
    display: none; }

  body {
    font-size: .28rem; }

  .pub_banner_box .pub_img_box::before {
    margin-top: 45vh; }

  .pub_banner_box .banner_txt .banner_en {
    font-size: .8rem;
    line-height: 1;
    margin-bottom: .3rem; }

  .pub_banner_box .banner_txt .banner_tit {
    font-size: .46rem; }

  .pub_banner_box.go .b_hint {
    display: none; }

  .pub_banner_box .banner_txt {
    margin-top: 0; }

  .ind_body .ind_banner_box .banner_txt .pub_title_en {
    font-size: .7rem;
    line-height: 1; }

  .ind_body .ind_banner_box .banner_txt .ban_tit {
    font-size: .44rem; }

  .ind_body .ind_banner_box .swiper-pagination {
    width: 20px; }
    .ind_body .ind_banner_box .swiper-pagination div {
      width: 20px;
      height: 20px; }
      .ind_body .ind_banner_box .swiper-pagination div::after {
        width: 2px;
        height: 2px;
        margin-top: -1px;
        margin-left: -1px; }

  .ind_body .ind_src2_box .ind_src2_con {
    padding-top: 1.2rem; }

  .ind_body .ind_src2_box .ind_src2_con .pub_title_line {
    font-size: .8rem; }

  .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt {
    margin-top: .2rem;
    display: block;
    padding-bottom: 1.8rem; }
    .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .pub_title_n {
      width: 100%; }
    .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt {
      width: 100%;
      margin-top: 1.2rem; }

  .ind_body .ind_src2_box {
    flex-direction: column; }
    .ind_body .ind_src2_box .ind_src2_col {
      height: 24.9%;
      width: 100%;
      display: none; }
    .ind_body .ind_src2_box .src2_con_img {
      width: 100%;
      height: 68%; }
    .ind_body .ind_src2_box .src2_img {
      width: 100%;
      height: 100%;
      pointer-events: none;
      opacity: .8; }
    .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .btn_icon_sty {
      margin-top: .8rem; }
  .ind_body .ind_src3_case .ind_src3_box .ind_src3_con .ind_src3_mask {
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 190%; }
  .ind_body .ind_src5_box {
    padding-top: 1.2rem; }
    .ind_body .ind_src5_box .pub_case .ind_src5_tit .pub_title_n {
      width: auto;
      padding-right: 2em; }
    .ind_body .ind_src5_box .pub_case .ind_src5_tit .btn_icon_sty {
      display: none; }
    .ind_body .ind_src5_box .pub_case .ind_src5_con {
      flex-direction: column;
      align-items: flex-start;
      margin-top: .5rem; }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_l {
        width: 100%; }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_c {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: none; }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r {
        width: 100%;
        padding-left: 0;
        text-align: left;
        margin-top: 1.2rem; }
        .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a::before {
          left: 0;
          right: auto; }
        .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a > div:first-child {
          font-size: .24rem; }
        .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_r a > div:nth-child(2) {
          font-size: .2rem; }
      .ind_body .ind_src5_box .pub_case .ind_src5_con .btn_icon_sty {
        margin: .4rem auto 0;
        transform: translateY(0.2rem);
        opacity: 0;
        transition: all 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.6s;
        display: flex; }

  .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .btn_icon_sty {
    opacity: 1;
    transform: none;
    transition: all 1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 1.3s; }

  .about_body .pub_case {
    width: 100%;
    padding-bottom: 1rem; }

  .about_body .abo_r2 .abo_r1_con .abo_r2_r span {
    margin-top: .4rem;
    margin-bottom: .6rem; }

  .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font, .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .about_body .abo_r1 .abo_r1_con .abo_r1_l span, .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .about_body .abo_r1 .abo_r1_con .abo_r1_l span {
    margin-top: .6rem;
    font-size: .8rem;
    line-height: 1.1; }

  .about_body .abo_r1 .abo_r1_con {
    display: block;
    position: relative;
    z-index: 3; }
    .about_body .abo_r1 .abo_r1_con .abo_r1_l {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .about_body .abo_r1 .abo_r1_con .abo_r1_l .marc_font, .about_body .abo_r1 .abo_r1_con .abo_r1_l .ind_body .ind_src2_box .ind_src2_con .pub_title_line span, .ind_body .ind_src2_box .ind_src2_con .pub_title_line .about_body .abo_r1 .abo_r1_con .abo_r1_l span {
        margin-top: -.2rem; }
    .about_body .abo_r1 .abo_r1_con .abo_r1_r {
      margin-top: .2rem;
      width: 100%; }
  .about_body .abo_r2 .abo_r1_con {
    display: block;
    padding-top: .6rem; }
    .about_body .abo_r2 .abo_r1_con .abo_r2_l {
      width: 100%;
      align-items: baseline;
      flex-direction: row;
      padding-bottom: .4rem; }
      .about_body .abo_r2 .abo_r1_con .abo_r2_l .pub_title_en {
        color: #5ba34f;
        font-size: .6rem;
        line-height: 1.1; }
    .about_body .abo_r2 .abo_r1_con .abo_r2_r {
      width: 100%;
      padding-top: .8rem;
      padding-bottom: .8rem; }
      .about_body .abo_r2 .abo_r1_con .abo_r2_r .abo_r2_n {
        font-size: .32rem; }
  .about_body .abo_r3 .abo_r3_c {
    margin-top: .6rem;
    display: block; }
    .about_body .abo_r3 .abo_r3_c .aob_r3_nav {
      margin-top: .4rem;
      justify-content: center;
      display: none; }
      .about_body .abo_r3 .abo_r3_c .aob_r3_nav > div {
        margin: 0 .2rem; }
  .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t .abo_r3_n {
    font-size: .32rem; }
  .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t > div {
    font-size: .28rem; }
  .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info {
    height: 4rem; }
  .about_body .abo_r3 .abo_r3_b + .aob_r3_nav {
    display: flex;
    justify-content: center;
    margin-top: .8rem; }
    .about_body .abo_r3 .abo_r3_b + .aob_r3_nav > div {
      margin-left: .2rem;
      margin-right: .2rem; }
  .about_body .abo_r4 .abo_r4_b {
    margin-top: .5rem; }
    .about_body .abo_r4 .abo_r4_b .aob_r4_nav {
      display: flex;
      margin-top: .6rem; }
      .about_body .abo_r4 .abo_r4_b .aob_r4_nav > div {
        margin: 0 .2rem; }
    .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-wrapper .t_c {
      top: 50%;
      margin-top: -.5px;
      height: 0 !important;
      border-bottom: 1px dashed #fff; }
      .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-wrapper .t_c span {
        display: none; }
    .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide {
      height: 8rem; }
      .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen {
        top: 50%; }
      .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(even) .abo_r4_cen {
        top: auto;
        bottom: 50%; }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(even) .abo_r4_cen > span {
          bottom: 0;
          top: auto;
          transform: translate(-50%, 50%); }
        .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide:nth-child(even) .abo_r4_cen .abo_r4_box {
          padding-top: 0; }

  .business_body .pub_case {
    width: 100%; }
  .business_body .bus_r1 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem; }
    .business_body .bus_r1 .src_el_box {
      top: -1.8rem;
      bottom: auto; }
    .business_body .bus_r1 .bus_r1_txt {
      width: 95%;
      margin-left: auto;
      margin-right: auto; }
      .business_body .bus_r1 .bus_r1_txt .pub_title_n {
        margin-top: 2.8rem; }
  .business_body .bus_r2 {
    padding-top: .8rem;
    padding-bottom: 1.2rem; }
    .business_body .bus_r2 .pub_case {
      display: block; }
      .business_body .bus_r2 .pub_case .bus_r2_l, .business_body .bus_r2 .pub_case .bus_r2_r {
        width: 100%; }
      .business_body .bus_r2 .pub_case .bus_r2_l {
        padding-top: 0; }
        .business_body .bus_r2 .pub_case .bus_r2_l .pub_title_en {
          margin-top: .4rem; }
        .business_body .bus_r2 .pub_case .bus_r2_l .bus_r2_i {
          margin-top: .4rem;
          width: 100%;
          text-align: center;
          display: none; }
        .business_body .bus_r2 .pub_case .bus_r2_l .swiper-pagination {
          justify-content: center; }
      .business_body .bus_r2 .pub_case .bus_r2_c {
        width: 84%;
        margin-top: .4rem;
        margin-right: auto;
        margin-left: auto; }
      .business_body .bus_r2 .pub_case .bus_r2_r .swiper-container {
        overflow: visible; }
      .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide {
        display: block;
        width: auto; }
        .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide::before {
          display: none; }
        .business_body .bus_r2 .pub_case .bus_r2_r .swiper-slide.on > div {
          transform: none; }
      .business_body .bus_r2 .pub_case .bus_r2_r .bus_r2_nav {
        height: auto;
        margin: .4rem 0 0; }
      .business_body .bus_r2 .pub_case .bus_r2_r .bus_r2_n {
        text-align: center;
        font-size: .32rem; }
      .business_body .bus_r2 .pub_case .bus_r2_r .bus_r2_en {
        font-size: .2rem;
        text-align: center; }
  .business_body .bus_r3 .bus_r3_c {
    flex-wrap: wrap; }
    .business_body .bus_r3 .bus_r3_c .bus_r3_l {
      width: 50%;
      margin-top: 0;
      padding-bottom: .4rem; }

  .com_box .com_tit {
    font-size: .40rem; }

  .about_body .abo_r1 {
    padding-bottom: 0; }

  .com_box {
    padding-top: .8rem; }
    .com_box .com_con {
      flex-wrap: wrap; }
      .com_box .com_con ul {
        width: 46.5%;
        padding-right: 0;
        margin-top: .4rem; }
        .com_box .com_con ul:first-child, .com_box .com_con ul:nth-child(2) {
          margin-top: 0; }
        .com_box .com_con ul li {
          font-size: .28rem;
          line-height: 1.71;
          padding: .1rem 0; }

  .com_box2 .com_con ul {
    width: 100%; }
  .com_box2 .pub_case {
    display: block; }
    .com_box2 .pub_case > div {
      width: 100%;
      padding-top: .8rem; }
      .com_box2 .pub_case > div:first-child {
        padding-top: 0; }

  .cor_body .cor_r1 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0; }
    .cor_body .cor_r1 .pub_case .cor_t, .cor_body .cor_r1 .pub_case .cor_con_box {
      display: block;
      padding-right: .4rem;
      padding-bottom: 0.4rem; }
      .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l, .cor_body .cor_r1 .pub_case .cor_t .cor_con_l, .cor_body .cor_r1 .pub_case .cor_con_box .cor_r1_l, .cor_body .cor_r1 .pub_case .cor_con_box .cor_con_l {
        width: 100%;
        text-align: left;
        margin-bottom: .4rem; }
      .cor_body .cor_r1 .pub_case .cor_t .cor_con_r, .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r, .cor_body .cor_r1 .pub_case .cor_con_box .cor_con_r, .cor_body .cor_r1 .pub_case .cor_con_box .cor_r1_r {
        width: 100%; }
    .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r {
      font-size: .28rem; }
    .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box {
      display: block;
      padding-left: .4rem; }
      .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l h5 {
        font-size: .32rem; }
      .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l div {
        font-size: .2rem; }

  .cor_body .cor_r1 .pub_case {
    padding-bottom: 1.2rem; }

  .cor_body .cor_r1 .pub_case .cor_case_box .cor_b {
    display: block;
    height: auto;
    padding: .6rem .5rem .4rem;
    margin-left: .4rem;
    margin-right: .4rem;
    font-size: .24rem;
    border-radius: 0; }
    .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div {
      padding: .2rem 0;
      width: 100%;
      flex-wrap: wrap; }

  .financial_body .financial_r1 {
    padding-bottom: 1.2rem; }

  .financial_body .financial_r1 .pub_case {
    display: block; }

  .financial_r {
    margin-top: .6rem;
    width: 100%; }
    .financial_r .fina_case .fina_c {
      padding: .6rem .4rem .4rem;
      height: auto;
      flex-wrap: wrap; }
      .financial_r .fina_case .fina_c .fina_i {
        margin-right: .3rem; }
      .financial_r .fina_case .fina_c .fina_txt {
        width: calc(100% - .86rem); }
        .financial_r .fina_case .fina_c .fina_txt h4 {
          margin-bottom: 0.06rem;
          line-height: 1.5;
          font-size: .28rem; }
        .financial_r .fina_case .fina_c .fina_txt .fina_m {
          font-size: .24rem;
          line-height: 1.2;
          height: 1.2em; }
          .financial_r .fina_case .fina_c .fina_txt .fina_m span {
            display: none; }
            .financial_r .fina_case .fina_c .fina_txt .fina_m span:last-child {
              display: block; }
      .financial_r .fina_case .fina_c .fina_btn {
        width: 100%;
        margin-top: .4rem;
        justify-content: center; }
        .financial_r .fina_case .fina_c .fina_btn a {
          width: 2rem;
          margin: 0 .2rem;
          font-size: .24rem;
          height: .92rem; }

  .financial_nav {
    width: 100%; }
    .financial_nav .swiper-slide {
      width: auto; }
      .financial_nav .swiper-slide a {
        padding-right: .3rem;
        padding-left: .3rem; }

  .financial_r .fina_case.fina_tg .fina_c .fina_txt h4 {
    font-size: .3rem; }

  .financial_r .fina_case.fina_tg .fina_c {
    height: auto;
    padding: .4rem; }

  .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide a {
    font-size: .28rem;
    font-weight: normal; }

  .financial_nav .swiper-slide a {
    font-size: .28rem;
    height: 1rem;
    padding-right: .5rem;
    padding-left: .5rem; }

  .b_hint {
    font-size: 0;
    width: .6rem; }

  .ind_body .ind_banner_box .banner_hint > span {
    width: calc(100% - .6rem); }

  .ind_body .ind_banner_box .banner_hint .pages {
    width: 1.3rem;
    font-size: .2rem; }

  .ind_body .ind_src3_case .ind_src3_nav_box {
    width: 100%;
    height: 1.58rem;
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
    transform: translateY(25vw); }

  .ind_body .ind_active .ind_src2_box .ind_src2_con .ind_src2_txt .pub_title_n {
    color: #10411c; }

  .ind_body .ind_src3_case .ind_src3_con::before {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.2); }
  .ind_body .ind_src3_case .ind_src3_con .pub_case {
    z-index: 4; }
  .ind_body .ind_src3_case .ind_src3_nav_box::before {
    left: 0;
    right: auto;
    width: 100%;
    height: 1px; }
  .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide {
    border-bottom: none;
    border-right: 1px solid rgba(230, 232, 238, 0.2);
    height: 1.6rem; }
    .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide:last-child {
      border-right: none; }
    .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide .ind_src3_n > div {
      height: 0;
      max-height: none;
      transition: height 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
    .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide.on .ind_src3_n {
      height: 25vw;
      margin-left: 0;
      margin-top: calc(1.6rem - 25vw);
      width: 100%; }
      .ind_body .ind_src3_case .ind_src3_nav_box .swiper-slide.on .ind_src3_n > div {
        height: calc(1em + .28rem);
        max-height: none; }

  .ind_body .ind_src4_box .ind_src4_lb_box {
    margin-top: 1.2rem; }

  .ind_body .ind_src4_box .pub_title_n {
    padding: .4rem 0; }

  .ind_body .ind_src4_box .ind_src4_nav {
    margin-top: .4rem; }

  .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box {
    padding-left: .2rem;
    padding-right: .2rem; }

  .ind_src4_nav .ind_src4_lb_nav {
    display: none; }

  .ind_body .ind_src4_box .ind_src4_lb_box + .ind_src4_lb_nav {
    display: block;
    margin-top: .6rem; }
    .ind_body .ind_src4_box .ind_src4_lb_box + .ind_src4_lb_nav .ind_src4_nav {
      justify-content: center; }
      .ind_body .ind_src4_box .ind_src4_lb_box + .ind_src4_lb_nav .ind_src4_nav > div {
        margin-left: .2rem;
        margin-right: .2rem; }

  .ind_body .ind_src4_box .ind_src4_lb_box .ind_src4_lb_con .swiper-container a .new_txt_box .new_time {
    font-size: .2rem;
    margin-top: .2rem; }

  .ind_body .ind_src4_box .ind_src4_nav .ind_src4_nav_box .btn_nav {
    font-size: .24rem; }

  .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .pub_title_en {
    display: none; }

  .ind_body .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g {
    margin-top: 0; }

  .nav .nav_con_c .line_box li > a {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem; }

  .nav .nav_con_c .n_share_box > div a, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m) {
    padding-left: .2rem;
    padding-right: .2rem; }

  .about_body .abo_r1 .abo_r1_con .abo_r1_r {
    padding-left: .8rem;
    padding-right: .8rem;
    padding-bottom: 1rem; }

  .nav .nav_con_c .n_share_box {
    padding-right: .35rem;
    width: auto;
    flex-direction: row-reverse; }

  .nav.nav_w .nav_con_c .n_share_box .sha_box {
    border: none; }

  .nav .nav_con_c .n_share_box > .stock_box {
    background: none;
    color: #1b5d2b; }

  .about_body .abo_r2 .abo_r1_con .abo_r2_r .pub_info_s {
    margin-top: .32rem; }

  .swiper-button-prev, .swiper-button-next {
    width: 1rem;
    height: 1rem; }

  .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .abo_r4_t {
    font-weight: 700; }

  .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l h4 {
    font-size: .4rem; }

  .cor_body .btn_icon_sty span {
    font-size: .24rem;
    margin-top: .02rem; }

  .about_body .pub_title_l {
    font-size: .24rem;
    width: 1.8rem;
    height: .8rem; }

  .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g div {
    font-size: .24rem;
    transform: none;
    transition: none; }

  .pub_title_en.scroll-animate {
    line-height: 1.1; }

  .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info .hint_t {
    font-size: .24rem; }
    .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_info .hint_t i {
      font-size: .2rem; }

  .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_t .abo_r3_n {
    font-size: .32rem; }

  .about_body .abo_sha_box .abo_sha_case .abo_sha_con .abo_r3_t > div {
    font-size: .28rem; }

  .about_body .abo_sha_box .abo_sha_case .btn_abo_sha_close {
    left: calc(100% - 0.4rem);
    font-size: .6rem; }

  .legal_body .legal p {
    font-size: .24rem; }

  .nav_r1 .com_case.on .pub_case .swiper-container .swiper-wrapper .swiper-slide {
    height: calc(.8rem + 1px); }

  .nav_r1 .com_case.on .pub_case .swiper-container .swiper-wrapper .swiper-slide a {
    font-size: .24rem; }

  .financial_nav .financial_con {
    width: 100%;
    display: flex;
    align-items: center; }
    .financial_nav .financial_con .swiper-container {
      height: auto; }
    .financial_nav .financial_con > .iconfont {
      display: none; }

  .btn_icon_sty {
    height: .8rem; }

  .nav .nav_con_c .n_share_box > .stock_box {
    font-size: .2rem;
    line-height: 1.35;
    width: 10em;
    transform: none;
    left: auto;
    right: 100%;
    padding: 0;
    margin-right: -0.2rem; }

  .nav .nav_con_c .n_share_box .sha_box > a {
    display: none; }

  .nav .nav_con_c .n_share_box > div a.otherItem > div, .nav .nav_con_c .n_share_box > div > div:not(.btn_nav_m).otherItem > div {
    width: 1.2rem;
    margin-left: -.6rem; }

  footer .footer_box .foot_con .foot_n .sha_box {
    display: flex; } }
.l_en body {
  font-family: "Microsoft JhengHei", "Source Han Sans CN", "PingFang SC", "Source Han Serif SC", "Microsoft YaHei", sans-serif; }
.l_en .pub_info, .l_en .pub_info_s {
  line-height: 1.5;
  text-align: left; }
.l_en .ind_body .ind_active .ind_src2_box .ind_src2_con .pub_title_line span {
  font-family: "Microsoft JhengHei"; }
.l_en .nav .nav_con_c .line_box div li a span {
  line-height: 1.3;
  padding: 0.12rem 0; }
.l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g span {
  display: block; }
.l_en footer .footer_box .foot_nav {
  font-weight: normal; }
.l_en footer .footer_box .foot_con .foot_m_en {
  display: none; }
.l_en footer .footer_box .foot_con .foot_n {
  font-weight: normal; }
.l_en .pub_banner_box .banner_txt .banner_en {
  margin-bottom: 0; }
.l_en .about_body .pub_title_l {
  text-align: center;
  line-height: 1.3; }
.l_en .pub_banner_box.go .banner_txt .banner_tit {
  display: none; }
.l_en .business_body .pub_banner_box .banner_txt .banner_en {
  margin-bottom: .6rem; }
.l_en .business_body .pub_banner_box.go .banner_txt .banner_tit {
  display: block; }
.l_en .about_body .abo_r2 .abo_r1_con .abo_r2_r .abo_r2_n {
  line-height: 1.3; }
.l_en .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r {
  text-align: left; }
.l_en .com_box .com_con ul li {
  line-height: 1.3; }
.l_en .about_body .abo_r4 .abo_r3_t .pub_title_en {
  text-align: left; }
@media screen and (orientation: landscape) {
  .l_en .com_box .com_tit {
    line-height: 1.2; }
  .l_en .pub_info, .l_en .pub_info_s {
    font-size: .14rem; }
  .l_en .ind_body .pub_info, .l_en .ind_body .pub_info_s {
    font-size: .16rem; }
  .l_en .ind_body .ind_src2_box .ind_src2_con .ind_src2_txt .src2_con_txt .pub_info {
    letter-spacing: .05em;
    font-size: .18rem; }
  .l_en .business_body .bus_r3 .bus_r3_c .bus_r3_l {
    padding-bottom: .15rem; }
  .l_en .nav .nav_con_c .line_box li div a {
    font-size: .14rem; }
    .l_en .nav .nav_con_c .line_box li div a span {
      white-space: nowrap;
      padding: .15rem 0; }
  .l_en .nav.hover_on::before {
    height: 4.7rem !important; }
  .l_en .ind_body .ind_src5_box .pub_case .ind_src5_tit {
    margin-bottom: -1rem; }
  .l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_tit .pub_title_n {
    font-weight: normal;
    font-size: .3rem; }
  .l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g {
    font-size: .48rem; }
    .l_en .ind_body .ind_active .ind_src5_box .pub_case .ind_src5_con .ind_src5_l .ind_src5_g div {
      margin-top: .3rem; }
  .l_en footer .footer_box .foot_nav ul li {
    margin-bottom: .1rem; }
    .l_en footer .footer_box .foot_nav ul li:last-child {
      margin-bottom: 0; }
  .l_en .about_body .pub_title_l {
    font-size: .14rem;
    padding: 0 0.5rem; }
  .l_en .about_body .abo_r2 .abo_r1_con .abo_r2_r {
    padding: 6% 7% 6.5%; }
    .l_en .about_body .abo_r2 .abo_r1_con .abo_r2_r span {
      margin-top: .5rem;
      margin-bottom: 0.6rem; }
  .l_en .about_body .abo_r4 .abo_r4_b .swiper-container .swiper-slide .abo_r4_cen .abo_r4_box .pub_info {
    font-size: .14rem; }
  .l_en .nav_r1 .com_case .pub_case .swiper-container .swiper-wrapper .swiper-slide a {
    font-size: .14rem; }
  .l_en .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l h5, .l_en .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l h4 {
    text-align: center;
    padding: 0 1.1rem; }
  .l_en .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r,
  .l_en .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .pub_info {
    font-size: .14rem; }
  .l_en .com_box .com_con ul {
    width: 3.5rem; }
  .l_en .com_box .com_con ul li {
    font-size: .14rem;
    padding: .08rem 0; }
  .l_en .business_body .bus_r3 .bus_r3_c .bus_r3_l h5 {
    font-size: .16rem; }
  .l_en .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_r .btn_icon_sty span {
    font-size: .12rem; }
  .l_en .about_body .abo_r3_t .pub_title_l {
    display: none; }
  .l_en .about_body .abo_r3 .abo_r3_c {
    margin-top: 0; }
  .l_en .cor_body .cor_r1 .pub_case .cor_case_box .cor_c .cor_con_box .cor_con_l h5 {
    font-size: .24rem; }
  .l_en .cor_body .cor_r1 .pub_case .cor_t .cor_r1_l h4 {
    font-size: .24rem; }
  .l_en .financial_r .fina_case .fina_c .fina_btn a {
    font-size: .12rem; }
    .l_en .financial_r .fina_case .fina_c .fina_btn a i {
      font-size: .12rem;
      margin-left: .05rem; }
  .l_en .financial_r .fina_case .fina_c .fina_btn a {
    width: 1.3rem; }
  .l_en .financial_r .fina_case .fina_c .fina_txt {
    width: calc(100% - .4rem - .35rem - 2.6rem - .4rem); }
  .l_en .financial_r .fina_case.fina_tg .fina_c .fina_txt {
    width: calc(100% - 0.56rem - 0.35rem); }
  .l_en .about_body .abo_r2 .abo_r1_con .abo_r2_l .pub_title_en {
    margin-bottom: -6%; }
  .l_en .com_box2:nth-last-child(2) .com_tit {
    height: calc(2.4em + .2rem); } }
.l_en .financial_r .fina_case .fina_c {
  height: auto;
  padding-top: .5rem;
  padding-bottom: .5rem; }
@media screen and (orientation: portrait) {
  .l_en .nav .nav_con_c .n_share_box > .stock_box {
    font-size: .2rem;
    width: 2.2rem; }
  .l_en .about_body .pub_title_l {
    opacity: 0;
    pointer-events: none;
    border: none;
    font-size: 0; }
  .l_en .about_body .abo_r1 .abo_r1_con .abo_r1_l {
    display: none; }
  .l_en .about_body .abo_r3_t .pub_title_l {
    display: none; }
  .l_en .pub_info, .l_en .pub_info_s {
    line-height: 1.3; }
  .l_en .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t {
    padding: .8rem .4rem .6rem; }
  .l_en .about_body .abo_r3 .abo_r3_b .swiper-container a {
    height: 100%; }
  .l_en .about_body .abo_r4 .abo_r3_t .pub_title_en {
    text-align: left; }
  .l_en .com_box .com_con ul {
    width: 100%; }
    .l_en .com_box .com_con ul li {
      padding: .05rem 0; }
  .l_en .com_box .com_con ul:first-child, .l_en .com_box .com_con ul:nth-child(2) {
    margin-top: .4rem; }
  .l_en .cor_body .cor_r1 .pub_case .cor_t .cor_r1_r {
    line-height: 1.3; }
  .l_en .cor_body .cor_r1 .pub_case .cor_case_box .cor_b > div a span {
    white-space: pre-wrap; }
  .l_en .financial_r .fina_case .fina_c .fina_btn a i {
    font-size: inherit; } }
.l_en .about_body .abo_r3 .abo_r3_b .swiper-container a .abo_r3_t .abo_r3_n {
  font-weight: normal; }
.l_en .nav .nav_con_c .line_box .sec_box:nth-of-type(4) > div a:nth-last-child(2) {
  display: block; }

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